@font-face{font-family:Archivo;src:url('./assets/fonts/archivo-latin-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Archivo Black';src:url('./assets/fonts/archivo-black-latin.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('./assets/fonts/barlow-condensed-italic-latin.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
:root{--cream:#f0e8db;--ink:#141510;--pink:#d7a092;--accent:#926638;--body:Archivo,Arial,sans-serif;--heading:'Archivo Black',Arial,sans-serif;--italic:'Barlow Condensed','Arial Narrow',sans-serif;--nav-height:72px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#a99b86 var(--cream)}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);font-size:16px;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button,a{touch-action:manipulation}img,svg,video{display:block;max-width:100%}button{color:inherit}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;left:20px;top:12px;z-index:1000;padding:12px 18px;color:var(--cream);background:var(--ink);transform:translateY(-200%)}.skip-link:focus{transform:none}
.site-header{position:fixed;left:0;right:0;top:0;z-index:40;height:8.5svh;min-height:54px;max-height:92px;padding:0 2.917vw;display:flex;align-items:center;justify-content:space-between;background:rgba(240,232,219,.94);border-bottom:1px solid rgba(20,21,16,.14);transition:background .24s,border-color .24s;color:var(--ink)}.site-header .main-nav{display:flex;gap:1.45vw}.site-header a{font-size:clamp(10px,.69vw,14px);font-weight:800;letter-spacing:.12em;white-space:nowrap;line-height:1.1}.site-header .brand{position:absolute;left:50%;transform:translateX(-50%);font-family:var(--heading);font-size:clamp(18px,1.25vw,26px);letter-spacing:-.055em;display:flex;gap:.45em;align-items:center}.brand i{width:.49em;height:.49em;border-radius:50%;background:var(--accent);transition:background .5s}.site-header .shop-link{border-radius:40px;background:var(--ink);color:var(--cream);padding:clamp(12px,1vw,18px) clamp(16px,1.4vw,28px);font-size:clamp(10px,.69vw,14px);letter-spacing:.1em}.site-header.over-film{background:transparent;border-color:transparent;color:transparent}.site-header.over-film .brand i{background:transparent}.site-header.over-film .shop-link{background:transparent;color:transparent}.site-header.over-film a:hover{outline:1px solid #14151066;outline-offset:8px}.site-header.over-film a:focus-visible{color:var(--ink);background:var(--cream)}.site-header.on-dark{background:rgba(20,21,16,.94);color:var(--cream);border-color:#f0e8db22}.site-header.on-dark .shop-link{background:var(--cream);color:var(--ink)}
.hero-scroll{height:520svh;position:relative;isolation:isolate;background:#e9dfcc}.scene-sticky{position:sticky;top:0;width:100%;height:100svh;overflow:hidden}.scene-media{position:absolute;inset:0;background:#e8dfce;overflow:hidden}.scene-media canvas,.scene-poster{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill}.scene-poster{transition:opacity .18s}.scene-poster.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.film-controls{position:absolute;left:2.917%;right:2.917%;bottom:2.2%;display:grid;grid-template-columns:repeat(5,1fr);gap:.42%;z-index:3}.film-controls button{position:relative;width:100%;height:46px;background:transparent;border:0;padding:0;border-radius:2px;color:transparent}.film-controls button::after{content:attr(data-name);font-size:11px;letter-spacing:.14em;font-weight:700;background:var(--ink);color:var(--cream);padding:8px 13px;border-radius:30px;position:absolute;bottom:48px;left:50%;transform:translate(-50%,5px);opacity:0;transition:opacity .16s,transform .16s;pointer-events:none}.film-controls button:hover::after,.film-controls button:focus-visible::after{opacity:1;transform:translate(-50%,0)}.film-controls button:focus-visible{outline-offset:1px}.scene-badge-link{position:absolute;right:2.9%;top:11.5%;width:13%;height:8.5%;z-index:2;display:none;border-radius:50px}.scene-badge-link.is-visible{display:block}.scene-badge-link:hover{box-shadow:0 0 0 1px #f0e8db66}.mobile-intro,.mobile-chapter,.mobile-progress{display:none}.scene-loading{position:absolute;bottom:0;left:0;right:0;height:2px;background:#1415100c;pointer-events:none;transition:opacity .3s;z-index:8}.scene-loading::after{content:'';height:100%;display:block;width:40%;background:var(--accent);animation:load-slide 1s ease-in-out infinite}.scene-loading.loaded{opacity:0}@keyframes load-slide{from{transform:translateX(-100%)}to{transform:translateX(350%)}}
#story,#pick-a-mood,#five,#glare-test{scroll-margin-top:var(--nav-height)}.story-word{transition:color .16s}.motion-ready .story-word{color:#14151029}.motion-ready .story-word.is-revealed{color:var(--ink)}.qa-panel{position:fixed;bottom:12px;left:12px;z-index:999;background:#141510ed;color:var(--cream);padding:12px;font:11px/1.6 monospace;max-width:340px;pointer-events:none;white-space:pre-wrap}.qa-panel:empty{display:none}
@media(min-width:1800px){:root{--nav-height:92px}}
@media(max-width:760px){:root{--nav-height:66px}.site-header{height:66px;min-height:66px;max-height:none;padding:0 18px;gap:16px;background:var(--cream)}.site-header .main-nav{gap:14px}.site-header .main-nav a{font-size:9px;letter-spacing:.04em}.site-header .main-nav a:nth-child(2){display:none}.site-header .brand{position:static;transform:none;font-size:21px;order:-1;gap:5px}.site-header .shop-link{font-size:9px;letter-spacing:.03em;padding:10px 12px}.site-header.over-film{background:var(--cream);border-color:transparent;color:var(--ink)}.site-header.over-film .brand i{background:var(--accent)}.site-header.over-film .shop-link{background:var(--ink);color:var(--cream)}.hero-scroll{height:450svh}.scene-sticky{background:radial-gradient(ellipse at 50% 35%,#f3eddf,#dfd2bd)}.scene-media{inset:140px 0 58px;background:transparent}.scene-media canvas,.scene-media .scene-poster{width:177.78%;height:100%;left:-38.89%;object-fit:cover;object-position:50% 70%;clip-path:inset(16% 0 7% 0)}.film-controls{left:18px;right:18px;bottom:20px;gap:8px}.film-controls button{height:40px;color:#14151080;font-size:8px;letter-spacing:.08em;border-top:2px solid #14151025;border-radius:0;padding-top:10px;transition:border-color .25s,color .25s}.film-controls button[aria-pressed=true]{color:var(--ink);border-color:var(--accent)}.film-controls button::after{display:none}.mobile-intro{display:block;position:absolute;left:18px;right:18px;top:100px;transition:opacity .25s}.mobile-intro h1{font:400 clamp(88px,24vw,165px)/.8 var(--heading);letter-spacing:-.08em;margin:0;text-align:center}.mobile-intro p{font-size:10px;font-weight:800;text-align:center;letter-spacing:.06em;margin-top:17px}.mobile-intro.is-hidden{opacity:0;pointer-events:none}.mobile-chapter{display:block;position:absolute;top:103px;left:22px;right:22px;max-width:270px;opacity:0;transform:translateY(6px);transition:opacity .18s,transform .18s}.mobile-chapter.is-visible{opacity:1;transform:none}.mobile-chapter .chapter-kicker{font-size:9px;letter-spacing:.17em;font-weight:700;margin-bottom:10px}.mobile-chapter h2{font:400 clamp(27px,9vw,43px)/.98 var(--heading);letter-spacing:-.04em;margin:0}.mobile-chapter h2 em{font:italic 400 1.12em/1 var(--italic);color:var(--accent)}.mobile-chapter p{font-size:12px;line-height:1.4;max-width:230px;margin:9px 0 0}.scene-badge-link.is-visible{display:none}.mobile-progress{display:block;position:absolute;left:22px;right:22px;bottom:81px;font-size:9px;line-height:1.5;color:#6c6559;max-width:220px}.scene-loading{bottom:0}.qa-panel{font-size:9px;max-width:250px}.site-header.over-film a:hover{outline:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.hero-scroll{height:210svh}.motion-ready .story-word{color:var(--ink)}}
@media(max-width:480px){.site-header .main-nav a:first-child{display:none}.site-header .main-nav{margin-left:auto}.site-header .brand{margin-right:auto}.site-header{gap:13px}.site-header .shop-link{padding-inline:11px}}