@font-face{font-family:LocalSans;src:local("Arial");font-display:swap}
:root{--bg:#111211;--ink:#f2f3eb;--muted:#a2a69e;--line:#333630;--accent:#d9f35a;--pad:clamp(22px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:LocalSans,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.06;letter-spacing:-.045em}::selection{color:var(--bg);background:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.wrap{width:min(100%,1680px);padding-left:var(--pad);padding-right:var(--pad);margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--accent);color:var(--bg);padding:12px 20px}.skip:focus{top:12px}.eyebrow{text-transform:uppercase;font-size:.75rem;letter-spacing:.12em;line-height:1.5;font-weight:600}.header{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{width:170px}.brand img{object-fit:contain;width:170px;height:auto}.header nav{display:flex;gap:34px;font-size:.875rem}.header nav a:hover,.text-link:hover,footer nav a:hover{color:var(--accent)}.header-contact{display:flex;align-items:center;gap:28px;border:1px solid #676b60;border-radius:30px;padding:10px 20px;font-size:.875rem}.header-contact:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}.hero{padding-top:32px}.hero-top{display:flex;justify-content:space-between;color:var(--muted)}.hero-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:32px 0 46px}.hero h1{font-size:clamp(3.5rem,8.2vw,8.7rem);line-height:.99;letter-spacing:-.065em}.hero h1 em{color:var(--accent);font-style:normal}.hero-intro{padding-bottom:8px;min-width:230px}.hero-intro p{font-size:1.125rem;line-height:1.4;margin-bottom:28px}.text-link{font-size:.875rem;display:inline-flex;align-items:center;gap:28px;border-bottom:1px solid currentColor;padding-bottom:6px}.hero-film{display:block;position:relative;overflow:hidden;height:clamp(350px,38vw,600px);background:#353b34}.hero-film>img{width:100%;height:100%;object-fit:cover;object-position:center 47%;transition:transform .8s}.hero-film:hover>img{transform:scale(1.025)}.film-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0004,transparent 35%,#000a)}.film-top{position:absolute;top:26px;left:28px;right:28px;display:flex;justify-content:space-between}.hero-film-title{position:absolute;bottom:38px;left:32px;font-size:clamp(1.7rem,3vw,3rem);letter-spacing:-.04em;line-height:1.2}.hero-film-title small{display:block;font-size:.875rem;letter-spacing:0;margin-top:12px}.play{position:absolute;right:40px;top:44%;display:flex;align-items:center;gap:15px;font-size:.875rem}.play>span:first-child{width:74px;height:74px;display:grid;place-items:center;border:1px solid #fff9;border-radius:50%;background:#ffffff12;backdrop-filter:blur(5px);font-size:18px;padding-left:3px}.hero-film:hover .play>span:first-child{background:var(--accent);color:var(--bg);border-color:var(--accent)}.duration{position:absolute;bottom:18px;right:20px;font-size:.75rem;letter-spacing:.07em;background:#111b;padding:2px 7px;border-radius:3px}.film-caption{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.75rem;padding-top:15px}.intro{padding-top:110px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1.6fr;gap:60px}.intro>.eyebrow{padding-top:10px;color:var(--muted)}.intro h2{font-size:clamp(2rem,3.5vw,3.5rem)}.intro p:not(.eyebrow){color:var(--muted);max-width:650px;margin:26px 0;font-size:1.0625rem}.section{padding-top:90px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:44px}.section-heading .eyebrow,.service-intro .eyebrow,.studio>.eyebrow{color:var(--muted);margin-bottom:22px}.section h2{font-size:clamp(2.3rem,4.1vw,4.2rem)}.projects{border-top:1px solid var(--line)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 28px}.project-image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#242722}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .6s}.project-image:hover img{transform:scale(1.04);filter:brightness(.85)}.small-play{position:absolute;right:20px;top:20px;display:grid;place-items:center;width:48px;height:48px;border:1px solid #fff7;border-radius:50%;background:#1115;backdrop-filter:blur(4px);padding-left:3px;font-size:.875rem}.project-label{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding-top:19px}.project-label h3{font-size:1.5rem;letter-spacing:-.03em}.project-label>span{font-size:.875rem;color:var(--muted)}article>p{font-size:.875rem;color:var(--muted);margin-top:5px}.clients{padding-top:40px;padding-bottom:90px}.clients h2{text-align:center;color:var(--muted);margin-bottom:30px}.client-grid{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;border-block:1px solid var(--line)}.client-grid a{display:grid;place-items:center;padding:20px;min-height:150px}.client-grid img{object-fit:contain;width:160px;height:110px;filter:grayscale(1);opacity:.85;transition:opacity .2s}.client-grid a:hover img{opacity:1;filter:none}.services{background:#1b1e19}.service-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:9%}.service-intro>p:not(.eyebrow){color:var(--muted);margin:26px 0;max-width:360px}.pill{display:inline-flex;gap:32px;align-items:center;background:var(--accent);color:var(--bg);padding:13px 23px;border-radius:30px;font-size:.875rem}.pill:hover{background:#e7ff80}.service-list details{border-bottom:1px solid #43483d;padding:22px 0}.service-list details:first-child{border-top:1px solid #43483d}.service-list summary{display:flex;gap:20px;align-items:center;cursor:pointer;list-style:none;padding:3px 0}.service-list summary::-webkit-details-marker{display:none}.service-list summary>span{font-size:.75rem;color:var(--muted)}.service-list h3{font-size:clamp(1.15rem,1.6vw,1.6rem);line-height:1.2;letter-spacing:-.03em}.service-list summary::after{content:'+';margin-left:auto;font-size:1.5rem;color:var(--accent);line-height:1}.service-list details[open] summary::after{content:'−'}.service-list details>p{color:#b9bdb4;padding:18px 24px 4px 36px;font-size:.9375rem}.studio-copy{display:grid;grid-template-columns:1fr 1fr;gap:10%}.studio-copy>div>p{color:var(--muted);max-width:530px;margin:4px 0 32px}.person{display:grid;grid-template-columns:1fr 1.5fr;border-top:1px solid var(--line);padding:20px 0;gap:15px}.person h3{font-size:1.125rem;line-height:1.5;letter-spacing:-.02em}.person p{color:var(--muted);font-size:.875rem}.contact{background:var(--accent);color:var(--bg);padding:70px 0 60px}.contact-heading{display:flex;align-items:center;justify-content:space-between;gap:35px;margin:30px 0 50px}.contact h2{font-size:clamp(2.9rem,6.5vw,6.8rem);letter-spacing:-.06em}.contact-arrow{width:100px;height:100px;border:1px solid #1118;border-radius:50%;display:grid;place-items:center;font-size:3.5rem;flex-shrink:0}.contact-arrow:hover{background:var(--bg);color:var(--accent)}.contact-bottom{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;border-top:1px solid #1115;padding-top:28px;gap:30px;font-size:.9375rem}.contact-bottom span{display:block;font-size:.75rem;margin-bottom:8px}.contact-bottom a{border-bottom:1px solid #1117;padding-bottom:4px;overflow-wrap:anywhere}.contact :focus-visible{outline-color:var(--bg)}footer{padding-block:45px;display:flex;align-items:center;justify-content:space-between;gap:35px}.footer-brand{font-size:2.2rem;font-weight:700;letter-spacing:-.08em}.footer-brand span{font-size:.75rem;vertical-align:top;letter-spacing:0;margin-left:4px}footer p{color:var(--muted);font-size:.75rem}footer nav{display:flex;gap:25px;font-size:.875rem}dialog{color:var(--ink);background:var(--bg);border:1px solid var(--line);width:min(1100px,94vw,calc((100dvh - 180px)*16/9));max-height:94dvh;padding:24px;overscroll-behavior:contain}dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:20px}.dialog-top h2{font-size:1.25rem;letter-spacing:-.025em;line-height:1.3}.dialog-top button{background:transparent;color:var(--ink);border:1px solid #777;padding:8px 16px;cursor:pointer;white-space:nowrap}.dialog-top button span{font-size:1.25rem;margin-left:12px}#film-player{aspect-ratio:16/9;background:#000}#film-player iframe,#film-player video{display:block;width:100%;height:100%;border:0}.video-note{font-size:.875rem;color:var(--muted);margin-top:16px}.video-note a{text-decoration:underline;color:var(--ink)}body.modal-open{overflow:hidden}
@media(min-width:1000px){.project-grid article:nth-child(even){padding-top:65px}}
@media(max-width:900px){.header{gap:20px;min-height:90px}.brand,.brand img{width:140px}.header nav{gap:20px}.hero-heading{gap:25px}.hero-intro{min-width:190px}.hero h1{font-size:8.6vw}.hero-film{height:430px}.intro{gap:35px;grid-template-columns:1fr 1.7fr}.service-layout{gap:45px;grid-template-columns:1fr 1.2fr}.contact-bottom{grid-template-columns:1fr 1fr}.contact-bottom>p{grid-column:1/-1}.studio-copy{gap:45px}.person{grid-template-columns:1fr}.project-label{display:block}.project-label>span{display:block;margin-top:6px}footer{flex-wrap:wrap}.client-grid a{padding:14px}.client-grid img{height:85px}}
@media(max-width:650px){.header{min-height:110px;flex-wrap:wrap;padding-top:18px;padding-bottom:14px;gap:18px}.header .brand{width:130px}.header .brand img{width:130px}.header-contact{margin-left:auto;padding:7px 13px;gap:18px}.header nav{order:3;width:100%;justify-content:space-between;font-size:.875rem}.hero{padding-top:24px}.hero-top{font-size:.75rem;letter-spacing:.08em;gap:15px}.hero-heading{display:block;padding:30px 0}.hero h1{font-size:clamp(2.6rem,11.8vw,4.8rem)}.hero-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:25px;padding:0}.hero-intro p{font-size:.9375rem;margin:0}.hero-intro .text-link{font-size:.75rem;gap:10px;max-width:140px}.hero-film{height:430px;margin-inline:calc(var(--pad)*-1)}.hero-film>img{object-position:50% 50%}.film-top{left:22px;right:22px;top:20px}.hero-film-title{left:22px;bottom:30px;font-size:1.65rem;max-width:80%}.hero-film-title small{font-size:.75rem}.play{right:24px;top:37%;gap:10px}.play>span:first-child{width:60px;height:60px}.play>span:last-child{display:none}.hero-film .duration{bottom:30px;right:22px}.film-caption{font-size:.75rem;gap:14px;line-height:1.5}.intro{padding-block:65px;grid-template-columns:1fr;gap:25px}.intro h2{font-size:2.15rem}.intro p:not(.eyebrow){font-size:1rem;margin-block:20px}.section{padding-block:65px}.section-heading{display:block;margin-bottom:30px}.section-heading>.text-link{margin-top:22px}.section-heading .eyebrow,.service-intro .eyebrow{margin-bottom:15px}.section h2{font-size:2.5rem}.project-grid{grid-template-columns:1fr;gap:35px}.project-label{display:flex;flex-wrap:wrap;padding-top:15px}.project-label h3{font-size:1.3rem}.project-label>span{margin:0;font-size:.75rem}.clients{padding-top:0;padding-bottom:60px}.client-grid{grid-template-columns:repeat(3,1fr);padding-block:15px}.client-grid a{padding:10px;min-height:90px}.client-grid img{height:80px}.service-layout,.studio-copy{grid-template-columns:1fr;gap:40px}.service-list h3{font-size:1.125rem}.service-list details{padding-block:20px}.service-list details>p{padding-left:0}.studio>.eyebrow{margin-bottom:25px}.person{grid-template-columns:1fr 1.6fr;gap:20px}.contact{padding-block:50px}.contact-heading{gap:15px;align-items:flex-end;margin-block:25px 35px}.contact h2{font-size:clamp(2rem,8.1vw,3.3rem)}.contact-arrow{width:52px;height:52px;font-size:2rem}.contact-bottom{grid-template-columns:1fr;gap:25px}.contact-bottom a{font-size:1rem}footer{padding-block:35px;gap:25px}footer nav{width:100%;justify-content:space-between;gap:15px}dialog{padding:16px}.dialog-top h2{font-size:1rem}.dialog-top button{padding:7px 10px;font-size:.875rem}.dialog-top{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}