:root{--green:#17392f;--cream:#f1eee6;--ink:#17392f}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,p{margin:0}
.green-story{height:250svh;background:var(--green);color:var(--cream);position:relative}
.green-sticky{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate;background:var(--green)}
.ambient{position:absolute;inset:-25%;pointer-events:none;transition:transform .15s linear;will-change:transform}
.ambient-a{background:radial-gradient(ellipse 42% 45% at 77% 15%,rgba(229,221,177,.12),transparent 75%);opacity:.8}
.ambient-b{background:radial-gradient(ellipse 45% 42% at 9% 84%,rgba(146,184,142,.13),transparent 75%);opacity:.7}
.story-panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px clamp(25px,8vw,110px);text-align:center;will-change:opacity,transform;pointer-events:none}
.panel-one{opacity:1;transform:translateY(0)}
.panel-two{opacity:0;transform:translateY(35px)}
.brand-mark{width:clamp(116px,15vw,178px);margin-bottom:30px;color:var(--cream);clip-path:inset(0 0 100% 0);animation:logo-unveil 1.8s cubic-bezier(.22,.6,.25,1) .2s both}
.brand-mark svg,.closing-symbol svg{display:block;width:100%;height:auto}
h1{font-family:"Libre Baskerville",Georgia,serif;font-weight:400;font-size:clamp(3.1rem,8.2vw,7.5rem);letter-spacing:-.077em;line-height:1.14}
.noun{font-family:"Libre Baskerville",Georgia,serif;font-size:.93rem;font-style:italic;margin-top:17px;opacity:.78}
.definition{font-family:"Libre Baskerville",Georgia,serif;font-size:clamp(1.18rem,2.35vw,2.25rem);letter-spacing:-.035em;line-height:1.65;max-width:750px;margin-top:27px}
.panel-two h2{max-width:1080px;font-family:"Libre Baskerville",Georgia,serif;font-size:clamp(2.05rem,4.55vw,5.15rem);font-weight:400;letter-spacing:-.052em;line-height:1.45}
.panel-two h2 span{color:#c6d5c7}
.story-progress{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);width:86px;height:1px;background:rgba(255,255,255,.25)}
.story-progress span{display:block;height:100%;width:0;background:var(--cream)}
.scroll-hint{position:absolute;bottom:64px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.21em;color:#b3c6b8;white-space:nowrap}
.scroll-hint span{margin-left:10px;font-size:14px}
.editorial{background:var(--cream);padding:clamp(90px,13vw,190px) clamp(26px,8vw,130px)}
.editorial-grid{max-width:1450px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(48px,7vw,120px);align-items:center}
.editorial-copy{display:flex;flex-direction:column;gap:clamp(55px,8vw,115px)}
.essay{font-family:"Libre Baskerville",Georgia,serif;font-size:clamp(1.2rem,1.85vw,1.85rem);letter-spacing:-.035em;line-height:1.85;max-width:710px}
.belief{font-family:"Libre Baskerville",Georgia,serif;font-size:clamp(2.1rem,3.4vw,4.1rem);line-height:1.44;letter-spacing:-.052em;max-width:780px}
.belief em{font-style:normal;box-shadow:inset 0 -.18em 0 #c8d8c7}
.editorial-visual{position:relative;min-height:640px;height:min(74vw,800px);overflow:hidden;background:#6f7d73}
.photo{position:absolute;inset:0;background-image:url("https://images.unsplash.com/photo-1770011917486-d67483089f2b?auto=format&fit=crop&w=1800&q=85");background-size:cover;background-position:52% center;transform:scale(1.04);filter:saturate(.72) contrast(.97)}
.closing{min-height:78svh;background:var(--green);color:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:95px 24px 50px;position:relative}
.closing-symbol{width:85px;margin-bottom:37px}
.closing h2{font-family:"Libre Baskerville",Georgia,serif;font-size:clamp(2.8rem,6.2vw,6rem);font-weight:400;letter-spacing:-.065em}
.closing p{font-family:"Libre Baskerville",Georgia,serif;font-size:clamp(1.05rem,1.5vw,1.3rem);margin-top:23px}
.domain{position:absolute;bottom:30px;letter-spacing:.25em;font-size:10px;opacity:.72}
.reveal{opacity:0;transform:translateY(25px);transition:opacity 1s ease,transform 1s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes logo-unveil{to{clip-path:inset(0 0 0 0)}}
@media(max-width:800px){
.green-story{height:230svh}
.story-panel{padding:65px 24px}
.editorial{padding:100px 25px}
.editorial-grid{grid-template-columns:1fr;gap:55px}
.editorial-visual{height:78svh;min-height:390px;order:1}
.editorial-copy{order:0;gap:65px}
.belief{max-width:670px}
}
@media(max-width:420px){.brand-mark{width:105px;margin-bottom:20px}.definition{margin-top:22px}.scroll-hint{bottom:67px}}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
.brand-mark{animation:none;clip-path:none}
.reveal{opacity:1;transform:none;transition:none}
.ambient{transition:none}
}

/* Version 5: restrained opening refinements */
.brand-mark{margin-bottom:28px}
.noun{margin-top:13px}
.definition{max-width:700px;margin-top:31px;text-wrap:balance}
.photo{background-position:50% center;filter:saturate(.82) contrast(.96)}
@media(max-width:800px){.definition{max-width:580px}.photo{background-position:50% center}}