@font-face{font-family:Spartan;src:url('assets/display.ttf');font-weight:100 900;font-display:swap}@font-face{font-family:Hanken;src:url('assets/body.ttf');font-weight:100 900;font-display:swap}
:root{--ink:#10231a;--deep:#0d1b14;--paper:#f8f9f5;--sage:#bac5b6;--gold:#edc36e;--line:#a8bea62e;--body:Hanken,Arial,sans-serif;--display:Spartan,Arial,sans-serif;--gutter:clamp(22px,4.5vw,100px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--deep);color:var(--paper);font:17px/1.5 var(--body);overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}img,video{max-width:100%;display:block}button:disabled{cursor:default}h1,h2,h3,p,figure{margin:0}.shell{max-width:1880px;margin-inline:auto;padding-inline:var(--gutter)}.skip{position:absolute;top:-100px}.skip:focus{top:15px;left:15px;z-index:100;background:var(--paper);color:var(--ink);padding:15px}.eyebrow{font-size:11px;letter-spacing:.11em;text-transform:uppercase;font-weight:650}.film-nav{display:flex;align-items:center;gap:30px;padding-block:25px;border-bottom:1px solid var(--line)}.film-nav img{filter:brightness(0) invert(1);width:145px;height:auto}.nav-room{font-size:12px;margin-left:auto;color:var(--sage);display:flex;align-items:center;gap:9px}.nav-room i{width:6px;height:6px;border-radius:50%;background:var(--gold)}.nav-contact{font-size:13px;border-bottom:1px solid #e9dfba66;padding-bottom:3px}.room-intro{padding-top:40px}.intro-top{display:flex;justify-content:space-between;align-items:center;color:var(--sage);gap:20px}.issue{font-size:11px}.intro-grid{display:grid;grid-template-columns:1.5fr .7fr;align-items:end;gap:80px;margin:25px 0 35px}h1{font:700 clamp(75px,8.3vw,160px)/.87 var(--display);letter-spacing:-.05em}h1 em{color:var(--gold);font-style:normal}.intro-note{max-width:365px;justify-self:end;padding-bottom:3px}.intro-note>p{font-size:clamp(17px,1.4vw,23px);line-height:1.45}.intro-caption{display:block;margin-top:16px;font-size:12px;color:var(--sage)}.intro-note>a{display:inline-block;margin-top:25px;font-size:12px;border-bottom:1px solid #f4f5e966;padding-bottom:4px}.orbit-mark{display:none;color:var(--gold);font-size:49px;line-height:1;margin-bottom:22px}.hero-wall{display:grid;grid-template-columns:1.55fr .79fr .79fr;gap:22px;align-items:center}.hero-wall .hero-side:nth-child(2){margin-top:85px}.hero-wall .hero-side:nth-child(3){margin-top:-45px}.film-card{min-width:0;position:relative}.film-trigger{display:block;width:100%;padding:0;border:0;color:white;text-align:left;background:transparent;border-radius:15px}.film-screen{display:block;position:relative;isolation:isolate;overflow:hidden;border-radius:15px;background:#22352a;border:1px solid #b5bda51c}.film-screen video{width:100%;height:100%;object-fit:contain;aspect-ratio:9/16;background:#17231c;transition:transform .7s cubic-bezier(.2,.7,.3,1)}.hero-main .film-screen video,.flavour-square .film-screen video{aspect-ratio:1}.film-trigger:hover video{transform:scale(1.015)}.film-kind{position:absolute;left:14px;top:14px;max-width:calc(100% - 65px);font-size:9px;line-height:1.3;letter-spacing:.035em;background:#10231acc;color:#fffdf1;padding:7px 9px;border:1px solid #dce8d136;border-radius:4px;backdrop-filter:blur(12px)}.film-expand{position:absolute;right:12px;top:12px;border:1px solid #fffae655;background:#17231c99;width:31px;height:31px;display:grid;place-items:center;border-radius:50%}.film-expand svg{width:19px;height:19px}.film-watch{position:absolute;left:15px;right:15px;bottom:15px;display:flex;justify-content:space-between;align-items:center;padding:11px 14px;font-size:12px;color:var(--ink);background:#f8f6e9ed;border-radius:4px;backdrop-filter:blur(8px);opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}.film-trigger:hover .film-watch,.film-trigger:focus-visible .film-watch{opacity:1;transform:none}.film-brand{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--sage);margin-bottom:8px}.film-card figcaption{padding:18px 3px 0}.film-card h3{font:650 clamp(21px,1.7vw,30px)/1.08 var(--display);letter-spacing:-.02em}.film-card figcaption p{font-size:13px;line-height:1.5;margin-top:10px;color:#bcc9bd;max-width:420px}.hero-wall figcaption p{display:none}.hero-side h3{font-size:clamp(19px,1.5vw,27px)}.collection-foot{display:flex;justify-content:space-between;gap:30px;font-size:11px;color:var(--sage);margin:32px 0 48px;padding-top:18px;border-top:1px solid var(--line)}.room-index{position:sticky;top:0;z-index:20;background:#0d1b14ef;border-block:1px solid var(--line);backdrop-filter:blur(16px)}.room-index>div{display:flex;align-items:center;gap:clamp(16px,3vw,45px);min-height:65px;overflow:auto;white-space:nowrap;scrollbar-width:thin}.room-index a{font-size:12px;color:var(--sage);padding:22px 0;position:relative}.room-index a[aria-current=true]{color:var(--gold)}.room-index a[aria-current=true]:after{content:'';position:absolute;height:2px;background:var(--gold);bottom:12px;left:0;right:0}.room-index button{margin-left:auto;flex:none;border:1px solid #bcc5b54d;color:var(--paper);background:transparent;padding:7px 12px;border-radius:25px;font-size:11px}.room-chapter{padding-block:95px 110px}.chapter-intro{display:grid;grid-template-columns:1fr .65fr;align-items:end;gap:80px;margin-bottom:40px}.chapter-intro .eyebrow{color:var(--gold);margin-bottom:20px}h2{font:700 clamp(45px,5.3vw,94px)/.98 var(--display);letter-spacing:-.04em}.chapter-intro>p{font-size:clamp(16px,1.3vw,21px);max-width:460px;color:#bcc9bd;padding-bottom:5px}.flavour-grid{display:grid;grid-template-columns:1fr 2fr;gap:28px;align-items:start}.flavour-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}.flavour-note{grid-column:1/-1;display:grid;grid-template-columns:.4fr 1fr 1fr;gap:24px;padding:35px 0 0;border-top:1px solid var(--line);margin-top:10px;align-items:start}.note-number{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--gold)}.flavour-note h3{font:650 clamp(26px,2.6vw,43px)/1.08 var(--display);letter-spacing:-.025em}.flavour-note p{font-size:15px;color:#bcc9bd;max-width:330px}.craft-tags{grid-column:2/-1;display:flex;gap:7px;flex-wrap:wrap}.craft-tags span{border:1px solid #bac5b644;border-radius:20px;padding:5px 11px;font-size:10px;color:#d3dccc}.material-world{background:#e7e9dd;color:#21382c;padding-block:90px 80px;position:relative;overflow:clip}.material-world .chapter-intro .eyebrow{color:#6a5936}.material-world .chapter-intro>p{color:#52614e}.material-grid{display:grid;grid-template-columns:.83fr 1.1fr .83fr;gap:clamp(25px,4vw,70px);align-items:end}.material-grid .detail-small{padding-bottom:90px}.material-grid .detail-pour{padding-top:100px}.material-world .film-brand{color:#52614e}.material-world .film-card figcaption p{color:#52614e}.material-grid .film-screen{box-shadow:0 22px 45px #24392614}.chapter-tail{font:600 clamp(21px,2.3vw,38px)/1.2 var(--display);max-width:750px;margin:60px 0 0;letter-spacing:-.02em}.character-world{background:#3a302b;padding-block:95px 100px}.character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}.character-grid .film-card:nth-child(2){padding-top:70px}.character-grid .film-card:nth-child(3){padding-top:140px}.character-world .film-brand,.character-world figcaption p{color:#dbcec0}.character-world .chapter-intro>p{color:#dbcec0}.everyday-world{padding-block:110px}.everyday-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(60px,9vw,170px);align-items:center;max-width:1320px;margin:auto}.everyday-film{max-width:420px;width:100%;justify-self:end;transform:rotate(-2deg)}.everyday-note .eyebrow{color:var(--gold);margin-bottom:26px}.everyday-note>p:not(.eyebrow){font-size:clamp(18px,1.7vw,25px);max-width:490px;color:#dae0d3;margin-top:30px}.everyday-note .everyday-small{font-size:15px!important;max-width:390px!important;color:var(--sage)!important}.scribble{display:block;color:var(--gold);font-size:15px;margin-top:42px;transform:rotate(-4deg);transform-origin:left}.room-close{background:#274a36;padding-block:80px 75px;position:relative;overflow:hidden}.room-close:before{content:'';position:absolute;width:700px;height:700px;right:-200px;top:-180px;border:1px solid #dfc48155;border-radius:50%;pointer-events:none}.room-close .eyebrow{color:#e1c78f;margin-bottom:25px}.room-close h2{font-size:clamp(55px,6.7vw,116px)}.room-close em{font-style:normal;color:var(--gold)}.close-line{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:40px;position:relative}.close-line p{font-size:16px;color:#d1dcca}.close-line a{display:flex;align-items:center;gap:65px;border-bottom:1px solid #f5f4df90;padding:15px 0;font-size:20px}.close-line a span{font-size:34px}footer{display:flex;align-items:center;gap:30px;justify-content:space-between;padding-block:30px;font-size:11px;color:var(--sage)}footer a{color:var(--paper)}.footer-note{font-size:10px;text-align:right;max-width:280px}
#film-viewer{border:1px solid #8b9c83;background:#10231a;color:var(--paper);width:min(1200px,94vw);max-width:none;max-height:93svh;padding:24px;border-radius:16px;overflow:auto}#film-viewer::backdrop{background:#020b07db;backdrop-filter:blur(14px)}.viewer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:20px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.viewer-top button{color:var(--paper);background:transparent;border:1px solid #d4dfc955;border-radius:25px;padding:7px 12px;font-size:12px;letter-spacing:0;text-transform:none}.viewer-top button span{font-size:22px;margin-left:12px}.viewer-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:35px;align-items:center}.viewer-screen{background:#070d09;border-radius:10px;min-width:0}.viewer-screen video{width:100%;height:min(72svh,720px);object-fit:contain;border-radius:10px}.viewer-note .eyebrow{color:var(--gold);margin-bottom:15px}.viewer-note h2{font-size:clamp(33px,4vw,58px);margin-bottom:20px}.viewer-note>p:not(.eyebrow){font-size:16px;color:#c2d1bf}.viewer-note hr{border:0;border-top:1px solid var(--line);margin:25px 0}.viewer-footnote{display:block;font-size:10px;color:#a7b8a3;margin-top:22px}.viewer-navigation{display:flex;justify-content:space-between;gap:20px;margin-top:35px}.viewer-navigation button{background:transparent;border:0;border-bottom:1px solid #d9ddc855;color:var(--paper);padding:8px 0;font-size:12px}body.viewer-open{overflow:hidden}
@media(min-width:1700px){.hero-wall{gap:30px}.room-intro{padding-top:55px}.flavour-grid{gap:35px}.flavour-pair{gap:35px}}
@media(max-width:1100px){.intro-grid{grid-template-columns:1.3fr .8fr;gap:40px}.hero-wall{grid-template-columns:1.35fr .75fr .75fr;gap:16px}.hero-wall .hero-side:nth-child(2){margin-top:55px}.hero-wall .hero-side:nth-child(3){margin-top:-25px}.film-kind{font-size:8px;padding:5px;left:10px;top:10px}.film-expand{width:26px;height:26px;right:9px;top:9px}.film-expand svg{width:16px}.film-card figcaption{padding-top:13px}.chapter-intro{gap:40px}.flavour-grid,.flavour-pair{gap:20px}.flavour-note{grid-template-columns:1fr 1fr;gap:20px}.note-number{grid-column:1/-1}.craft-tags{grid-column:1/-1}.material-grid{gap:25px}.character-grid{gap:20px}.character-grid .film-card:nth-child(2){padding-top:45px}.character-grid .film-card:nth-child(3){padding-top:90px}.everyday-grid{gap:60px}}
@media(max-width:760px){html{scroll-padding-top:75px}.film-nav{padding-block:20px;gap:20px}.film-nav img{width:125px}.nav-room{display:none}.nav-contact{margin-left:auto;font-size:11px}.room-intro{padding-top:35px}.issue{display:none}.intro-grid{grid-template-columns:1fr;gap:28px;margin:28px 0 35px}h1{font-size:clamp(75px,15vw,115px)}.intro-note{max-width:500px;justify-self:start;display:grid;grid-template-columns:1fr auto;gap:12px 18px}.intro-note>p{font-size:17px;max-width:430px}.orbit-mark{display:none}.intro-caption{grid-column:1;margin:0;font-size:10px}.intro-note>a{margin:0;grid-column:2;grid-row:1/3;align-self:end;white-space:nowrap;font-size:10px}.hero-wall{grid-template-columns:1fr 1fr;gap:28px 16px;align-items:start}.hero-main{grid-column:1/-1}.hero-wall .hero-side:nth-child(2),.hero-wall .hero-side:nth-child(3){margin-top:0}.hero-side h3{font-size:22px}.hero-main h3{font-size:29px}.collection-foot{margin:26px 0 35px;font-size:10px;gap:20px}.collection-foot>span:last-child{text-align:right}.room-index>div{gap:22px;min-height:57px}.room-index a{font-size:10px;padding-block:19px}.room-index button{font-size:10px;padding:5px 9px}.room-chapter{padding-block:60px 70px}.chapter-intro{grid-template-columns:1fr;gap:24px;margin-bottom:30px}h2{font-size:clamp(43px,8.5vw,65px)}.chapter-intro .eyebrow{margin-bottom:15px}.chapter-intro>p{font-size:16px;max-width:500px}.flavour-grid{grid-template-columns:.75fr 1fr;gap:20px}.flavour-pair{grid-template-columns:1fr;gap:28px}.flavour-note{display:block;margin-top:0;padding-top:24px}.flavour-note h3{font-size:29px;margin-top:15px}.flavour-note p{font-size:13px;margin-top:15px}.craft-tags{gap:5px;margin-top:20px}.craft-tags span{font-size:9px;padding:4px 8px}.film-card h3{font-size:23px}.film-card figcaption p{font-size:12px;line-height:1.5;margin-top:8px}.film-screen,.film-trigger{border-radius:11px}.material-world{padding-block:60px 55px}.material-grid{grid-template-columns:1fr 1fr;gap:30px 20px;align-items:start}.material-grid .detail-main{grid-column:1;grid-row:1/3}.material-grid .detail-small{grid-column:2;padding:35px 0 0}.material-grid .detail-pour{grid-column:2;padding:0}.chapter-tail{margin-top:35px;font-size:25px;max-width:450px}.character-world{padding-block:60px}.character-grid{grid-template-columns:1fr 1fr;gap:35px 20px}.character-grid .film-card:nth-child(2){padding-top:60px}.character-grid .film-card:nth-child(3){grid-column:1;width:100%;padding-top:0}.everyday-world{padding-block:70px}.everyday-grid{gap:35px;grid-template-columns:.9fr 1.1fr}.everyday-note h2{font-size:39px}.everyday-note .eyebrow{font-size:10px;margin-bottom:15px}.everyday-note>p:not(.eyebrow){font-size:16px;margin-top:20px}.everyday-note .everyday-small{font-size:12px!important}.scribble{font-size:12px;margin-top:25px}.room-close{padding-block:55px}.room-close h2{font-size:clamp(45px,8vw,70px)}.close-line{margin-top:28px}.close-line p{font-size:13px}.close-line a{font-size:16px;gap:30px}footer{flex-wrap:wrap;gap:15px;font-size:10px}.footer-note{max-width:none;width:100%;text-align:left}.viewer-grid{grid-template-columns:1fr;gap:25px}.viewer-screen video{height:54svh}.viewer-note h2{font-size:38px}#film-viewer{padding:17px}.viewer-note hr{margin-block:20px}.viewer-top{margin-bottom:15px}}
@media(max-width:460px){.nav-contact{font-size:10px}.film-nav img{width:115px}.intro-grid{gap:25px}.intro-note{display:block}.intro-note>p{font-size:16px}.intro-caption{margin-top:12px}.intro-note>a{margin-top:19px}.eyebrow{font-size:9px}.hero-wall{gap:23px 13px}.film-kind{font-size:7px;left:7px;top:7px;max-width:calc(100% - 45px)}.film-expand{width:23px;height:23px;top:7px;right:7px}.film-expand svg{width:14px}.film-brand{font-size:8px;margin-bottom:6px}.film-card h3,.hero-side h3{font-size:20px}.hero-main h3{font-size:28px}.film-watch{left:9px;right:9px;bottom:9px;font-size:10px;padding:8px}.room-index>div{gap:18px}.room-index a{font-size:9px}.room-index button{font-size:9px}.chapter-intro>p{font-size:15px}.flavour-grid{grid-template-columns:1fr;gap:30px}.flavour-tall{width:75%;justify-self:center}.flavour-pair{grid-template-columns:1fr 1fr;gap:16px}.flavour-note{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:15px}.flavour-note h3{grid-column:1;margin:0;font-size:26px}.flavour-note p{grid-column:2;margin:0;font-size:12px}.craft-tags{grid-column:1/-1;margin:0}.material-grid{gap:25px 15px}.material-grid .detail-small{padding-top:45px}.film-card figcaption p{font-size:11px}.chapter-tail{font-size:24px}.character-grid{gap:28px 15px}.character-grid .film-card:nth-child(2){padding-top:70px}.character-grid .film-card:nth-child(3){width:100%}.character-grid:after{content:'A small story can carry a big idea.';font:600 29px/1.08 var(--display);letter-spacing:-.03em;align-self:center;color:#e6c68b;grid-column:2;padding:5px}.everyday-grid{grid-template-columns:1fr;gap:35px}.everyday-film{justify-self:center;width:74%;max-width:350px}.everyday-note{max-width:390px}.everyday-note h2{font-size:49px}.everyday-note>p:not(.eyebrow){max-width:340px}.everyday-note .everyday-small{font-size:14px!important}.scribble{display:none}.close-line{display:block}.close-line a{justify-content:space-between;margin-top:25px}.viewer-screen video{height:51svh}.viewer-note h2{font-size:34px}.viewer-note>p:not(.eyebrow){font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.film-trigger:hover video{transform:none}.everyday-film{transform:none}}

.viewer-top button,.viewer-navigation button{min-height:44px}@media(max-width:760px){.room-index button{min-height:38px}}
.room-index>div{scrollbar-width:none}.room-index>div::-webkit-scrollbar{display:none}
@media(max-width:760px){.material-grid .detail-main{grid-column:1;grid-row:1}.material-grid .detail-small{grid-column:2;grid-row:1;padding-top:45px}.material-grid .detail-pour{grid-column:1/-1;grid-row:2;width:62%;justify-self:center;padding-top:0}}
