/* Pandacado V20 - Cinematic Color Cut */
:root {
  --v20-black:#050505;
  --v20-ink:#0a0a0a;
  --v20-white:#f5f5f5;
  --v20-green:#b7ff24;
  --v20-line:rgba(255,255,255,.17);
  --v20-line-dark:rgba(0,0,0,.18);
  --v20-muted:rgba(255,255,255,.62);
  --v20-serif:"Bodoni Moda",Georgia,serif;
  --v20-sans:"DM Sans",Arial,sans-serif;
  --v20-mono:"IBM Plex Mono",monospace;
  --v20-ease:cubic-bezier(.22,.72,0,1);
  --v20-pad:clamp(28px,5vw,92px);
}

html { background:var(--v20-black); }
body.v20 { background:var(--v20-black); color:var(--v20-white); font-family:var(--v20-sans); letter-spacing:0; }
body.v20 * { letter-spacing:0; }
body.v20 h1,body.v20 h2,body.v20 h3,body.v20 h4 { text-wrap:balance; }
body.v20 p { text-wrap:pretty; }
body.v20 main img { filter:none!important; }
body.v20 .section-hud-v19,body.v20 .cursor-v19,body.v20 .kinetic-rail-v19 { display:none!important; }

/* Opening titles and cinematic navigation */
.preloader-v17 { background:var(--v20-black); }
.preloader-v17__inner { width:min(540px,calc(100% - 48px)); }
.preloader-v17__inner img { width:190px; }
.preloader-v17__inner span { color:var(--v20-white); }
.preloader-v17__inner i { height:1px; background:rgba(255,255,255,.18); }
.preloader-v17__inner i::after { background:var(--v20-green); }

.film-gate-v20 { position:fixed; z-index:400; inset:0; display:grid; grid-template-rows:1fr 1fr; pointer-events:none; visibility:hidden; }
.film-gate-v20 i { display:block; background:var(--v20-black); transform:scaleY(0); transition:transform .7s var(--v20-ease); }
.film-gate-v20 i:first-child { transform-origin:top; }
.film-gate-v20 i:last-child { transform-origin:bottom; }
body.is-leaving-v20 .film-gate-v20 { visibility:visible; }
body.is-leaving-v20 .film-gate-v20 i { transform:scaleY(1); }
.film-gate-v20 b { position:absolute; left:50%; top:50%; color:var(--v20-green); font:500 9px var(--v20-mono); transform:translate(-50%,-50%); opacity:0; transition:opacity .2s ease .42s; }
body.is-leaving-v20 .film-gate-v20 b { opacity:1; }

.film-progress-v20 { position:fixed; z-index:155; left:0; top:0; width:100%; height:2px; background:rgba(255,255,255,.12); pointer-events:none; }
.film-progress-v20 i { display:block; width:100%; height:100%; background:var(--v20-green); transform:scaleX(var(--film-progress,0)); transform-origin:left; }
.scrollbar-v17 { display:none; }

.cursor-v20 { position:fixed; z-index:360; left:0; top:0; width:28px; height:28px; border:1px solid var(--v20-green); border-radius:50%; pointer-events:none; transform:translate3d(-60px,-60px,0); transition:width .22s ease,height .22s ease,background .22s ease,border-color .22s ease; }
.cursor-v20::before { content:""; position:absolute; left:50%; top:50%; width:3px; height:3px; border-radius:50%; background:var(--v20-green); transform:translate(-50%,-50%); }
.cursor-v20.is-over { width:52px; height:52px; background:rgba(183,255,36,.09); }

/* Header: a restrained title bar over the film. */
.header-v17 { top:18px; left:var(--v20-pad); right:var(--v20-pad); width:auto; max-width:none; min-height:68px; padding:0 16px 0 22px; border:1px solid rgba(255,255,255,.18); border-radius:0; background:rgba(5,5,5,.9); box-shadow:none; backdrop-filter:blur(18px); transform:none; }
.header-v17::after { content:""; position:absolute; left:0; bottom:-1px; width:96px; height:2px; background:var(--v20-green); }
.brand-v17 img { width:165px; }
.brand-v17 small { color:rgba(255,255,255,.48); }
.header-v17 nav { gap:32px; }
.header-v17 nav a { position:relative; color:rgba(255,255,255,.72); font-size:12px; }
.header-v17 nav a::after { content:""; position:absolute; left:0; right:0; bottom:-10px; height:1px; background:var(--v20-green); transform:scaleX(0); transform-origin:right; transition:transform .35s var(--v20-ease); }
.header-v17 nav a:hover::after { transform:scaleX(1); transform-origin:left; }
.availability-v17 { color:var(--v20-white); }
.menu-v17 { display:none; border-color:rgba(255,255,255,.25); border-radius:0; color:var(--v20-white); }
.drawer-v17 { background:var(--v20-green); color:var(--v20-black); }
.drawer-v17 nav a { font-family:var(--v20-sans); font-weight:600; }

