@font-face{font-family:Lato;src:url('/assets/lato.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}

:root{--green:#123d32;--ink:#242925;--muted:#505951;--lime:#a6d06e;--paper:#f5f5f2;--line:#d8dfd7;--pad:clamp(24px,6vw,104px);--heading:Lato,Arial,sans-serif;--header-height:72px;--card-radius:20px;--card-time:560ms;color:var(--ink);background:var(--paper);font-family:Lato,Arial,sans-serif;scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0}
body:has(dialog[open]){overflow:hidden}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--heading);font-weight:400;line-height:.99;letter-spacing:-.045em}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
img{display:block;max-width:100%}
::selection{background:#cfe5b6;color:#123d32}
:focus-visible{outline:3px solid #79b748;outline-offset:5px}
[id]{scroll-margin-top:calc(var(--header-height) + 18px)}
.wrap{width:min(100% - 2 * var(--pad),1360px);margin-inline:auto}
.skip{position:fixed;z-index:12;top:8px;left:8px;background:#fff;padding:12px;transform:translateY(-150%)}
.skip:focus{transform:translateY(0)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.eyebrow{display:flex;align-items:center;gap:.72rem;text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;line-height:1.4;font-weight:700}
.eyebrow>span:empty{width:1.6rem;height:1px;background:currentColor;display:block}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:1.7rem;min-height:52px;padding:.85rem 1.1rem .85rem 1.25rem;border-radius:5px;font-weight:700;font-size:.93rem;transition:background .2s,color .2s;white-space:nowrap}
.button > [aria-hidden]{font-size:1.18em}
.button-white{background:white;color:#152b23}
.button-white:hover{background:var(--lime)}

.site-header{position:sticky;top:0;z-index:5;background:#f5f5f2f7;border-bottom:1px solid #d5dcd4;backdrop-filter:blur(12px)}
.header-inner{width:min(100% - 2 * var(--pad),1360px);margin-inline:auto;min-height:calc(var(--header-height) - 1px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.wordmark{width:max-content;display:inline-flex;align-items:center;min-height:44px}
.wordmark img,.menu-head img,.footer-inner img{object-fit:contain}
.wordmark img,.menu-head img{width:72px;height:44px}
.journey-nav{display:flex;align-items:center;gap:clamp(14px,3.5vw,66px);align-self:stretch}
.journey-nav a{position:relative;display:flex;align-items:center;justify-content:center;gap:.42rem;padding:.45rem .15rem;border-bottom:2px solid transparent;color:#535a53;font-size:.78rem;letter-spacing:.085em;text-transform:uppercase;white-space:nowrap;transition:color 180ms,border-color 180ms}
.journey-nav a [aria-hidden]{color:#67756c;font-size:.67em;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.journey-nav a:hover,.journey-nav a[aria-current=location]{color:var(--green);border-bottom-color:#3c8058}
.journey-nav a[aria-current=location] span{color:#35684d}
.menu-button{display:inline-flex;align-items:center;justify-self:end;justify-content:center;gap:.72rem;min-height:42px;padding:.3rem .86rem;border:1px solid #cbd3cb;border-radius:4px;background:transparent;color:var(--green);font-size:.74rem;letter-spacing:.11em;text-transform:uppercase;transition:background 180ms,border-color 180ms}
.menu-button:hover{background:#e9eee8;border-color:#789589}
.menu-icon{position:relative;width:17px;height:8px;border-block:1px solid currentColor}
.site-menu{border:0;background:var(--paper);color:var(--ink);width:min(100vw,690px);max-width:none;height:100dvh;max-height:none;margin:0 0 0 auto;padding:clamp(24px,6vw,70px);overscroll-behavior:contain}
.site-menu[open]{animation:menu-enter 380ms cubic-bezier(.22,.61,.36,1) both}
.site-menu::backdrop{background:#102019a8;backdrop-filter:blur(4px)}
.menu-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12vh}
.menu-close{width:45px;height:45px;border:1px solid var(--line);border-radius:50%;background:none;font-size:30px;line-height:1}
.site-menu nav{display:flex;flex-direction:column}
.site-menu nav a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:20px 0;border-top:1px solid var(--line);font:400 clamp(26px,4.5vw,51px)/1.1 var(--heading);letter-spacing:-.035em}
.site-menu nav a:hover{color:#2c7742}
.site-menu nav a > [aria-hidden]{font:400 .5em Lato,sans-serif}
.menu-custom a{font-size:clamp(23px,3.8vw,34px)}
@keyframes menu-enter{from{opacity:.35;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}

.hero{isolation:isolate;position:relative;display:grid;align-items:center;min-height:clamp(600px,calc(100svh - var(--header-height)),870px);overflow:hidden;background:#e8e9e4}
.hero-art{position:absolute;inset:0;z-index:-3;display:block;animation:hero-scene-enter 1.15s ease-out both}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:58% 58%}
.hero::after{position:absolute;inset:0;z-index:-2;content:'';pointer-events:none;background:linear-gradient(90deg,#f6f6f2d4 0%,#f6f6f26a 29%,transparent 59%),linear-gradient(0deg,#eeefe9df 0%,transparent 20%)}
.hero-vehicle{position:absolute;z-index:-1;right:clamp(8px,2vw,42px);bottom:clamp(78px,12vh,128px);width:min(69%,1100px);pointer-events:none;animation:hero-vehicle-enter 1s .10s cubic-bezier(.22,.61,.36,1) both}
.hero-vehicle img{position:relative;width:100%;height:auto;object-fit:contain}
.vehicle-shadow{position:absolute;z-index:-1;inset:auto 6% 5% 8%;height:12%;border-radius:50%;background:#27342b73;filter:blur(clamp(8px,1.35vw,25px));transform:rotate(-2deg);pointer-events:none}
.hero-content{padding-block:6rem 9rem;animation:hero-copy-enter .85s .10s cubic-bezier(.22,.61,.36,1) both}
.hero .eyebrow{color:#37624b;font-weight:400;letter-spacing:.18em}
.hero h1{font-size:clamp(67px,7.2vw,122px);line-height:.93;margin:1.15rem 0 1.18rem}
.hero h1 em{color:var(--green);font-style:normal}
.hero-copy{max-width:28ch;font-size:clamp(.98rem,1.35vw,1.2rem);color:#424d45;margin:0 0 1.7rem;line-height:1.5}
.button-outline{min-height:46px;border:1px solid #496e5a;background:#f7f7f2a8;color:var(--green);font-weight:400;border-radius:4px}
.button-outline:hover{background:var(--green);color:#fff}
.hero-footer{position:absolute;bottom:25px;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;color:#344840;font-size:.76rem;letter-spacing:.075em}
.hero-footer a{display:flex;align-items:center;gap:.7rem}
.hero-footer a span,.hero-footer .hero-next{height:36px;width:36px;border:1px solid #60786b;border-radius:50%;display:grid;place-content:center;font-size:1.15rem;line-height:1;color:var(--green);transition:background 180ms,color 180ms}
.hero-footer a:hover span,.hero-footer .hero-next:hover{background:var(--green);color:#fff}
.hero-footer .hero-next{justify-self:end}
@keyframes hero-scene-enter{from{opacity:.6;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@keyframes hero-vehicle-enter{from{opacity:.56;transform:translate(22px,9px)}to{opacity:1;transform:translate(0,0)}}
@keyframes hero-copy-enter{from{opacity:.45;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

.discover,.paths{padding-block:clamp(72px,11vw,152px)}
.section-heading{display:grid;grid-template-columns:1.55fr minmax(0,.7fr);column-gap:clamp(28px,7vw,120px);align-items:end;margin-bottom:clamp(30px,5vw,74px)}
.section-heading .eyebrow,.story-heading .eyebrow{color:#2b654a;margin-bottom:16px}
.section-heading h2,.story-heading h2,.closing h2{font-size:clamp(49px,6.6vw,100px)}
.section-heading>p{font-size:clamp(1rem,1.4vw,1.23rem);line-height:1.62;color:var(--muted);max-width:37ch;margin-bottom:.6rem}
.vehicle-stage{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 65% 16%,#f5f8ec 0%,#e6eddd 64%,#d4decc 100%);border-radius:20px;min-height:clamp(430px,48vw,690px);display:grid;grid-template-columns:.35fr .65fr;grid-template-rows:1fr auto;align-items:end;padding:clamp(23px,4vw,59px)}
.stage-word{position:absolute;top:10%;left:0;right:0;width:max-content;margin:auto;font:400 clamp(96px,15.7vw,238px)/.9 var(--heading);letter-spacing:-.055em;color:#143b2610;user-select:none}
.stage-content{position:relative;z-index:2;grid-column:1;grid-row:2;margin-bottom:1rem}
.stage-content .eyebrow{letter-spacing:.12em;color:#375c45;margin-bottom:.75rem}
.stage-content h3{font-size:clamp(42px,5vw,76px)}
.stage-content a{display:inline-flex;gap:.85rem;align-items:center;border-bottom:1px solid #153b2b66;padding-block:.4rem;margin-top:1rem;font-size:.91rem}
.stage-content a:hover{border-color:var(--green)}
.stage-views{grid-column:2;grid-row:2;justify-self:end;display:flex;padding:4px;border:1px solid #17382332;border-radius:48px;background:#f5f8edcc;position:relative;z-index:2}
.view-button{border:0;background:transparent;border-radius:40px;padding:10px 16px;white-space:nowrap;font-size:.8rem}
.view-button[aria-pressed=true]{background:var(--green);color:white}
.stage-media{position:absolute;right:1%;top:7%;bottom:6%;left:18%;z-index:1;pointer-events:none}
.stage-media img{position:absolute;inset:0;margin:auto;width:100%;height:100%;object-fit:contain;transition:transform .55s ease,opacity .45s}
.stage-cutout{filter:drop-shadow(0 12px 9px #1c35265a)}
.stage-media .stage-profile{width:77%;height:auto;max-height:78%;border-radius:14px;object-fit:cover;opacity:0;transform:scale(.98);right:-8%;box-shadow:0 20px 45px #1f3b2a35}
.is-profile .stage-cutout{opacity:0;transform:translateX(14px)}
.is-profile .stage-profile{opacity:1;transform:scale(1)}
.ground-shadow{position:absolute;inset:auto 6% 15%;width:auto;height:20%;border-radius:50%;background:#2136243c;filter:blur(24px);transform:scaleY(.43);transition:opacity .4s}
.is-profile .ground-shadow{opacity:0}
.just-revealed .stage-word{animation:stage-reveal .72s both;--enter:10px}
.just-revealed .stage-content{animation:stage-reveal .72s .07s both;--enter:24px}
.just-revealed .stage-media{animation:stage-reveal .85s .12s both;--enter:35px}
@keyframes stage-reveal{from{opacity:.35;transform:translateY(var(--enter))}to{opacity:1;transform:translateY(0)}}

.story{background:#e9ede5;padding-block:clamp(68px,9vw,130px)}
.story-heading{margin-bottom:clamp(26px,5vw,65px)}
.story-grid{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(0,.8fr);column-gap:clamp(25px,6vw,90px);align-items:start}
.story-media{position:sticky;top:calc(var(--header-height) + 5vh);aspect-ratio:1.38;overflow:hidden;border-radius:var(--card-radius);background:#393c34}
.story-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .57s ease}
.story-media img.is-current{opacity:1}
.story-nav{position:absolute;inset:auto 0 0;display:flex;justify-content:center;gap:6px;flex-wrap:wrap;padding:40px 16px 16px;background:linear-gradient(transparent,#080f0ada);color:white}
.story-nav a{font-size:.8rem;border-radius:30px;border:1px solid #ffffff8c;padding:8px 14px}
.story-nav a[aria-current=true],.story-nav a:hover{background:white;color:var(--green)}
.story-step{min-height:clamp(350px,60svh,740px);display:flex;align-items:center;padding-block:38px;border-bottom:1px solid #c4d0c3}
.story-step:last-child{border-bottom:0}
.story-step .eyebrow{color:#35654c;margin:0 0 16px}
.story-step h3{font-size:clamp(38px,4.4vw,68px);margin-bottom:16px}
.story-step p:last-child{font-size:1.04rem;line-height:1.65;color:var(--muted);max-width:36ch}
.chapter-mobile{display:none}

.discovery-cards{display:flex;gap:14px}
.discovery-card{position:relative;isolation:isolate;flex:1 1 0;min-width:0;min-height:355px;overflow:hidden;border-radius:var(--card-radius);color:#fff;background:#203b30;transition:flex-grow var(--card-time) cubic-bezier(.22,.61,.36,1),box-shadow .3s}
.discovery-card.is-open{flex-grow:2.2}
.discovery-card::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,#0b170ff2,transparent 84%)}
.discovery-card img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--card-time) ease}
.discovery-card:hover img{transform:scale(1.035)}
.card-body{position:absolute;inset:auto 0 0;padding:clamp(17px,2.25vw,36px)}
.card-body button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:0;background:none;padding:0;font:400 clamp(1.4rem,2.5vw,2.5rem)/1.07 var(--heading);text-align:left}
.card-body button > [aria-hidden]{width:32px;height:32px;min-width:32px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;font:400 19px Lato,sans-serif}
.card-body button > [aria-hidden]::before{content:"+"}
.card-body button[aria-expanded=true] > [aria-hidden]::before{content:"−"}
.card-detail p{margin:8px 0 12px;max-width:32ch;color:#e5ece4;line-height:1.5;font-size:.94rem}
.card-detail a{display:inline-flex;gap:.8rem;padding-bottom:4px;border-bottom:1px solid #ffffff90;font-size:.9rem}
.card-detail a:hover{border-color:#fff}
.closing{background:var(--green);color:#fff;padding-block:clamp(45px,8vw,106px)}
.closing-inner{display:flex;justify-content:space-between;align-items:end;gap:25px;flex-wrap:wrap}
.closing .eyebrow{color:#c9e2bf;margin-bottom:14px}
.closing h2{font-size:clamp(46px,6.4vw,93px)}
.site-footer{background:#eff2e8}
.footer-inner{min-height:105px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;font-size:.86rem;color:var(--muted)}
.footer-inner a:last-child{color:var(--green);display:flex;gap:9px}

[data-copy]{white-space:pre-line;overflow-wrap:anywhere}
.journey-nav [data-copy]{white-space:nowrap}
.article-header{min-height:71px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.article-page{min-height:65vh;max-width:880px;padding-block:clamp(64px,9vw,125px)}
.article-back{font-size:.9rem;color:var(--green);display:inline-block;margin-bottom:2rem;text-decoration:underline;text-underline-offset:.3em}
.article-page h1{font-size:clamp(3rem,7vw,7rem);color:var(--green);overflow-wrap:anywhere}
.article-page [data-custom-intro]{font-size:clamp(1.15rem,2.1vw,1.55rem);max-width:52ch;line-height:1.55;margin-block:1.4rem 2rem}
.article-page [data-custom-image]{width:100%;max-height:460px;object-fit:cover;border-radius:20px;margin-block:2rem}
.article-page [data-custom-body]{font-size:1.12rem;line-height:1.75;max-width:68ch;white-space:pre-line;margin-top:1.7rem;overflow-wrap:anywhere}
.footer-pages{display:flex;gap:1rem;flex-wrap:wrap}

@media(max-width:1000px){.header-inner{gap:16px}.journey-nav{gap:clamp(12px,2.5vw,30px)}.hero-art img{object-position:56% center}.hero-vehicle{width:68%;right:0}.story-grid{column-gap:30px;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr)}.discovery-card{min-height:300px}}
@media(max-width:700px){
 :root{--pad:clamp(16px,5.4vw,35px);--header-height:103px}
 .header-inner{grid-template-columns:1fr auto;grid-template-rows:56px 46px;min-height:0;column-gap:8px;row-gap:0}
 .wordmark img,.menu-head img{width:67px;height:40px}.menu-button{min-height:38px;padding-inline:.68rem}
 .journey-nav{grid-area:2 / 1 / 3 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;border-top:1px solid #d5dcd4}
 .journey-nav a{min-height:44px;gap:.22rem;padding:0;font-size:clamp(.58rem,2.28vw,.72rem);letter-spacing:.035em}
 .journey-nav a [aria-hidden]{display:none}
 .hero{min-height:clamp(570px,calc(100svh - var(--header-height)),760px);align-items:start}
 .hero-content{padding-top:clamp(48px,9vw,68px);padding-bottom:12px}
 .hero h1{font-size:clamp(58px,11.3vw,84px);margin:.75rem 0 .68rem}
 .hero-copy{margin-bottom:1.1rem;font-size:.98rem}
 .hero .button{min-height:44px;font-size:.84rem}
 .hero-art img{object-position:54% 58%}
 .hero::after{background:linear-gradient(180deg,#f4f4efd6 1%,#f4f4ef82 36%,transparent 65%,#eeefe9b0 100%)}
 .hero-vehicle{right:1%;bottom:clamp(68px,11svh,118px);width:98%;max-width:35rem}
 .hero-footer{bottom:15px;gap:6px;font-size:.64rem;letter-spacing:.025em}
 .hero-footer a{gap:.34rem}.hero-footer a span,.hero-footer .hero-next{height:34px;width:34px}
 .section-heading{grid-template-columns:1fr;gap:17px}.section-heading h2,.story-heading h2{font-size:clamp(48px,9.6vw,70px)}.section-heading>p{margin-bottom:0;max-width:42ch}
 .vehicle-stage{min-height:460px;grid-template-columns:1fr;grid-template-rows:1fr auto auto;padding:20px;gap:17px}.stage-word{top:12%;font-size:18.5vw}.stage-media{left:0;right:0;top:2%;bottom:29%}.stage-media .stage-profile{width:91%;right:0}.stage-content{grid-column:1;grid-row:2;margin:0}.stage-content br{display:none}.stage-content h3{font-size:clamp(39px,7vw,59px)}.stage-content .eyebrow{margin-bottom:.35rem}.stage-content a{margin-top:.5rem}.stage-views{grid-row:3;grid-column:1;justify-self:start}
 .story-grid{display:block}.story-media{display:none}.story-step{display:block;min-height:0;padding-block:22px 30px}.story-step:first-child{padding-top:0}.story-step h3 br{display:none}.story-step h3{margin-bottom:10px}.chapter-mobile{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:var(--card-radius);margin-bottom:22px}
 .discovery-cards{display:grid;gap:12px}.discovery-card{min-height:128px;transition:min-height var(--card-time) cubic-bezier(.22,.61,.36,1)}.discovery-card.is-open{min-height:235px}.card-body button{font-size:1.85rem}.footer-inner{padding-block:20px;column-gap:20px}
}
@media(max-width:370px){.hero h1{font-size:53px}.hero-footer{font-size:.59rem}.vehicle-stage{min-height:405px}.section-heading h2,.story-heading h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
