:root{--ink:#080a0d;--paper:#e9edf0;--blue:#a9c8ff;--orange:#e96a3b;--line:rgba(233,237,240,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Manrope,system-ui,sans-serif;font-size:16px;overflow-x:hidden}a{color:inherit;text-decoration:none}i{font-family:Georgia,serif;font-weight:400}.site-header{position:fixed;z-index:20;top:0;left:0;width:100%;height:82px;padding:0 3.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(8,10,13,.78),transparent);backdrop-filter:blur(5px)}.brand{font-family:Unbounded,sans-serif;font-size:1.05rem;letter-spacing:-.06em}.brand span{color:var(--orange);font-size:.62rem;margin-left:4px}.site-header nav{display:flex;gap:2.3rem;text-transform:uppercase;font-family:'DM Mono',monospace;font-size:.75rem;letter-spacing:.08em}.site-header nav a{transition:color .25s}.site-header nav a:hover{color:var(--blue)}.menu-toggle{display:none;background:none;color:inherit;border:0;font:inherit}.hero{height:100svh;min-height:700px;position:relative;display:flex;overflow:hidden}.hero-media{position:absolute;inset:0;background:url('cinema-hero.png') center/cover;transform:scale(1.03);animation:push 14s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,8,.94) 0%,rgba(4,6,8,.38) 55%,rgba(4,6,8,.12)),linear-gradient(0deg,rgba(4,6,8,.9),transparent 48%)}.hero-content{position:relative;z-index:2;width:100%;padding:clamp(8rem,15vh,11rem) 7vw 4.5rem;display:flex;flex-direction:column;justify-content:space-between}.eyebrow,.kicker{font:400 .72rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.18em}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow span{display:inline-block;width:36px;height:1px;background:var(--orange)}h1{font:500 clamp(4.5rem,12vw,10.5rem)/.77 Unbounded,sans-serif;letter-spacing:-.085em;margin:0;text-transform:uppercase;max-width:1040px}h1 i{display:inline-block;font-size:1.08em;text-transform:none;letter-spacing:-.07em;color:var(--blue);transform:translateX(8vw)}.hero-bottom{display:flex;align-items:flex-end;gap:2rem}.hero-bottom p{max-width:440px;margin:0 0 0 31vw;font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.55}.circle-link{width:64px;height:64px;margin-left:auto;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;font-size:1.5rem;transition:.25s}.circle-link:hover{background:var(--paper);color:var(--ink)}.frame-count{position:absolute;z-index:2;right:3.5vw;top:50%;writing-mode:vertical-rl;font:400 .68rem 'DM Mono',monospace;letter-spacing:.16em}.works{padding:10rem 7vw;background:var(--paper);color:var(--ink)}.section-head{display:grid;grid-template-columns:1fr 2fr;align-items:start;margin-bottom:7rem}.kicker{margin-top:.7rem}.section-head h2,.profile h2,.contact h2{font:500 clamp(2.8rem,6vw,6rem)/.98 Unbounded,sans-serif;letter-spacing:-.06em;margin:0}.section-head h2 i,.profile h2 i{color:#365b8c}.project{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:clamp(2rem,6vw,7rem);align-items:center;margin-bottom:10rem}.project-reverse{grid-template-columns:minmax(300px,.75fr) minmax(0,1.65fr)}.project-reverse .project-visual{order:2}.project-visual{position:relative;aspect-ratio:16/10;overflow:hidden;background:#15191d}.project-visual:before{content:"";position:absolute;inset:0}.silent:before{background:linear-gradient(130deg,transparent 0 43%,rgba(184,206,225,.9) 43.2% 44%,transparent 44.2%),radial-gradient(circle at 70% 37%,#8499a8 0 8%,transparent 8.5%),linear-gradient(135deg,#1b2630 0 48%,#b9c4ca 48% 70%,#30383d 70%)}.season{background:#963622}.season:before{background:radial-gradient(circle at 70% 50%,transparent 0 22%,rgba(9,16,22,.92) 22.5% 28%,transparent 28.5%),linear-gradient(125deg,transparent 40%,rgba(255,181,119,.36) 40.5% 41.5%,transparent 42%)}.season-ring{position:absolute;width:36%;aspect-ratio:1;border:1px solid rgba(255,255,255,.6);border-radius:50%;top:32%;left:52%}.index{position:absolute;z-index:2;top:1.5rem;left:1.5rem;color:#fff;font:400 .72rem 'DM Mono',monospace}.film-title{position:absolute;z-index:2;bottom:7%;left:6%;font:500 clamp(1.8rem,4.5vw,4.6rem)/.9 Unbounded,sans-serif;letter-spacing:-.07em;color:#fff}.grain{position:absolute;inset:-100%;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");opacity:.25;animation:grain .25s steps(2) infinite}.project-copy>div{display:flex;justify-content:space-between;border-bottom:1px solid rgba(8,10,13,.25);padding-bottom:.75rem;text-transform:uppercase;font:400 .67rem 'DM Mono',monospace;letter-spacing:.12em}.project-copy h3{font:500 clamp(2rem,3.3vw,3.5rem)/.98 Unbounded,sans-serif;letter-spacing:-.055em;margin:2.5rem 0 1.5rem}.project-copy h3 small{font:italic 400 .56em Georgia,serif;color:#365b8c}.project-copy p{line-height:1.7;color:#333b43}.project-copy .credits{font:400 .68rem/1.8 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.06em;color:#59636d;margin-top:2rem}.profile{padding:10rem 7vw;position:relative;display:grid;grid-template-columns:.45fr 1.55fr;gap:4rem;border-top:1px solid var(--line)}.profile-number{font:300 clamp(5rem,12vw,12rem)/1 'DM Mono',monospace;color:rgba(169,200,255,.18)}.profile-copy .kicker{color:var(--orange)}.profile-copy .lead{font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.55;max-width:850px;margin:3rem 0 5rem}.disciplines{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.disciplines>div{padding:2rem 2rem 1rem 0;border-right:1px solid var(--line);min-height:250px}.disciplines>div+div{padding-left:2rem}.disciplines span{font:.67rem 'DM Mono',monospace;color:var(--orange)}.disciplines h3{font:500 1.35rem Unbounded,sans-serif;margin:3rem 0 1rem}.disciplines p{color:#99a1a8;line-height:1.6;font-size:.92rem}.contact{padding:10rem 7vw 2.5rem;background:var(--blue);color:var(--ink)}.contact h2{font-size:clamp(3.2rem,7vw,7rem);max-width:1150px;margin:2rem 0 6rem}.contact h2 i{color:#294f83}.contact-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(8,10,13,.35);border-bottom:1px solid rgba(8,10,13,.35);padding:2rem 0;font:500 clamp(1.2rem,2vw,2rem) Unbounded,sans-serif}.contact-link span{transition:transform .2s}.contact-link:hover span{transform:translate(5px,-5px)}footer{display:flex;justify-content:space-between;padding-top:6rem;text-transform:uppercase;font:.65rem 'DM Mono',monospace;letter-spacing:.08em}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.2,1)}.reveal.visible{opacity:1;transform:none}@keyframes push{to{transform:scale(1)}}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-3%,4%)}75%{transform:translate(2%,3%)}100%{transform:translate(-1%,-4%)}}@media(max-width:800px){.site-header{height:68px}.menu-toggle{display:block;font:400 .72rem 'DM Mono',monospace;text-transform:uppercase}.site-header nav{position:absolute;top:68px;left:0;right:0;background:var(--ink);padding:2rem 7vw;display:none;flex-direction:column}.site-header nav.open{display:flex}.hero{min-height:660px}.hero-content{padding:8.5rem 7vw 2.5rem}.hero-media{background-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(4,6,8,.9),rgba(4,6,8,.18)),linear-gradient(0deg,rgba(4,6,8,.9),transparent 60%)}h1{font-size:clamp(3.7rem,17vw,6rem);line-height:.84}h1 i{transform:translateX(0)}.hero-bottom p{margin-left:0;max-width:80%;font-size:.98rem}.circle-link{width:52px;height:52px}.frame-count{display:none}.works,.profile,.contact{padding-left:6vw;padding-right:6vw}.section-head{grid-template-columns:1fr;gap:2rem;margin-bottom:4rem}.project,.project-reverse{grid-template-columns:1fr;gap:2rem;margin-bottom:7rem}.project-reverse .project-visual{order:0}.profile{grid-template-columns:1fr;gap:1rem}.profile-number{font-size:5rem}.disciplines{grid-column:1;grid-template-columns:1fr}.disciplines>div,.disciplines>div+div{padding:2rem 0;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.disciplines h3{margin:1rem 0}.contact{padding-top:7rem}.contact h2{margin-bottom:4rem}footer{gap:1rem;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}.reveal{opacity:1;transform:none}}