/* Buttons feel like film cues, not UI pills. */
.button-v17 { min-height:54px; padding:6px 7px 6px 20px; border-radius:0; font-family:var(--v20-sans); font-weight:700; }
.button-v17 svg { width:40px; height:40px; border-radius:0; }
.button-v17:hover svg { transform:translate(2px,-2px); }

/* Home hero: full-bleed colored scenes with a real editorial timeline. */
.hero-editorial-v17 { min-height:760px; height:100svh; max-height:1080px; background:var(--v20-black); isolation:isolate; }
.hero-editorial-v17 > img { display:none; }
.cinema-slider-v20 { position:absolute; z-index:0; inset:0; overflow:hidden; background:var(--v20-black); }
.cinema-slide-v20 { position:absolute; inset:0; margin:0; opacity:0; clip-path:inset(0 0 0 18%); transform:scale(1.06); transition:opacity .8s ease,clip-path 1.25s var(--v20-ease),transform 8s ease; }
.cinema-slide-v20 img { width:100%; height:100%; object-fit:cover; object-position:var(--shot-position,center); }
.cinema-slide-v20.is-active { z-index:1; opacity:1; clip-path:inset(0); transform:scale(1); }
.cinema-slide-v20::after { content:""; position:absolute; inset:0; background:rgba(0,0,0,.24); box-shadow:inset 0 0 180px rgba(0,0,0,.48); }
.hero-editorial-v17::before { content:""; position:absolute; z-index:2; inset:0 42% 0 0; background:rgba(5,5,5,.76); clip-path:polygon(0 0,86% 0,100% 100%,0 100%); pointer-events:none; }
.hero-editorial-v17::after { content:""; position:absolute; z-index:3; left:var(--v20-pad); right:var(--v20-pad); top:108px; bottom:44px; border:1px solid rgba(255,255,255,.14); border-left-color:var(--v20-green); pointer-events:none; }
.hero-editorial-v17__shade { z-index:1; background:rgba(0,0,0,.08); }
.hero-editorial-v17__copy { z-index:5; width:min(790px,58vw); left:var(--v20-pad); top:50%; bottom:auto; padding:52px 0 0; transform:translate3d(var(--copy-x,0px),calc(-43% + var(--copy-y,0px)),0); }
.hero-editorial-v17__copy > span { margin:0 0 24px; font:500 9px var(--v20-mono); color:var(--v20-green); }
.hero-editorial-v17__copy h1 { margin:0; font-family:var(--v20-sans); font-size:112px; font-weight:600; line-height:.84; }
.hero-editorial-v17__copy h2 { max-width:720px; margin:34px 0 0; font-family:var(--v20-sans); font-size:54px; font-weight:500; line-height:.96; }
.hero-editorial-v17__copy h2 em { color:var(--v20-green); font-family:var(--v20-serif); font-weight:500; }
.hero-editorial-v17__copy p { max-width:560px; margin-top:24px; color:rgba(255,255,255,.7); font-size:16px; }
.hero-editorial-v17__copy > div { margin-top:30px; }
.hero-editorial-v17 > aside { z-index:6; right:var(--v20-pad); bottom:80px; gap:0; }
.hero-editorial-v17 > aside span { padding:9px 12px; border:1px solid rgba(255,255,255,.2); border-right:0; background:rgba(5,5,5,.72); font:500 8px var(--v20-mono); }
.hero-editorial-v17 > aside span:last-child { border-right:1px solid rgba(255,255,255,.2); }

