/* ENVO Chinese group edition: a maritime cover, documentary photography and a materials index. */
:root {--eg-navy:#0a2639;--eg-deep:#102f43;--eg-paper:#f5f4ef;--eg-line:#cbd6d9;--eg-accent:#a55428;--eg-text:#19364a}
.eg-chapter,.eg-feature,.eg-factstrip,.eg-endcap {color:var(--eg-text)}
.eg-chapter {padding:clamp(44px,5vw,88px) 0;background:#fff}
.eg-chapter[id],#catalog,#documents {scroll-margin-top:94px}
.eg-chapter.eg-mist {background:var(--eg-paper)}
.eg-chapter.eg-night,.eg-endcap {background:var(--eg-navy);color:#f6fafb}
.eg-tag {margin:0 0 13px;color:#28607c;font-weight:700;font-size:12px;line-height:1.5;letter-spacing:.13em}
.eg-tag::before {content:"";display:inline-block;width:25px;height:2px;margin-right:9px;background:#bf7944;vertical-align:middle}
.eg-chapter h2,.eg-endcap h2 {font-size:clamp(28px,3.1vw,50px);line-height:1.3;letter-spacing:-.055em;margin:0;color:inherit;text-wrap:balance}
.eg-chapter h3 {font-size:clamp(20px,1.7vw,29px);margin:0 0 10px;line-height:1.45;color:inherit}
.eg-chapter p:not(.eg-tag),.eg-endcap p:not(.eg-tag) {font-size:clamp(15px,1.12vw,18px);line-height:1.9;margin:0 0 15px;color:#435e6c}
.eg-link {display:inline-flex;align-items:baseline;gap:.55em;min-height:38px;padding:7px 0;color:#145478;text-decoration:none;font-size:14px;font-weight:680;line-height:1.55}
.eg-link span {font-family:Arial,sans-serif}
.eg-link:hover,.eg-field:hover h3 {text-decoration:underline;text-underline-offset:4px}
.eg-chapter :focus-visible,.eg-feature :focus-visible,.eg-factstrip :focus-visible,.eg-endcap :focus-visible {outline:3px solid #cc893d;outline-offset:2px}
.eg-chapter p:empty,.eg-feature p:empty,.eg-factstrip p:empty,.eg-endcap p:empty {display:none}
.inquiry-form .form-field[hidden] {display:none}
.eg-chapter figure {margin:0;min-width:0}
.eg-chapter figure img {display:block;width:100%;height:auto;object-fit:cover}
.eg-chapter figcaption {font-size:12px;line-height:1.55;margin-top:8px;color:#506a76}
.eg-feature.ze-hero {background:var(--eg-paper)}
.eg-feature .ze-hero-copy>.eg-link {margin-top:12px}
.eg-hero-actions {display:flex;align-items:center;gap:10px 24px;flex-wrap:wrap;margin-top:16px}
.eg-archive .ze-hero-media {clip-path:none;left:50%}
.eg-archive .ze-hero-media::before {content:"";display:block;position:absolute;z-index:1;inset:0 auto 0 0;border-left:5px solid #be8044}
.eg-archive .ze-hero-copy {padding-right:22px}
.eg-ocean.ze-hero {background:#071e2e;color:white;border:0}
.eg-ocean .ze-hero-media {clip-path:none;inset:0}
.eg-ocean .ze-hero-media img {object-position:72% center}
.eg-ocean .ze-hero-media::after {background:linear-gradient(90deg,#041927cc,#051b2f75 37%,transparent 71%)}
.eg-ocean>.container {min-height:clamp(460px,37vw,640px)}
.eg-ocean .ze-hero-copy {width:52%;padding:clamp(44px,5vw,80px) 0}
.eg-ocean h1 {color:#fff;line-height:1.13;font-size:clamp(43px,4.6vw,78px);letter-spacing:-.055em;margin:20px 0}
.eg-ocean .ze-intro {color:#e0edf0;max-width:36em;font-size:clamp(16px,1.22vw,20px)}
.eg-ocean .eg-tag,.eg-night .eg-tag,.eg-endcap .eg-tag {color:#a9d3dc}
.eg-finder {margin:24px 0 5px;padding:4px;display:flex;background:white;max-width:560px;min-height:50px}
.eg-finder input {flex:1;min-width:0;color:#142f44;border:0;font:inherit;padding:9px 12px;width:100%;background:white;border-radius:0}
.eg-finder button {background:#164e70;color:#fff;border:0;cursor:pointer;padding:8px 16px;white-space:nowrap;font:600 14px/1.4 inherit;font-family:inherit}
.eg-hints {display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;color:#dbe8ea;font-size:12px}
.eg-hints a {color:#fff;font-size:12px;min-height:32px}
.eg-hints a span {display:none}
.eg-factstrip {background:#0c2d40;border-top:1px solid #365165;color:white}
.eg-factstrip>.container {display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.eg-factstrip a {display:block;padding:20px 8% 21px;border-left:1px solid #375464;text-decoration:none;color:white}
.eg-factstrip a:first-child {padding-left:0;border:0}
.eg-factstrip a:hover {background:#163e53}
.eg-factstrip span,.eg-factstrip small {display:block;font-size:12px;color:#c7dadd;line-height:1.55}
.eg-factstrip strong {display:block;font-size:clamp(22px,2.1vw,37px);line-height:1.18;margin:5px 0;font-weight:620;letter-spacing:-.035em}
.eg-intro-panel,.eg-section-head,.eg-disclosure {display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,100px);align-items:end}
.eg-intro-panel {align-items:start}
.eg-intro-panel small {display:block;margin-top:15px;font-size:12px;color:#4d6574}
.eg-intro-panel small .eg-link {display:inline;font:inherit;text-decoration:underline}
.eg-section-head {margin-bottom:clamp(22px,2.7vw,42px)}
.eg-section-head>p:not(.eg-tag) {justify-self:end;max-width:36em;margin:0}
.eg-fields {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.4vw,22px);margin-bottom:14px}
.eg-field {color:inherit;text-decoration:none;display:block;border-bottom:1px solid #acbfc5}
.eg-field>div {aspect-ratio:1.65;position:relative;overflow:hidden;background:#d9e2e4}
.eg-field img {width:100%;height:100%;object-fit:cover;display:block}
.eg-field>div>span {position:absolute;top:0;left:0;background:var(--eg-navy);color:#fff;padding:5px 10px;font-size:12px}
.eg-field h3 {margin:15px 0 2px}
.eg-field p:not(.eg-tag) {font-size:14px}
.eg-directory,.eg-feature-story {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,5vw,90px)}
.eg-directory figure img,.eg-feature-story figure img {aspect-ratio:1.8}
.eg-directory h2,.eg-feature-story h2 {margin:0 0 14px}
.eg-cat-links {display:grid;grid-template-columns:1fr 1fr;gap:2px 20px;margin:12px 0}
.eg-cat-links a {border-top:1px solid var(--eg-line);justify-content:space-between;padding:10px 0}
.eg-night p:not(.eg-tag),.eg-night figcaption,.eg-endcap p:not(.eg-tag) {color:#c6dadd}
.eg-night .eg-link,.eg-endcap .eg-link {color:#fff}
.eg-feature-story article>.eg-link {margin-right:26px}
.eg-endcap {padding:clamp(32px,3.4vw,58px) 0;border-bottom:1px solid #385363}
.eg-endcap>.container {display:flex;align-items:center;justify-content:space-between;gap:24px}
.eg-endcap h2 {font-size:clamp(24px,2.6vw,41px);margin-bottom:8px}
.eg-endcap p:not(.eg-tag) {margin:0}
.eg-endcap>.container>.eg-link {padding:12px 24px;background:#f3f7f4;color:#143d55;white-space:nowrap}
.eg-profile {display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(30px,6vw,110px)}
.eg-profile aside {background:var(--eg-navy);color:white;padding:clamp(24px,3vw,50px);border-left:4px solid #bc7d41}
.eg-profile aside strong {display:block;font-size:clamp(42px,5.5vw,90px);line-height:1.15;font-weight:570}
.eg-profile aside strong small {font-size:clamp(17px,1.45vw,24px)}
.eg-profile aside .eg-tag,.eg-profile aside p:not(.eg-tag),.eg-profile aside .eg-link {color:#deebed}
.eg-foundation {display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,5vw,80px);align-items:center}
.eg-foundation figure img {aspect-ratio:1.3}
.eg-foundation article {border-top:1px solid #b3c4cb;padding:17px 0 8px}
.eg-foundation .eg-tag {margin-bottom:6px}
.eg-foundation h3 {font-size:clamp(19px,1.65vw,27px)}
.eg-album {display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}
.eg-album figure img {height:clamp(168px,20vw,280px);object-position:50% 40%}
.eg-role-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.6vw,42px)}
.eg-role-grid article {border-top:2px solid #527684;padding-top:22px}
.eg-disclosure {align-items:start}
.eg-disclosure nav {display:flex;flex-wrap:wrap;gap:4px 22px}
.eg-stage {display:grid;grid-template-columns:70px minmax(0,1fr) minmax(0,1.3fr);border-top:1px solid #b2c4cb;padding:clamp(20px,2.5vw,40px) 0;gap:18px}
.eg-stage .eg-num {color:var(--eg-accent);font:500 clamp(24px,2.8vw,44px)/1.2 Arial,sans-serif;letter-spacing:-.06em}
.eg-stage small {display:block;color:#486371}
.eg-delivery dl,.eg-cases dl {display:grid;grid-template-columns:max-content minmax(0,1fr);gap:12px 16px;line-height:1.8;margin:16px 0}
.eg-delivery dt,.eg-cases dt {font-weight:650}
.eg-delivery dd,.eg-cases dd {margin:0}
.eg-delivery dd {color:#cddfe2}
.eg-cases {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.1vw,32px)}
.eg-cases article {background:#f2f5f3;padding:clamp(19px,2.4vw,36px);border-top:3px solid #356984}
.eg-cases dd {color:#476172}
.eg-chapter .envo-journal-grid {margin-bottom:12px}
.eg-chapter .envo-journal-card .journal-thumb {height:clamp(125px,12vw,190px)}
@media (max-width:920px) {
 .eg-fields {grid-template-columns:repeat(2,minmax(0,1fr))}
 .eg-profile {gap:24px}
 .eg-album {gap:10px}
}
@media (max-width:760px) {
 .eg-foundation {grid-template-columns:1fr;gap:12px}
 .eg-foundation figure img {aspect-ratio:2}
 .eg-chapter {padding:35px 0}
 .eg-feature .ze-hero-copy,.eg-archive .ze-hero-copy {width:100%;padding:24px 0}
 .eg-archive .ze-hero-media::before {display:none}
 .eg-feature .ze-hero-media img[src*="gallery"] {object-position:center 37%}
 .eg-ocean {position:relative}
 .eg-ocean .ze-hero-media {position:absolute;inset:0;height:auto;order:0}
 .eg-ocean .ze-hero-media img {object-position:70% 50%}
 .eg-ocean .ze-hero-media::after {background:linear-gradient(90deg,#041a29ec 0%,#061d30cf 42%,#06213394 80%,#06233552)}
 .eg-ocean>.container {min-height:0}
 .eg-ocean .ze-hero-copy {width:100%;padding:40px 0 28px}
 .eg-ocean h1 {font-size:clamp(36px,8.6vw,50px);margin:15px 0}
 .eg-ocean .ze-intro {max-width:35em;font-size:15px}
 .eg-finder {margin-top:18px}
 .eg-factstrip a {padding:12px 8px}
 .eg-factstrip strong {font-size:19px}
 .eg-factstrip small,.eg-factstrip span {font-size:11px}
 .eg-section-head,.eg-intro-panel,.eg-directory,.eg-profile,.eg-feature-story,.eg-disclosure,.eg-cases {grid-template-columns:minmax(0,1fr);gap:15px}
 .eg-section-head>p:not(.eg-tag) {justify-self:start}
 .eg-intro-panel h2 br,.eg-feature-story h2 br {display:none}
 .eg-album {grid-template-columns:repeat(2,minmax(0,1fr))}
 .eg-album figure:first-child {grid-column:1/-1}
 .eg-album figure img {height:auto;aspect-ratio:1.55}
 .eg-album figure:first-child img {aspect-ratio:2}
 .eg-role-grid {grid-template-columns:1fr;gap:13px}
 .eg-role-grid article {padding-top:14px}
 .eg-stage {grid-template-columns:38px 1fr;gap:6px 13px}
 .eg-stage>div:last-child {grid-column:2}
 .eg-endcap>.container {align-items:start;flex-direction:column;gap:13px}
 .eg-hints {gap:5px 12px}
 .eg-hero-actions {gap:1px 15px;margin-top:9px}
 .eg-cat-links,.eg-cases dl {column-gap:11px}
 .eg-contact .ze-hero-media {height:135px}
}
@media(max-width:480px) {
 .eg-factstrip>.container {grid-template-columns:1fr 1fr}
 .eg-factstrip a:nth-child(3) {border-left:0;padding-left:0}
 .eg-factstrip a:nth-child(n+3) {border-top:1px solid #375464}
 .eg-factstrip strong {font-size:23px}
 .eg-field h3 {font-size:18px}
 .eg-field p:not(.eg-tag) {font-size:13px}
}