/* Pandacado V21 - Signature Motion Atelier */
:root {
  --v21-black:#050505;
  --v21-white:#f5f5f5;
  --v21-green:#b7ff24;
  --v21-copy:#b7b7b7;
  --v21-line:rgba(255,255,255,.15);
  --v21-dark-line:rgba(0,0,0,.16);
  --v21-pad:clamp(28px,5vw,84px);
  --v21-max:1480px;
  --v21-ease:cubic-bezier(.22,.74,0,1);
}

body.v21 { background:var(--v21-black); color:var(--v21-white); }
body.v21 main img { filter:none!important; }
body.v21 .film-chapters-v20,
body.v21 .section-hud-v19,
body.v21 .kinetic-rail-v19,
body.v21 .v20-shot::before { display:none!important; }
body.v21 .v20-shot > * { opacity:1; transform:none; }

/* A quieter opening and a single global line of progress. */
.v21 .preloader-v17 { background:var(--v21-black); }
.v21 .preloader-v17__inner { gap:24px; }
.v21 .preloader-v17__inner img { width:210px; }
.v21 .preloader-v17__inner span { color:#888; font-size:8px; }
.v21 .preloader-v17__inner i { width:240px; background:rgba(255,255,255,.16); }
.v21 .film-progress-v20 { height:2px; background:transparent; }
.v21 .film-gate-v20 { grid-template-rows:1fr 1fr; }
.v21 .film-gate-v20 b { font-size:8px; letter-spacing:0; }

.v21 .cursor-v20 { width:18px; height:18px; border-color:rgba(183,255,36,.8); }
.v21 .cursor-v20::before { width:2px; height:2px; }
.v21 .cursor-v20.is-over { width:42px; height:42px; background:transparent; }

/* Header */
.v21 .header-v17 {
  top:22px;
  left:24px;
  right:24px;
  min-height:64px;
  padding:0 10px 0 20px;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.16);
  background:rgba(5,5,5,.9);
  box-shadow:none;
  backdrop-filter:blur(18px);
  transition:top .35s var(--v21-ease),min-height .35s var(--v21-ease),background .35s ease;
}
.v21 .header-v17.is-compact-v21 { top:10px; min-height:58px; background:rgba(5,5,5,.96); }
.v21 .header-v17::after { width:72px; height:2px; bottom:-1px; }
.v21 .brand-v17 { gap:14px; }
.v21 .brand-v17 img { width:158px; }
.v21 .brand-v17 small { max-width:70px; color:#777; font:500 7px/1.25 var(--v20-mono); }
.v21 .nav-v17 { gap:38px; }
.v21 .nav-v17 a { color:#c6c6c6; font-size:11px; font-weight:600; }
.v21 .nav-v17 a::after { bottom:-8px; }
.v21 .availability-v17 { color:#a7a7a7; }
.v21 .availability-v17 i { width:6px; height:6px; }
.v21 .header-v17 > .button-v17 { min-height:42px; padding-left:16px; background:var(--v21-white); }
.v21 .header-v17 > .button-v17 svg { width:32px; height:32px; background:var(--v21-green); }

.v21 .drawer-v17 { background:var(--v21-white); color:var(--v21-black); }
.v21 .drawer-v17 nav a { font-family:var(--v20-sans); }

/* Shared typography and spacing */
.v21 .section-head-v17 {
  max-width:var(--v21-max);
  grid-template-columns:150px minmax(0,1fr) minmax(260px,.36fr);
  gap:36px;
  margin-bottom:72px;
  padding:0 var(--v21-pad);
}
.v21 .section-head-v17 > span { color:currentColor; opacity:.58; font-size:8px; }
.v21 .section-head-v17 h2 { font-family:var(--v20-sans); font-size:62px; font-weight:560; line-height:.97; }
.v21 .section-head-v17 h2 em { color:var(--v21-green); font-family:var(--v20-serif); font-weight:500; }
.v21 .section-head-v17 p { color:#777; font-size:14px; }
.v21 .button-v17 { min-height:50px; padding-left:18px; border-radius:0; }
.v21 .button-v17 svg { width:38px; height:38px; border-radius:0; }

/* Hero: image first, message second, chrome last. */
.v21 .hero-editorial-v17 {
  min-height:720px;
  height:calc(100svh - 42px);
  max-height:980px;
  background:var(--v21-black);
}
.v21 .hero-editorial-v17::before {
  z-index:2;
  inset:0;
  background:rgba(0,0,0,.38);
  clip-path:none;
  animation:none;
}
.v21 .hero-editorial-v17::after { display:none; }
.v21 .hero-editorial-v17__shade { display:none; }
.v21 .cinema-slide-v20 { clip-path:inset(0 8% 0 0); transform:scale(1.04); transition:opacity 1.05s ease,clip-path 1.2s var(--v21-ease),transform 8s ease; }
.v21 .cinema-slide-v20.is-active { clip-path:inset(0); transform:scale(1); }
.v21 .cinema-slide-v20::after { background:rgba(0,0,0,.08); box-shadow:inset 0 0 140px rgba(0,0,0,.32); }
.v21 .hero-editorial-v17__copy {
  z-index:4;
  left:var(--v21-pad);
  width:min(760px,58vw);
  padding:0;
  transform:translate3d(var(--copy-x,0px),calc(-42% + var(--copy-y,0px)),0);
}
.v21 .hero-editorial-v17__copy > span { margin-bottom:20px; color:var(--v21-green); font-size:8px; }
.v21 .hero-editorial-v17__copy h1 { margin-bottom:24px; font-size:102px; font-weight:560; line-height:.86; }
.v21 .hero-editorial-v17__copy h2 { max-width:650px; margin:0; font-size:49px; font-weight:500; line-height:.98; }
.v21 .hero-editorial-v17__copy h2 em { color:var(--v21-green); }
.v21 .hero-editorial-v17__copy p { max-width:530px; margin-top:22px; color:#d0d0d0; font-size:15px; }
.v21 .hero-editorial-v17__copy > div { margin-top:28px; }
.v21 .hero-editorial-v17 > aside { display:none; }
.v21 .cinema-control-v20 { top:auto; right:var(--v21-pad); bottom:44px; width:300px; }
.v21 .cinema-control-v20::before { content:attr(data-signature); display:block; margin-bottom:9px; color:#8a8a8a; font:500 7px var(--v20-mono); }
.v21 .cinema-control-v20__meta { color:#bbb; border-color:rgba(255,255,255,.2); }
.v21 .cinema-control-v20__title { min-height:42px; padding-top:10px; font-size:11px; font-weight:600; }
.v21 .cinema-control-v20__nav button { height:28px; color:#999; }
.v21 .cinema-control-v20__nav button.is-active { color:#fff; }

.v21 .proof-rail-v17 {
  min-height:132px;
  padding:0 var(--v21-pad);
  grid-template-columns:150px 90px 1fr 90px 1fr 90px 1fr auto;
  border:0;
  background:var(--v21-white);
  color:var(--v21-black);
}
.v21 .proof-rail-v17 strong { color:var(--v21-black); font:500 52px var(--v20-serif); }
.v21 .proof-rail-v17 p { color:#666; }
.v21 .proof-rail-v17 a { border-bottom:1px solid var(--v21-black); }

/* Homepage editorial flow */
.v21 .belief-v17 {
  min-height:760px;
  padding:150px var(--v21-pad);
  grid-template-columns:140px minmax(0,1fr) minmax(290px,.36fr);
  gap:42px;
  background:var(--v21-black);
  color:var(--v21-white);
}
.v21 .belief-v17 > span { color:#8d8d8d; }
.v21 .belief-v17 h2 { max-width:860px; font-size:68px; font-weight:520; line-height:.96; }
.v21 .belief-v17 h2 em { color:var(--v21-green); }
.v21 .belief-v17 > div { border-color:var(--v21-line); }
.v21 .belief-v17 > div p { color:var(--v21-copy); font-size:16px; }

.v21 .studio-proof-v17 { min-height:840px; grid-template-columns:1.12fr .88fr; background:var(--v21-white); color:var(--v21-black); }
.v21 .studio-proof-v17 figure { min-height:840px; }
.v21 .studio-proof-v17 figure::after { box-shadow:inset 0 0 100px rgba(0,0,0,.18); }
.v21 .studio-proof-v17 > div { padding:100px var(--v21-pad); }
.v21 .studio-proof-v17 > div > span { color:#5f5f5f; }
.v21 .studio-proof-v17 h2 { margin-top:24px; font-size:56px; }
.v21 .studio-proof-v17 > div > p { color:#5e5e5e; }
.v21 .studio-proof-v17 dl { border-color:var(--v21-dark-line); }
.v21 .studio-proof-v17 dl > div { border-color:var(--v21-dark-line); }
.v21 .studio-proof-v17 dt { color:var(--v21-black); font-family:var(--v20-serif); }
.v21 .studio-proof-v17 dd { color:#626262; }

.v21 .capabilities-v17 { padding:150px 0; background:var(--v21-black); color:var(--v21-white); }
.v21 .capabilities-v17 .section-head-v17 p { color:#868686; }
.v21 .capabilities-v17__layout { max-width:var(--v21-max); grid-template-columns:1.05fr .95fr; gap:70px; padding:0 var(--v21-pad); }
.v21 .capabilities-v17__layout > figure { height:min(74vh,760px); min-height:620px; top:106px; }
.v21 .capabilities-v17__layout > figure::after { background:rgba(0,0,0,.18); }
.v21 .capabilities-v17__layout figcaption { inset:auto 26px 26px; padding:24px; background:rgba(5,5,5,.84); border-left:2px solid var(--v21-green); backdrop-filter:blur(16px); }
.v21 .capabilities-v17__layout figcaption h3 { font-size:40px; }
.v21 .capabilities-v17__layout nav { border-top:1px solid var(--v21-line); }
.v21 .capabilities-v17__layout nav a { min-height:105px; grid-template-columns:38px 34px minmax(150px,.6fr) 1fr 24px; border-color:var(--v21-line); color:#aaa; }
.v21 .capabilities-v17__layout nav a.is-active,.v21 .capabilities-v17__layout nav a:hover { color:var(--v21-white); background:transparent; }
.v21 .capabilities-v17__layout nav a.is-active::before { width:2px; background:var(--v21-green); }
.v21 .capabilities-v17__layout nav a b { font-size:18px; }
.v21 .capabilities-v17__layout nav a small { color:#777; }

.v21 .work-rhythm-v17 { min-height:800px; padding:150px var(--v21-pad); background:var(--v21-white); color:var(--v21-black); }
.v21 .work-rhythm-v17 > div { padding:0; }
.v21 .work-rhythm-v17 > div > span { color:#656565; }
.v21 .work-rhythm-v17 h2 { font-size:58px; }
.v21 .work-rhythm-v17 h2 em { color:var(--v21-black); }
.v21 .work-rhythm-v17 ol,.v21 .work-rhythm-v17 li { border-color:var(--v21-dark-line); }
.v21 .work-rhythm-v17 li > span { color:var(--v21-black); }
.v21 .work-rhythm-v17 li p { color:#606060; }

.v21 .human-ai-v17 { min-height:840px; grid-template-columns:1fr 1fr; background:var(--v21-black); }
.v21 .human-ai-v17 figure { min-height:840px; order:2; }
.v21 .human-ai-v17 > div { order:1; padding:100px var(--v21-pad); }
.v21 .human-ai-v17 h2 { font-size:56px; }
.v21 .human-ai-v17 p { color:var(--v21-copy); }
.v21 .human-ai-v17 li { border-color:var(--v21-line); }

.v21 .references-v17 { padding:150px 0; background:var(--v21-white); color:var(--v21-black); }
.v21 .references-v17 .section-head-v17 h2,.v21 .references-v17 .section-head-v17 > span { color:var(--v21-black); }
.v21 .references-v17 .section-head-v17 h2 em { color:var(--v21-black); }
.v21 .reference-filters-v17 { max-width:var(--v21-max); margin-bottom:24px; padding:0 var(--v21-pad); }
.v21 .reference-filters-v17 button { min-height:38px; border:0; border-bottom:1px solid var(--v21-dark-line); border-radius:0; color:#777; }
.v21 .reference-filters-v17 button.is-active,.v21 .reference-filters-v17 button:hover { background:transparent; border-color:var(--v21-black); color:var(--v21-black); }
.v21 .reference-grid-v17 { max-width:var(--v21-max); padding:0 var(--v21-pad); grid-template-columns:repeat(6,1fr); gap:1px; background:#d0d0d0; }
.v21 .reference-v17 { min-height:170px; border:0; border-radius:0; background:var(--v21-white); color:var(--v21-black); }
.v21 .reference-v17--dark { background:var(--v21-black); color:var(--v21-white); }
.v21 .reference-v17:hover { box-shadow:inset 0 -3px var(--v21-green); }

.v21 .first-meeting-v17 { min-height:860px; grid-template-columns:1fr 1fr; background:var(--v21-black); color:var(--v21-white); }
.v21 .first-meeting-v17 figure { min-height:860px; }
.v21 .first-meeting-v17__content { padding:100px var(--v21-pad); background:var(--v21-black); }
.v21 .first-meeting-v17__content > header > span { color:#777; }
.v21 .first-meeting-v17__content h2 { font-size:53px; }
.v21 .first-meeting-v17__content li,.v21 .first-meeting-v17__content > footer { border-color:var(--v21-line); }

/* Service heroes: one family, eight distinct photographs. */
.v21 .service-hero-v18 {
  min-height:760px;
  height:calc(100svh - 42px);
  max-height:960px;
  background:var(--v21-black);
}
.v21 .service-hero-v18::before { z-index:1; inset:0; background:rgba(0,0,0,.42); clip-path:none; }
.v21 .service-hero-v18::after { display:none; }
.v21 .service-hero-v18 > figure::after { background:rgba(0,0,0,.08); box-shadow:inset 0 0 150px rgba(0,0,0,.35); }
.v21 .service-hero-v18 > figure img { animation:v21Camera 18s ease-in-out infinite; transform:scale(1.045); }
.v21 .service-hero-v18 figcaption { top:auto; right:var(--v21-pad); bottom:36px; padding:8px 10px; background:var(--v21-green); font-size:7px; writing-mode:initial; }
.v21 .service-hero-v18__copy { z-index:3; width:min(760px,59vw); margin-left:var(--v21-pad); padding:130px 0 74px; }
.v21 .service-hero-v18__copy > span { font-size:8px; }
.v21 .service-hero-v18__copy h1 { max-width:740px; font-size:68px; font-weight:560; line-height:.94; }
.v21 .service-hero-v18__copy p { max-width:570px; margin-top:24px; font-size:16px; }
.v21 .service-hero-v18__copy > ul { margin-top:24px; }
.v21 .service-hero-v18__copy > ul li { padding:8px 10px; border:0; border-bottom:1px solid rgba(255,255,255,.28); background:transparent; backdrop-filter:none; }
.v21 .service-hero-v18__copy > div { margin-top:28px; }
.v21 .service-hero-v18 > aside { display:none; }

.v21 .service-world-v18 { min-height:880px; padding:130px var(--v21-pad); gap:68px; background:var(--v21-black); }
.v21 .service-world-v18 > header h2 { font-size:62px; font-weight:540; }
.v21 .service-world-v18 > header p { color:#8c8c8c; }
.v21 .service-world-v18__stage { min-height:640px; border-color:var(--v21-line); box-shadow:none; }

.v21 .service-diagnosis-v17 { padding:140px var(--v21-pad); background:var(--v21-white); color:var(--v21-black); }
.v21 .service-diagnosis-v17 h2 { font-size:58px; font-weight:540; }
.v21 .service-diagnosis-v17 > div:first-child > p { color:#626262; font-size:16px; }
.v21 .outcomes-v17 article { min-height:155px; border-color:var(--v21-dark-line); }
.v21 .outcomes-v17 span { color:#666; }

.v21 .service-photo-v17 { min-height:820px; background:var(--v21-black); }
.v21 .service-photo-v17 figure { min-height:820px; }
.v21 .service-photo-v17 > div { padding:90px var(--v21-pad); }
.v21 .service-photo-v17 h2 { font-size:50px; }
.v21 .service-photo-v17 li { border-color:var(--v21-line); color:#c7c7c7; }

.v21 .service-plain-v18 { padding:140px var(--v21-pad); background:var(--v21-white); color:var(--v21-black); }
.v21 .service-plain-v18::before { content:""; position:absolute; left:var(--v21-pad); right:var(--v21-pad); top:0; height:3px; background:var(--v21-green); }
.v21 .service-plain-v18 > header h2 { font-size:58px; }
.v21 .service-plain-v18 > header h2 em { color:var(--v21-black); }
.v21 .service-plain-v18__grid { border-color:var(--v21-dark-line); }
.v21 .service-plain-v18__grid article { min-height:330px; border-color:var(--v21-dark-line); }
.v21 .service-plain-v18__grid p { color:#666; }
.v21 .service-plain-v18 > aside { background:var(--v21-black); }

.v21 .service-blueprint-v17 { padding:140px 0; background:var(--v21-black); color:var(--v21-white); }
.v21 .service-blueprint-v17 .section-head-v17 p { color:#858585; }
.v21 .service-blueprint-v17 > div:last-child { max-width:var(--v21-max); padding:0 var(--v21-pad); gap:1px; background:#262626; }
.v21 .service-blueprint-v17 article { min-height:410px; border:0; background:var(--v21-black); }
.v21 .service-blueprint-v17 article::after { display:none; }
.v21 .service-blueprint-v17 article p { color:#888; }
.v21 .service-blueprint-v17 article:hover { background:#101010; }

.v21 .scope-v17 { padding-top:140px; padding-bottom:140px; }
.v21 .scope-v17__grid article { border-radius:0; }
.v21 .scope-v17__grid article:hover { transform:none; box-shadow:inset 0 -3px var(--v21-green); }

.v21 .service-planner-v17 { padding:140px var(--v21-pad); background:var(--v21-black); }
.v21 .service-planner-v17 > header { max-width:var(--v21-max); }
.v21 .service-planner-v17 > header h2 { font-size:56px; }
.v21 .service-planner-v17__body { max-width:var(--v21-max); min-height:540px; }
.v21 .service-planner-v17__body > article { background:var(--v21-black); color:var(--v21-white); }
.v21 .service-planner-v17__body > article > span,.v21 .service-planner-v17__body > article li span { color:var(--v21-green); }
.v21 .service-planner-v17__body > article a { color:var(--v21-green); }

.v21 .deliver-v17 { padding:140px var(--v21-pad); background:var(--v21-white); color:var(--v21-black); }
.v21 .deliver-v17 .section-head-v17 h2 { font-size:54px; }
.v21 .deliver-v17 li { border-color:var(--v21-dark-line); }
.v21 .deliver-v17 li span { color:#666; }

.v21 .faq-v17 { padding:140px 0; background:var(--v21-white); color:var(--v21-black); }
.v21 .faq-item-v17 { border-color:var(--v21-dark-line); }
.v21 .faq-item-v17 button { color:var(--v21-black); }

.v21 .service-handoff-v17 { padding:140px var(--v21-pad); background:var(--v21-black); }
.v21 .service-handoff-v17 > div a { border-radius:0; }
.v21 .service-handoff-v17 > div a::after { background:rgba(0,0,0,.34); }
.v21 .service-next-v17 { min-height:620px; background:var(--v21-green); color:var(--v21-black); }

/* Keep the eight service worlds recognisably different, but within one art direction. */
.v21 .service-page-v18--campaign .service-world-v18__stage { width:88%; transform:translateY(36px); }
.v21 .service-page-v18--intent .service-world-v18__stage { width:82%; }
.v21 .service-page-v18--editorial .service-world-v18__stage { clip-path:none; transform:translateY(-24px); }
.v21 .service-page-v18--knowledge .service-world-v18__stage { width:78%; }
.v21 .service-page-v18--commerce .service-world-v18__stage { transform:perspective(1500px) rotateX(2deg); }
.v21 .service-page-v18--workflow .service-world-v18__stage { border-color:rgba(183,255,36,.42); }
.v21 .service-page-v18--experiment .service-world-v18__stage { width:84%; clip-path:none; }
.v21 .service-page-v18--interface .service-world-v18 > header h2 { font-size:56px; }

/* Inner pages */
.v21 .inner-hero-v17 { min-height:760px; height:calc(100svh - 42px); max-height:960px; }
.v21 .inner-hero-v17::before { z-index:1; inset:0; width:100%; background:rgba(0,0,0,.4); clip-path:none; }
.v21 .inner-hero-v17::after { display:none; }
.v21 .inner-hero-v17__veil { display:none; }
.v21 .inner-hero-v17__content { z-index:2; width:min(800px,62vw); margin-left:var(--v21-pad); padding-top:86px; }
.v21 .inner-hero-v17__content h1 { max-width:780px; font-size:68px; font-weight:560; line-height:.94; }
.v21 .inner-hero-v17__content p { max-width:620px; color:#d0d0d0; font-size:16px; }
.v21 .inner-hero-v17__chips li { border:0; border-bottom:1px solid rgba(255,255,255,.28); background:transparent; }
.v21 .inner-hero-v17 > aside { right:var(--v21-pad); bottom:34px; }

.v21 .about-manifest-v17,.v21 .plans-v17,.v21 .notes-v17,.v21 .contact-promises-v17,.v21 .ai-intro-v17,.v21 .panel-intro-v17,.v21 .dealer-intro-v17 { background:var(--v21-white); color:var(--v21-black); }
.v21 .about-disciplines-v17,.v21 .principles-v17,.v21 .dealer-models-v17,.v21 .ai-guardrails-v17,.v21 .decision-cycle-v17 { background:var(--v21-black); color:var(--v21-white); }
.v21 .package-chooser-v17,.v21 .dealer-calc-v17,.v21 .ai-demo-v17 { background:var(--v21-green); color:var(--v21-black); }
.v21 .contact-stage-v17 { background:var(--v21-black); }
.v21 .contact-stage-v17 > div { background:var(--v21-white); color:var(--v21-black); }

.v21 .closing-v17 { min-height:820px; grid-template-columns:.9fr 1.1fr; background:var(--v21-black); }
.v21 .closing-v17__copy { padding:100px var(--v21-pad); }
.v21 .closing-v17 h2 { font-size:62px; }
.v21 .closing-v17 figure { min-height:820px; }
.v21 .footer-v17__lead a { font-size:42px; }

/* Purposeful motion */
.v21-enter > * { transition:opacity .9s var(--v21-ease),transform 1.05s var(--v21-ease); }
.v21-enter:not(.v21-visible) > * { opacity:.12; transform:translateY(36px); }
.v21-enter.v21-visible > * { opacity:1; transform:translateY(0); }
.v21-enter.v21-visible > *:nth-child(2) { transition-delay:.08s; }
.v21-enter.v21-visible > *:nth-child(3) { transition-delay:.14s; }
.v21-focus img { transform:scale(var(--v21-scale,1.045)) translate3d(var(--v21-x,0px),var(--v21-y,0px),0)!important; transition:transform .7s var(--v21-ease)!important; }
@keyframes v21Camera { 0%,100% { transform:scale(1.045) translate3d(0,0,0); } 50% { transform:scale(1.075) translate3d(-.45%,.3%,0); } }

@media (max-width:1180px) {
  .v21 .header-v17 { left:16px; right:16px; }
  .v21 .section-head-v17 { grid-template-columns:120px 1fr; }
  .v21 .section-head-v17 p { grid-column:2; }
  .v21 .belief-v17 { grid-template-columns:110px 1fr; }
  .v21 .belief-v17 > div { grid-column:2; }
  .v21 .capabilities-v17__layout { grid-template-columns:.95fr 1.05fr; gap:42px; }
  .v21 .reference-grid-v17 { grid-template-columns:repeat(4,1fr); }
  .v21 .service-world-v18 { grid-template-columns:minmax(270px,.5fr) minmax(510px,1.5fr); gap:42px; }
}

@media (max-width:880px) {
  :root { --v21-pad:20px; }
  .v21 .header-v17 { top:10px; left:10px; right:10px; min-height:60px; padding-left:14px; border:1px solid rgba(255,255,255,.18); }
  .v21 .brand-v17 img { width:145px; }
  .v21 .brand-v17 small,.v21 .availability-v17,.v21 .header-v17 > .button-v17 { display:none; }
  .v21 .menu-v17 { display:grid; }
  .v21 .section-head-v17 { grid-template-columns:1fr; gap:18px; margin-bottom:44px; padding:0 20px; }
  .v21 .section-head-v17 p { grid-column:auto; }
  .v21 .section-head-v17 h2 { font-size:43px; }

  .v21 .hero-editorial-v17,.v21 .service-hero-v18,.v21 .inner-hero-v17 { min-height:760px; height:calc(100svh - 36px); max-height:none; }
  .v21 .hero-editorial-v17::before,.v21 .service-hero-v18::before,.v21 .inner-hero-v17::before { background:rgba(0,0,0,.48); }
  .v21 .hero-editorial-v17__copy { left:20px; right:20px; bottom:108px; width:auto; }
  .v21 .hero-editorial-v17__copy h1 { font-size:59px; }
  .v21 .hero-editorial-v17__copy h2 { font-size:35px; }
  .v21 .hero-editorial-v17__copy p { max-width:330px; font-size:13px; }
  .v21 .cinema-control-v20 { left:20px; right:20px; bottom:25px; width:auto; }
  .v21 .cinema-control-v20__title { display:none; }
  .v21 .proof-rail-v17 { padding:24px 20px; grid-template-columns:1fr 1fr; gap:16px; }
  .v21 .proof-rail-v17 span,.v21 .proof-rail-v17 a { grid-column:1/-1; }
  .v21 .proof-rail-v17 strong { font-size:43px; }

  .v21 .belief-v17 { min-height:0; padding:100px 20px; grid-template-columns:1fr; gap:28px; }
  .v21 .belief-v17 h2 { font-size:46px; }
  .v21 .belief-v17 > div { grid-column:auto; padding-top:24px; border-left:0; border-top:1px solid var(--v21-line); }
  .v21 .studio-proof-v17,.v21 .human-ai-v17,.v21 .first-meeting-v17,.v21 .closing-v17 { min-height:0; grid-template-columns:1fr; }
  .v21 .studio-proof-v17 figure,.v21 .human-ai-v17 figure,.v21 .first-meeting-v17 figure,.v21 .closing-v17 figure { min-height:480px; order:0; }
  .v21 .studio-proof-v17 > div,.v21 .human-ai-v17 > div,.v21 .first-meeting-v17__content,.v21 .closing-v17__copy { padding:76px 20px; order:1; }
  .v21 .studio-proof-v17 h2,.v21 .human-ai-v17 h2,.v21 .first-meeting-v17__content h2,.v21 .closing-v17 h2 { font-size:43px; }
  .v21 .capabilities-v17 { padding:100px 0; }
  .v21 .capabilities-v17__layout { padding:0 20px; grid-template-columns:1fr; gap:34px; }
  .v21 .capabilities-v17__layout > figure { position:relative; top:auto; height:520px; min-height:0; }
  .v21 .capabilities-v17__layout nav a { min-height:92px; grid-template-columns:30px 30px 1fr 22px; gap:10px; }
  .v21 .capabilities-v17__layout nav a small { display:none; }
  .v21 .work-rhythm-v17 { min-height:0; padding:100px 20px; grid-template-columns:1fr; }
  .v21 .work-rhythm-v17 h2 { font-size:44px; }
  .v21 .reference-grid-v17 { padding:0 20px; grid-template-columns:repeat(2,1fr); }
  .v21 .reference-v17 { min-height:138px; }

  .v21 .service-hero-v18__copy { width:auto; margin:0 20px; padding:112px 0 82px; }
  .v21 .service-hero-v18__copy h1 { font-size:45px; }
  .v21 .service-hero-v18__copy p { font-size:14px; }
  .v21 .service-hero-v18__copy > ul { display:none; }
  .v21 .service-hero-v18 figcaption { right:20px; bottom:22px; }
  .v21 .service-world-v18 { min-height:0; padding:96px 20px; grid-template-columns:1fr; gap:42px; }
  .v21 .service-world-v18 > header { position:static; }
  .v21 .service-world-v18 > header h2,.v21 .service-page-v18--interface .service-world-v18 > header h2 { font-size:43px; }
  .v21 .service-world-v18__stage,.v21 .service-page-v18--campaign .service-world-v18__stage,.v21 .service-page-v18--intent .service-world-v18__stage,.v21 .service-page-v18--knowledge .service-world-v18__stage,.v21 .service-page-v18--experiment .service-world-v18__stage { width:100%; min-height:460px; transform:none; }
  .v21 .service-diagnosis-v17 { padding:96px 20px; grid-template-columns:1fr; }
  .v21 .service-diagnosis-v17 h2 { font-size:43px; }
  .v21 .service-photo-v17 { min-height:0; grid-template-columns:1fr; }
  .v21 .service-photo-v17 figure { min-height:500px; }
  .v21 .service-photo-v17 > div { padding:76px 20px; }
  .v21 .service-photo-v17 h2 { font-size:41px; }
  .v21 .service-plain-v18 { padding:96px 20px; }
  .v21 .service-plain-v18 > header h2 { font-size:43px; }
  .v21 .service-blueprint-v17,.v21 .service-planner-v17,.v21 .faq-v17,.v21 .service-handoff-v17 { padding-top:96px; padding-bottom:96px; }
  .v21 .service-planner-v17 { padding-left:20px; padding-right:20px; }
  .v21 .service-planner-v17 > header h2 { font-size:43px; }
  .v21 .deliver-v17 { padding:96px 20px; }

  .v21 .inner-hero-v17__content { width:auto; margin:0 20px; padding-top:72px; }
  .v21 .inner-hero-v17__content h1 { font-size:45px; }
  .v21 .inner-hero-v17__content p { font-size:14px; }
  .v21 .inner-hero-v17__chips { display:none; }
  .v21 .inner-hero-v17 > aside { right:20px; bottom:24px; }
}

@media (prefers-reduced-motion:reduce) {
  .v21-enter > *,.v21-focus img { opacity:1!important; transform:none!important; transition:none!important; }
  .v21 .service-hero-v18 > figure img { animation:none!important; }
}