@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;450;500;600;700&display=swap');
:root{--ink:#111210;--paper:#f0f0e8;--muted:#adada4;--line:#ffffff29;--acid:#dfed8c;--red:#ca432f;--gutter:clamp(22px,4.5vw,88px);--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.5 var(--body);overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--acid);outline-offset:7px}button[hidden],a[hidden]{display:none}::selection{background:var(--acid);color:var(--ink)}.skip{position:fixed;top:-100px;left:20px;padding:12px;background:var(--acid);color:var(--ink);z-index:100}.skip:focus{top:15px}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;margin:0 var(--gutter);border-bottom:1px solid var(--line);gap:25px}.wordmark{font:800 38px/.9 var(--display);letter-spacing:-1.4px;text-transform:uppercase}.wordmark-dot{color:var(--acid)}nav{display:flex;gap:44px;font-size:14px}nav a,.nav-contact{transition:color .2s}nav a:hover,.nav-contact:hover{color:var(--acid)}sup{font-size:11px;margin-left:5px;color:var(--muted)}.nav-contact{font-size:14px;display:flex;gap:24px}.nav-contact span{font-size:24px}.hero{padding:34px var(--gutter) 70px}.hero-topline,.section-kicker,.stage-top,.stage-bottom{display:flex;justify-content:space-between;gap:20px;font-size:12px;font-weight:500;letter-spacing:.11em}.hero-topline{color:var(--muted)}h1,h2,h3,p{margin:0}h1{font:700 clamp(90px,16vw,290px)/.8 var(--display);letter-spacing:-.025em;margin:50px 0 0;position:relative;z-index:2;pointer-events:none}.hero-line{display:block}.hero-line.second{text-align:right}.accent{color:var(--acid)}.hero-stage{height:clamp(350px,42vw,680px);margin-top:-.8vw;position:relative;isolation:isolate;overflow:hidden;background:#29292a}.hero-media{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 15%,#68694422,transparent 58%),linear-gradient(115deg,#262720,#171b19 42%,#3b342a);z-index:-2}.hero-media img,.hero-media iframe{width:100%;height:100%;object-fit:cover;border:0}.hero-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0003,transparent 45%,#0004);z-index:-1}.viewfinder{position:absolute;inset:25px;pointer-events:none}.viewfinder i{position:absolute;width:27px;height:27px;border-color:#f0f0e869;border-style:solid}.viewfinder i:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}.viewfinder i:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.viewfinder i:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}.viewfinder i:nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0}.stage-top,.stage-bottom{position:absolute;left:46px;right:46px;font-size:11px}.stage-top{top:43px}.stage-bottom{bottom:42px;color:#d4d5cc}.preview-label{color:var(--acid)}.hero-center{position:absolute;inset:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.frame-symbol{font:300 50px/1 var(--display);color:#f0f0e864;margin-bottom:22px}.hero-center p{font:500 clamp(25px,3.1vw,52px)/1.07 var(--display);letter-spacing:.005em}.reel-button{margin-top:28px;border:1px solid #ffffff80;border-radius:50px;background:#11121088;color:white;padding:14px 22px;font-size:14px;backdrop-filter:blur(10px)}.reel-button span{font-size:12px;margin-right:12px}.hero-foot{display:flex;align-items:center;justify-content:space-between;padding-top:30px;gap:25px}.hero-foot p{font-size:16px;color:#c3c4b9;line-height:1.6}.round-link{display:flex;align-items:center;gap:24px;font-size:14px}.round-arrow{border:1px solid #ffffff55;border-radius:50%;width:52px;height:52px;display:grid;place-items:center;font-size:25px;transition:background .2s,color .2s}.round-link:hover .round-arrow{background:var(--acid);color:var(--ink)}.section-pad{padding:85px var(--gutter) 100px}.work{background:var(--paper);color:var(--ink)}.section-kicker{border-top:1px solid currentColor;padding-top:19px;font-size:12px}.work-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:65px 0 60px}h2{font:600 clamp(55px,7.4vw,128px)/.92 var(--display);letter-spacing:-.025em}h2 em{font-style:normal;font-weight:500} .work-heading p{font-size:16px;line-height:1.6;color:#575a50;padding-bottom:7px}.project-list{display:grid;grid-template-columns:1fr 1fr;gap:60px 30px}.project-card:first-child{grid-column:1/-1}.project-visual{width:100%;border:0;position:relative;display:block;aspect-ratio:16/10;overflow:hidden;color:var(--paper);text-align:left;background:#242222}.project-card:first-child .project-visual{aspect-ratio:2.1}.project-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.6,.2,1)}button.project-visual:hover img{transform:scale(1.035)}.project-visual.wine{background:linear-gradient(130deg,#302829,#493534 65%,#262421)}.project-visual.blue{background:linear-gradient(125deg,#17242d,#384954)}.project-visual.olive{background:linear-gradient(125deg,#32352b,#57523b)}.project-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#0005);pointer-events:none}.film-index{position:absolute;top:28px;left:30px;font:500 15px var(--body);z-index:1}.empty-film{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.empty-film .category-title{font:500 clamp(50px,6vw,100px)/1 var(--display);text-transform:uppercase;letter-spacing:-.02em}.empty-film small{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#d8d8cf}.film-category{position:absolute;bottom:27px;left:30px;font-size:12px;letter-spacing:.09em;text-transform:uppercase;z-index:1}.play-disc{position:absolute;right:25px;bottom:23px;height:52px;width:52px;border:1px solid #fff9;border-radius:50%;display:grid;place-items:center;z-index:1;transition:background .2s,color .2s}.project-visual:hover .play-disc{background:var(--paper);color:var(--ink)}.project-meta{padding-top:20px;display:flex;justify-content:space-between;gap:20px}.project-meta h3{font-size:clamp(20px,2vw,28px);letter-spacing:-.04em;font-weight:500;line-height:1.3}.project-meta p{font-size:13px;color:#66685f;margin-top:7px}.project-meta>span{font-size:13px;color:#66685f;white-space:nowrap;padding-top:5px}.approach{padding-top:90px}.approach .section-kicker{border-color:var(--line);color:var(--muted)}.approach-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding-top:70px}.approach h2 em{color:var(--muted)}.approach-copy{max-width:520px;padding-top:6px}.lead-copy{font-size:clamp(22px,2.4vw,34px);line-height:1.4;letter-spacing:-.045em}.approach-copy>p+p{margin-top:25px;line-height:1.75;color:var(--muted)}.text-link{display:inline-flex;gap:30px;margin-top:32px;border-bottom:1px solid #ffffff66;padding-bottom:8px;font-size:14px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:85px}.services article{border-top:1px solid var(--line);padding-top:25px}.service-number{color:var(--muted);font-size:12px}.services h3{font:500 38px/1.1 var(--display);margin-top:28px}.services p{color:var(--muted);font-size:14px;margin-top:12px}.contact{background:var(--acid);color:var(--ink);padding-bottom:70px}.contact h2{font-size:clamp(75px,14vw,230px);line-height:.85;margin:65px 0 45px}.contact h2 em{font-weight:600}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-bottom p{font-size:18px;line-height:1.5}.contact-cta{border-bottom:1px solid var(--ink);font-size:28px;display:flex;gap:70px;padding-bottom:10px}.contact-pending{font-size:14px;color:#494e32}footer{padding:38px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:25px}footer>span{font-size:12px;letter-spacing:.08em;color:var(--muted)}footer>a:last-child{font-size:13px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}dialog{width:min(1280px,95vw);padding:25px;background:#111210;color:var(--paper);border:1px solid #ffffff33;max-height:94svh}dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}.film-toolbar{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:20px}.film-toolbar h2{font:500 clamp(20px,3vw,35px) var(--body);letter-spacing:-.04em}.film-toolbar>div>span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.film-toolbar button{border:1px solid #ffffff55;border-radius:50px;color:var(--paper);background:none;padding:10px 18px;white-space:nowrap}.film-toolbar button span{margin-left:10px;font-size:20px}#film-player{aspect-ratio:16/9;background:#000}#film-player iframe{width:100%;height:100%;border:0}#film-role{font-size:14px;color:var(--muted);margin-top:15px}
@media(min-width:1500px){body{max-width:2200px;margin:auto}.hero-stage{max-height:700px}}
.project-visual.portrait img{object-fit:contain}.project-visual.portrait{background:#191b19}.portrait-film #film-player{aspect-ratio:9/16;width:min(100%,38svh);margin-inline:auto}.hero-center{text-shadow:0 2px 14px #000}.hero-stage:after{background:linear-gradient(180deg,#0005,#0003 45%,#0008)}#film-role:empty{display:none}
@media(max-width:800px){.site-header{height:80px}nav{gap:22px}nav a:nth-child(2){display:none}.hero{padding-top:25px}.hero-topline{font-size:10px;gap:30px}.hero-topline span:last-child{text-align:right}h1{margin-top:45px;font-size:20vw;line-height:.88}.hero-stage{margin-top:12px;height:440px}.hero-center{inset:15%}.stage-top,.stage-bottom{left:30px;right:30px;font-size:10px}.stage-top{top:30px}.stage-bottom{bottom:30px}.viewfinder{inset:16px}.hero-foot p{font-size:14px}.round-link{gap:12px;font-size:13px}.round-arrow{height:44px;width:44px}.section-pad{padding-top:60px;padding-bottom:65px}.work-heading{padding:45px 0 38px;align-items:start}.work-heading p{max-width:155px;font-size:14px}.project-list{gap:36px 20px}.project-card:first-child .project-visual{aspect-ratio:16/10}.project-meta>span{display:none}.project-meta h3{font-size:22px}.approach-layout{gap:35px;grid-template-columns:1fr 1fr;padding-top:45px}.services{gap:20px;margin-top:55px}.services h3{font-size:30px}.services p{font-size:13px}.contact h2{margin-top:45px}footer>span{display:none}}
@media(max-width:540px){.wordmark{font-size:32px}.site-header{gap:16px}nav{font-size:12px}nav sup{display:none}.nav-contact{font-size:12px;gap:10px}.nav-contact span{font-size:20px}.hero-topline{font-size:10px;letter-spacing:.045em}.hero-stage{height:370px}.stage-top>span:first-child{max-width:100px}.stage-top .preview-label{font-size:9px}.hero-center p{font-size:33px}.hero-foot{align-items:start}.round-link>span:first-child{display:none}.hero-foot p{font-size:14px}.hero{padding-bottom:50px}.work-heading{display:block}.work-heading p{margin-top:24px;max-width:none}.work-heading p br{display:none}h2{font-size:60px}.section-kicker{font-size:10px;letter-spacing:.055em}.section-kicker>span:last-child{text-align:right}.project-list{grid-template-columns:1fr}.project-card:first-child{grid-column:auto}.project-card:first-child .project-visual,.project-visual{aspect-ratio:1.25}.empty-film .category-title{font-size:54px}.film-index,.film-category{left:22px}.film-category{font-size:10px}.project-meta h3{font-size:23px}.project-meta p{font-size:13px}.approach-layout{grid-template-columns:1fr;gap:32px}.approach-copy{padding:0}.lead-copy{font-size:25px}.services{grid-template-columns:1fr;gap:25px}.services article{display:grid;grid-template-columns:30px 1fr;gap:0 15px;align-items:center;padding-top:20px}.services h3{margin:0;font-size:30px}.services p{grid-column:2;margin-top:7px;font-size:14px}.contact h2{font-size:18vw}.contact-bottom{align-items:start;flex-direction:column;gap:28px}.contact-bottom p{font-size:16px}.contact-cta{font-size:25px}.contact-pending{font-size:13px}footer{padding-top:28px;padding-bottom:28px}dialog{padding:16px}.film-toolbar h2{font-size:20px}.film-toolbar button{padding:8px 12px;font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}