@font-face{font-family:Syne;src:url('media/fonts/syne-variable.ttf') format('truetype');font-style:normal;font-weight:400 800;font-display:swap}
/* Impossible to Ignore / a responsive studio, not a collection of page effects. */
.studio{--signal:#ff653d;--paper:#f1f0e9;--ink:#20251e;--line:#20251e30;--focus:#a73516;background:var(--paper);color:var(--ink);scrollbar-color:#737a6e #f1f0e9}
.studio ::selection{background:#ff653d;color:#20251e}
.studio :focus-visible{outline:3px solid var(--focus);outline-offset:5px}
.studio :is(.expertise,.contact,.navigation-dialog){--focus:#ffb49d}
.studio .campaign-run{--focus:#19221d}
.studio h1,.studio h2,.studio h3,.studio .navigation-grid nav{font-family:Syne,Instrument,sans-serif;font-weight:700;letter-spacing:-.025em;font-variation-settings:normal;font-synthesis:none}
.studio .site-header{height:88px;background:#f1f0e9f5;color:var(--ink);border-bottom:1px solid #20251e22;gap:28px}
.studio .wordmark img{filter:none}
.studio .site-header nav{margin-left:auto}
.studio .nav-contact{border:0;background:var(--ink);color:var(--paper);padding:10px 20px;min-height:44px;display:flex;align-items:center;border-radius:100px}
.studio .pause{font-size:12px;opacity:1;min-height:44px;padding:0 15px;border-color:#20251e55}
.studio .menu-trigger{display:flex;align-items:center;justify-content:center;gap:14px;font-size:13px;min-height:44px;min-width:44px;padding:0}
.studio .menu-trigger svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.5;fill:none}
.direction-arrow{height:22px;width:22px;fill:none;stroke:currentColor;stroke-width:1.5;display:block}
.studio .cta{gap:25px;font-size:15px;line-height:1.3}
.studio .hero-viewport{position:relative;padding:125px var(--pad) 50px;isolation:isolate;perspective:1500px}
.studio .hero-night{position:absolute;inset:0;background:#19221d;opacity:0;z-index:-2;pointer-events:none}
.studio .hero-lines{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.75}
.studio .studio-opening{display:block;margin:0}
.studio .studio-opening h1{font-family:Syne,Instrument,sans-serif;font-weight:700;font-size:clamp(75px,13vw,205px);letter-spacing:-.025em;line-height:1;max-width:none;margin:0;font-variation-settings:normal;font-synthesis:none}
.studio .hero-word{display:block;transform-origin:left center;white-space:nowrap}
.studio .hero-word:first-child{color:#dc4926}
.studio .hero-word:last-child{font-size:.77em;margin-top:.035em;letter-spacing:-.025em}
.studio .hero-copy{position:relative;max-width:385px;margin-top:44px;z-index:3}
.studio .hero-copy>p:first-child{font-size:26px;line-height:1.16;max-width:20ch;font-weight:500;margin-bottom:20px}
.studio .hero-copy>p:nth-child(2){font-size:16px;line-height:1.65;color:#4e5749;max-width:36ch}
.studio .hero-copy .cta{background:var(--ink);color:var(--paper);border:0;min-height:52px;padding:12px 20px;border-radius:100px;margin-top:24px}
.studio .hero-copy .cta:hover{background:#bb3619;color:#fff}
.studio .screening-room{position:relative;display:block;margin-top:40px;perspective:1100px}
.studio .cinema-screen{width:100%;border-radius:22px;transform-origin:center;box-shadow:0 26px 60px #1424172d;outline:1px solid #20251e18;background:#17201b}
.studio .cinema-screen>img,.studio .cinema-screen>video{object-fit:contain}
.studio .cinema-screen .play-tag{background:var(--paper);color:var(--ink);border-radius:100px;gap:22px;padding:14px 18px}
.studio .film-selector{display:flex;gap:18px;margin-top:24px;justify-content:flex-end}
.studio .film-selector>a{width:180px;max-width:47%;transform-origin:center;position:relative}
.studio .film-selector>a:nth-child(1){rotate:-4deg}
.studio .film-selector>a:nth-child(2){rotate:5deg;translate:0 12px}
.studio .film-selector .hover-frame{border:5px solid var(--paper);border-radius:3px;box-shadow:0 10px 25px #20251e22}
.studio .film-selector a>span{color:#444e3d;font-size:13px;line-height:1.4;margin:9px 5px 0}
/* The first viewport has its own composition; the film opens into the next act. */
@media(min-width:1024px) and (min-height:700px){
 .studio-hero.cinematic{height:210svh}
 .studio .cinematic .hero-viewport{position:sticky;top:0;height:100svh;display:block;padding:120px var(--pad) 30px;overflow:clip}
 .studio .cinematic .studio-opening{display:contents}
 .studio .cinematic .studio-opening h1{font-size:min(13vw,19.5vh);position:relative;width:100%;z-index:2;pointer-events:none}
 .studio .cinematic .hero-word:last-child{font-size:.68em}
 .studio .cinematic .hero-copy{position:absolute;left:var(--pad);top:57%;width:28%;margin:0}
 .studio .cinematic .hero-copy>p:first-child{font-size:clamp(22px,2vw,29px)}
 .studio .cinematic .screening-room{position:absolute;right:var(--pad);top:37%;width:55%;margin:0;display:block}
 .studio .cinematic .cinema-screen{width:min(100%,calc((100svh - 535px)*1.77778));margin-left:auto;rotate:none;will-change:transform}
 .studio .cinematic .film-selector{gap:22px;margin-top:20px;margin-right:6%;}
 .studio .cinematic .film-selector>a{width:clamp(100px,12vw,175px)}
 .studio .cinematic .film-selector .hover-frame{border-width:4px}
}
@media(min-width:1024px) and (min-height:700px) and (max-height:820px){
 .studio .cinematic .hero-viewport{padding-top:112px}
 .studio .cinematic .hero-copy{top:54%;width:32%}
 .studio .cinematic .hero-copy>p:first-child{font-size:22px;margin-bottom:12px}
 .studio .cinematic .hero-copy>p:nth-child(2){font-size:1rem;line-height:1.6}
 .studio .cinematic .hero-copy .cta{margin-top:16px}
 .studio .cinematic .screening-room{top:39%;width:52%}
 .studio .cinematic .cinema-screen{width:min(100%,calc((100svh - 460px)*1.77778))}
 .studio .cinematic .film-selector>a{width:110px}
 .studio .cinematic .film-selector{margin-top:15px}
}
/* A single department, with a visible connection to whichever service is explored. */
.studio .expertise{background:#19221d;color:#f1f0e9;--line:#f1f0e92b;position:relative;isolation:isolate;border-radius:32px 32px 0 0;padding-top:130px;padding-bottom:135px;gap:11vw}
.studio .expertise-intro,.studio .expertise-list{z-index:1;position:relative}
.studio .expertise-intro{position:sticky;top:125px}
.studio .expertise h2{font-size:clamp(38px,3.8vw,64px);font-variation-settings:normal;letter-spacing:-.025em;line-height:1.12}
.studio .expertise-intro>p{font-size:16px;color:#c7d0c5;max-width:34ch}
.studio .expertise-intro .department-relief{color:#ff997d;font-weight:500;font-size:15px}
.studio .expertise-art{width:100%;max-width:440px;margin:34px 0 0;padding:7px;border:1px solid #ffffff35;border-radius:8px;background:#28362d}
.studio .expertise-art .expertise-preview{display:block;width:100%;max-width:none;height:auto;aspect-ratio:16/9;object-fit:contain;margin:0;border-radius:4px}
.studio .expertise-caption{padding:11px 6px 5px;font-size:13px;line-height:1.4;color:#f1f0e9}
.studio .expertise-inline-image{display:none}
.studio .department-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}
.studio .department-connections path{fill:none;stroke:#91a09033;stroke-width:1;vector-effect:non-scaling-stroke;transition:stroke 180ms}
.studio .department-connections path.active{stroke:#ff997d;stroke-width:2;stroke-dasharray:1;animation:route-in 550ms ease-out both}
@keyframes route-in{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.studio .expertise-row summary{position:relative;isolation:isolate;overflow:hidden;font-size:clamp(23px,2.25vw,34px);font-weight:400;letter-spacing:-.025em;min-height:92px;transition:color 200ms,padding 350ms var(--ease)}
.studio .expertise-row summary::before{content:'';position:absolute;inset:0;background:#ff653d;transform:translateX(-101%);transition:transform 420ms var(--ease);z-index:-1}
.studio .expertise-row:is(.is-current,[open]) summary{padding-left:18px;padding-right:18px;color:#182119;background:transparent}
.studio .expertise-row:is(.is-current,[open]) summary::before{transform:translateX(0)}
.studio .expertise-row>div{padding-top:16px;color:#d8ded4}
.studio .expertise-row>div>a{color:#ffb49d}
.studio .expertise-list{overflow-anchor:none}
.studio .expertise-row[data-smooth-disclosure]>div{animation:none}
.studio .expertise-row[data-disclosure-state="opening"],.studio .expertise-row[data-disclosure-state="closing"]{overflow:clip}
.studio .expertise-row[data-smooth-disclosure] summary span{transition:transform 420ms cubic-bezier(.4,0,.2,1)}
.studio .expertise-row[data-disclosure-state="closing"] summary span{transform:rotate(0)}
.studio .expertise-row summary span{font-size:34px}
.studio .expertise-row:focus-within{outline:none}
/* Media-led editorial work: different scales, a consistent reading rhythm. */
.studio .studio-work{--ink:#f1f0e9;--line:#f1f0e938;--focus:#ffb49d;--work-muted:#c7d0c5;background:#19221d;color:var(--ink);padding-top:140px;padding-bottom:130px;border-radius:32px 32px 0 0}
.studio .studio-work .section-heading{margin-bottom:85px;align-items:start}
.studio .section-heading h2{font-size:clamp(42px,5.3vw,80px);line-height:1.08;letter-spacing:-.025em}
.studio .studio-work .section-heading>p{padding-top:8px;color:var(--work-muted)}
.studio .audience-feature{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,80px);margin-bottom:clamp(64px,8vw,120px);scroll-margin-top:120px}
.studio .audience-feature .film-window{aspect-ratio:16/9}
.studio .audience-feature .film-window img{object-fit:contain}
.studio .audience-story h3{font-size:clamp(30px,3.4vw,52px);line-height:1.08;letter-spacing:-.025em;text-wrap:balance}
.studio .audience-story>p{font-size:16px;line-height:1.65;color:var(--work-muted,#4e5749);max-width:40ch;margin-top:20px}
.studio .audience-story .cta{margin-top:20px;gap:18px}
.studio .audience-credit{display:flex;justify-content:space-between;gap:16px;margin-top:14px;font-size:13px;color:var(--work-muted,#58604f)}
.studio .audience-credit span{font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:800px){
 .studio .audience-feature{grid-template-columns:1fr;gap:26px;scroll-margin-top:105px}
 .studio .audience-story h3{font-size:clamp(32px,7.5vw,44px)}
 .studio .audience-story>p{max-width:55ch;margin-top:16px}
 .studio .audience-story .cta{font-size:15px;max-width:100%}
 .studio .audience-credit{font-size:12px;gap:10px}
}
.studio .studio-film-grid{grid-template-columns:1.15fr .85fr;gap:115px 6vw}
.studio .studio-film-grid .film:nth-child(2){padding-top:170px}
.studio .studio-film-grid .film:nth-child(3){grid-column:1/-1;grid-template-columns:1.4fr .6fr;gap:7vw}
.studio .studio-film-grid .film:nth-child(4){grid-column:2;width:115%;margin-left:-15%}
.studio .film-window{border-radius:8px;transform-origin:center;outline:1px solid #20251e18}
.studio .film-caption{display:block}
.studio .film-caption h3{font-size:clamp(24px,2.1vw,34px);line-height:1.2}
.studio .film-caption p{max-width:none;margin-top:10px;font-size:13px;color:var(--work-muted,#58604f)}
.studio .studio-film-grid .film:nth-child(3) h3{font-family:Syne,Instrument,sans-serif;font-size:clamp(38px,4.5vw,72px);font-weight:700;line-height:1.04}
.studio .play-tag{background:var(--paper);color:var(--ink);border-radius:100px;font-size:13px;gap:18px}
.studio .studio-work .play-tag{color:#20251e}
.studio .studio-work .film-window{outline-color:#f1f0e930}
.studio .studio-work .honest-note{color:var(--work-muted)}
.studio .has-hover-preview:hover .play-tag{background:#ff653d;color:#19221d}
.studio .hover-frame::after{background:#ff653d;height:3px}
.studio .honest-note{opacity:1;color:#626b5b;font-size:13px}
/* A revolving exhibition. Original frames stay whole; motion supplies depth. */
.studio .campaign-run{background:#ff653d;color:#19221d;--line:#19221d44;position:relative;isolation:isolate;overflow:clip;border-radius:32px 32px 0 0}
.studio .campaign-sticky{position:relative;isolation:isolate}
.studio .campaign-echo{position:absolute;top:36%;left:-4%;white-space:nowrap;font-family:Syne,Instrument,sans-serif;font-size:23vw;font-weight:700;letter-spacing:-.035em;line-height:.9;color:#19221d12;pointer-events:none;z-index:-1}
.studio .campaign-run .section-heading h2{color:#19221d;font-weight:700}
.studio .campaign-run .honest-note{color:#402519}
.studio .campaign-track figcaption{font-size:13px;font-weight:500}
.studio .campaign-window{scroll-snap-type:x mandatory;scrollbar-color:#19221d55 transparent}
.studio .campaign-track figure{scroll-snap-align:center}
.studio .orbit-controls{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:14px;font-size:14px}
.studio .orbit-controls button{display:grid;place-items:center;width:48px;height:48px;border:1px solid #19221d77;border-radius:50%;transition:background 180ms,color 180ms}
.studio .orbit-controls button:hover:not(:disabled){background:#19221d;color:#f1f0e9}
.studio .orbit-controls button:disabled{opacity:.35;cursor:default}
.studio .orbit-controls svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}
.studio .orbit-count{font-variant-numeric:tabular-nums;min-width:60px;text-align:center;font-size:13px}
.studio .orbit-help{margin-right:auto;color:#402519;font-size:13px}
.studio .run-progress{background:#19221d30;margin-top:15px}
.studio .run-progress>span{background:#19221d}
@media(min-width:1024px) and (min-height:700px){
 .studio .campaign-run.travelling{height:calc(100svh + 150vw);overflow:visible}
 .studio .travelling .campaign-sticky{position:sticky;top:88px;height:calc(100svh - 88px);padding:30px 0;overflow:clip;display:flex;flex-direction:column;justify-content:center}
 .studio .travelling .section-heading{margin-bottom:22px}
 .studio .travelling .section-heading h2{font-size:clamp(40px,4.5vw,68px)}
 .studio .travelling .campaign-window{height:clamp(260px,calc(100svh - 420px),490px);perspective:1400px;overflow:clip;padding:0;cursor:grab;touch-action:pan-y}
 .studio .travelling .campaign-window.is-grabbed{cursor:grabbing}
 .studio .travelling .campaign-track{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;will-change:auto}
 .studio .travelling .campaign-track figure{position:absolute;left:50%;top:48%;translate:none;width:min(380px,31%);height:80%;margin:0;backface-visibility:hidden}
 .studio .travelling .campaign-track figure>a{height:calc(100% - 25px)}
 .studio .travelling .campaign-track .hover-frame{height:100%;border-radius:6px;background:#b94a2d;box-shadow:0 20px 35px #5e190d40}
 .studio .travelling .campaign-track .hover-frame>img{height:100%;object-fit:contain;background:#df5936}
 .studio .travelling .campaign-track figcaption{margin-top:9px;white-space:nowrap}
 .studio .travelling .honest-note{margin-top:8px}
}
.studio .campaign-run:not(.travelling) .campaign-track{position:relative}
.studio .campaign-run:not(.travelling) .campaign-track figure{transform:none!important;translate:none!important;opacity:1!important}
.studio .campaign-run:not(.travelling) .orbit-help{visibility:hidden}
.studio .working-together{background:var(--paper);color:var(--ink);--line:#20251e35;padding-top:135px;padding-bottom:135px}
.studio .process-steps{gap:5vw}
.studio .process-steps article>span{font-size:15px;color:#c53b1a;margin-bottom:40px}
.studio .process-steps h3{font-size:28px;line-height:1.2}
.studio .process-steps p{color:#4e5749}
.studio .contact{background:#19221d;color:#f1f0e9;--line:#f1f0e938;overflow:clip;padding-top:90px}
.studio .contact-top{color:#cad2c7}
.studio .contact h2{font-size:clamp(60px,10vw,154px);font-weight:700;line-height:1.04;letter-spacing:-.025em;max-width:15ch;color:#ff8e6d;margin:75px 0 50px}
.studio .contact-email{padding-bottom:15px;gap:30px;border-color:#ff8e6d;font-size:clamp(20px,2.5vw,38px)}
.studio .footer-bottom{margin-top:100px}
.studio .contact .wordmark img{background:var(--paper);border-radius:50%}
/* A useful cinematic navigation, available at every viewport. */
.studio .navigation-dialog{padding:30px var(--pad) 45px;width:calc(100vw - 36px);max-width:1600px;max-height:calc(100svh - 36px);background:#19221d;color:var(--paper);border-radius:14px}
.studio .navigation-dialog .dialog-top{margin-bottom:60px}
.studio .navigation-dialog .dialog-top h2{font-family:Instrument,sans-serif;font-size:18px;letter-spacing:0;font-weight:400}
.studio .navigation-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:center}
.studio .navigation-grid nav{display:flex;flex-direction:column;font-size:clamp(36px,5.5vw,86px);line-height:1.1}
.studio .navigation-grid nav a{border-bottom:1px solid #ffffff30;padding:18px 0;display:flex;justify-content:space-between;align-items:center;gap:25px}
.studio .navigation-grid nav a span{font:13px Instrument,sans-serif;color:#9eac99;letter-spacing:0}
.studio .navigation-grid nav a:hover{color:#ff8e6d}
.studio .navigation-preview{rotate:5deg}
.studio .navigation-preview img{border-radius:6px;aspect-ratio:16/9;object-fit:cover}
.studio .navigation-preview p{font-size:14px;color:#cad2c7;margin-top:20px}
@media(max-width:1100px){.studio .site-header{gap:18px}.studio .site-header nav{gap:18px}.studio .menu-trigger>span{display:none}}
@media(max-width:1023px){
 .studio .studio-opening h1{font-size:13.6vw}
 .studio .hero-copy{max-width:600px;margin-top:35px;padding-bottom:0}
 .studio .hero-copy>p:first-child{font-size:23px}
 .studio .hero-copy>p:nth-child(2){font-size:1rem}
 .studio .screening-room{margin:36px 0 0;width:100%}
 .studio .hero-viewport{padding-bottom:65px}
 .studio .cinema-screen{rotate:-3deg}
 .studio .film-selector>a{width:145px}
 .studio .department-connections{display:none}
}
@media(max-width:800px){
 .studio .site-header{height:76px;padding:0 22px;gap:16px}
 .studio .site-header nav{display:none}
 .studio .menu-trigger{margin-left:auto}
 .studio .menu-trigger>span{display:block}
 .studio .pause{font-size:12px;padding:0 12px}
 .studio .hero-viewport{padding-top:112px;padding-bottom:55px}
 .studio .studio-opening h1{font-size:13.6vw}
 .studio .hero-copy{margin-top:32px;max-width:440px;width:100%;padding:0}
 .studio .hero-copy>p:first-child{font-size:26px;max-width:23ch}
 .studio .hero-copy>p:nth-child(2){font-size:16px;max-width:43ch}
 .studio .screening-room{margin:36px 0 0;width:100%}
 .studio .cinema-screen{rotate:0deg;border-radius:14px}
 .studio .film-selector{margin-right:8px}
 .studio .film-selector>a{width:42%}
 .studio .expertise{padding-top:75px;padding-bottom:75px;gap:40px;border-radius:22px 22px 0 0}
 .studio .expertise-intro{position:relative;top:auto}
 .studio .expertise h2{font-size:clamp(39px,7vw,58px);max-width:18ch}
 .studio .expertise-intro>p{max-width:44ch}
 .studio .expertise-art{display:none}
 .studio .expertise-inline-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:5px;margin:0 0 22px}
 .studio .section-heading h2{font-size:clamp(40px,7.4vw,62px)}
 .studio .studio-work,.studio .working-together{padding-top:80px;padding-bottom:80px}
 .studio .studio-work{border-radius:22px 22px 0 0}
 .studio .studio-work .section-heading{margin-bottom:48px}
 .studio .studio-film-grid{grid-template-columns:1fr 1fr;gap:65px 25px}
 .studio .studio-film-grid .film:nth-child(2){padding-top:90px}
 .studio .studio-film-grid .film:nth-child(3){display:block}
 .studio .studio-film-grid .film:nth-child(3) h3{font-size:34px;max-width:20ch}
 .studio .studio-film-grid .film:nth-child(4){width:100%;margin:0}
 .studio .campaign-run{border-radius:22px 22px 0 0}
 .studio .campaign-echo{font-size:40vw}
 .studio .contact h2{font-size:10.7vw}
 .studio .navigation-grid{grid-template-columns:1fr}
 .studio .navigation-preview{display:none}
}
@media(max-width:540px){
 .studio .site-header{padding:0 16px;gap:12px}
 .studio .wordmark{gap:7px}.studio .wordmark>span{font-size:22px}.studio .wordmark>img{width:30px;height:30px}
 .studio .menu-trigger>span{display:none}
 .studio .pause{font-size:12px;padding:0 10px}
 .studio .studio-opening h1{font-size:13.6vw;letter-spacing:-.025em}
 .studio .hero-word:last-child{font-size:1.10em}
 .studio .hero-copy{margin-top:26px}
 .studio .hero-copy>p:first-child{font-size:24px;margin-bottom:16px}
 .studio .hero-copy>p:nth-child(2){font-size:1rem}
 .studio .hero-copy .cta{margin-top:20px;min-height:50px}
 .studio .screening-room{margin-top:32px}
 .studio .cinema-screen .play-tag{padding:11px 14px;font-size:12px;min-height:44px;gap:12px}
 .studio .film-selector{gap:18px;justify-content:center;margin-top:22px}
 .studio .film-selector>a{max-width:46%;width:46%}
 .studio .film-selector a>span{font-size:12px}
 .studio .expertise-row summary{font-size:25px;min-height:80px}
 .studio .expertise-row:is(.is-current,[open]) summary{padding-left:12px;padding-right:12px}
 .studio .studio-film-grid{grid-template-columns:1fr;gap:48px}
 .studio .studio-film-grid .film:nth-child(n){padding:0;grid-column:auto;display:block;width:100%;margin:0}
 .studio .studio-film-grid .film:nth-child(3) h3{font-size:26px}
 .studio .film-caption h3{font-size:26px}
 .studio .film-caption p{font-size:13px}
 .studio .campaign-track figure{width:76vw}
 .studio .campaign-track img,.studio .campaign-track .hover-frame{height:340px;object-fit:contain}
 .studio .orbit-controls{gap:14px}
 .studio .orbit-help{font-size:12px}
 .studio .process-steps{gap:38px}.studio .process-steps article>span{margin-bottom:22px}
 .studio .contact{padding-top:64px}.studio .contact h2{font-size:10.7vw;margin:46px 0 32px}
 .studio .contact-email{font-size:18px;gap:18px}.studio .footer-bottom{margin-top:60px}
 .studio .navigation-dialog{width:calc(100vw - 20px);max-height:calc(100svh - 20px);padding:24px}
 .studio .navigation-dialog .dialog-top{margin-bottom:30px;gap:12px}
 .studio .navigation-grid nav{font-size:clamp(29px,8vw,42px)}
}
@media(max-width:360px){
 .studio .site-header{gap:8px}
 .studio .wordmark>span{font-size:20px}
 .studio .section-heading h2{font-size:36px}
}
.studio .social-presence{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,8vw,130px);border-top:1px solid var(--line)}
.studio .social-intro h2{font-size:clamp(40px,4.8vw,72px);line-height:1.08;text-wrap:initial}
.studio .social-intro>p{max-width:38ch;margin-top:28px;color:#4e5749;line-height:1.75}
.studio .social-intro .cta{margin-top:25px}
.studio .social-delivery dl{margin:0}
.studio .social-delivery dl>div{padding:25px 0;border-top:1px solid var(--line)}
.studio .social-delivery dl>div:first-child{padding-top:0;border-top:0}
.studio .social-delivery dt{font-size:21px;font-weight:600;line-height:1.35;letter-spacing:-.02em}
.studio .social-delivery dd{margin:10px 0 0;max-width:53ch;color:#4e5749;line-height:1.7}
.studio .social-scope{font-size:14px;line-height:1.65;color:#4e5749;padding-top:23px;border-top:1px solid var(--line);max-width:60ch}
@media(max-width:800px){.studio .social-presence{grid-template-columns:1fr;gap:42px}.studio .social-intro>p{max-width:48ch}.studio .social-intro h2{font-size:clamp(36px,7.5vw,58px)}}
html.motion-paused .studio .cinema-screen{rotate:0deg}
html.motion-paused .studio .hero-lines{display:none}
html.motion-paused .studio .department-connections path.active{animation:none}
@media(prefers-reduced-motion:reduce){.studio .hero-lines{display:none}.studio .cinema-screen{rotate:0deg}.studio .department-connections path.active{animation:none}}