/* Editorial refinement of the existing Watson-based structure. */
:root{--bg:#131313;--surface:#191919;--ink:#eeeae2;--muted:#a9a69f;--line:#ffffff29;--edge:clamp(20px,2.4vw,64px);--gutter:clamp(14px,1.2vw,32px);--sans:'Inter',Arial,Helvetica,sans-serif;--serif:'Source Serif 4',Georgia,serif;--display:'Libre Caslon Display',Georgia,serif}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.studio-header{padding:26px var(--edge);align-items:flex-start}.studio-logo img{width:94px;height:72px}.studio-header nav{gap:30px;padding-top:3px;font-size:14px;letter-spacing:-.015em}.studio-header nav a{position:relative;padding-bottom:5px;text-decoration:none}.studio-header nav a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.studio-header nav a:hover:after,.studio-header nav a[aria-current=page]:after{transform:scaleX(1)}
.opening-shade{background:linear-gradient(180deg,#0006 0,transparent 30%,#0001 55%,#0009 100%)}.opening h1{font-family:var(--sans);font-size:clamp(52px,5.2vw,110px);line-height:1.03;font-weight:400;letter-spacing:-.035em;bottom:110px;width:min(1100px,85%)}.scroll-to-work{bottom:32px;display:flex;align-items:center;justify-content:center;width:48px;height:40px}.scroll-to-work svg{width:36px;height:20px}.hero-play-toggle{font-size:11px}
.video-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.work-tile{grid-column:span 2;background:#191919}.work-tile:nth-last-child(-n+2){grid-column:span 3;aspect-ratio:16/9}.work-tile video{transition:transform .85s cubic-bezier(.2,.6,.3,1)}.work-tile:hover video{transform:scale(1.012)}.tile-caption{padding:24px;justify-content:flex-start;background:#0004;transition:opacity .35s}.tile-caption h2{font-family:var(--sans);font-size:clamp(15px,1.05vw,22px);line-height:1.3;font-weight:400;letter-spacing:-.02em;max-width:100%;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.tile-caption p{font-family:var(--serif);font-size:clamp(18px,1.35vw,28px);font-weight:400;line-height:1.2;margin-top:6px;letter-spacing:-.02em}.tile-caption>span{right:24px;bottom:24px}.tile-caption svg{display:block;width:21px;height:21px}.grid-controls{padding-top:18px}.grid-controls button{font-family:var(--sans);font-size:10px;letter-spacing:.035em;color:#95928d;text-decoration:none;opacity:.65;transition:opacity .2s}.grid-controls button:hover,.grid-controls button:focus-visible{opacity:1;text-decoration:underline}.work-page{padding-top:158px;padding-bottom:90px}.small-page-title{font:400 12px/1.4 var(--sans);letter-spacing:.02em;margin-bottom:27px}.studio-home .home-work{padding-top:128px;padding-bottom:72px}
.agency-page{padding:210px 7vw 110px;max-width:1900px;margin:auto}.agency-introduction{max-width:1050px;margin-bottom:115px}.agency-introduction h1{font-family:var(--sans);font-size:clamp(38px,3.5vw,62px);font-weight:500;line-height:1.08;letter-spacing:-.045em;margin-bottom:55px}.editorial-copy{font:400 clamp(19px,1.4vw,25px)/1.48 var(--serif);letter-spacing:-.018em;max-width:76ch}.editorial-copy p{margin-bottom:1.05em}.agency-row{grid-template-columns:1fr 2fr;gap:7vw;padding:30px 0 70px}.agency-row>h2,.agency-clients>h2{font-size:24px;font-weight:500;letter-spacing:-.035em}.agency-columns{gap:clamp(24px,3vw,65px)}.agency-columns h3{font:500 10px/1.45 var(--sans);letter-spacing:.1em;margin-bottom:14px}.agency-columns p{font:400 17px/1.45 var(--serif);letter-spacing:-.015em}.agency-columns a{font-size:11px;line-height:1.5}.agency-clients{padding:35px 0 70px}.agency-clients>div{margin-top:55px;gap:35px}.agency-clients span{font:400 clamp(20px,1.65vw,31px)/1.15 var(--sans);letter-spacing:-.015em}.large-contact-link{font:400 clamp(34px,3.5vw,65px)/1.15 var(--sans);letter-spacing:-.025em;padding:40px 0;align-items:center}.large-contact-link svg{width:30px;height:30px}
.about-editorial{padding:158px 14vw 95px;max-width:1900px;margin:auto}.story-grid{gap:65px 4vw}.story-image{margin-bottom:25px}.story-image.portrait{aspect-ratio:3/4}.story-image.portrait img{object-fit:cover;object-position:50% 38%}.story-grid .eyebrow{font:400 10px/1.45 var(--sans);letter-spacing:.075em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.story-grid h2{font:400 clamp(33px,3vw,54px)/1.08 var(--sans);letter-spacing:-.02em;margin-bottom:21px}.story-grid p:not(.eyebrow){font:400 18px/1.5 var(--serif);letter-spacing:-.015em;max-width:52ch}
.contact-page{padding-top:165px;padding-bottom:100px}.contact-image{width:72%;max-width:1300px;margin-bottom:70px;aspect-ratio:16/9}.contact-addresses{width:76%;max-width:1450px;gap:45px}.contact-addresses h2{font:400 11px/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:15px}.contact-addresses p,.contact-addresses a{font:400 19px/1.5 var(--serif);letter-spacing:-.02em}.inquiry-section{margin-top:125px;max-width:880px}.inquiry-section>h2{font:400 clamp(38px,4vw,70px)/1.08 var(--sans);letter-spacing:-.025em;margin-bottom:24px}.inquiry-section>p{font:400 19px/1.5 var(--serif);max-width:42ch;margin-bottom:60px}.inquiry-form label{font:400 11px/1.4 var(--sans);letter-spacing:.025em}.inquiry-form input,.inquiry-form textarea{font:400 19px/1.4 var(--serif);padding:12px 0;border-bottom-color:#ffffff40}.inquiry-form button{font:400 22px/1.3 var(--sans);margin-top:45px}.direct-email,.form-status{font:400 12px/1.6 var(--sans)}
.footer-overview{padding:95px var(--edge) 35px}.footer-row{grid-template-columns:22% minmax(0,1fr);gap:3vw;padding:27px 0}.footer-row h2{font:500 21px/1.1 var(--sans);letter-spacing:-.035em;max-width:300px}.footer-row p{font:400 15px/1.32 var(--serif);letter-spacing:-.01em}.footer-intro>p{max-width:95ch}.footer-columns{gap:30px}.footer-columns h3{font:500 9px/1.4 var(--sans);letter-spacing:.08em;margin-bottom:7px}.footer-bottom-bar{padding:55px var(--edge);min-height:160px}.footer-bottom-bar>p{font:400 clamp(34px,2.5vw,50px)/1 var(--sans);letter-spacing:-.025em}.footer-social{gap:30px}.footer-social svg{width:17px;height:17px}.footer-expand{font-size:38px;font-weight:400;padding-left:70px}#footer-details{font-size:11px;padding-top:25px;padding-bottom:25px;gap:30px}
.studio-interior .seo-page{padding-top:165px}.seo-breadcrumb{font:400 11px/1.4 var(--sans);margin-bottom:45px}.section-number{font:400 10px/1.4 var(--sans);letter-spacing:.08em;color:var(--muted)}.seo-page>h1{font:400 clamp(44px,5vw,85px)/1.07 var(--sans);letter-spacing:-.025em;max-width:none;margin-bottom:30px}.seo-lede{font:400 clamp(20px,1.6vw,29px)/1.45 var(--serif);letter-spacing:-.015em;max-width:66ch}.seo-section{margin:75px 0}.seo-copy h2,.project-full-gallery>h2,.project-event-reel>h2{font:400 clamp(32px,3vw,52px)/1.12 var(--sans);letter-spacing:-.02em}.seo-copy p,.seo-copy li{font:400 19px/1.5 var(--serif)}.seo-actions{gap:28px}.event-button{font:400 12px/1.6 var(--sans)}.seo-card h2{font-family:var(--sans);font-size:34px}.seo-card p{font-size:18px;line-height:1.5}.seo-gallery figcaption,.agency-film-grid figcaption{font:400 12px/1.5 var(--sans);color:var(--muted)}
@media(max-width:1100px){.agency-page{padding:175px 6vw 80px}.agency-row{grid-template-columns:1fr;gap:35px}.about-editorial{padding-inline:8vw}.footer-columns--six{grid-template-columns:repeat(3,minmax(0,1fr))}.tile-caption{padding:19px}.tile-caption h2{font-size:15px}.tile-caption p{font-size:19px}.contact-image{width:80%}}
@media(max-width:700px){:root{--edge:20px;--gutter:12px}.studio-header{padding:20px;gap:20px}.studio-logo img{width:70px;height:54px}.studio-header nav{gap:15px;font-size:11px;padding-top:5px}.opening h1{font-size:48px;line-height:1.03;left:20px;bottom:105px;width:calc(100% - 40px)}.scroll-to-work{bottom:24px}.scroll-to-work svg{width:29px;height:18px}.studio-home .home-work{padding-top:108px;padding-bottom:50px}.video-grid{grid-template-columns:1fr}.work-tile,.work-tile:nth-last-child(-n+2){grid-column:auto;aspect-ratio:3/2}.tile-caption{padding:20px;justify-content:flex-end;background:linear-gradient(transparent 35%,#0009)}.tile-caption h2{font-size:16px;max-width:88%}.tile-caption p{font-size:20px;max-width:88%}.tile-caption>span{right:20px;bottom:22px}.tile-caption svg{width:18px;height:18px}.work-page{padding-top:125px;padding-bottom:55px}.small-page-title{font-size:11px}.agency-page{padding:145px 24px 65px}.agency-introduction{margin-bottom:70px}.agency-introduction h1{font-size:36px;line-height:1.1;margin-bottom:35px}.editorial-copy{font-size:19px;line-height:1.5}.agency-row{padding-bottom:45px;gap:28px}.agency-row>h2,.agency-clients>h2{font-size:23px}.agency-columns{gap:30px}.agency-columns p{font-size:18px;line-height:1.45}.agency-clients>div{margin-top:35px;gap:28px}.agency-clients span{font-size:25px}.large-contact-link{font-size:34px;gap:25px}.large-contact-link svg{width:23px;height:23px}.about-editorial{padding:127px 24px 70px}.story-grid{gap:55px}.story-image.portrait{aspect-ratio:4/5}.story-grid h2{font-size:39px;margin-bottom:20px}.story-grid p:not(.eyebrow){font-size:18px;line-height:1.5}.story-grid .eyebrow{font-size:9px;letter-spacing:.06em}.contact-page{padding-top:127px;padding-bottom:65px}.contact-image{width:calc(100% - 40px);margin-bottom:45px}.contact-addresses{width:calc(100% - 48px);gap:32px}.contact-addresses p,.contact-addresses a{font-size:19px}.inquiry-section{width:calc(100% - 48px);margin-top:85px}.inquiry-section>h2{font-size:43px}.inquiry-section>p{font-size:18px;margin-bottom:45px}.footer-overview{padding:60px 24px 20px}.footer-row{grid-template-columns:1fr;gap:24px;padding:26px 0}.footer-row h2{font-size:22px;max-width:none}.footer-row p{font-size:16px;line-height:1.4}.footer-columns--three{gap:25px}.footer-columns--six{grid-template-columns:1fr 1fr;gap:27px 22px}.footer-columns h3{font-size:9px}.footer-bottom-bar{padding:40px 24px;min-height:145px}.footer-bottom-bar>p{font-size:35px}.footer-social{gap:18px;max-width:150px}.footer-expand{font-size:33px;padding-left:20px}#footer-details{gap:20px;padding-inline:24px}.studio-interior .seo-page{padding-top:130px}.seo-page>h1{font-size:46px}.seo-lede{font-size:21px}.seo-copy h2,.project-full-gallery>h2,.project-event-reel>h2{font-size:35px}.seo-copy p,.seo-copy li{font-size:18px;line-height:1.5}.seo-section{margin:55px 0}.seo-actions{gap:22px}}
@media(max-width:370px){.studio-header{padding-inline:16px;gap:12px}.studio-header nav{gap:12px;font-size:10px}.studio-logo img{width:64px}.opening h1{font-size:43px}.footer-expand{padding-left:6px}}
@media(max-width:700px){.footer-bottom-bar{gap:16px;align-items:center}.footer-bottom-bar>p{font-size:30px;white-space:nowrap}.footer-social{flex-wrap:nowrap;max-width:none;gap:18px}.footer-social>a{min-width:22px}.footer-expand{padding-left:12px}}
@media(max-width:370px){.footer-bottom-bar{gap:12px}.footer-bottom-bar>p{font-size:28px}.footer-social{gap:12px}.footer-expand{padding-left:6px}}

/* Sans-serif for every heading and interface label; serif is reserved for body prose. */
h1,h2,h3,h4,h5,h6,.opening h1,.story-grid h2,.seo-page>h1,.seo-copy h2,.project-full-gallery>h2,.project-event-reel>h2,.film-card h3,.event-video-card h3{font-family:var(--sans)}
.opening h1{font-size:clamp(42px,4.5vw,90px);font-weight:500;line-height:1.08;letter-spacing:-.045em}
.story-grid h2{font-size:clamp(30px,2.5vw,46px);font-weight:500;letter-spacing:-.04em}
.tile-caption p{font-family:var(--sans);font-size:clamp(14px,1.1vw,22px);line-height:1.4;letter-spacing:-.015em}
.large-contact-link,.agency-clients span{font-family:var(--sans)}
.footer-bottom-bar>p{font-family:var(--sans);font-size:clamp(24px,2vw,38px);font-weight:500;letter-spacing:-.04em}
.contact-addresses a,.inquiry-form input,.inquiry-form textarea,.inquiry-form button{font-family:var(--sans)}
@media(max-width:700px){.opening h1{font-size:42px;line-height:1.08}.story-grid h2{font-size:32px}.tile-caption p{font-size:15px}.footer-bottom-bar>p{font-size:24px}.inquiry-section>h2{font-size:36px}.large-contact-link{font-size:30px}}
@media(max-width:370px){.opening h1{font-size:37px}.footer-bottom-bar>p{font-size:22px}}

/* Six projects share two even rows, retaining the same gutter in both directions. */
.video-grid--six .work-tile:nth-last-child(-n+2){grid-column:span 2;aspect-ratio:3/2}
@media(max-width:700px){.video-grid--six .work-tile:nth-last-child(-n+2){grid-column:auto}}

/* A text cue replaces the opening arrow. */
.scroll-to-work{width:auto;height:auto;padding:10px 0;font:400 12px/1.4 var(--sans);letter-spacing:.01em;border-bottom:1px solid currentColor}