.cinema-control-v20 { position:absolute; z-index:7; right:var(--v20-pad); top:136px; width:260px; color:var(--v20-white); }
.cinema-control-v20__meta { display:flex; justify-content:space-between; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,.28); font:500 8px var(--v20-mono); }
.cinema-control-v20__meta b { color:var(--v20-green); }
.cinema-control-v20__title { display:block; min-height:48px; padding-top:12px; font-size:13px; }
.cinema-control-v20__nav { display:flex; gap:5px; }
.cinema-control-v20__nav button { position:relative; width:100%; height:34px; padding:0; border:0; border-bottom:1px solid rgba(255,255,255,.25); background:transparent; color:rgba(255,255,255,.56); font:500 8px var(--v20-mono); text-align:left; cursor:pointer; }
.cinema-control-v20__nav button::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px; background:var(--v20-green); transform:scaleX(0); transform-origin:left; }
.cinema-control-v20__nav button.is-active { color:var(--v20-white); }
.cinema-control-v20__nav button.is-active::after { animation:v20ShotProgress 7s linear forwards; }
@keyframes v20ShotProgress { from { transform:scaleX(0); } to { transform:scaleX(1); } }

/* Cinematic rhythm shared by the full site. */
.v20-shot { position:relative; }
.v20-shot::before { content:attr(data-shot); position:absolute; z-index:6; left:18px; top:18px; color:var(--v20-green); font:500 8px var(--v20-mono); pointer-events:none; }
.v20-shot > * { transition:opacity .9s var(--v20-ease),transform 1s var(--v20-ease),clip-path 1s var(--v20-ease); }
.js .v20-shot:not(.is-live) > * { opacity:.22; transform:translateY(42px); }
.v20-shot.is-live > * { opacity:1; transform:translateY(0); }
.v20-image { overflow:hidden; }
.v20-image img { transform:scale(var(--v20-scale,1.055)) translate3d(0,var(--v20-y,0),0); transition:transform .18s linear; }

.film-chapters-v20 { position:fixed; z-index:145; right:18px; top:50%; display:grid; gap:5px; transform:translateY(-50%); }
.film-chapters-v20 button { position:relative; width:30px; height:22px; padding:0; border:0; background:transparent; color:rgba(255,255,255,.42); cursor:pointer; }
.film-chapters-v20 button::before { content:""; position:absolute; right:0; top:50%; width:8px; height:1px; background:currentColor; transition:width .3s var(--v20-ease),background .3s ease; }
.film-chapters-v20 button span { position:absolute; right:14px; top:7px; opacity:0; font:500 7px var(--v20-mono); transition:opacity .25s ease; }
.film-chapters-v20 button:hover span,.film-chapters-v20 button.is-active span { opacity:1; }
.film-chapters-v20 button.is-active { color:var(--v20-green); }
.film-chapters-v20 button.is-active::before { width:22px; }

.proof-rail-v17 { min-height:150px; padding:0 var(--v20-pad); grid-template-columns:160px 100px 1fr 100px 1fr 100px 1fr auto; background:var(--v20-black); color:var(--v20-white); border-top:1px solid var(--v20-line); border-bottom:1px solid var(--v20-line); }
.proof-rail-v17 strong { color:var(--v20-green); font:500 64px var(--v20-serif); }
.proof-rail-v17 span,.proof-rail-v17 p,.proof-rail-v17 a { font-family:var(--v20-mono); }

