:root {
  --bg:#0b0b0a;
  --panel:#11110f;
  --text:#e8e4dc;
  --muted:#938f86;
  --line:rgba(232,228,220,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-weight:300;letter-spacing:.01em}
a{color:inherit;text-decoration:none}
.topbar{position:fixed;inset:0 0 auto 0;z-index:20;display:flex;justify-content:space-between;align-items:flex-start;padding:28px 34px;mix-blend-mode:difference;color:white}
.brand{font-size:11px;line-height:.92;font-weight:500;letter-spacing:.16em;display:flex;flex-direction:column}
nav{display:flex;gap:28px;text-transform:uppercase;font-size:10px;letter-spacing:.14em}
.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-media{position:absolute;inset:0;background:
linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.72)),
radial-gradient(circle at 72% 35%,rgba(169,119,71,.32),transparent 27%),
linear-gradient(105deg,#171816 0%,#4a4338 42%,#15191b 68%,#070707 100%);filter:saturate(.65) contrast(.9)}
.hero-media:before{content:"";position:absolute;right:14%;top:18%;width:min(34vw,430px);height:min(58vh,610px);border-radius:48% 48% 44% 44%;background:linear-gradient(160deg,rgba(229,206,176,.2),rgba(29,24,23,.8) 35%,rgba(10,10,10,.95));box-shadow:-60px 10px 110px rgba(0,0,0,.65);transform:rotate(2deg)}
.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.86) 0 17%,transparent 42% 72%,rgba(0,0,0,.3));}
.hero-grain{position:absolute;inset:-50%;opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");animation:grain .22s steps(2) infinite}
@keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}100%{transform:translate(-2%,-2%)}}
.hero-copy{position:relative;z-index:3;padding:0 6vw 8vh;max-width:900px}
.eyebrow,.section-kicker,.section-head{font-size:10px;text-transform:uppercase;letter-spacing:.18em}
h1{font-family:"Playfair Display",Georgia,serif;font-weight:500;font-size:clamp(62px,10vw,150px);line-height:.78;letter-spacing:-.045em;margin:22px 0 28px}
.hero-note{max-width:470px;line-height:1.6;font-size:13px;color:#c1bcb2}
.scroll-cue{position:absolute;right:34px;bottom:32px;z-index:4;text-transform:uppercase;font-size:10px;letter-spacing:.16em}
.films{padding:120px 5vw 150px}.section-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:42px;color:var(--muted)}
.film{margin-bottom:86px}.film-image{position:relative;display:block;overflow:hidden;background:#171715;aspect-ratio:16/9}.film-featured .film-image{aspect-ratio:2.08/1}
.film-image:before,.film-image:after{content:"";position:absolute;inset:0;transition:transform .9s cubic-bezier(.2,.7,.1,1),filter .9s ease}
.film-image:after{background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.55))}
.film-image:hover:before{transform:scale(1.025);filter:brightness(1.04)}
.image-molt:before{background:linear-gradient(115deg,#0b0d0c 0%,#263126 28%,#897965 55%,#171b18 100%)}
.image-guest:before{background:radial-gradient(circle at 60% 35%,#6e5b3d,#1b1814 34%,#090909 70%)}
.image-inga:before{background:linear-gradient(165deg,#b9bab5 0%,#646760 22%,#1b1c1a 55%,#050505 100%);filter:grayscale(1)}
.image-gatherer:before{background:radial-gradient(circle at 50% 55%,#787267 0 5%,#25282a 10%,#08090a 48%,#010101 100%)}
.image-outthere:before{background:linear-gradient(180deg,#273039,#181d21 32%,#0b0d0f 58%,#020202)}
.film-index{position:absolute;z-index:2;top:18px;left:18px;font-size:10px;letter-spacing:.15em}.play{position:absolute;z-index:2;right:18px;bottom:17px;text-transform:uppercase;font-size:9px;letter-spacing:.14em;opacity:0;transform:translateY(5px);transition:.3s ease}.film-image:hover .play{opacity:1;transform:none}
.film-meta{display:grid;grid-template-columns:minmax(240px,.8fr) 1fr;gap:28px;padding-top:18px;border-top:1px solid var(--line);margin-top:12px}.film-meta h2{font-family:"Playfair Display",Georgia,serif;font-weight:500;font-size:clamp(30px,3.2vw,54px);line-height:1;margin:0}.film-meta p{margin:3px 0;color:var(--muted);font-size:11px;line-height:1.55}.film-meta .film-copy{max-width:420px;color:#b9b3a8}.jp{font-size:.55em;color:var(--muted)}
.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px 28px}.film-grid .film{margin:0}.film-grid .film-meta{grid-template-columns:1fr}.film-grid .film-meta p{margin-top:-16px}
.about{border-top:1px solid var(--line);padding:110px 5vw 140px}.section-kicker{color:var(--muted);margin-bottom:48px}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw}.about h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(55px,7.5vw,115px);font-weight:500;line-height:.88;letter-spacing:-.04em;margin:0}.about-grid>div{align-self:end;max-width:500px}.about p{line-height:1.75;color:#bcb7ae;font-size:14px}
footer{border-top:1px solid var(--line);padding:36px 5vw 52px;display:flex;justify-content:space-between;align-items:flex-end;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.muted{color:var(--muted)}.footer-links{display:flex;gap:24px}
@media(max-width:760px){.topbar{padding:20px}.topbar nav{gap:14px}.hero-copy{padding:0 20px 11vh}.hero-note{max-width:80%}.scroll-cue{right:20px;bottom:20px}.films{padding:86px 20px 110px}.film-grid{grid-template-columns:1fr;gap:70px}.film-meta{grid-template-columns:1fr}.film-copy{margin-top:-10px!important}.about{padding:90px 20px 110px}.about-grid{grid-template-columns:1fr;gap:55px}footer{padding:28px 20px 40px;align-items:flex-start;gap:30px;flex-direction:column}.film-featured .film-image{aspect-ratio:16/10}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-grain{animation:none}.film-image:before{transition:none}}