@font-face{font-family:Outfit;src:url(assets/Outfit.ttf);font-weight:100 900}@font-face{font-family:Display;src:url(assets/CormorantGaramond.ttf);font-weight:300 700}:root{--cream:#f4efe6;--brown:#38271e;--muted:#74685e}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--brown);font-family:Outfit,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}img{display:block;max-width:100%}p{line-height:1.7}h1,h2,h3{font-family:Display,Georgia,serif;font-weight:400;margin:0}h2{font-size:clamp(40px,4.3vw,64px);line-height:1.03}figure{margin:0}.eyebrow{font-size:11px;letter-spacing:.19em;text-transform:uppercase;margin:0 0 22px}.hero{position:relative;height: min(900px,62.5vw);min-height:700px;color:var(--cream);isolation:isolate}.hero>picture,.hero>picture img,.shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.shade{z-index:-1;background:linear-gradient(90deg,rgba(24,18,13,.52),transparent 66%)}header{height:100px;padding:0 4.2%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #f4efe63d}header nav{display:flex;gap:28px}header a,header span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;min-height:44px;display:flex;align-items:center}header .brand img{width:102px;height:58px}header>span{justify-self:end}.hero-copy{position:absolute;left:6.2%;top:31%;max-width:580px}.hero h1{font-size:clamp(56px,5.35vw,82px);line-height:.97;letter-spacing:-.035em}.hero h1 span{display:block}.hero-copy>p:not(.eyebrow){font-size:16px;max-width:300px;margin:26px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:48px;padding:15px 23px;background:var(--cream);color:var(--brown);font-size:11px;letter-spacing:.13em;text-transform:uppercase}.button:hover{background:#e7dfd3}.hero-bottom{position:absolute;bottom:25px;left:4.2%;right:4.2%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.disclosure{padding:13px 4.2%;font-size:11px;line-height:1.5;border-bottom:1px solid #3a302a26;display:flex;justify-content:space-between;gap:24px}.intro{padding:104px 8%;display:grid;grid-template-columns:1fr 1.2fr;gap:11%}.intro h2{max-width:460px}.intro .text{max-width:445px;padding-top:33px;font-size:17px}.story{padding:0 4.2% 92px;display:grid;grid-template-columns:1.5fr 1fr;gap:32px;align-items:end}.story .wide img{width:100%;height:550px;object-fit:cover;object-position:70% center}.story .detail img{width:100%;height:370px;object-fit:cover}.story figcaption{font-size:11px;line-height:1.5;margin-top:14px;display:flex;justify-content:space-between}.story .detail .eyebrow{margin-bottom:20px}.passage{text-align:center;padding:90px 24px;background:var(--brown);color:var(--cream)}.passage h2{font-size:clamp(43px,5.2vw,76px)}.passage p:last-child{font-size:15px;margin:25px 0 0}.product{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:100px 8%;align-items:center}.product figure{background:#e8e5df}.product figure>img{height:590px;width:100%;object-fit:contain}.product figcaption{font-size:11px;padding:12px 20px;color:var(--muted)}.product h2{margin-bottom:24px}.product p{max-width:400px}.product dl{margin:28px 0 20px}.product dl div{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid #3a302a30;font-size:13px}.product dd{margin:0}.text-link{display:inline-flex;min-height:44px;align-items:center;text-decoration:underline;text-underline-offset:5px;font-size:13px}.development{padding:60px 8%;border-top:1px solid #3a302a30;display:grid;grid-template-columns:1fr 1fr;gap:7%}.development h2{font-size:43px}.development p{max-width:460px;margin-top:0;font-size:15px}details{border-bottom:1px solid #3a302a30;margin-top:15px}summary{cursor:pointer;min-height:48px;padding:15px 0;font-size:13px}details p{padding:8px 0}footer{text-align:center;padding:70px 4.2% 24px;background:#e8e1d4}footer .footer-logo{width:210px;height:118px;margin:auto}footer>p{font-family:Display,serif;font-size:27px;margin:25px 0 55px}.footer-bottom{border-top:1px solid #3a302a30;padding-top:20px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.09em;text-transform:uppercase}.mobile-nav{display:none}@media(max-width:700px){.hero{height:780px;min-height:0}.shade{background:linear-gradient(180deg,rgba(25,18,12,.66) 0%,rgba(25,18,12,.18) 34%,transparent 48%)}header{height:77px;padding:0 24px;grid-template-columns:1fr auto 1fr}header nav{display:none}.mobile-nav{display:flex;font-size:9px}header>span{font-size:8px;letter-spacing:.1em}header .brand img{width:90px;height:50px}.hero-copy{top:112px;left:25px;right:20px;max-width:none}.hero .eyebrow{font-size:9px;margin-bottom:14px}.hero h1{font-size:45px;line-height:.98;letter-spacing:-.035em}.hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.45;max-width:260px;margin:16px 0}.button{min-height:44px;font-size:9px;padding:12px 18px;gap:25px}.hero-bottom{bottom:19px;left:24px;right:24px;font-size:8px;letter-spacing:.08em}.hero-bottom span:last-child{display:none}.disclosure{display:block;padding:13px 24px;font-size:10px}.disclosure span{display:block}.disclosure span+span{margin-top:5px}.intro{padding:59px 25px;grid-template-columns:1fr;gap:10px}.intro h2{font-size:44px}.intro .text{padding-top:0;font-size:15px}.intro .eyebrow{font-size:10px}.story{padding:0 25px 54px;grid-template-columns:1fr;gap:33px}.story .wide img{height:330px;object-position:73% center}.story .detail{width:86%;margin-left:auto}.story .detail img{height:260px}.story figcaption{font-size:10px;gap:10px}.passage{padding:64px 25px}.passage h2{font-size:44px}.passage p:last-child{font-size:13px;max-width:260px;margin:22px auto 0}.product{padding:58px 25px;grid-template-columns:1fr;gap:35px}.product figure>img{height:360px}.product h2{font-size:45px}.product p{font-size:15px}.development{padding:45px 25px;grid-template-columns:1fr;gap:24px}.development h2{font-size:39px}footer{padding:45px 25px 25px}footer .footer-logo{width:160px;height:90px}footer>p{font-size:23px;margin-bottom:38px}.footer-bottom{flex-direction:column;gap:15px;font-size:9px}}
.hero-copy{max-width:660px}.hero h1{font-size:clamp(56px,5vw,76px)}@media(max-width:700px){.hero-copy{top:103px}.hero h1{font-size:39px;line-height:1.02}.shade{background:linear-gradient(180deg,rgba(25,18,12,.74) 0%,rgba(25,18,12,.51) 33%,transparent 48%)}}

button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--cream);outline-offset:4px}
.hero{height:min(900px,62.5vw);min-height:700px;overflow:hidden;background:#483a2e}
.hero header{position:relative;z-index:5}.scenes{position:absolute;inset:0;z-index:-2}.scene{position:absolute;inset:0;opacity:0;transition:opacity 1200ms ease;pointer-events:none}.scene.active{opacity:1}
.scene picture,.scene img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:70% center}
.shade{background:linear-gradient(90deg,rgba(24,18,13,.56),rgba(24,18,13,.12) 53%,transparent 75%),linear-gradient(0deg,rgba(24,18,13,.72),transparent 19%);pointer-events:none}
.scene-title{position:absolute;left:6.2%;top:calc(29% + 38px);z-index:1}.scene-title h1{font-size:clamp(48px,4.75vw,72px);line-height:1.02;letter-spacing:-.035em}.scene-title h1 span{display:block}
.hero-copy{top:29%;max-width:660px;pointer-events:none}.hero-copy .eyebrow{margin:0;height:38px}.title-space{height:146px}.hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.6;margin:23px 0;max-width:360px}.hero-copy a{pointer-events:auto}

