/* Editable studio composition. Approved colours and existing footage only. */
:root{--studio-blue:#365BFF;--studio-paper:#F3F1EB;--studio-soft:#C0C8D7;--studio-space:clamp(64px,7vw,112px)}
.hero{min-height:min(900px,100svh);padding:190px 0 150px;align-items:center}
.hero-copy{width:min(1280px,calc(100% - 96px));text-align:left;align-self:center}
.hero h1{font-weight:800;font-size:clamp(74px,7.9vw,116px);line-height:.99;letter-spacing:-.065em;max-width:850px;margin:20px 0}
.hero-description{font-size:clamp(17px,1.55vw,23px);line-height:1.45;max-width:680px;margin:24px 0 32px;color:#F3F1EB;text-shadow:none}
.hero-overlay{background:linear-gradient(90deg,#020204c9 0%,#0202047d 38%,#0202041a 75%),linear-gradient(180deg,#02020428 0%,transparent 62%,#020204 100%)}
.hero-copy .hero-eyebrow{justify-content:flex-start;font-size:14px;font-weight:600;letter-spacing:.08em}
.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.studio-primary{background:var(--studio-blue);color:#fff;border-color:var(--studio-blue);font-weight:650;padding:16px 26px;min-height:56px}.studio-primary .round-arrow{background:transparent;color:#fff}
.hero-cta{background:transparent;border:0;border-radius:0;padding:7px 0;color:#F3F1EB;box-shadow:none;border-bottom:1px solid #ffffff80;font-size:16px}.hero-cta .round-arrow{background:transparent;color:inherit}
.hero-invitation{font-size:15px;color:#C0C8D7;margin:22px 0 0}.hero-invitation a:hover{color:#fff}.hero-scroll{position:absolute;inset-inline:0;bottom:38px;display:flex;align-items:center;gap:14px;color:#CDD3DF;font-size:14px}.hero-scroll .icon{transform:rotate(135deg);width:20px;height:20px}
.section{padding-block:var(--studio-space)}.section-heading{max-width:none;text-align:left;margin:0 0 40px}.section-heading h2{font-size:clamp(46px,5.1vw,74px);font-weight:800;letter-spacing:-.055em;line-height:1.05}.section-heading>p:last-child,.section-heading>div>p:last-child{margin:20px 0 0;max-width:660px;color:var(--studio-soft);font-size:17px;line-height:1.6}
.section-kicker{font-size:14px;font-weight:650;letter-spacing:.08em;color:#A6B5FF;margin:0 0 18px}.section-heading--split,.section-heading--work{display:flex;justify-content:space-between;gap:50px;align-items:center}.section-heading--split>.heading-aside{font-size:24px;line-height:1.5;margin:0;max-width:350px;color:#F3F1EB}.heading-aside span{color:var(--studio-soft)}
.work-showcase{padding-top:64px;padding-bottom:64px;background:#020204}.section-heading--work>.pill{background:#F3F1EB;color:#1A1B1A;flex:none}.band-heading h3{font-size:27px;font-weight:750}.band-heading p{font-size:16px}.band-watch{border:0;border-bottom:1px solid #365BFF;border-radius:0;padding-inline:0;min-height:40px}.band-watch:hover{background:transparent;color:#A6B5FF;border-color:#A6B5FF}.band-watch .round-arrow{background:transparent}
/* Larger natural-ratio cards match 192/384px renditions more closely and
   reduce repeated visible decoders. No playback cap or shorter film. */
.band-window{--band-height:340px}.work-band[data-direction=right] .band-window{--band-height:260px}.band-media{border-radius:10px}.band-cycle{contain:layout style}.band-card figcaption{font-size:14px;line-height:30px}.band-help{font-size:14px;max-width:820px;color:#AEB9CB}.showcase-note{border-top:0;margin-top:22px;padding-top:0}
.services-section{background:transparent;border:0}.service-list{gap:20px}.service-visual{height:274px;padding:20px}.service-offer{background:linear-gradient(160deg,#0B111C,#070A10);border-color:#ffffff29}.service-offer summary strong{font-weight:750;font-size:29px;letter-spacing:-.04em}.service-description{font-size:16px;min-height:105px}.service-disclosure{font-size:15px;font-weight:600}.service-arrow{border:0}.service-summary-copy{padding-top:24px}.custom-idea{margin-top:26px;padding-top:28px}.custom-idea h3{font-weight:700;font-size:24px}.custom-idea .pill{background:var(--studio-blue);border-color:var(--studio-blue);color:#fff}.custom-idea .round-arrow{background:transparent}
.process-section{padding-top:var(--studio-space);padding-bottom:var(--studio-space)}.process-grid{position:relative;gap:30px;padding-top:34px}.process-grid::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:#365BFF80}.process-card{background:transparent;border:0;border-radius:0;min-height:320px;padding:18px 10px 22px 0;overflow:visible}.process-card:hover{background:transparent;border:0}.process-card::after{content:"";position:absolute;top:-41px;left:0;width:12px;height:12px;border:3px solid #365BFF;border-radius:50%;background:#020204}.process-card::before{border-radius:14px;inset:0 -12px 0 -12px}.step-pill{border:0;padding:0;border-radius:0;font-size:56px;line-height:1.1;font-weight:750;color:#F3F1EB}.process-illustration{width:64px;height:64px;margin:22px 0 18px}.process-illustration svg{width:48px;height:48px;stroke-width:1.65}.process-card h3{font-size:23px;font-weight:700;margin:8px 0 12px}.process-card p{font-size:16px;line-height:1.65;max-width:270px;color:#C0C8D7}
.closing{padding-block:100px 94px;border-top:0}.closing-layout{grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:90px}.closing h2{font-size:clamp(62px,6.8vw,96px);font-weight:800;letter-spacing:-.06em;line-height:1.04}.closing-copy>p:not(.eyebrow){font-size:18px;max-width:410px}.closing-copy .closing-cta{display:none}.closing-copy .closing-email{margin-top:28px;font-size:18px}.enquiry-form{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}.enquiry-form h3{font-size:32px;font-weight:750;margin-bottom:12px}.enquiry-intro{font-size:16px}.enquiry-fields{gap:18px}.enquiry-fields input,.enquiry-fields textarea{background:#0B1121e6;border-color:#a6b5ff55}.enquiry-fields label{font-size:15px}.enquiry-fields textarea{min-height:142px}.enquiry-submit{background:var(--studio-blue);border-color:var(--studio-blue);color:#fff;max-width:245px;min-height:52px}.enquiry-note{font-size:14px;color:#C0C8D7}
.enquiry-choice{min-width:0;border:0;margin:0;padding:0}.enquiry-choice legend{font-size:15px;color:#E0E5EE;padding:0;margin-bottom:9px}.enquiry-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.enquiry-choice-grid label{position:relative;display:block}.enquiry-choice-grid input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.enquiry-choice-grid span{display:flex;align-items:center;min-height:47px;padding:10px 13px;border:1px solid #a6b5ff55;border-radius:8px;background:#0B1121e6;font-size:14px;color:#e7ebf5;pointer-events:none}.enquiry-choice-grid input:checked+span{border-color:#365BFF;background:#1732B0;color:#fff}.enquiry-choice-grid input:focus-visible+span{outline:2px solid #A6B5FF;outline-offset:3px}
@media(max-width:1000px){.hero h1{font-size:clamp(70px,9vw,94px)}.section-heading--split,.section-heading--work{gap:30px}.section-heading--split>.heading-aside{font-size:20px;max-width:285px}.closing-layout{gap:45px;grid-template-columns:1fr 1fr}.service-description{min-height:0}.process-grid{gap:20px}.process-card h3{font-size:21px}}
@media(max-width:850px){.closing-layout{grid-template-columns:1fr;gap:42px}.enquiry-form{max-width:640px}.closing h2 br:nth-of-type(2){display:none}.service-visual{height:270px}}
@media(max-width:700px){.hero{min-height:88svh;padding:145px 0 110px}.hero-copy{width:calc(100% - 36px)}.hero h1{font-size:clamp(59px,15.8vw,88px);line-height:1;letter-spacing:-.06em}.hero-description{font-size:17px;max-width:390px;margin:22px 0 26px}.hero-overlay{background:linear-gradient(90deg,#020204ba,#02020470 65%,#02020428),linear-gradient(180deg,#02020430 0%,transparent 55%,#020204 100%)}.hero-actions{gap:18px}.studio-primary{min-height:51px;padding:13px 18px}.hero-cta{font-size:14px}.hero-invitation{font-size:14px;max-width:320px}.hero-scroll{bottom:27px;font-size:13px}.section{padding-block:64px}.section-heading{margin-bottom:28px}.section-heading h2{font-size:clamp(41px,10.6vw,62px)}.section-heading--split,.section-heading--work{display:block}.section-heading--split>.heading-aside{font-size:18px;max-width:350px;margin:22px 0 0}.section-heading>div>p:last-child{font-size:16px}.section-heading--work>.pill{margin-top:22px}.section-kicker{font-size:13px;margin-bottom:15px}.band-window{--band-height:244px}.work-band[data-direction=right] .band-window{--band-height:176px}.band-heading{align-items:flex-start;gap:12px}.band-heading h3{font-size:23px}.band-heading p{font-size:15px;max-width:330px}.band-actions{margin-top:12px}.band-watch{font-size:14px}.showcase-note{align-items:flex-start;flex-direction:column;gap:18px}.service-visual{height:250px}.service-summary-copy{padding:23px 22px 0}.service-offer summary strong{font-size:29px}.service-description{font-size:16px}.custom-idea h3{font-size:23px;line-height:1.35}.custom-idea p{font-size:16px}.process-grid{grid-template-columns:1fr 1fr;gap:30px 22px;padding-top:14px}.process-grid::before{display:none}.process-card{padding:25px 0 0;border-top:1px solid #365BFF70;min-height:0}.process-card:hover{border-top:1px solid #365BFF70}.process-card::after{top:-7px;width:10px;height:10px;border-width:2px}.step-pill{font-size:43px}.process-illustration{margin:17px 0 14px;height:55px;width:55px}.process-illustration svg{width:43px;height:43px}.process-card h3{font-size:19px;line-height:1.3}.process-card p{font-size:15px;line-height:1.6}.closing{padding-block:68px 64px}.closing h2{font-size:clamp(55px,14vw,78px)}.closing-copy>p:not(.eyebrow){font-size:17px}.closing-copy .closing-email{font-size:17px}.enquiry-form h3{font-size:29px}.enquiry-fields{gap:17px}.enquiry-choice-grid{gap:9px}.enquiry-choice-grid span{font-size:13px;padding:10px;min-height:49px}.enquiry-submit{max-width:none}.enquiry-fields input,.enquiry-fields textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){.hero-scroll .icon{transition:none}}
/* Do not composite a decoded poster underneath an opaque live row frame.
   Keep layout, video clocks and poster fallback intact. */
.band-media:has(>.preview-clip.is-playing)>.media-picture{visibility:hidden}
/* Keep inherited centred-layout margins out of the new left composition. */
.hero-actions .hero-cta{margin:0}
.section-heading--work.wrap{margin-inline:auto}