.nav-group{position:relative}.nav-group>summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;padding:14px 0}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary>span{font-size:16px;transition:transform .2s}.nav-group[open]>summary>span{transform:rotate(180deg)}.nav-panel{position:absolute;top:calc(100% + 19px);left:-26px;width:280px;background:white;border:1px solid #dde5ef;padding:23px;box-shadow:0 24px 50px #101e361a}.nav-panel:before{content:'';position:absolute;height:2px;inset:-1px 0 auto;background:linear-gradient(90deg,var(--blue),var(--accent),var(--brand-aqua))}.nav-panel>span{font-size:10px;letter-spacing:.12em;color:var(--muted);display:block;padding-bottom:15px}.nav-panel>a{display:flex;justify-content:space-between;gap:16px;font-size:16px;padding:15px 0;border-top:1px solid var(--line)}.nav-panel a:hover{color:var(--accent)}.nav-panel b{font-weight:400}.main-nav>a:not(.nav-contact)[aria-current=page],.nav-group:has([aria-current=page])>summary{color:var(--blue)}
.footer-directory{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:50px;padding-bottom:45px;border-bottom:1px solid var(--line)}.footer-directory h2{font-size:16px;font-weight:600;margin-bottom:19px}.footer-directory>div>a{display:block;font-size:14px;color:var(--muted);margin:10px 0}.footer-directory a:hover{color:var(--accent)}.footer-directory .brand img{width:235px}.sub-hero{position:relative;isolation:isolate;overflow:hidden;min-height:620px;padding:38px 0 84px}.sub-hero.dark{background:var(--navy);color:#fff}.sub-hero.bright{background:var(--paper)}.sub-hero-art{position:absolute;right:0;top:0;height:100%;width:67%;object-fit:cover;object-position:center;z-index:-3}.sub-hero-wash{position:absolute;inset:0;z-index:-2}.sub-hero.dark .sub-hero-wash{background:linear-gradient(90deg,#101e36 0%,#101e36ed 25%,#101e3633 64%,transparent)}.sub-hero.bright .sub-hero-wash{background:linear-gradient(90deg,#f2f6fa 0%,#f2f6faee 28%,#f2f6fa22 58%,transparent)}.sub-hero.bright .sub-hero-art{object-fit:contain;padding:35px 0;width:58%;mix-blend-mode:multiply}.sub-hero-company .sub-hero-art{padding:45px 70px;opacity:.85}.sub-hero .breadcrumbs{margin-bottom:74px;font-size:13px;display:flex;gap:16px}.sub-hero.dark .breadcrumbs{color:#b7c8de}.sub-hero.dark .eyebrow{color:var(--brand-aqua)}.sub-hero h1{font-size:68px;line-height:1.23;font-weight:650;max-width:780px}.sub-hero-intro{font-size:18px;line-height:1.85;max-width:580px;margin-top:28px;color:var(--muted)}.sub-hero.dark .sub-hero-intro{color:#d9e3f1}.sub-hero-sign{position:absolute;right:35px;bottom:26px;font-size:10px;letter-spacing:.13em;opacity:.58}.sub-hero:after{content:'';position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent 15%,var(--accent) 60%,var(--brand-aqua) 80%,transparent)}.chapter-nav{background:white;border-bottom:1px solid var(--line)}.chapter-nav .wrap{display:flex;gap:34px;overflow:auto;scrollbar-width:thin}.chapter-nav a{padding:24px 0;white-space:nowrap;font-size:14px;display:flex;gap:12px}.chapter-nav a span{color:var(--accent);font-size:11px}.chapter-nav a:hover{color:var(--accent)}.chapter-heading{display:grid;grid-template-columns:1.1fr .8fr;gap:100px;align-items:end;margin-bottom:56px}.chapter-heading h2{max-width:740px;font-size:44px;line-height:1.3;text-wrap:balance}.chapter-heading>p{font-size:17px;line-height:1.9;color:var(--muted)}.tone-white{background:#fff}.tone-ice{background:var(--paper)}.tone-ink{background:var(--navy);color:white}.tone-ink .eyebrow{color:var(--brand-aqua)}.tone-ink .chapter-heading>p{color:#bacbde}.chapter-content.layout-columns,.chapter-content.layout-process{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.chapter-content.count-2,.chapter-content.count-4{grid-template-columns:repeat(2,1fr)}.chapter-content.count-5{grid-template-columns:repeat(3,1fr)}.content-card{position:relative;background:#fff;border:1px solid #dde5ee;padding:36px;isolation:isolate;min-width:0}.content-card:before{content:'';position:absolute;inset:-1px;z-index:-1;padding:1px;background:linear-gradient(130deg,#245bff45,transparent 30%,transparent 70%,#20d9d265);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.custom-icon{height:68px;width:68px;margin-bottom:38px}.card-index{position:absolute;right:32px;top:33px;font-size:12px;color:#69798e}.content-card h3{font-size:26px;line-height:1.4;margin-bottom:18px}.content-card p{color:var(--muted);font-size:17px;line-height:1.9}.content-card .text-link{font-size:15px;margin-top:24px}.tone-ink .content-card{background:#142641;border-color:#35445b}.tone-ink .content-card p{color:#b9cadd}.tone-ink .card-index{color:#a7bcd4}.tone-ink .custom-icon{background:#f2f6fa;padding:10px;border-radius:3px}.layout-process .content-card{border-top:1px solid #527597}.layout-process{position:relative}.layout-process:before{content:'';position:absolute;inset:-1px 0 auto;height:1px;background:linear-gradient(90deg,#245bff00,#245bff,#20d9d2,#245bff00);background-size:250% 100%;animation:edge-flow 9s ease-in-out infinite}.editorial-row{display:grid;grid-template-columns:50px 1fr 1.35fr;gap:35px;padding:35px 0;border-top:1px solid #d3deeb}.editorial-row:last-child{border-bottom:1px solid #d3deeb}.row-counter{color:var(--blue);font-size:13px;line-height:2.4}.editorial-row h3{font-size:25px;line-height:1.5}.editorial-row p{font-size:17px;color:var(--muted);line-height:1.9}.editorial-row .text-link{margin-top:20px;font-size:15px}.chapter-visual{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.chapter-visual figure>img{width:100%;aspect-ratio:1.16;object-fit:cover;background:var(--paper)}.chapter-visual figcaption{font-size:12px;color:var(--muted);padding-top:12px}.visual-items article{display:flex;gap:25px;padding:24px 0;border-top:1px solid var(--line)}.visual-items article>span{font-size:12px;color:var(--blue)}.visual-items h3{font-size:23px;margin-bottom:13px}.visual-items p{font-size:16px;line-height:1.85;color:var(--muted)}.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-item>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:26px 0;cursor:pointer;font-size:22px;font-weight:550;line-height:1.5}.faq-item>summary::-webkit-details-marker{display:none}.faq-item>summary>span{font-size:28px;font-weight:300;color:var(--blue);transition:transform .2s}.faq-item[open]>summary>span{transform:rotate(45deg)}.faq-item>div{max-width:950px;padding:0 45px 30px 0;color:var(--muted);font-size:17px;line-height:1.9}.sub-next{background:var(--blue);color:white;padding:75px 0;position:relative;overflow:hidden}.sub-next:before{content:'';position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,var(--accent),var(--brand-aqua))}.sub-next .wrap{display:flex;align-items:center;justify-content:space-between;gap:50px}.sub-next h2{font-size:40px}.button-white{background:white;color:var(--blue);min-height:56px;white-space:nowrap}.inquiry-builder{border-top:1px solid var(--ink);padding-top:35px}.inquiry-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.inquiry-fields label{font-size:16px;display:grid;gap:12px}.inquiry-fields .wide{grid-column:1/-1}.inquiry-fields input,.inquiry-fields select,.inquiry-fields textarea{width:100%;background:var(--paper);border:1px solid #d8e3ef;border-radius:3px;padding:17px;color:var(--ink);font:inherit}.inquiry-fields textarea{resize:vertical;min-height:160px}.inquiry-action{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:30px}.inquiry-action p{font-size:14px;color:var(--muted)}.inquiry-action .button{margin-top:0}.solution-story{display:grid;grid-template-columns:1.13fr 1fr;align-items:center;gap:70px;padding-block:60px;border-top:1px solid var(--line)}.solution-story:nth-child(even){direction:rtl}.solution-story>*{direction:ltr}.solution-story figure{position:relative;background:var(--paper);overflow:hidden}.solution-story img{width:100%;aspect-ratio:1.5;object-fit:cover}.solution-story figcaption{font-size:11px;color:var(--muted);padding:13px 18px}.solution-story h3{font-size:43px;margin:15px 0 24px}.solution-story p{font-size:18px;line-height:1.9;color:var(--muted)}.solution-story .small-label{font-size:12px;letter-spacing:.1em}.solution-story .text-link{margin-top:26px}.service-detail .text-link{font-size:15px;margin-top:20px}.solution-visual img{transition:opacity .2s}.background-feature{position:relative;overflow:hidden}.background-feature:after{content:'';position:absolute;width:300px;height:1px;right:0;top:0;background:linear-gradient(90deg,transparent,var(--brand-aqua));pointer-events:none}
@media(min-width:1700px){:root{--wrap:1600px}.site-header{padding-inline:max(64px,calc((100vw - 1800px)/2))}.hero-copy{padding-top:135px}.hero h1{font-size:86px}.hero-image{width:min(74%,1774px);right:0}.hero-video{width:min(74%,1680px);left:auto;right:0}.hero-shade{background:linear-gradient(90deg,#101e36 12%,#101e36b3 36%,#101e3622 65%,transparent)}.sub-hero{min-height:710px}.sub-hero h1{font-size:80px}.sub-hero-art{max-width:1774px}.sub-hero .breadcrumbs{margin-bottom:110px}.chapter-heading h2{font-size:48px}.chapter-visual figure>img{max-height:650px}.solution-story{gap:100px}.system-figure img{height:620px}}
@media(max-width:1100px){.chapter-heading{gap:50px}.chapter-heading h2{font-size:38px}.sub-hero h1{font-size:60px}.sub-hero-intro{max-width:480px;font-size:17px}.content-card{padding:28px}.content-card h3{font-size:23px}.content-card p{font-size:16px}.chapter-visual{gap:40px}.editorial-row{grid-template-columns:32px .8fr 1.2fr;gap:23px}.footer-directory{gap:30px}.footer-directory .brand img{width:205px}.solution-story{gap:35px}.solution-story h3{font-size:36px}.solution-story p{font-size:16px}}
@media(max-width:760px){.nav-group>summary{font-size:20px;padding:18px 4px}.nav-panel{position:static;width:100%;box-shadow:none;border:0;border-top:1px solid var(--line);padding:10px 15px;background:var(--paper)}.nav-panel:before{display:none}.nav-panel>span{padding:14px 0 9px}.nav-panel>a{font-size:16px}.nav-group>summary{justify-content:space-between}.footer-directory{grid-template-columns:repeat(2,1fr);gap:35px}.footer-directory>.brand{grid-column:1/-1}.footer-directory>div:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.footer-directory>div:last-child h2{grid-column:1/-1;margin-bottom:4px}.sub-hero{min-height:610px;padding:30px 0 68px}.sub-hero .breadcrumbs{font-size:12px;gap:12px;margin-bottom:70px}.sub-hero h1{font-size:44px}.sub-hero-intro{font-size:16px;max-width:330px;margin-top:27px}.sub-hero-art{width:140%;right:-50%;object-position:center;opacity:.7}.sub-hero.dark .sub-hero-wash{background:linear-gradient(180deg,#101e36ed 5%,#101e36aa 40%,#101e3622)}.sub-hero.bright .sub-hero-art{width:100%;right:-20%;top:120px;opacity:.32}.sub-hero.bright .sub-hero-wash{background:linear-gradient(90deg,#f2f6fadd,#f2f6fa44)}.sub-hero-company .sub-hero-art{padding:0;right:-38%;top:70px}.sub-hero-sign{font-size:9px;right:22px;bottom:20px;max-width:220px;text-align:right}.chapter-nav .wrap{gap:28px}.chapter-nav a{padding:20px 0;font-size:13px}.chapter-heading{grid-template-columns:1fr;gap:23px;margin-bottom:35px}.chapter-heading h2{font-size:34px;max-width:440px}.chapter-heading>p{font-size:16px}.chapter-content.layout-columns,.chapter-content.layout-process{grid-template-columns:1fr;gap:16px}.content-card{padding:28px}.custom-icon{width:58px;height:58px;margin-bottom:26px}.content-card h3{font-size:25px}.content-card p{font-size:16px}.editorial-row{grid-template-columns:25px 1fr;gap:14px 16px;padding:27px 0}.editorial-row>div{grid-column:2}.editorial-row h3{font-size:23px}.editorial-row p{font-size:16px}.chapter-visual{grid-template-columns:1fr;gap:27px}.chapter-visual figure>img{aspect-ratio:1.5}.visual-items article{gap:18px;padding:22px 0}.visual-items h3{font-size:22px}.faq-item>summary{font-size:19px;padding:23px 0;gap:22px}.faq-item>div{padding-right:0;font-size:16px}.sub-next{padding:60px 0}.sub-next .wrap{flex-direction:column;align-items:flex-start;gap:30px}.sub-next h2{font-size:34px}.inquiry-fields{grid-template-columns:1fr;gap:24px}.inquiry-action{flex-direction:column;align-items:flex-start;gap:22px}.inquiry-action .button{font-size:15px}.solution-story,.solution-story:nth-child(even){grid-template-columns:1fr;gap:25px;direction:ltr;padding-block:34px}.solution-story h3{font-size:33px;margin:12px 0 18px}.solution-story p{font-size:16px}.solution-story figcaption{font-size:11px}.solution-story .text-link{margin-top:20px}}
@media(max-width:380px){.sub-hero h1{font-size:40px}.chapter-heading h2{font-size:31px}.sub-hero-intro{font-size:15px}}
@media(prefers-reduced-motion:reduce){.layout-process:before{animation:none}}

.nature-purpose{position:relative;isolation:isolate;min-height:600px;display:flex;align-items:center;color:#fff;overflow:hidden}.nature-purpose>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.nature-purpose-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0a241ddd 5%,#0b262299 40%,#09242d18 80%)}.nature-purpose .wrap{padding-block:100px}.nature-purpose h2{font-size:55px;line-height:1.3}.nature-purpose p:not(.eyebrow){font-size:19px;line-height:1.9;margin-top:30px;color:#f1f7f5}.nature-purpose .text-link{color:white;border-color:#ffffffaa;margin-top:32px}.careers-photo{height:320px;margin-top:-120px;margin-bottom:85px}.careers-photo img{width:100%;height:100%;object-fit:cover;object-position:center 48%}.human-landscape{position:relative;min-height:480px;overflow:hidden;background:#101e36;color:white;display:flex;align-items:flex-end}.human-landscape>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78}.human-landscape:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#101e36b3)}.human-landscape>div{position:relative;z-index:1;padding:50px}.human-landscape p{font-size:32px;line-height:1.5}.human-landscape span{display:block;font-size:12px;letter-spacing:.14em;margin-top:24px}.sub-hero-company .sub-hero-art,.sub-hero-careers .sub-hero-art,.sub-hero-contact .sub-hero-art{width:100%;max-width:none;right:0;top:0;height:100%;padding:0;object-fit:cover;opacity:1;mix-blend-mode:normal}.sub-hero-company .sub-hero-wash,.sub-hero-careers .sub-hero-wash{background:linear-gradient(90deg,#f2f6fa 0%,#f2f6faf2 21%,#f2f6faa8 42%,#f2f6fa05 74%)}.sub-hero-contact .sub-hero-wash{background:linear-gradient(90deg,#101e36f2 0%,#101e36d9 30%,#101e364d 75%)}.photo-credit{font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}.footer-info .photo-credit{display:inline-block;margin-top:10px}.tone-ice .chapter-visual figure{background:var(--paper)}
@media(min-width:1700px){.nature-purpose{min-height:690px}.nature-purpose h2{font-size:66px}.careers-photo{height:430px}}
@media(max-width:760px){.nature-purpose{min-height:560px}.nature-purpose .wrap{padding-block:70px}.nature-purpose h2{font-size:35px}.nature-purpose p:not(.eyebrow){font-size:17px}.nature-purpose-shade{background:linear-gradient(90deg,#10261cdd,#10261c88)}.careers-photo{height:230px;margin-top:-72px;margin-bottom:48px}.human-landscape{min-height:370px}.human-landscape>div{padding:28px}.human-landscape p{font-size:24px}.sub-hero-company .sub-hero-art,.sub-hero-careers .sub-hero-art{object-position:65% center}.sub-hero-company .sub-hero-wash,.sub-hero-careers .sub-hero-wash{background:linear-gradient(90deg,#f2f6faed,#f2f6fab3 70%,#f2f6fa44)}.sub-hero-contact .sub-hero-wash{background:#101e36b3}}

.hero.concept-hero{background:#f3f1ec;color:var(--ink)}
.concept-hero .hero-image{left:auto;right:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;z-index:-3}
.concept-hero .hero-shade{background:linear-gradient(90deg,#f3f1ec 0%,#f3f1ecee 18%,#f3f1ecaa 35%,#f3f1ec00 62%)}
.concept-hero .eyebrow{color:var(--blue)}
.concept-hero h1{color:var(--ink);letter-spacing:-.055em}
.concept-hero .hero-desc{color:#435367;max-width:520px}
.concept-hero .hero-link{color:var(--blue)}
.concept-hero .circle-arrow{border-color:#00439280}
.concept-hero .hero-caption{color:#445469;right:102px;bottom:134px;font-size:10px;letter-spacing:.16em}
.concept-hero .hero-bottom{background:#ffffffb3;border-color:#00439229;backdrop-filter:blur(18px)}
.concept-hero .hero-bottom-title{color:white}
.concept-hero .hero-bottom>a{border-right-color:#00439222}
.concept-hero .hero-bottom>a>span{color:var(--blue)}
.concept-hero .hero-bottom>a:hover{background:#0043920c}
.experience-toggle{width:40px;height:40px;border-radius:50%;border:1px solid #00439260;color:var(--blue);background:#ffffff66;cursor:pointer;display:grid;place-items:center;font:inherit;font-size:14px;backdrop-filter:blur(8px)}
.experience-toggle:hover{background:#fff}
.experience-toggle[hidden]{display:none}
.nature-purpose{max-width:1600px;margin-inline:auto;min-height:620px}
.nature-purpose .wrap{padding-inline:64px}
.nature-purpose-shade{background:linear-gradient(90deg,#072c26b3,#072c2622 64%,transparent)}
.careers-photo{max-width:1600px;margin-inline:auto;height:390px}
.sub-hero-company .sub-hero-art,.sub-hero-careers .sub-hero-art,.sub-hero-contact .sub-hero-art{max-width:1774px;width:74%;object-fit:cover}
.sub-hero-company .sub-hero-wash,.sub-hero-careers .sub-hero-wash{background:linear-gradient(90deg,#f2f6fa 8%,#f2f6faf2 26%,#f2f6fa99 46%,transparent 75%)}
.sub-hero.motion-stage .hero-video{width:74%;right:0;left:auto;z-index:-3}
.sub-hero.motion-stage .sub-hero-art{width:74%;max-width:1774px}
.sub-hero.motion-stage .hero-media-controls{bottom:40px}
.sub-hero.motion-stage .sub-hero-sign{right:105px;bottom:55px}
@media(min-width:1700px){.concept-hero .hero-image{width:1774px;object-fit:cover}.concept-hero .hero-shade{background:linear-gradient(90deg,#f3f1ec 14%,#f3f1ecf2 30%,#f3f1ec88 44%,transparent 65%)}.concept-hero .hero-copy{padding-top:145px}.concept-hero h1{font-size:92px}.concept-hero .hero-desc{font-size:21px}}
@media(max-width:760px){.concept-hero{min-height:760px}.concept-hero .hero-copy{padding-top:66px}.concept-hero .hero-image{width:155%;right:-31%;top:160px;height:490px;object-fit:cover;object-position:70% center}.concept-hero .hero-shade{background:linear-gradient(180deg,#f3f1ec 0%,#f3f1ecf7 19%,#f3f1ec44 48%,transparent 74%)}.concept-hero .hero-desc{max-width:310px;font-size:16px}.concept-hero .hero-link{margin-top:24px}.concept-hero .hero-caption{right:76px;bottom:120px;font-size:9px;max-width:210px}.concept-hero .hero-media-controls{bottom:108px}.sub-hero.motion-stage .hero-video,.sub-hero.motion-stage .sub-hero-art{width:140%;right:-40%;max-width:none}.sub-hero.motion-stage .sub-hero-sign{right:78px;bottom:51px}}
@media(max-width:760px){.nature-purpose{min-height:560px}.nature-purpose .wrap{padding-inline:22px}.nature-purpose-shade{background:#082c2688}.careers-photo{height:230px}.sub-hero-company .sub-hero-art,.sub-hero-careers .sub-hero-art,.sub-hero-contact .sub-hero-art{width:100%;max-width:none}.sub-hero-company .sub-hero-wash,.sub-hero-careers .sub-hero-wash{background:linear-gradient(90deg,#f2f6fae6,#f2f6faa6)}}

/* One Earth mobile hero composition v30 */
@media(max-width:760px){
  .concept-hero .hero-image{width:100%;right:0;top:330px;height:355px;object-fit:cover;object-position:70% center}
  .concept-hero .hero-shade{background:linear-gradient(180deg,#f3f1ec 0%,#f3f1ec 37%,#f3f1eceb 44%,#f3f1ec73 57%,transparent 76%)}
  .concept-hero .hero-caption{right:22px;bottom:112px}
}