@media(min-width:901px) and (max-width:1200px){.scene-title h1{font-size:49px}.title-space{height:100px}}
@media(max-width:900px){.hero{height:820px;min-height:0}.hero header{height:77px;padding:0 24px}.hero header nav{display:none}.hero .mobile-nav{display:flex}.hero header .brand img{width:90px;height:50px}.hero header>span{font-size:8px}.scene picture,.scene img{object-position:center 60%}.hero-copy{top:105px;left:25px;right:20px;max-width:none}.hero-copy .eyebrow{font-size:9px;height:29px}.scene-title{top:134px;left:25px;right:20px}.scene-title h1{font-size:39px;line-height:1.02}.title-space{height:80px}.hero-copy>p:not(.eyebrow){font-size:12px;line-height:1.45;margin:15px 0;max-width:330px}.hero .button{font-size:9px;min-height:44px;padding:12px 18px}.shade{background:linear-gradient(180deg,rgba(25,18,12,.67),rgba(25,18,12,.43) 32%,transparent 48%),linear-gradient(0deg,rgba(25,18,12,.85),transparent 20%)}}
@media(min-width:601px) and (max-width:900px){.hero{height:1050px}.scene img{object-position:center 60%}.scene-title h1{font-size:54px}.title-space{height:112px}.hero-copy>p:not(.eyebrow){font-size:15px}}
@media(max-width:360px){.hero{height:760px}.hero-copy,.scene-title{left:20px;right:14px}.scene-title h1{font-size:33px}.title-space{height:68px}}
@media(prefers-reduced-motion:reduce){.scene{transition:none}}

.scene .shade{z-index:0}@media(max-width:900px){}@media(max-width:360px){.hero{height:740px}}
/* Reserve the approved two-line height: changing copy never moves the CTA. */
.title-space{font-size:clamp(48px,4.75vw,72px);line-height:1.02;height:2lh}
@media(min-width:901px) and (max-width:1200px){.title-space{font-size:49px}}
@media(max-width:900px){.title-space{font-size:39px}}
@media(min-width:601px) and (max-width:900px){.title-space{font-size:54px}}
@media(max-width:360px){.title-space{font-size:33px}}

.skip{position:absolute;left:12px;top:-100px;z-index:10;background:var(--cream);color:var(--brown);padding:12px}.skip:focus{top:12px}
footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px;margin-bottom:28px}footer nav a{display:inline-flex;align-items:center;min-height:44px;font-size:12px}