/* GETVFX — a cinematic editorial system. */
.studio-site{--bg:#101210;--panel:#191c19;--green:#b5ea82;--ink:#f4f5ef;--muted:#a8afa6;--line:#343a33;--gutter:clamp(22px,4vw,76px);--space:clamp(64px,7.5vw,120px);background:var(--bg);font-size:16px}
.studio-site .header{height:88px;padding:0 var(--gutter);background:#101210ee;border-bottom:1px solid #ffffff15;backdrop-filter:blur(18px)}
.studio-site .header.scrolled{height:76px}.studio-site .header>.logo{width:170px}.studio-site .header nav{gap:30px}.studio-site .header nav a{font-size:14px;font-weight:500}.studio-site .header>.contact-link{font-size:14px;font-weight:600;border:1px solid #617054;border-radius:4px;padding:12px 20px;margin-left:22px}.studio-site .header>.contact-link:hover{background:var(--green);color:var(--bg)}
.studio-site .hero{height:auto;min-height:0;max-height:none;padding:110px 22px 0;overflow:visible;background:var(--bg)}
.studio-site .hero-stage{position:relative;isolation:isolate;overflow:hidden;min-height:660px;height:calc(100svh - 132px);max-height:980px;padding:34px max(26px,calc(var(--gutter) - 22px)) 24px;display:flex;flex-direction:column;background:#101810;border:1px solid #45503e}
.studio-site .hero-video{inset:0;top:0;height:100%;width:100%;object-fit:cover;transform:none!important;filter:saturate(.8)}
.studio-site .hero-shade{background:linear-gradient(90deg,#040804c9 0%,#04080438 73%),linear-gradient(0deg,#040804e8 0%,#04080418 78%)}
.studio-site .hero-top{animation:none}.studio-site .hero-top .eyebrow{font-size:12px;letter-spacing:.13em;font-weight:500;color:#ecf0e5}.studio-site .hero-copy{margin:auto 0 32px;animation:none;max-width:1120px}
.studio-site .hero h1{font-family:var(--heading);font-size:clamp(86px,12.3vw,192px);font-weight:600;line-height:.91;letter-spacing:-.025em;margin:65px 0 28px;text-transform:uppercase}.studio-site .hero h1 span{color:var(--green)}
.studio-site .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px 38px}.studio-site .hero-actions p{font-size:16px;line-height:1.7;max-width:370px;margin:0 auto 0 0;flex-basis:auto;color:#d9dfd3}.studio-site .hero-actions>.pill{background:transparent;border-color:#ffffff55;color:var(--ink)}
.studio-site .reel-button{font-size:14px;letter-spacing:0;text-transform:none;font-weight:600}.studio-site .reel-button>.play{background:var(--green);border-color:var(--green);color:#172211;width:54px;height:54px}.studio-site .reel-button:hover>.play{background:#e1fbc7;transform:scale(1.04)}
.studio-site .hero-bottom{margin-top:0;border-color:#ffffff30;font-size:12px;letter-spacing:.08em;padding-top:22px}.studio-site .video-toggle{font-size:12px;min-height:40px}.studio-site .reel-progress{height:1px}.studio-site .section{padding:var(--space) var(--gutter)}
.studio-site .eyebrow{font-size:12px;letter-spacing:.12em;font-weight:500}.studio-site h2{font-family:var(--heading);font-size:clamp(46px,5.2vw,80px);font-weight:500;letter-spacing:-.025em;line-height:1.02}.studio-site .section-intro{gap:20px 64px;margin-bottom:46px;grid-template-columns:1.5fr 1fr}.studio-site .section-intro .eyebrow{padding-top:18px;border-top:1px solid var(--line);color:var(--muted)}.studio-site .section-intro h2{font-size:clamp(46px,5.2vw,80px);line-height:1.02}.studio-site .section-intro p{font-size:16px;line-height:1.75;max-width:440px;justify-self:end}
.studio-site .pill{font-size:14px;gap:16px;min-height:48px;border-radius:4px;padding:13px 22px}.studio-site .text-link{font-size:14px;line-height:1.6;gap:12px;border-color:#687660}.studio-site a:focus-visible,.studio-site button:focus-visible{outline:2px solid var(--green);outline-offset:5px}
.studio-site :is(a,button) :is(.icon-forward,.icon-back,.icon-down,.icon-up){display:none}.studio-site .card-arrow{display:none}.studio-site .header>.contact-link>span{display:none}
@media(max-width:850px){.studio-site .header{height:78px}.studio-site .header>.logo{width:155px}.studio-site .header>.contact-link{margin-left:auto;margin-right:20px}.studio-site .header nav{gap:0}.studio-site .hero{padding:94px 16px 0}.studio-site .hero-stage{height:auto;min-height:660px;padding:28px}.studio-site .hero h1{font-size:clamp(80px,14vw,126px)}.studio-site .hero-actions{gap:24px}.studio-site .hero-actions p{flex-basis:100%;margin-bottom:0}.studio-site .hero-copy{margin-bottom:26px}.studio-site .section-intro{gap:24px}.studio-site .hero-bottom>span{display:none}}
@media(max-width:600px){.studio-site .header{height:72px}.studio-site .header.scrolled{height:72px}.studio-site .header>.logo{width:138px}.studio-site .header>.contact-link{font-size:12px;padding:9px 12px;margin-right:13px;margin-left:auto;min-height:40px}.studio-site .hero{padding:84px 12px 0}.studio-site .hero-stage{min-height:620px;padding:22px 20px 14px;height:auto}.studio-site .hero h1{font-size:clamp(62px,15.8vw,95px);margin:90px 0 26px;line-height:.96}.studio-site .hero-copy{margin:auto 0 26px}.studio-site .hero-actions{gap:22px 18px}.studio-site .hero-actions p{font-size:16px;line-height:1.65}.studio-site .hero-actions>.pill{font-size:13px;padding:10px 13px}.studio-site .reel-button{font-size:13px;gap:12px}.studio-site .reel-button>.play{width:42px;height:42px}.studio-site .hero-bottom{font-size:11px;padding-top:12px;gap:18px}.studio-site .video-toggle{font-size:11px}.studio-site .section-intro{display:block;margin-bottom:30px}.studio-site .section-intro>.eyebrow{display:block}.studio-site .section-intro h2{margin:20px 0}.studio-site .section-intro p{margin:0;font-size:16px}.studio-site .hero-top .location{display:none}}
@media(prefers-reduced-motion:reduce){.studio-site *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Work: unequal editorial columns and quiet, consistent captions. */
.studio-site .project-grid{gap:54px 30px}.studio-site .project-image{background:#1d221b;border-radius:2px;transform:none;box-shadow:none}.studio-site .project-image:after{background:linear-gradient(180deg,#0003,transparent 40%)}.studio-site .project-image img{scale:1;translate:none;transform:none;filter:none;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.studio-site .project-card:hover .project-image img{scale:1;transform:scale(1.025);filter:none}.studio-site .project-tag{top:16px;left:16px;border:0;border-radius:2px;padding:5px 10px;background:#111a;backdrop-filter:blur(12px);font-size:12px}.studio-site .view-project{top:auto;left:18px;bottom:18px;transform:translateY(5px);border-radius:2px;padding:10px 14px;font-size:12px;letter-spacing:.04em}.studio-site .project-card:hover .view-project,.studio-site .project-image:focus-visible .view-project{top:auto;left:18px;transform:none;opacity:1}.studio-site .project-caption{padding-top:20px;gap:20px}.studio-site .project-caption h3{font-family:var(--body);font-weight:500;font-size:clamp(20px,1.9vw,28px);letter-spacing:-.035em;line-height:1.3}.studio-site .project-caption>span{font-size:12px;line-height:1.65;max-width:28%;padding-top:3px}.studio-site .role-tags{gap:0;margin-top:10px}.studio-site .role-tags a{border:0;padding:0 14px 0 0;color:var(--muted);font-size:12px;line-height:1.7}.studio-site .role-tags a:hover{color:var(--green)}.studio-site .save-look{background:transparent;border:0;border-radius:0;font-size:12px;color:var(--muted);padding:10px 0;min-height:38px;margin:4px 0 0}.studio-site .save-look[aria-pressed=true]{color:var(--green);background:transparent}.studio-site .section-tail{margin-top:48px;padding-top:26px}
.studio-site.home .latest-work .project-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:64px 36px;align-items:start}.studio-site.home .latest-work .project-card{grid-column:span 7}.studio-site.home .latest-work .project-card:nth-child(4n+2),.studio-site.home .latest-work .project-card:nth-child(4n+3){grid-column:span 5}.studio-site.home .latest-work .project-card:nth-child(4n+2){margin-top:90px}.studio-site.home .latest-work .project-card:nth-child(4n){margin-top:70px}.studio-site.home .latest-work .project-image{aspect-ratio:16/10}.studio-site.home .latest-work .project-card:nth-child(4n+2) .project-image,.studio-site.home .latest-work .project-card:nth-child(4n+3) .project-image{aspect-ratio:4/3}
/* Expertise becomes an index of disciplines, with imagery beside the details. */
.studio-site .expertise{background:var(--bg)}.studio-site .expertise-grid{display:block}.studio-site .expertise-card{display:grid;grid-template-columns:70px minmax(0,1fr) 230px;grid-template-rows:auto;gap:30px;align-items:center;min-height:205px;padding:26px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);overflow:visible;isolation:auto;transform:none;box-shadow:none;aspect-ratio:auto}.studio-site .expertise-card:last-child{border-bottom:1px solid var(--line)}.studio-site .expertise-card:before,.studio-site .expertise-card:after{display:none}.studio-site .expertise-card>img,.studio-site .expertise-card>img[data-parallax]{position:static;grid-column:3;grid-row:1;width:230px;height:145px;object-fit:cover;opacity:.8;filter:none;transform:none;transition:opacity .3s;inset:auto;border-radius:2px}.studio-site .expertise-top{position:static;grid-column:1;grid-row:1;align-self:start;display:block;padding:9px 0;color:var(--muted);font-size:12px;line-height:1.8;letter-spacing:.04em}.studio-site .expertise-icon{display:none}.studio-site .expertise-bottom{position:static;grid-column:2;grid-row:1;inset:auto;padding:0;transform:none}.studio-site .expertise-bottom h3{font-family:var(--heading);font-size:clamp(38px,4.3vw,64px);font-weight:500;letter-spacing:-.025em;line-height:1.1;margin:0 0 9px}.studio-site .expertise-bottom p{font-size:16px;line-height:1.65;color:var(--muted);margin:0}.studio-site .expertise-tags{display:flex;flex-wrap:wrap;gap:8px 18px;margin:16px 0 0}.studio-site .expertise-tags span{padding:0;border:0;background:none;font-size:12px;color:var(--muted)}.studio-site .expertise-card:hover h3{color:var(--green)}.studio-site .expertise-card:hover>img{opacity:1;filter:none;transform:none}
/* Breakdowns remain hands-on; optional experiences have one clear entrance. */
.studio-site .comparison-section{background:#191e17;gap:7%;border-color:var(--line);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.studio-site .comparison{max-width:none}.studio-site .comparison-section h2{font-size:clamp(48px,5vw,72px)}.studio-site .comparison-section p{font-size:16px}.studio-site .comparison-section .section-intro>.eyebrow{border:0;padding-top:0}.studio-site .comparison-images{border-color:#65745a;border-radius:2px}.studio-site .comparison-controls button{border-radius:3px}.studio-site .comparison-label{font-size:12px;background:#111c;border-radius:2px}
.studio-site .craft-drawer{margin:0 var(--gutter);border-bottom:1px solid var(--line)}.studio-site .craft-drawer>summary{display:grid;grid-template-columns:1fr 1.5fr 1fr 24px;align-items:center;gap:24px;padding:34px 0;list-style:none;cursor:pointer}.studio-site .craft-drawer>summary::-webkit-details-marker,.studio-site .review-drawer>summary::-webkit-details-marker{display:none}.studio-site .craft-drawer>summary>span:nth-child(2){font-size:clamp(23px,2.5vw,36px);font-family:var(--heading);line-height:1.2}.studio-site .craft-drawer>summary small{font-size:13px;color:var(--muted)}.studio-site .craft-drawer>summary b{font-weight:400;font-size:28px;color:var(--green);transition:rotate .2s}.studio-site .craft-drawer[open]>summary b{rotate:45deg}.studio-site .craft-drawer-content>.section{padding-inline:0}.studio-site :is(.spot-vfx,.reel-explorer,.color-lab,.model-lab,.service-explorer){background:transparent;border-color:var(--line)}.studio-site :is(.lab-switches button,.spot-answers button,.color-controls button,.shot-steps button){border-radius:3px;font-size:14px;min-height:44px}.studio-site .reel-cards>article{background:transparent;border:0;border-bottom:1px solid var(--line);padding-bottom:24px}.studio-site .reel-cards h3{font-family:var(--body);font-size:23px;letter-spacing:-.03em}.studio-site .shot-note{font-size:14px;line-height:1.7}.studio-site .inspiration-open{font-size:13px;border-radius:6px;box-shadow:0 4px 25px #0004;bottom:max(20px,env(safe-area-inset-bottom));right:22px}
/* The studio, its collaborators and process share the same rhythm. */
.studio-site .brand-panel{background:var(--bg)}.studio-site .brand-strip{gap:0;border-block:1px solid var(--line);grid-template-columns:repeat(6,minmax(0,1fr))}.studio-site .brand-strip .directory-card{border:0;border-right:1px solid var(--line);padding:24px 10px;background:none}.studio-site .brand-strip .directory-card:last-child{border-right:0}.studio-site .brand-strip .directory-photo{background:none;filter:grayscale(1);opacity:.78}.studio-site .brand-strip .directory-card:hover .directory-photo{filter:none;opacity:1}.studio-site .brand-strip .directory-copy h3{font-size:13px}.studio-site .brand-strip .directory-copy p{font-size:12px}.studio-site .studio-stats{padding:36px var(--gutter);background:transparent;border-block:1px solid var(--line)}.studio-site .studio-stats dl{gap:32px}.studio-site .studio-stats dd{font-family:var(--heading);font-size:clamp(48px,5.5vw,84px);font-weight:500;line-height:1.05;color:var(--ink);letter-spacing:-.025em}.studio-site .studio-stats dt{font-size:13px;color:var(--muted)}.studio-site .studio-teaser{gap:8%;align-items:center}.studio-site .studio-visual{aspect-ratio:4/5;border-radius:2px}.studio-site .studio-visual>img{height:100%;width:100%;inset:0;transform:none!important;object-fit:cover}.studio-site .studio-copy h2{font-size:clamp(48px,5vw,78px);line-height:1.04}.studio-site .studio-copy p{font-size:16px;line-height:1.85}.studio-site .studio-copy>.eyebrow{font-size:12px}.studio-site .studio-leadership{border-top:1px solid var(--line);padding-top:22px;font-size:14px!important}.studio-site .compact-process{background:#191e17;border:0}.studio-site .compact-process h2{font-size:clamp(44px,5vw,70px);max-width:760px}.studio-site .compact-process ol{gap:30px}.studio-site .compact-process li{border-top:1px solid #5b6853;padding-top:22px}.studio-site .compact-process h3{font-size:18px;font-weight:500;letter-spacing:-.025em}.studio-site .compact-process p{font-size:15px;line-height:1.8}.studio-site .secondary-feature{font-size:14px;gap:26px}.studio-site .secondary-feature>a{font-family:var(--heading);font-size:32px}.studio-site .insights-preview{background:var(--bg);gap:36px}.studio-site .insights-preview h2{font-size:48px}.studio-site .insights-preview>a{font-size:14px;border-bottom:1px solid var(--line);padding-bottom:14px}
/* Industry news reads as an editorial list on the homepage. */
.studio-site .industry-panel{background:var(--bg)}.studio-site .industry-intro{grid-template-columns:1.5fr 1fr;gap:64px;margin-bottom:36px}.studio-site .industry-intro h2{font-size:clamp(48px,5.2vw,80px)}.studio-site .industry-intro p{font-size:16px;line-height:1.75}.studio-site .industry-panel .industry-grid{display:block;border-top:1px solid var(--line)}.studio-site .industry-panel .industry-card{display:grid;grid-template-columns:180px minmax(0,1fr) 220px;gap:32px;align-items:center;min-height:126px;padding:26px 0;border:0;border-bottom:1px solid var(--line);background:transparent}.studio-site .industry-panel .industry-card:hover{background:#ffffff04}.studio-site .industry-panel .industry-card h3{font-size:clamp(20px,2.1vw,28px);line-height:1.35;font-weight:500;letter-spacing:-.03em;margin:0}.studio-site .industry-panel .industry-byline{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:6px;margin:0;font-size:12px}.studio-site .industry-topic{font-size:12px;padding:0;border:0;border-radius:0;color:var(--green);letter-spacing:.06em}.studio-site .industry-card-top>.ui-icon,.studio-site .industry-card-top>span[aria-hidden="true"]{display:none}.studio-site .industry-status-row,.studio-site .industry-footnote{font-size:12px;line-height:1.7}.studio-site .industry-hero{background:transparent}.studio-site .industry-hero h1{font-size:clamp(74px,9vw,136px)}.studio-site .industry-hero-bottom p{font-size:17px}.studio-site .industry-frequency{font-size:12px;border-radius:3px}.studio-site .industry-frequency:before{display:none}.studio-site .industry-filters button{font-size:14px;border-radius:3px}.studio-site .industry-search{font-size:13px}.studio-site .industry-search input{font-size:16px;border-radius:3px}.studio-site .industry-feed .industry-card{border:1px solid var(--line);border-radius:3px;background:#191e17}.studio-site .industry-feed .industry-card h3{font-size:24px;line-height:1.35}.studio-site .industry-byline{font-size:12px}.studio-site .industry-sources{background:#191e17}.studio-site .industry-sources p{font-size:16px}
/* Interior pages, forms and feedback. */
.studio-site.interior main{padding-top:88px}.studio-site .page-head{padding:80px var(--gutter) 56px;max-width:1600px}.studio-site .page-head h1{font-size:clamp(64px,8vw,124px);font-weight:500;line-height:1.02;margin:25px 0}.studio-site .page-head h1 em{color:#aab6a0}.studio-site .page-head>p{font-size:17px;line-height:1.85;max-width:740px}.studio-site .work-section{padding-top:12px}.studio-site .work-controls{padding:26px;background:#191e17;border:1px solid var(--line);gap:24px;border-radius:3px}.studio-site :is(input,textarea,select){border-radius:3px}.studio-site .work-controls input,.studio-site .work-controls select{background:var(--bg);border-color:#45503f}.studio-site .project-head{padding:60px var(--gutter) 38px}.studio-site .project-head h1{font-size:clamp(62px,8.5vw,140px);font-weight:500;max-width:1300px}.studio-site .project-meta{font-size:14px;gap:24px}.studio-site .project-cover{margin:0 22px;aspect-ratio:16/8.5;border-radius:2px}.studio-site .project-cover>img{filter:none}.studio-site .case-contribution{gap:8%;grid-template-columns:1fr 2fr}.studio-site .case-contribution h2{font-size:clamp(44px,4.6vw,68px)}.studio-site .case-contribution p.lead{font-size:21px;line-height:1.7}.studio-site .next-project{background:#b5ea82;padding:50px var(--gutter);grid-template-columns:1fr}.studio-site .next-arrow{display:none}.studio-site .next-title{font-size:clamp(42px,6vw,88px)}.studio-site .service-detail{padding-top:16px;gap:7%;align-items:start}.studio-site .service-art{aspect-ratio:4/3}.studio-site .service-capabilities li{font-size:18px}.studio-site .service-capabilities li>span{display:none}.studio-site .service-location{font-size:16px;line-height:1.8;color:var(--muted)}.studio-site .service-guide h2{font-size:clamp(42px,4.6vw,68px)}.studio-site .service-guide h3{font-size:24px}.studio-site .service-guide p{font-size:16px;line-height:1.8}.studio-site .service-guide summary{font-size:16px}.studio-site .about-banner{margin:0 22px;height:auto;aspect-ratio:16/7;border-radius:2px}.studio-site .about-banner>img{height:100%;position:absolute;filter:none}.studio-site .about-story h2{font-size:clamp(44px,5vw,76px)}.studio-site .team-section{background:#191e17}.studio-site .founder-card{border-color:var(--line)}.studio-site .founder-copy h1{font-family:var(--heading);font-weight:500}.studio-site .founder-copy p{font-size:16px;line-height:1.85}.studio-site .portrait{border-radius:2px}.studio-site .enquiry-section{background:#20291c;border-block:1px solid #47563d;gap:9%}.studio-site .enquiry-section h2{font-size:clamp(50px,5.5vw,82px);line-height:1.02}.studio-site .enquiry-section>div p{font-size:16px;line-height:1.85}.studio-site .enquiry-form{padding:30px;background:#141b11;border:1px solid #4a5940;border-radius:4px}.studio-site .enquiry-form input,.studio-site .enquiry-form select,.studio-site .enquiry-form textarea{border-color:#495640;background:#10150e;padding:14px}.studio-site .enquiry-form>.pill{width:100%;justify-content:center}.studio-site .data-notice{font-size:12px}.studio-site .enquiry-form label{font-size:14px}.studio-site .client-reviews{background:var(--bg)}.studio-site .reviews-intro{max-width:900px}.studio-site .reviews-intro h2{font-size:clamp(46px,5vw,76px);line-height:1.05}.studio-site .reviews-grid{gap:38px;margin-top:40px}.studio-site .review-card{background:transparent;border:0;border-top:1px solid var(--line);padding:26px 0}.studio-site .review-card blockquote{height:auto;max-height:none;mask-image:none;-webkit-mask-image:none}.studio-site .review-card blockquote p{font-size:18px;line-height:1.85}.studio-site .review-mark{display:none}.studio-site .review-card figcaption strong{font-size:16px}.studio-site .review-drawer{margin-top:24px;border-block:1px solid var(--line)}.studio-site .review-drawer>summary{list-style:none;display:flex;justify-content:space-between;padding:24px 0;font-size:18px;cursor:pointer}.studio-site .review-drawer>summary>span{font-size:25px;color:var(--green)}.studio-site .review-drawer[open]>summary>span{rotate:45deg}.studio-site .review-write{border:0;margin:0;padding:30px 0}.studio-site .review-write h3{font-family:var(--heading);font-size:48px;line-height:1.05}.studio-site .review-form label,.studio-site .review-form legend{font-size:14px}.studio-site .review-form input,.studio-site .review-form textarea{font-size:16px}.studio-site .review-submit p{font-size:12px}.studio-site .contact-section{padding-top:50px}.studio-site .email-large{font-size:clamp(24px,3vw,46px)}.studio-site .directory-grid{gap:40px 28px}.studio-site .story-card h2{font-size:36px;line-height:1.15}.studio-site .story-head h1{font-size:clamp(56px,6vw,92px);font-weight:500;line-height:1.06}
/* A deliberate typographic close with grouped navigation. */
.studio-site footer{padding:0 var(--gutter);background:#171e13;border-top:1px solid #435437}.studio-site .footer-cta{padding:65px 0 60px;gap:60px;border-bottom:1px solid #405135;align-items:flex-end}.studio-site .footer-cta h2{font-family:var(--heading);font-weight:500;font-size:clamp(68px,9vw,144px);line-height:.98;letter-spacing:-.02em;margin:24px 0 0;max-width:1000px}.studio-site .footer-cta .eyebrow{font-size:12px}.studio-site .footer-project{white-space:nowrap;flex-shrink:0;margin-bottom:8px}.studio-site .footer-links{display:grid;grid-template-columns:1.2fr 1.5fr .7fr .8fr;gap:7%;padding:54px 0}.studio-site .footer-links>div,.studio-site .footer-links>nav{display:flex;align-items:start;flex-direction:column;gap:9px;font-size:14px;line-height:1.7}.studio-site .footer-links .eyebrow{font-size:12px;letter-spacing:.09em;margin-bottom:16px;color:var(--muted)}.studio-site .footer-studio>.logo{width:172px}.studio-site .footer-studio>p{font-size:12px;color:var(--muted);margin:14px 0;letter-spacing:.04em}.studio-site .footer-studio .footer-socials{padding:0;border:0;gap:8px;display:flex;flex-wrap:wrap;font-size:13px;margin:0}.studio-site .footer-socials a{font-size:13px;margin-right:12px}.studio-site .footer-address{font-size:14px;color:var(--muted);margin-top:18px;line-height:1.8}.studio-site .footer-bottom{padding:24px 0;font-size:12px;border-color:#405135;gap:24px}.studio-site .footer-bottom>span{margin-right:auto}.studio-site [hidden]{display:none!important}
@media(min-width:1700px){.studio-site .section{padding-inline:max(var(--gutter),calc((100vw - 1540px)/2))}.studio-site .hero-copy{max-width:1300px}.studio-site .hero-stage{padding-inline:max(48px,calc((100vw - 1584px)/2))}}
@media(max-width:1100px){.studio-site .expertise-card{grid-template-columns:55px minmax(0,1fr) 190px;gap:20px}.studio-site .expertise-card>img,.studio-site .expertise-card>img[data-parallax]{width:190px;height:135px}.studio-site .industry-panel .industry-card{grid-template-columns:135px minmax(0,1fr) 145px;gap:24px}.studio-site .footer-links{gap:35px;grid-template-columns:1fr 1.4fr .8fr .8fr}.studio-site .brand-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-site .brand-strip .directory-card:nth-child(3){border-right:0}.studio-site .brand-strip .directory-card:nth-child(-n+3){border-bottom:1px solid var(--line)}.studio-site .craft-drawer>summary{grid-template-columns:1fr 1.5fr 24px}.studio-site .craft-drawer>summary small{grid-column:2;grid-row:2}.studio-site .craft-drawer>summary b{grid-column:3;grid-row:1/3}.studio-site .craft-drawer>summary{gap:8px 24px}.studio-site .enquiry-section{gap:5%}.studio-site .enquiry-form{padding:24px}.studio-site .footer-cta{gap:35px}}
@media(max-width:850px){.studio-site.interior main{padding-top:78px}.studio-site .page-head{padding-top:60px}.studio-site .header nav{background:#101210;top:78px;border-color:var(--line)}.studio-site .header nav a{font-family:var(--heading);font-size:34px;line-height:1.25;padding:14px 0}.studio-site .header nav a.mobile-contact{font:500 18px var(--body);margin-top:20px}.studio-site .menu-toggle{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:8px;flex-shrink:0}.studio-site .menu-toggle span{width:24px}.studio-site.home .latest-work .project-grid{gap:40px 24px}.studio-site.home .latest-work .project-card:nth-child(4n+2){margin-top:55px}.studio-site.home .latest-work .project-card:nth-child(4n){margin-top:45px}.studio-site .project-caption{flex-direction:column;gap:6px}.studio-site .project-caption>span{max-width:none;padding-top:0}.studio-site .comparison-section{grid-template-columns:1fr;gap:32px}.studio-site .comparison-section .section-intro{max-width:600px;margin:0}.studio-site .comparison-section p{max-width:550px}.studio-site .comparison{max-width:none}.studio-site .studio-teaser{gap:35px}.studio-site .studio-copy h2{font-size:48px}.studio-site .studio-visual{aspect-ratio:3/4}.studio-site .industry-intro{gap:32px}.studio-site .industry-panel .industry-card{grid-template-columns:120px minmax(0,1fr);gap:10px 24px}.studio-site .industry-panel .industry-byline{grid-column:2;flex-direction:row;justify-content:space-between;align-items:center;margin-top:8px}.studio-site .industry-panel .industry-card-top{align-self:start;padding-top:4px}.studio-site .footer-links{grid-template-columns:1.1fr 1.4fr;gap:40px}.studio-site .footer-cta{align-items:start;flex-direction:column;gap:28px}.studio-site .footer-cta h2{font-size:clamp(72px,11vw,112px)}.studio-site .service-detail{gap:35px}.studio-site .service-guide{gap:36px}.studio-site .project-meta{flex-wrap:wrap;gap:15px 24px}.studio-site .project-meta .text-link{margin-left:0}}
@media(max-width:600px){.studio-site.interior main{padding-top:72px}.studio-site .header nav{top:72px;max-height:calc(100svh - 72px);padding-inline:var(--gutter)}.studio-site .header nav a{font-size:32px}.studio-site .header>.logo{width:138px}.studio-site .header>.contact-link{font-size:12px;margin-left:auto;margin-right:8px}.studio-site .home .section,.studio-site .section{padding-block:60px}.studio-site.home .latest-work .project-grid{grid-template-columns:minmax(0,1fr);gap:38px}.studio-site.home .latest-work .project-card,.studio-site.home .latest-work .project-card:nth-child(n){grid-column:auto;margin:0}.studio-site.home .latest-work .project-image,.studio-site.home .latest-work .project-card:nth-child(n) .project-image{aspect-ratio:16/10}.studio-site .project-grid,.studio-site .related-work .project-grid{grid-template-columns:1fr;gap:38px}.studio-site .project-caption{flex-direction:row;gap:20px;padding-top:17px}.studio-site .project-caption h3{font-size:23px}.studio-site .project-caption>span{max-width:30%;font-size:12px}.studio-site .project-tag{left:12px;top:12px;font-size:12px}.studio-site .section-tail{align-items:start;flex-direction:column;gap:20px;margin-top:32px}.studio-site .section-tail>span{font-size:14px}.studio-site .expertise-card{grid-template-columns:1fr 104px;gap:16px;min-height:0;padding:26px 0}.studio-site .expertise-top{grid-column:1;grid-row:1;padding:0;font-size:12px}.studio-site .expertise-bottom{grid-column:1;grid-row:2}.studio-site .expertise-bottom h3{font-size:38px;margin-bottom:10px}.studio-site .expertise-bottom p{font-size:14px;line-height:1.7}.studio-site .expertise-card>img,.studio-site .expertise-card>img[data-parallax]{grid-column:2;grid-row:1/3;width:104px;height:142px;object-position:center}.studio-site .expertise-tags{gap:5px 12px;margin-top:12px}.studio-site .expertise-tags span{font-size:12px}.studio-site .craft-drawer>summary{grid-template-columns:1fr 24px;padding:25px 0;gap:9px 14px}.studio-site .craft-drawer>summary>.eyebrow{grid-column:1;grid-row:1}.studio-site .craft-drawer>summary>span:nth-child(2){grid-column:1;grid-row:2;font-size:28px}.studio-site .craft-drawer>summary small{grid-column:1;grid-row:3;font-size:12px}.studio-site .craft-drawer>summary b{grid-column:2;grid-row:1/4}.studio-site .craft-drawer-content>.section{padding-block:40px}.studio-site .comparison-section h2{font-size:48px}.studio-site .comparison-controls{gap:10px}.studio-site .comparison-controls button{font-size:13px;padding:10px}.studio-site .comparison-controls label{font-size:12px}.studio-site .comparison-label{font-size:12px;padding:5px 8px}.studio-site .shot-steps button{font-size:13px}.studio-site .brand-strip .directory-card{padding:18px 8px}.studio-site .brand-strip .directory-copy h3{font-size:12px}.studio-site .studio-stats{padding:32px var(--gutter)}.studio-site .studio-stats dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}.studio-site .studio-stats dd{font-size:58px}.studio-site .studio-stats dt{font-size:12px}.studio-site .studio-teaser{grid-template-columns:1fr;gap:34px}.studio-site .studio-visual{aspect-ratio:4/3}.studio-site .studio-copy h2{font-size:48px}.studio-site .studio-copy p{font-size:16px}.studio-site .compact-process h2{font-size:44px}.studio-site .compact-process ol{grid-template-columns:1fr;gap:26px}.studio-site .compact-process li{display:grid;grid-template-columns:32px 1fr;gap:0 16px;padding-top:20px}.studio-site .compact-process li:before{grid-column:1;grid-row:1/3;padding-top:1px}.studio-site .compact-process h3{grid-column:2;font-size:19px;margin:0 0 9px}.studio-site .compact-process p{grid-column:2;margin:0;font-size:16px}.studio-site .secondary-feature{align-items:start;gap:18px}.studio-site .secondary-feature>a{font-size:30px}.studio-site .industry-intro{grid-template-columns:1fr;gap:22px}.studio-site .industry-intro h2{font-size:50px}.studio-site .industry-panel .industry-card{grid-template-columns:1fr;gap:16px;padding:25px 0;min-height:0}.studio-site .industry-panel .industry-byline{grid-column:1;gap:18px;margin-top:0;font-size:12px}.studio-site .industry-panel .industry-card h3{font-size:24px}.studio-site .industry-status-row{font-size:12px}.studio-site .industry-feed .industry-card{min-height:230px}.studio-site .industry-filters button{font-size:13px;padding:10px 12px}.studio-site .industry-hero h1{font-size:clamp(64px,15vw,90px)}.studio-site .industry-hero-bottom p{font-size:16px}.studio-site .insights-preview{gap:24px}.studio-site .insights-preview h2{font-size:44px}.studio-site .insights-preview>a{max-width:none;width:100%;font-size:16px}.studio-site .page-head{padding:48px var(--gutter) 36px}.studio-site .page-head h1{font-size:clamp(56px,14vw,84px);line-height:1.06;overflow-wrap:break-word}.studio-site .page-head>p{font-size:16px;line-height:1.8}.studio-site .work-section{padding-top:12px}.studio-site .work-controls{padding:20px;gap:20px;grid-template-columns:1fr}.studio-site .work-controls input,.studio-site .work-controls select{font-size:16px}.studio-site .work-controls label:first-child{grid-column:auto}.studio-site .project-head{padding:40px var(--gutter) 28px}.studio-site .project-head h1{font-size:clamp(52px,13vw,80px);overflow-wrap:break-word;line-height:1.04}.studio-site .project-cover{margin-inline:12px;aspect-ratio:16/10}.studio-site .project-meta{font-size:13px}.studio-site .case-contribution{grid-template-columns:1fr;gap:22px}.studio-site .case-contribution h2{font-size:44px}.studio-site .case-contribution p.lead{font-size:19px}.studio-site .service-detail,.studio-site .service-guide{grid-template-columns:1fr;gap:32px}.studio-site .service-art{aspect-ratio:4/3}.studio-site .service-guide h2{font-size:44px}.studio-site .about-banner{margin-inline:12px;aspect-ratio:4/3}.studio-site .about-story h2{font-size:44px}.studio-site .enquiry-section{grid-template-columns:1fr;gap:32px}.studio-site .enquiry-section h2{font-size:52px}.studio-site .enquiry-form{padding:22px 18px}.studio-site .enquiry-form .form-grid{grid-template-columns:1fr}.studio-site .reviews-intro h2{font-size:46px}.studio-site .reviews-grid{grid-template-columns:1fr;gap:24px}.studio-site .review-card blockquote p{font-size:17px}.studio-site .review-write{grid-template-columns:1fr;gap:25px}.studio-site .review-form{padding:0}.studio-site .footer-cta{padding:50px 0 42px}.studio-site .footer-cta h2{font-size:clamp(60px,15vw,90px);line-height:1.03;overflow-wrap:anywhere}.studio-site .footer-links{grid-template-columns:1fr 1fr;padding:38px 0;gap:36px 20px}.studio-site .footer-links>.footer-studio,.studio-site .footer-links>div:nth-child(2){grid-column:1/-1}.studio-site .footer-links .eyebrow{margin-bottom:10px}.studio-site .footer-studio>p{max-width:260px}.studio-site .footer-address{max-width:350px}.studio-site .footer-bottom{flex-wrap:wrap;gap:15px 22px}.studio-site .footer-bottom>span{flex-basis:100%}.studio-site .inspiration-open{right:16px;bottom:max(16px,env(safe-area-inset-bottom));min-height:44px}.studio-site .directory-grid{gap:26px 18px}.studio-site .story-card h2{font-size:32px}.studio-site .story-head h1{font-size:clamp(45px,10vw,64px)}}
@media(max-width:380px){.studio-site .header>.contact-link{display:none}.studio-site .header .menu-toggle{margin-left:auto}.studio-site .hero-stage{padding-inline:17px}.studio-site .hero h1{font-size:16vw}.studio-site .hero-actions{gap:20px}.studio-site .hero-actions>.pill{font-size:12px;padding-inline:11px}.studio-site .expertise-card{grid-template-columns:minmax(0,1fr) 85px;gap:12px}.studio-site .expertise-card>img,.studio-site .expertise-card>img[data-parallax]{width:85px;height:128px}.studio-site .expertise-bottom h3{font-size:34px}.studio-site .project-caption{flex-direction:column;gap:5px}.studio-site .project-caption>span{max-width:none}}
.studio-site summary:focus-visible{outline:2px solid var(--green);outline-offset:5px}.studio-site .will-reveal{transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.studio-site .will-reveal.is-visible{transform:none}
@media(prefers-reduced-motion:reduce){.studio-site .will-reveal{opacity:1;transform:none}.studio-site .project-card:hover .project-image img{transform:none}.studio-site .craft-drawer>summary b{transition:none}}

.studio-site.hero-in-view .inspiration-open{visibility:hidden;pointer-events:none}.studio-site .inspiration-open{background:var(--green);color:var(--bg)}
/* Keep original portfolio frames intact, including typography in supplied artwork. */
.studio-site.home .latest-work .project-card:nth-child(n) .project-image{aspect-ratio:16/9}
.studio-site .view-project{border-radius:3px}.studio-site .header .menu-toggle span{transition:transform .2s,opacity .2s}

/* Keep portrait and landscape product artwork uncropped. */
.studio-site .project-card[data-category="commercials"][data-services~="3d-animation"] .project-image img,.studio-site .product-cover>img,.studio-site .project-media-card[href^="/assets/product-animation/"] .project-media-preview img{object-fit:contain;background:#101210}
.studio-site #animation-films{scroll-margin-top:90px}

/* Tutorial resources share the studio's typography, green accents and spacing. */
.recent-tutorial-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}.recent-tutorial-grid .lesson-image{aspect-ratio:16/9}.recent-tutorial-copy h3{font-size:clamp(26px,3vw,44px);line-height:1.12;margin:16px 0}.recent-tutorial-copy p,.tutorial-asset-card p,.tutorial-assets-empty p{color:var(--muted);line-height:1.7}.assets-library-link{display:block;margin-top:22px}.lesson-assets{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:grid;gap:10px}.lesson-assets a{color:var(--green);font-size:14px}.tutorial-assets-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.tutorial-asset-card,.tutorial-assets-empty{border:1px solid var(--line);background:#111811;padding:30px;border-radius:12px}.tutorial-asset-card{display:flex;flex-direction:column;align-items:flex-start;scroll-margin-top:110px}.tutorial-asset-card h3,.tutorial-assets-empty h3{font-size:28px;line-height:1.2;margin:16px 0}.asset-tutorial{display:block;font-size:14px;color:var(--muted);margin:12px 0 24px}.tutorial-asset-card .pill{margin-top:auto}.tutorial-assets-empty{max-width:760px}.tutorial-assets-empty p{margin-bottom:24px}.tutorial-assets-panel .learning-intro p{max-width:680px}body .tutorial-assets-panel h2{font-size:clamp(36px,5vw,64px)}
@media(max-width:1000px){.tutorial-assets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recent-tutorial-grid{gap:28px}}@media(max-width:700px){.recent-tutorial-grid,.tutorial-assets-grid{grid-template-columns:1fr}.tutorial-asset-card,.tutorial-assets-empty{padding:24px}.recent-tutorial-copy h3{font-size:30px}.recent-tutorial .learning-intro{gap:20px;align-items:flex-start}}

/* Dedicated tutorials: an uncluttered player, full description and named resources. */
.studio-site .tutorial-head{padding-bottom:32px}.tutorial-back{display:block;width:fit-content;margin-bottom:40px}.studio-site .tutorial-head h1{max-width:1100px;font-size:clamp(44px,6.4vw,88px);line-height:1.05;letter-spacing:-.02em}.studio-site .tutorial-head>p{max-width:760px}.tutorial-meta{display:flex;flex-wrap:wrap;gap:14px 26px;margin-top:25px;color:var(--muted);font-size:13px}.tutorial-meta a{color:var(--green)}.studio-site .tutorial-watch{padding-top:0;padding-bottom:40px}.tutorial-player{aspect-ratio:16/9;background:#080a08;border:1px solid var(--line);border-radius:10px;overflow:hidden}.tutorial-player iframe{display:block;width:100%;height:100%;border:0}.tutorial-youtube{display:inline-block;margin-top:18px;font-size:14px}.studio-site .tutorial-information{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);align-items:start;gap:7%;padding-top:30px}.studio-site .tutorial-information h2{font-size:clamp(36px,4vw,52px);margin:15px 0 28px;line-height:1.1}.youtube-description{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);font-size:15px;line-height:1.85}.youtube-description a{color:var(--green);text-decoration:underline;text-underline-offset:4px}.tutorial-detail-assets{padding:28px;background:#111811;border:1px solid var(--line);border-radius:12px;scroll-margin-top:110px}.tutorial-detail-assets .assets-intro{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:22px}.tutorial-detail-assets .tutorial-resource+.tutorial-resource{margin-top:14px}.studio-site .asset-button{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:46px;width:100%;padding:12px 15px;border:1px solid #506c40;border-radius:6px;color:var(--green);background:#1b2a15;font-size:14px;line-height:1.5;text-decoration:none;text-align:left;overflow-wrap:anywhere;transition:background .18s,border-color .18s}.asset-button>span:first-child{min-width:0}.asset-button>span:last-child{flex-shrink:0}.studio-site .asset-button:hover{background:#263d1e;border-color:var(--green)}.studio-site .asset-button:focus-visible,.studio-site .assets-heading:focus-visible{outline:2px solid var(--green);outline-offset:4px}.studio-site .asset-note{font-size:12px;line-height:1.65;color:var(--muted);margin:8px 0 0}.studio-site .assets-heading{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;display:flex;justify-content:space-between;align-items:center;width:fit-content;gap:12px;min-height:32px}.studio-site .lesson-open{font-size:14px;margin-top:4px;display:inline-block}.studio-site .lesson-assets{margin-top:18px}.studio-site .tutorial-resource{width:100%;min-width:0}.studio-site .tutorial-asset-card h3{overflow-wrap:anywhere}.studio-site .tutorial-asset-card .tutorial-resource{margin-top:auto}.studio-site .tutorial-related h2{font-size:clamp(36px,4vw,56px)}
@media(max-width:850px){.studio-site .tutorial-information{grid-template-columns:minmax(0,1fr);gap:38px}.tutorial-detail-assets{grid-row:1}.studio-site .tutorial-head h1{font-size:clamp(42px,7vw,64px)}.tutorial-back{margin-bottom:30px}}
@media(max-width:600px){.studio-site .tutorial-head{padding-bottom:24px}.studio-site .tutorial-watch{padding-top:0;padding-bottom:25px}.studio-site .tutorial-information{padding-top:15px}.tutorial-detail-assets{padding:22px}.youtube-description{font-size:14px}.tutorial-meta{gap:12px 20px}.studio-site .tutorial-head h1{font-size:44px}.tutorial-player{border-radius:5px}}