.belief-v17 { min-height:760px; padding:150px var(--v20-pad); display:grid; grid-template-columns:180px minmax(0,1fr) minmax(300px,.38fr); gap:40px; align-items:center; background:var(--v20-white); color:var(--v20-black); }
.belief-v17 > span { align-self:start; color:var(--v20-black); font-family:var(--v20-mono); }
.belief-v17 h2 { margin:0; font-family:var(--v20-sans); font-size:76px; font-weight:560; line-height:.93; }
.belief-v17 h2 em { color:var(--v20-black); font-family:var(--v20-serif); }
.belief-v17 > div { padding-left:34px; border-left:1px solid var(--v20-line-dark); }
.belief-v17 > div p { color:#4e4e4e; font-size:17px; }

.studio-proof-v17 { min-height:860px; grid-template-columns:1.18fr .82fr; background:var(--v20-black); color:var(--v20-white); }
.studio-proof-v17 figure { min-height:860px; }
.studio-proof-v17 figure::after,.human-ai-v17 figure::after,.service-photo-v17 figure::after,.closing-v17 figure::after { content:""; position:absolute; inset:0; box-shadow:inset 0 0 130px rgba(0,0,0,.36); pointer-events:none; }
.studio-proof-v17 > div { padding:110px var(--v20-pad); }
.studio-proof-v17 > div > span { color:var(--v20-green); font-family:var(--v20-mono); }
.studio-proof-v17 h2 { font-family:var(--v20-sans); font-size:62px; font-weight:560; }
.studio-proof-v17 dl div { border-color:var(--v20-line); }
.studio-proof-v17 dd { color:var(--v20-muted); }

.capabilities-v17 { padding:150px 0; background:var(--v20-white); color:var(--v20-black); }
.capabilities-v17 .section-head-v17 { color:var(--v20-black); }
.capabilities-v17__grid,.capabilities-v17 > div:last-child { gap:0; }
.capabilities-v17 article,.service-row-v17 { border-radius:0; }

.work-rhythm-v17 { min-height:850px; background:var(--v20-green); color:var(--v20-black); }
.work-rhythm-v17 > div { padding:120px var(--v20-pad); }
.work-rhythm-v17 h2 { font:560 66px/1 var(--v20-sans); }
.work-rhythm-v17 h2 em { color:var(--v20-black); font-family:var(--v20-serif); }
.work-rhythm-v17 ol { border-left:1px solid rgba(0,0,0,.28); }
.work-rhythm-v17 li { min-height:200px; border-color:rgba(0,0,0,.28); }

.human-ai-v17 { min-height:900px; grid-template-columns:.92fr 1.08fr; background:var(--v20-black); }
.human-ai-v17 figure { min-height:900px; order:2; }
.human-ai-v17 > div { order:1; padding:120px var(--v20-pad); }
.human-ai-v17 h2 { font:560 64px/1 var(--v20-sans); }
.human-ai-v17 h2 em { font-family:var(--v20-serif); }

.references-v17 { padding:150px 0; background:var(--v20-white); color:var(--v20-black); }
.references-v17 .section-head-v17,.references-v17 .section-head-v17 h2 { color:var(--v20-black); }
.references-v17 .section-head-v17 > span,.references-v17 .section-head-v17 h2 em { color:var(--v20-black); }
.references-v17 .section-head-v17 p { color:#555; }
.reference-filters-v17 { border-color:var(--v20-line-dark); }
.reference-filters-v17 button { color:#535353; border-color:var(--v20-line-dark); }
.reference-filters-v17 button.is-active { background:var(--v20-black); color:var(--v20-white); }
.reference-grid-v17 { grid-template-columns:repeat(6,1fr); gap:1px; background:#c8c8c8; }
.reference-v17 { min-height:180px; border:0; border-radius:0; background:var(--v20-white); color:var(--v20-black); }
.reference-v17--dark { background:var(--v20-black); color:var(--v20-white); }
.reference-v17 img { filter:none!important; }
.reference-v17:hover { transform:none; box-shadow:inset 0 -4px var(--v20-green); }

.first-meeting-v17 { min-height:920px; grid-template-columns:1.08fr .92fr; background:var(--v20-black); color:var(--v20-white); }
.first-meeting-v17 figure { min-height:920px; }
.first-meeting-v17__content { padding:110px var(--v20-pad); background:var(--v20-black); color:var(--v20-white); }
.first-meeting-v17__content > header > span,.first-meeting-v17__content > header h2 em,.first-meeting-v17__content li > span { color:var(--v20-green); }
.first-meeting-v17__content h2 { font:560 58px/.98 var(--v20-sans); }
.first-meeting-v17__content h2 em { font-family:var(--v20-serif); }
.first-meeting-v17__content li,.first-meeting-v17__content > footer { border-color:var(--v20-line); }

/* A full-color service opening: the photograph is the world, the interface is the caption. */
.service-hero-v18 { min-height:900px; height:100svh; max-height:1080px; display:flex; align-items:flex-end; background:var(--v20-black); isolation:isolate; }
.service-hero-v18::before { content:""; position:absolute; z-index:1; inset:0 39% 0 0; background:rgba(5,5,5,.8); clip-path:polygon(0 0,86% 0,100% 100%,0 100%); }
.service-hero-v18::after { content:""; position:absolute; z-index:2; left:var(--v20-pad); right:var(--v20-pad); top:108px; bottom:42px; border:1px solid rgba(255,255,255,.15); border-left-color:var(--v20-green); pointer-events:none; }
.service-hero-v18 > figure { position:absolute; z-index:0; inset:0; margin:0; width:100%; height:100%; clip-path:none; }
.service-hero-v18 > figure::after { content:""; position:absolute; inset:0; background:rgba(0,0,0,.24); box-shadow:inset 0 0 170px rgba(0,0,0,.44); }
.service-hero-v18 > figure img { width:100%; height:100%; object-fit:cover; filter:none!important; transform:translate3d(var(--hero-x,0),calc(var(--depth-y,0px) + var(--hero-y,0px)),0) scale(1.055); }
.service-hero-v18 > figure > i { display:none; }
.service-hero-v18 figcaption { z-index:2; left:auto; right:var(--v20-pad); top:132px; bottom:auto; background:var(--v20-green); color:var(--v20-black); }
.service-hero-v18__copy { position:relative; z-index:4; width:min(810px,57vw); padding:160px 0 100px; margin-left:var(--v20-pad); }
.service-hero-v18__copy > span { color:var(--v20-green); font-family:var(--v20-mono); }
.service-hero-v18__copy h1 { max-width:800px; margin:25px 0 0; font:560 76px/.91 var(--v20-sans); }
.service-hero-v18__copy p { max-width:610px; color:rgba(255,255,255,.72); font-size:17px; }
.service-hero-v18__copy > ul { gap:5px; }
.service-hero-v18__copy > ul li { border:1px solid rgba(255,255,255,.24); background:rgba(5,5,5,.7); color:var(--v20-white); backdrop-filter:blur(10px); }
.service-hero-v18 > aside { z-index:5; right:var(--v20-pad); bottom:72px; color:var(--v20-white); }
.service-hero-v18 > aside b { color:var(--v20-green); }

.service-world-v18 { min-height:920px; padding:120px var(--v20-pad); grid-template-columns:minmax(300px,.56fr) minmax(620px,1.44fr); gap:72px; align-items:start; background:var(--v20-black); color:var(--v20-white); }
.service-world-v18 > header h2 { font:560 70px/.94 var(--v20-sans); }
.service-world-v18 > header p { color:var(--v20-muted); }
.service-world-v18__stage { min-height:680px; margin-top:0; border:1px solid var(--v20-line); box-shadow:0 0 0 1px rgba(183,255,36,.07),0 50px 100px rgba(0,0,0,.45); }

.service-diagnosis-v17 { padding:150px var(--v20-pad); background:var(--v20-white); color:var(--v20-black); }
.service-diagnosis-v17 h2 { font:560 66px/.98 var(--v20-sans); }
.service-diagnosis-v17 > div:first-child > span { color:var(--v20-black); }
.outcomes-v17 article { border-color:var(--v20-line-dark); }
.outcomes-v17 span { color:var(--v20-black); }

.service-photo-v17 { min-height:880px; background:var(--v20-black); color:var(--v20-white); }
.service-photo-v17 figure { min-height:880px; }
.service-photo-v17 figure img { filter:none!important; }
.service-photo-v17 > div { padding:100px var(--v20-pad); background:var(--v20-black); }
.service-photo-v17 > div > span { color:var(--v20-green); }
.service-photo-v17 h2 { font:560 56px/.98 var(--v20-sans); }
.service-photo-v17 li { border-color:var(--v20-line); }

.service-plain-v18 { background:var(--v20-green); color:var(--v20-black); }
.service-plain-v18 > header h2,.service-plain-v18 h3 { color:var(--v20-black); }
.service-plain-v18 > header h2 { font:560 66px/.96 var(--v20-sans); }
.service-plain-v18 > header h2 em { color:var(--v20-black); font-family:var(--v20-serif); }
.service-plain-v18__grid article { border-color:rgba(0,0,0,.28); }
.service-plain-v18 > aside { background:var(--v20-black); color:var(--v20-white); }

.service-page-v18 .scope-v17 { padding-top:150px; padding-bottom:150px; }
.service-page-v18 .scope-v17 .section-head-v17 h2 { font:560 68px/.96 var(--v20-sans); }
.service-page-v18 .scope-v17__grid article { overflow:hidden; transition:background .35s ease,color .35s ease,transform .45s var(--v20-ease); }
.service-page-v18 .scope-v17__grid article:hover { transform:translateY(-8px); background:var(--v20-green); color:var(--v20-black); }
.service-page-v18 .scope-v17__grid article:hover h3,.service-page-v18 .scope-v17__grid article:hover span,.service-page-v18 .scope-v17__grid article:hover svg { color:var(--v20-black); }

.service-blueprint-v17,.deliver-v17,.service-planner-v17,.service-cadence-v17,.service-evidence-v17,.faq-v17,.service-handoff-v17,.service-next-v17 { position:relative; }
.service-blueprint-v17 .section-head-v17 h2,.deliver-v17 .section-head-v17 h2,.service-planner-v17 h2,.faq-v17 .section-head-v17 h2,.service-handoff-v17 h2 { font-family:var(--v20-sans); font-weight:560; }
.service-planner-v17 { background:var(--v20-black); color:var(--v20-white); }
.service-planner-v17 fieldset button { border-radius:0; }
.service-planner-v17__body > article { background:var(--v20-green); color:var(--v20-black); }
.service-planner-v17__body > article a,.service-planner-v17__body > article span,.service-planner-v17__body > article output { color:var(--v20-black); }
.faq-v17 { background:var(--v20-white); color:var(--v20-black); }
.faq-item-v17 { border-color:var(--v20-line-dark); }
.faq-item-v17 button { color:var(--v20-black); }
.service-handoff-v17 { background:var(--v20-black); color:var(--v20-white); }
.service-handoff-v17 > div a { border-radius:0; overflow:hidden; }
.service-handoff-v17 > div img { filter:none!important; }
.service-next-v17 { background:var(--v20-green); color:var(--v20-black); }

/* Each service keeps a recognisable film grammar without adding interface colors. */
.service-page-v18--interface .service-photo-v17 { grid-template-columns:1.3fr .7fr; }
.service-page-v18--interface .service-world-v18 > header h2 { font-size:60px; }
.service-page-v18--interface .service-world-v18__stage { transform:perspective(1400px) rotateX(2deg) rotateY(-2deg); }
.service-page-v18--campaign .service-world-v18__stage { width:86%; margin-left:auto; transform:rotate(-1.2deg); }
.service-page-v18--campaign .service-photo-v17 > div { background:rgba(5,5,5,.9); }
.service-page-v18--intent .service-world-v18__stage { width:78%; margin-left:0; }
.service-page-v18--intent .service-diagnosis-v17 { grid-template-columns:.72fr 1.28fr; }
.service-page-v18--editorial .service-world-v18__stage { clip-path:polygon(0 0,96% 0,100% 92%,4% 100%); }
.service-page-v18--editorial .service-photo-v17 { grid-template-columns:.78fr 1.22fr; }
.service-page-v18--knowledge .service-world-v18__stage { width:76%; margin-left:auto; }
.service-page-v18--knowledge .service-photo-v17 > div { border-left:1px solid var(--v20-green); }
.service-page-v18--commerce .service-world-v18__stage { transform:perspective(1400px) rotateX(3deg); }
.service-page-v18--commerce .service-photo-v17 { grid-template-columns:1.35fr .65fr; }
.service-page-v18--workflow .service-world-v18__stage { border-color:rgba(183,255,36,.48); box-shadow:0 0 80px rgba(183,255,36,.08); }
.service-page-v18--workflow .service-photo-v17 { grid-template-columns:.68fr 1.32fr; }
.service-page-v18--experiment .service-world-v18__stage { width:82%; margin-left:auto; clip-path:polygon(5% 0,100% 0,95% 100%,0 100%); }
.service-page-v18--experiment .service-photo-v17 figure { clip-path:polygon(0 0,100% 0,90% 100%,0 100%); }

/* Inner pages become photographic title sequences. */
.inner-hero-v17 { min-height:860px; height:100svh; max-height:1080px; background:var(--v20-black); isolation:isolate; }
.inner-hero-v17__image { filter:none!important; transform:scale(1.045) translate3d(var(--hero-x,0),var(--hero-y,0),0); transition:transform .6s var(--v20-ease); }
.inner-hero-v17__veil { background:rgba(0,0,0,.34); box-shadow:inset 0 0 180px rgba(0,0,0,.5); }
.inner-hero-v17::before { z-index:1; left:0; width:58%; background:rgba(5,5,5,.76); border:0; clip-path:polygon(0 0,84% 0,100% 100%,0 100%); }
.inner-hero-v17::after { content:""; position:absolute; z-index:2; left:var(--v20-pad); right:var(--v20-pad); top:108px; bottom:42px; border:1px solid rgba(255,255,255,.15); border-left-color:var(--v20-green); pointer-events:none; }
.inner-hero-v17__content { width:min(860px,58vw); margin-left:var(--v20-pad); padding-top:124px; }
.inner-hero-v17__content > span { color:var(--v20-green); }
.inner-hero-v17__content h1 { font:560 76px/.92 var(--v20-sans); }
.inner-hero-v17__chips li { border-radius:0; background:rgba(5,5,5,.72); }
.inner-hero-v17 > aside { z-index:3; right:var(--v20-pad); bottom:66px; }

.about-manifest-v17,.plans-v17,.notes-v17,.contact-promises-v17,.ai-intro-v17,.panel-intro-v17,.dealer-intro-v17 { background:var(--v20-white); color:var(--v20-black); }
.about-disciplines-v17,.principles-v17,.dealer-models-v17,.ai-guardrails-v17,.decision-cycle-v17 { background:var(--v20-black); color:var(--v20-white); }
.package-chooser-v17,.dealer-calc-v17,.ai-demo-v17 { background:var(--v20-green); color:var(--v20-black); }
.contact-stage-v17 { background:var(--v20-black); color:var(--v20-white); }
.contact-stage-v17 > div { background:var(--v20-white); color:var(--v20-black); }
.contact-stage-v17 input,.contact-stage-v17 select,.contact-stage-v17 textarea { border-radius:0; }
.closing-v17 { min-height:920px; display:grid; grid-template-columns:.9fr 1.1fr; background:var(--v20-black); color:var(--v20-white); }
.closing-v17::after { display:none; }
.closing-v17__copy { position:relative; z-index:2; width:auto; margin:0; padding:120px var(--v20-pad); align-self:center; }
.closing-v17 h2 { font:560 72px/.92 var(--v20-sans); }
.closing-v17 h2 em { font-family:var(--v20-serif); }
.closing-v17 figure { position:relative; height:100%; min-height:920px; margin:0; overflow:hidden; }
.closing-v17 figure img { width:100%; height:100%; object-fit:cover; filter:none!important; }

.footer-v17 { background:var(--v20-black); }
.footer-v17__lead a { font-family:var(--v20-sans); font-weight:500; }

/* Reveal and continuous camera movement */
@keyframes v20CameraDrift { 0%,100% { transform:scale(1.045) translate3d(0,0,0); } 50% { transform:scale(1.085) translate3d(-.8%,.5%,0); } }
.inner-hero-v17__image,.service-hero-v18 > figure img { animation:v20CameraDrift 16s ease-in-out infinite; }
.cinema-slide-v20.is-active img { animation:v20CameraDrift 16s ease-in-out both; }
@keyframes v20Signal { 0%,100% { opacity:.35; } 50% { opacity:1; } }
.availability-v17 i,.service-hero-v18 > aside i { animation:v20Signal 1.9s ease-in-out infinite; }

@media (max-width:1180px) {
  .film-chapters-v20 { display:none; }
  .header-v17 nav { display:none; }
  .menu-v17 { display:grid; }
  .hero-editorial-v17__copy h1 { font-size:94px; }
  .hero-editorial-v17__copy h2 { font-size:48px; }
  .cinema-control-v20 { width:220px; }
  .belief-v17 { grid-template-columns:130px 1fr; }
  .belief-v17 > div { grid-column:2; }
  .reference-grid-v17 { grid-template-columns:repeat(4,1fr); }
  .service-hero-v18__copy h1,.inner-hero-v17__content h1 { font-size:66px; }
  .service-world-v18 { grid-template-columns:minmax(280px,.54fr) minmax(540px,1.46fr); gap:44px; }
}

@media (max-width:880px) {
  :root { --v20-pad:20px; }
  .cursor-v20 { display:none; }
  .header-v17 { top:10px; left:10px; right:10px; min-height:60px; padding:0 10px 0 15px; }
  .brand-v17 img { width:145px; }
  .availability-v17 { display:none; }
  .hero-editorial-v17,.service-hero-v18,.inner-hero-v17 { min-height:760px; height:100svh; max-height:none; }
  .hero-editorial-v17::before,.service-hero-v18::before,.inner-hero-v17::before { inset:0; width:100%; background:rgba(5,5,5,.62); clip-path:none; }
  .hero-editorial-v17::after,.service-hero-v18::after,.inner-hero-v17::after { top:84px; bottom:18px; }
  .hero-editorial-v17__copy { width:auto; left:20px; right:20px; top:auto; bottom:104px; padding:0; transform:none; }
  .hero-editorial-v17__copy h1 { font-size:64px; }
  .hero-editorial-v17__copy h2 { margin-top:28px; font-size:38px; }
  .hero-editorial-v17__copy p { font-size:14px; }
  .hero-editorial-v17__copy > div { display:grid; gap:14px; width:min(100%,320px); }
  .hero-editorial-v17 > aside { display:none; }
  .cinema-control-v20 { left:20px; right:20px; top:auto; bottom:26px; width:auto; }
  .cinema-control-v20__title { display:none; }
  .proof-rail-v17 { min-height:0; padding:24px 20px; grid-template-columns:1fr 1fr; gap:18px; }
  .proof-rail-v17 span,.proof-rail-v17 a { grid-column:1/-1; }
  .proof-rail-v17 strong { font-size:48px; }
  .belief-v17 { min-height:0; padding:100px 20px; grid-template-columns:1fr; gap:30px; }
  .belief-v17 h2 { font-size:48px; overflow-wrap:anywhere; }
  .belief-v17 > div { grid-column:auto; padding:26px 0 0; border-left:0; border-top:1px solid var(--v20-line-dark); }
  .studio-proof-v17,.human-ai-v17,.first-meeting-v17,.closing-v17 { min-height:0; grid-template-columns:1fr; }
  .studio-proof-v17 figure,.human-ai-v17 figure,.first-meeting-v17 figure,.closing-v17 figure { min-height:480px; order:0; }
  .studio-proof-v17 > div,.human-ai-v17 > div,.first-meeting-v17__content,.closing-v17__copy { padding:80px 20px; order:1; }
  .studio-proof-v17 h2,.human-ai-v17 h2,.first-meeting-v17__content h2,.closing-v17 h2 { font-size:46px; }
  .work-rhythm-v17 { min-height:0; grid-template-columns:1fr; }
  .work-rhythm-v17 > div { padding:90px 20px; }
  .work-rhythm-v17 h2 { font-size:48px; }
  .work-rhythm-v17 ol { border-left:0; border-top:1px solid rgba(0,0,0,.28); }
  .reference-grid-v17 { grid-template-columns:repeat(2,1fr); }
  .reference-v17 { min-height:140px; }
  .service-hero-v18 { align-items:flex-end; }
  .service-hero-v18__copy { width:auto; margin:0 20px; padding:120px 0 98px; }
  .service-hero-v18__copy h1,.inner-hero-v17__content h1 { font-size:48px; overflow-wrap:anywhere; }
  .service-hero-v18__copy p { font-size:15px; }
  .service-hero-v18__copy > ul { display:none; }
  .service-hero-v18 figcaption { top:92px; right:20px; }
  .service-hero-v18 > aside { display:none; }
  .service-world-v18 { min-height:0; padding:100px 20px; }
  .service-world-v18 > header { grid-template-columns:1fr; }
  .service-world-v18 > header p { grid-column:auto; }
  .service-world-v18 > header h2 { font-size:48px; }
  .service-page-v18--interface .service-world-v18 > header h2 { font-size:44px; }
  .service-world-v18__stage,.service-page-v18--campaign .service-world-v18__stage,.service-page-v18--intent .service-world-v18__stage,.service-page-v18--knowledge .service-world-v18__stage,.service-page-v18--experiment .service-world-v18__stage { width:100%; min-height:460px; margin-top:50px; transform:none; clip-path:none; }
  .service-diagnosis-v17,.service-page-v18--intent .service-diagnosis-v17 { padding:100px 20px; grid-template-columns:1fr; }
  .service-diagnosis-v17 h2 { font-size:46px; }
  .service-photo-v17,.service-page-v18--interface .service-photo-v17,.service-page-v18--editorial .service-photo-v17,.service-page-v18--commerce .service-photo-v17,.service-page-v18--workflow .service-photo-v17 { min-height:0; grid-template-columns:1fr; }
  .service-photo-v17 figure { min-height:500px; }
  .service-photo-v17 > div { padding:80px 20px; }
  .service-photo-v17 h2 { font-size:44px; }
  .service-plain-v18 > header h2,.service-page-v18 .scope-v17 .section-head-v17 h2 { font-size:46px; }
  .inner-hero-v17__content { width:auto; margin:0 20px; padding-top:106px; }
  .inner-hero-v17__content p { font-size:15px; }
  .inner-hero-v17__chips { display:none; }
  .inner-hero-v17 > aside { right:20px; bottom:28px; }
  .closing-v17 figure { min-height:520px; }
}

@media (prefers-reduced-motion:reduce) {
  .cinema-slide-v20,.cinema-slide-v20 img,.inner-hero-v17__image,.service-hero-v18 > figure img { animation:none!important; transition:none!important; }
  .js .v20-shot:not(.is-live) > * { opacity:1; transform:none; }
}