@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&display=swap');
:root{--paper:#153f46;--ink:#eff7f1;--accent:#dfa88d;--display:'Cormorant Garamond',Georgia,serif;color-scheme:dark}
html,body{background:#102e35}
.stage{background:#153f46 url('./assets/backgrounds/botanical-shadows.webp') center bottom/cover no-repeat;color:#eff7f1}
.stage-wash{background:linear-gradient(180deg,#071e2510,transparent 32%,#061d251a);transition:none}
.site-header{color:#eff7f1;background:linear-gradient(180deg,#102e3545,transparent)}
.site-header .brand img{filter:none}.brand-fallback{font:400 37px Georgia,serif;letter-spacing:.13em}
.site-header .concept-label{font-size:9px;letter-spacing:.2em;opacity:.7}.site-header .nav-cta{border-color:#d7e9e357}
.stage .story-copy h1,.stage .story-copy h2{font-family:var(--display);font-weight:400;letter-spacing:-.045em}
.stage .story-copy h1{font-size:clamp(64px,7vw,110px);line-height:.93}
.stage .story-copy h1 em,.stage .story-copy h2 em,.stage .duo-copy h2 em,.stage .lineup-copy h2 em{font-family:var(--display);color:#c6e2da;font-weight:400;letter-spacing:-.04em}
.stage .story-copy h1 em{font-size:1.03em}.stage .detail-copy h2{font-size:clamp(58px,6vw,88px);line-height:.98}
.stage .body-copy,.stage .detail-note,.stage .range-labels p{color:#c6dad6}
.stage .eyebrow{font-weight:500}.stage .eyebrow i{background:#a6d1c9}
.stage .text-link{border-color:#dbe9e269}.stage .small-rule{background:#dbe9e269}
.intro-copy .body-copy{font-size:13px;line-height:1.9;max-width:340px}
.hero-box-link,.lineup-box-link{background:#e4f0e8;border-color:#e4f0e8;color:#153f46}
.stage .duo-copy h2,.stage .lineup-copy h2{font-family:var(--display);font-weight:400;letter-spacing:-.03em;line-height:.98;font-size:clamp(44px,5.1vw,74px)}
.range-labels b{font:400 34px/1.1 var(--display);letter-spacing:0}.stage .range-labels b span{color:#dfa88d}
.stage .stage-bottom{color:#dbe9e5}.stage .stage-bottom button{border-color:#c3ded84a;background:#102e3570}
.stage .chapter-count{color:#91b7b4}.stage .chapter-count span{color:#eff7f1}
.stage .chapter-nav button:before{background:#a4cbc46b}.stage .chapter-nav button.active:before{background:#e4f0e8}
.stage .progress-track{background:#c5e2d91a}.stage .progress-track i{background:#a3d0c7}
.stage .loading{background:#153f46;color:#eff7f1}.loading>span{font:400 65px/1 Georgia,serif;letter-spacing:.15em;margin-left:.15em}
.stage .lineup-instruction,.lineup-product-range{color:#b8d4cf}
.lineup-product-name{font-family:var(--sans);font-weight:500}.lineup-product-image img{filter:drop-shadow(7px 13px 9px #041a2280)}
.lineup-product-image::before{content:'';position:absolute;left:20%;width:90%;height:18px;bottom:-10px;pointer-events:none;background:radial-gradient(ellipse,#02191e99 5%,#02191e55 38%,#02191e00 72%);transform:skewX(-28deg);filter:blur(3px)}
@media(max-width:740px){.lineup-product-image::before{height:12px;bottom:-5px;filter:blur(2px)}}
.motion-end{background:#102e35;color:#e6f1ea;padding-block:50px}.motion-end h2{font:400 clamp(30px,4vw,48px)/1.1 var(--display);letter-spacing:-.02em}.motion-end small{color:#8eb1ae}
.site-header a:focus-visible,.stage a:focus-visible,.stage button:focus-visible{outline-color:#b8ded1}::selection{background:#c6e2da;color:#153f46}
@media(max-width:900px) and (min-width:621px){.stage .story-copy h1{font-size:clamp(63px,7.3vw,76px)}.stage .detail-copy h2{font-size:62px}}
@media(max-width:620px){.stage{background-position:58% bottom}.stage-wash{background:linear-gradient(180deg,#071e2526,transparent 43%,#061d2520)}.stage .story-copy h1{font-size:clamp(50px,14vw,65px);line-height:.94}.intro-copy .body-copy{font-size:11px;line-height:1.7}.stage .detail-copy h2{font-size:52px}.stage .duo-copy h2{font-size:42px}.stage .lineup-copy h2{font-size:43px}.range-labels b{font-size:25px}.site-header .brand,.site-header .brand img{width:100px}.stage .lineup-instruction{font-size:10px}}
@media(max-height:650px) and (min-width:621px){.stage .story-copy h1{font-size:64px}.stage .story-copy h2{font-size:58px}.stage .duo-copy h2,.stage .lineup-copy h2{font-size:43px}}