@font-face{font-family:Geist;src:url('/fonts/geist-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('/fonts/geist-mono-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--paper:#fff;--ground:#0b0c0e;--line:rgba(255,255,255,.2);--gutter:clamp(22px,4.5vw,76px);--page:1440px}
*{box-sizing:border-box}html{background:var(--ground);scroll-behavior:smooth;scroll-padding-top:28px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--ground);color:var(--paper);font-family:Geist,Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}::selection{color:var(--ground);background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #fff;outline-offset:7px}img{display:block;max-width:100%}svg{display:block}h1,h2,h3,p,figure{margin:0}.page-shell{max-width:var(--page);margin-inline:auto;padding-inline:var(--gutter)}.site-header,main,.site-footer{position:relative;z-index:1}.eyebrow,.site-nav,.quality-note,.video-credit,.film-index,.section-number,.person-role,.biography summary,.footer-meta,.work-count{font-family:'Geist Mono',monospace;font-size:12px;font-weight:400;line-height:1.6;letter-spacing:.015em}.eyebrow,.section-number,.work-count,.site-nav{text-transform:uppercase}.skip-link{position:fixed;top:12px;left:12px;z-index:100;padding:12px 18px;background:#fff;color:#000;transform:translateY(-180%)}.skip-link:focus{transform:none}
.site-topline{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.site-nav{display:flex;gap:clamp(20px,3vw,42px)}.site-nav a{position:relative;padding-block:8px}.site-nav a::after{position:absolute;bottom:3px;left:0;width:100%;height:1px;background:#fff;content:'';transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.site-nav a:hover::after,.site-nav a:focus-visible::after{transform:scaleX(1)}.masthead{padding-top:40px;padding-bottom:55px}.masthead h1{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:clamp(40px,9.25vw,128px);font-weight:750;letter-spacing:-.065em;line-height:.97;white-space:nowrap}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:35px;align-items:end}.slogan{font-size:clamp(29px,4.1vw,58px);font-weight:420;line-height:1.02;letter-spacing:-.055em}.hero-intro{max-width:460px;font-size:clamp(15px,1.4vw,19px);font-weight:380;line-height:1.55;letter-spacing:-.02em}.hero-names{font-weight:550}.hero-credentials{display:block;margin-top:12px;font-family:'Geist Mono',monospace;font-size:11px;line-height:1.6;letter-spacing:0;text-transform:uppercase}
.section-bar{display:flex;align-items:baseline;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:22px;margin-bottom:30px}.section-title{font-size:clamp(24px,2.7vw,38px);font-weight:440;line-height:1.15;letter-spacing:-.045em}.work-heading-group{display:flex;align-items:baseline;gap:20px}.work-count{white-space:nowrap}.portfolio-quality-note{max-width:470px;font-size:11px;line-height:1.55;text-align:right}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;row-gap:55px}.video-block{min-width:0}.video-block.featured{grid-column:1/-1}.video-container{position:relative;aspect-ratio:16/9;width:100%;background:#111216;overflow:hidden;isolation:isolate}.video-placeholder{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#111216;color:#fff;cursor:pointer}.video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.video-placeholder::after{position:absolute;inset:0;content:'';box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);transition:box-shadow .2s ease}.video-placeholder:hover::after,.video-placeholder:focus-visible::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)}.video-placeholder:focus-visible{outline-offset:-5px}.poster-play{position:absolute;bottom:18px;right:18px;width:48px;height:48px;display:grid;place-items:center;color:#fff;background:rgba(11,12,14,.65);border:1px solid rgba(255,255,255,.85);transition:background-color .2s ease,color .2s ease}.poster-play svg{width:13px;height:15px;fill:currentColor;transform:translateX(1px)}.video-placeholder:hover .poster-play,.video-placeholder:focus-visible .poster-play{background:#fff;color:#0b0c0e}.video-container iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-info{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;margin-top:15px}.film-index{padding-top:3px;font-size:11px}.video-title{font-size:clamp(18px,1.65vw,23px);font-weight:470;letter-spacing:-.035em;line-height:1.25}.video-credit{font-size:11px;margin-top:5px}.film-open-tools{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:12px}.video-quality-note{font-size:11px;max-width:470px}.close-player{flex-shrink:0;color:#fff;background:transparent;border:0;border-bottom:1px solid #fff;padding:2px 0;font-family:'Geist Mono',monospace;font-size:11px;cursor:pointer}.commercial-section{margin-top:90px}.commercial-section .section-title{font-size:clamp(22px,2.4vw,32px)}
.studio-section{margin-top:130px;border-top:1px solid var(--line);padding-top:28px}.studio-intro-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:72px;align-items:start;margin-bottom:65px}.studio-heading .section-number{display:block;margin-bottom:22px}.studio-heading h2{font-size:clamp(35px,4.2vw,60px);line-height:1;letter-spacing:-.055em;font-weight:440}.studio-copy{font-size:clamp(18px,1.8vw,24px);font-weight:370;line-height:1.55;letter-spacing:-.025em;max-width:680px}.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.person{min-width:0}.portrait-frame{aspect-ratio:4/5;overflow:hidden;background:#111216;max-height:660px}.person-portrait{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.person-portrait--joel{object-position:70% 50%}.person figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-top:16px}.person-name{font-size:22px;font-weight:470;letter-spacing:-.035em}.person-role{font-size:11px}.biography{margin-top:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.biography summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:21px 0;cursor:pointer}.biography summary::-webkit-details-marker{display:none}.biography summary span{font-family:Geist,sans-serif;font-size:22px;line-height:1;transition:transform .2s ease}.biography[open] summary span{transform:rotate(45deg)}.about-text{max-width:760px;margin-left:auto;padding-bottom:35px;font-size:17px;font-weight:380;line-height:1.75;letter-spacing:-.015em}.about-text p+p{margin-top:20px}.site-footer{padding-top:110px;padding-bottom:28px}.contact-title{font-size:clamp(35px,5vw,72px);font-weight:430;line-height:1.05;letter-spacing:-.06em}.contact-email{display:inline-flex;align-items:baseline;gap:20px;margin-top:26px;font-size:clamp(23px,4.2vw,58px);font-weight:430;line-height:1.2;letter-spacing:-.055em;border-bottom:1px solid var(--line);padding-bottom:10px}.contact-email:hover{border-color:#fff}.contact-email span{font-family:Geist,sans-serif;font-size:.6em}.footer-meta{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-top:90px;padding-top:20px;border-top:1px solid var(--line);font-size:11px}.footer-meta a:hover{text-decoration:underline;text-underline-offset:4px}
@media(min-width:1600px){.masthead h1{font-size:139px}}
@media(max-width:820px){.site-topline{min-height:68px}.masthead{padding-top:32px;padding-bottom:42px}.hero-grid{gap:28px}.studio-intro-grid{gap:35px;grid-template-columns:.8fr 1.2fr}.person figcaption{display:block}.person-role{display:block;margin-top:4px}.portfolio-grid{column-gap:20px;row-gap:40px}.section-bar{gap:18px}.work-heading-group{gap:12px}.portfolio-quality-note{max-width:310px;font-size:10px}.studio-section{margin-top:90px}.site-footer{padding-top:80px}}
@media(max-width:600px){:root{--gutter:24px}.site-topline{min-height:66px;gap:16px}.site-topline .eyebrow{font-size:9px;max-width:100px;line-height:1.5}.site-nav{gap:18px;font-size:10px}.masthead{padding-top:29px;padding-bottom:38px}.masthead h1{font-size:clamp(39px,9.9vw,59px);letter-spacing:-.065em}.hero-grid{grid-template-columns:1fr;gap:22px;margin-top:23px}.slogan{font-size:34px;letter-spacing:-.055em}.hero-intro{font-size:15px;max-width:350px}.hero-credentials{font-size:10px;margin-top:8px}.section-bar{display:block;padding-top:18px;margin-bottom:23px}.section-title{font-size:27px}.work-count{font-size:10px}.portfolio-quality-note{text-align:left;max-width:100%;margin-top:13px;font-size:10px}.portfolio-grid{grid-template-columns:1fr;gap:34px}.video-block.featured{grid-column:auto}.video-info{margin-top:12px;grid-template-columns:22px 1fr;gap:8px}.film-index{font-size:10px}.video-title{font-size:19px}.video-credit{font-size:10px}.poster-play{width:40px;height:40px;right:12px;bottom:12px}.poster-play svg{width:11px;height:13px}.film-open-tools{align-items:start;gap:12px}.video-quality-note{font-size:10px}.close-player{font-size:10px}.commercial-section{margin-top:65px}.commercial-section .section-title{font-size:25px}.studio-section{margin-top:80px;padding-top:20px}.studio-intro-grid{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.studio-heading .section-number{font-size:10px;margin-bottom:14px}.studio-heading h2{font-size:40px}.studio-copy{font-size:19px}.people-grid{grid-template-columns:1fr;gap:35px}.portrait-frame{max-height:none}.person-name{font-size:22px}.person-role{font-size:10px}.biography{margin-top:35px}.biography summary{font-size:11px}.about-text{font-size:16px;line-height:1.7}.site-footer{padding-top:70px}.contact-title{font-size:43px}.contact-email{font-size:clamp(23px,6vw,34px);gap:10px;margin-top:20px}.footer-meta{margin-top:60px;font-size:10px;gap:16px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}