:root { --color-scan: oklch(96% 0.19 105 / 0.5); --color-scan-0: oklch(96% 0.19 105 / 0); --color-lock: oklch(96% 0.19 105 / 0.2); }
.v-c .column { background: var(--color-paper); transition: background-color 420ms var(--ease-out); }
.v-c .column[data-tone="dark"] { background: var(--color-brand); }
.v-c .page:not(.page--hero) { background: transparent; }
.v-c .fx { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }
.v-c .slider { position: relative; z-index: 1; }
.v-c .stairs, .v-c .orb, .v-c .intro__art { display: none; }

.v-c .grp { display: grid; justify-items: start; gap: 0.12em; }
.v-c .ln { position: relative; display: block; width: fit-content; max-width: 100%; overflow: hidden; }
.v-c .ln__i { opacity: 0; }
.v-c .is-active .ln__i { opacity: 1; transition: opacity 1ms linear calc(var(--i, 0) * 80ms + 300ms); }
.v-c .ln::after { content: ""; position: absolute; inset: 0; background: var(--color-brand); transform: scaleX(0); }
.v-c [data-tone="dark"] .ln::after, .v-c .intro__close .ln::after, .v-c .work__close .ln::after { background: var(--color-accent); }
.v-c .is-active .ln::after { animation: c-sweep 640ms var(--ease-in-out) calc(var(--i, 0) * 80ms) both; }
@keyframes c-sweep {
  0% { transform: scaleX(0); transform-origin: 0 50%; }
  49% { transform: scaleX(1); transform-origin: 0 50%; }
  50% { transform: scaleX(1); transform-origin: 100% 50%; }
  100% { transform: scaleX(0); transform-origin: 100% 50%; }
}
.v-c .fit__voices span:nth-of-type(n) { padding-left: 0; }
.v-c .fit__voices .ln:nth-child(2) { margin-left: 1.2em; }
.v-c .fit__voices .ln:nth-child(3) { margin-left: 2.4em; }
.v-c .work__sub .ln::after { background: var(--color-brand); }

.v-c .is-active .intro__catch, .v-c .is-active .fit__catch, .v-c .page--hero.is-active .hero__name { animation: c-flick 4.6s steps(1) 1.4s infinite; }
@keyframes c-flick {
  0%, 91%, 100% { transform: none; opacity: 1; }
  92% { transform: translateX(-5px) skewX(-14deg); opacity: 0.75; }
  94% { transform: translateX(6px) skewX(10deg); }
  96% { transform: translateX(-2px); opacity: 0.85; }
}
.v-c .intro__like { transform: none; }

.v-c .scan { position: absolute; z-index: 14; left: 0; right: 0; top: 0; height: 24%; pointer-events: none; opacity: 0;
  background: linear-gradient(to bottom, var(--color-scan-0), var(--color-scan) 92%, var(--color-paper) 98%, var(--color-scan-0)); }
.v-c .scan.is-run { animation: c-scan 680ms var(--ease-in-out); }
@keyframes c-scan { 0% { transform: translateY(-100%); opacity: 1; } 100% { transform: translateY(430%); opacity: 1; } }
.v-c .page.is-jit .page__inner, .v-c .page.is-jit .hero__body { animation: c-jit 320ms steps(2); }
@keyframes c-jit {
  0% { transform: translateX(-9px) skewX(-8deg); } 25% { transform: translateX(8px) skewX(6deg); }
  50% { transform: translateX(-4px); } 75% { transform: translateX(3px) skewX(-2deg); } 100% { transform: none; }
}

.v-c .reticle { position: absolute; inset: 0; z-index: 12; pointer-events: none; color: var(--color-brand); }
.v-c .column[data-tone="dark"] .reticle { color: var(--color-accent); }
.v-c .reticle i { position: absolute; left: 0; top: 0; width: 16px; height: 16px; margin: -3px; border: 3px solid currentColor; transition: transform 560ms var(--ease-out); }
.v-c .reticle i:nth-child(1) { border-right: 0; border-bottom: 0; }
.v-c .reticle i:nth-child(2) { border-left: 0; border-bottom: 0; margin-left: -13px; }
.v-c .reticle i:nth-child(3) { border-right: 0; border-top: 0; margin-top: -13px; }
.v-c .reticle i:nth-child(4) { border-left: 0; border-top: 0; margin: -13px 0 0 -13px; }
.v-c .reticle b { position: absolute; left: 0; top: 0; padding: 1px 6px; background: currentColor; font-family: var(--font-display); font-weight: 700; font-size: 10px; letter-spacing: 0.14em; line-height: 1.5; transition: transform 560ms var(--ease-out); }
.v-c .reticle b span { color: var(--color-paper); }
.v-c .column[data-tone="dark"] .reticle b span { color: var(--color-ink); }

.v-c .hud { position: absolute; z-index: 13; pointer-events: none; font-family: var(--font-display); font-weight: 700; font-size: 10px; letter-spacing: 0.14em; line-height: 1; color: var(--color-brand); }
.v-c .column[data-tone="dark"] .hud { color: var(--color-on-brand); }
.v-c .hud--rec { left: 16px; top: calc(var(--header-h) + 2px); display: flex; align-items: center; gap: 6px; }
.v-c .hud--rec::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--color-glitch-a); animation: c-blink 1s steps(1) infinite; }
@keyframes c-blink { 50% { opacity: 0; } }
.v-c .hud--pos { left: 16px; bottom: 16px; }
.v-c .page__inner { padding-top: calc(var(--header-h) + 1.5em); }

.v-c .checks li { opacity: 0; transform: translateX(-24px); transition: transform 420ms var(--ease-out), opacity 200ms linear; transition-delay: calc(var(--i, 0) * 70ms + 250ms); }
.v-c .is-active .checks li { opacity: 1; transform: none; }
.v-c .check[aria-pressed="true"] { animation: c-lock 360ms steps(3); }
@keyframes c-lock { 0% { transform: translateX(-6px) skewX(-10deg); } 50% { transform: translateX(5px) skewX(8deg); } 100% { transform: none; } }

.v-c .flow li { opacity: 0; transform: translateX(-24px); transition: transform 420ms var(--ease-out), opacity 200ms linear; transition-delay: calc(var(--n) * 80ms + 350ms); }
.v-c .is-active .flow li { opacity: 1; transform: none; }
.v-c .flow li.is-on { background: var(--color-accent); }
.v-c .flow li.is-on::before { background: var(--color-ink); }

@media (prefers-reduced-motion: reduce) {
  .v-c .ln__i, .v-c .checks li, .v-c .flow li { opacity: 1; transform: none; transition: none; }
  .v-c .ln::after, .v-c .scan, .v-c .fx { display: none; }
  .v-c .is-active .intro__catch, .v-c .is-active .fit__catch, .v-c .page--hero.is-active .hero__name, .v-c .page.is-jit .page__inner { animation: none; }
  .v-c .reticle i, .v-c .reticle b { transition: none; }
}

.v-c .reticle i { border-width: 1.5px; width: 14px; height: 14px; }
.v-c .reticle b { font-weight: 500; }
.v-c .flow li.is-on { background: none; border-bottom-color: var(--color-accent); box-shadow: inset 0 -0.5em 0 var(--color-accent); }
.v-c .flow li.is-on::before { background: none; }

.v-c .page { font-size: clamp(9.6px, 1.72dvh, 14.5px); line-height: 1.68; }
.v-c .fit__catch { font-size: 1.7em; letter-spacing: 0.02em; white-space: nowrap; }
.v-c .checks { gap: 0.3em; margin-top: 0.6em; }
.v-c .check { min-height: 2.3em; }
.v-c .work__lead { font-size: 1.25em; margin-top: 0.5em; }
.v-c .work__text { margin-top: 0.6em; }
.v-c .work__sub { margin-top: 0.7em; }
.v-c .flow { gap: 0.1em; margin-top: 0.3em; }
.v-c .flow li { min-height: 2em; }
.v-c .work__close { margin-top: 0.6em; padding: 0.5em 0.9em; font-size: 1.02em; }
.v-c .intro__catch { font-size: 3.3em; }
@media (max-height: 620px) {
  .v-c .intro__catch { font-size: 2.9em; }
  .v-c .intro__text { gap: 0.5em; margin-top: 0.8em; }
}
@media (max-height: 620px) {
  .v-c .intro__catch { font-size: 2.45em; margin-top: 0.2em; }
  .v-c .intro__text { gap: 0.35em; margin-top: 0.6em; }
}
.v-c .intro__close { margin-bottom: 1.6em; }

.v-c .page { font-size: clamp(10.6px, 2.04dvh, 17px); line-height: 1.66; }
.v-c .page__inner { padding-top: calc(var(--header-h) + 1.2em); }

.v-c .intro__like { background: none; color: var(--color-brand); box-shadow: inset 0 0 0 1px var(--color-brand); }
.v-c .intro__close, .v-c .work__close {
  background: none; color: var(--color-brand);
  border: 0; border-top: 1px solid var(--color-brand); border-bottom: 1px solid var(--color-brand);
  padding: 0.6em 0;
}
.v-c .intro__close .ln::after, .v-c .work__close .ln::after { background: var(--color-brand); }
.v-c .fit__hit {
  background: none; color: var(--color-on-brand);
  border: 0; border-top: 1px solid var(--color-accent); border-bottom: 1px solid var(--color-accent);
  padding: 0.45em 0; margin-top: 0.7em;
}

.v-c .checks { gap: 0; margin-top: 0.5em; border-top: 1px solid var(--color-line-on-brand); }
.v-c .check { min-height: 2.05em; padding: 0.15em 0.2em; border: 0; border-bottom: 1px solid var(--color-line-on-brand); }
.v-c .check[aria-pressed="true"] { background: none; color: var(--color-accent); border-bottom-color: var(--color-accent); }
.v-c .check[aria-pressed="true"] .check__box { background: none; border-color: var(--color-accent); }
.v-c .check__box::after { border-right-color: var(--color-accent); border-bottom-color: var(--color-accent); }

.v-c .fit__text { margin-top: 0.55em; line-height: 1.55; }
.v-c .fit__voices { margin-top: 0.35em; line-height: 1.5; }
.v-c .fit__text--last { margin-top: 0.35em; }
.v-c .flow li { min-height: 1.95em; }
.v-c .flow li.is-on { box-shadow: inset 0 -0.16em 0 var(--color-accent); border-bottom-color: var(--color-brand); }
.v-c .work__text { line-height: 1.6; }
.v-c .intro__text { gap: 0.7em; }
@media (max-height: 620px) {
  .v-c .intro__catch { font-size: 2.3em; }
  .v-c .intro__text { gap: 0.3em; margin-top: 0.5em; }
}

.v-c .page { font-size: clamp(11px, min(2.26dvh, 3.88vw), 19px); line-height: 1.6; letter-spacing: 0; }
.v-c .page__inner { padding: calc(var(--header-h) + 0.5em) 18px max(2.4em, 34px); }
.v-c .page:not(.page--hero)::before { display: none; }
.v-c .page__label { font-size: 0.66em; }
.v-c .page__no { font-size: 2em; }

.v-c .fx {
  -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 8%, rgba(0, 0, 0, 0.16) 15%, rgba(0, 0, 0, 0.16) 88%, #000 96%);
  mask-image: linear-gradient(to bottom, #000 0, #000 8%, rgba(0, 0, 0, 0.16) 15%, rgba(0, 0, 0, 0.16) 88%, #000 96%);
}
.v-c .reticle b, .v-c .hud--pos { display: none; }
.v-c .hud--rec { top: auto; bottom: 15px; white-space: pre; }

.v-c .intro__catch { font-size: 2.85em; margin-top: 0.25em; line-height: 1.2; }
.v-c .intro__text { gap: 0.5em; margin-top: 0.8em; }
.v-c .intro__both { line-height: 1.7; }
.v-c .intro__close { padding: 0.45em 0; margin-bottom: 0.4em; font-size: 1.08em; }

.v-c .fit__catch { font-size: 1.45em; margin-top: 0.35em; }
.v-c .checks { margin-top: 0.4em; }
.v-c .check { min-height: 1.86em; padding-block: 0.08em; gap: 0.6em; }
.v-c .fit__hit { margin-top: 0.5em; padding: 0.3em 0; font-size: 1.06em; line-height: 1.45; }
.v-c .fit__text { margin-top: 0.4em; line-height: 1.5; }
.v-c .fit__voices { margin-top: 0.25em; line-height: 1.42; font-size: 1.04em; }
.v-c .fit__text--last { margin-top: 0.25em; }

.v-c .work__lead { font-size: 1.16em; margin-top: 0.35em; line-height: 1.4; }
.v-c .work__text { margin-top: 0.45em; line-height: 1.5; }
.v-c .work__sub { margin-top: 0.5em; }
.v-c .flow { margin-top: 0.15em; }
.v-c .flow li { min-height: 1.74em; padding-block: 0.05em; }
.v-c .work__close { margin-top: 0.45em; padding: 0.4em 0; font-size: 1.04em; line-height: 1.45; }

@media (max-height: 620px) {
  .v-c .intro__catch { font-size: 2.3em; }
  .v-c .intro__text { gap: 0.3em; margin-top: 0.5em; }
}

:root {
  --grad-iris: linear-gradient(105deg, var(--color-glitch-a), var(--color-accent) 28%, var(--color-glitch-b) 55%, var(--color-brand-soft) 78%, var(--color-glitch-a));
  --color-glow: oklch(100% 0 0 / 0.55);
  --color-card-dark: oklch(30% 0.14 272);
}
.v-c .page { --p: 0; --pa: 0; }
.v-c .page__inner { perspective: 820px; perspective-origin: 50% 40%; }

.v-c .peel {
  position: relative; display: block; width: fit-content; max-width: 100%;
  border: 0; padding: 0; background: none; color: var(--color-ink);
  transform: translateX(calc(var(--p) * var(--dir) * 120px)) rotate(calc(var(--p) * var(--dir) * 14deg));
}
.v-c .peel__under {
  position: absolute; inset: 0; background: var(--grad-iris); background-size: 220% 100%;
  opacity: 0; transition: transform 900ms var(--ease-out), opacity 260ms linear; transition-delay: calc(var(--k) * 110ms + 240ms);
  animation: c-iris 7s linear infinite alternate;
}
@keyframes c-iris { to { background-position: 100% 0; } }
.v-c .is-active .peel__under { opacity: 1; transform: translate(calc(var(--dir) * -9px), 10px); }
.v-c .peel__top {
  position: relative; isolation: isolate; display: grid; justify-items: start; gap: 0.06em;
  padding: 0.4em 0.85em 0.44em; transform-origin: 50% 0;
  transition: transform 1100ms var(--ease-out); transition-delay: calc(var(--k) * 110ms + 240ms);
}
.v-c .is-active .peel__top { transform: rotate(calc(var(--dir) * 2.6deg)) rotateX(17deg) skewX(calc(var(--dir) * 5deg)); }
.v-c .peel__shape { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; z-index: -1; }
.v-c .peel__shape path { fill: var(--color-paper); stroke: var(--color-brand); stroke-width: 1; }
.v-c [data-tone="dark"] .peel { color: var(--color-on-brand); }
.v-c [data-tone="dark"] .peel__shape path { fill: var(--color-card-dark); stroke: var(--color-on-brand); }
.v-c [data-tone="dark"] .ln__i, .v-c .page--hero .hero__name, .v-c [data-tone="dark"] .fit__catch { text-shadow: 0 0 14px var(--color-glow); }
.v-c .peel .ln::after { background: var(--color-brand); }
.v-c [data-tone="dark"] .peel .ln::after { background: var(--color-accent); }

.v-c .intro__text { gap: 0.2em; margin-top: 0.7em; }
.v-c .intro__text .peel:nth-child(2) { margin-left: auto; margin-top: -0.15em; }
.v-c .intro__text .peel:nth-child(3) { margin-top: -0.1em; }
.v-c .intro__both { margin-top: 0.7em; }
.v-c .intro__close { margin-left: auto; font-size: 1.04em; margin-bottom: 0.5em; }
.v-c .fit__hit { margin-top: 0.6em; }
.v-c .fit__voices { margin-left: auto; margin-top: 0.1em; color: var(--color-accent); }
.v-c .work__close { margin-left: auto; margin-top: 0.5em; }
.v-c .work__lead { color: var(--color-brand); }
.v-c .intro__close, .v-c .work__close { color: var(--color-brand); }

.v-c .intro__like { position: relative; isolation: isolate; background: var(--color-paper); }
.v-c .intro__like::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--grad-iris); background-size: 220% 100%; transform: translate(7px, 8px); animation: c-iris 7s linear infinite alternate; }
.v-c .intro__like::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--color-paper); box-shadow: inset 0 0 0 1px var(--color-brand); }
.v-c .intro__catch { transform: translateX(calc(var(--p) * -140px)) rotate(calc(var(--p) * -10deg)); transform-origin: 0 100%; }

.v-c .btn--fill { clip-path: polygon(0 0, 88% 0, 88% 24%, 100% 24%, 100% 100%, 12% 100%, 12% 76%, 0 76%); }

@media (prefers-reduced-motion: reduce) {
  .v-c .peel, .v-c .is-active .peel__top, .v-c .intro__catch { transform: none; }
  .v-c .peel__under, .v-c .intro__like::after { animation: none; }
}
.v-c .intro__like::after { z-index: -2; }
.v-c .peel .ln { max-width: none; }
.v-c .peel__top { padding-inline: 0.6em; letter-spacing: 0; }
.v-c .intro__close, .v-c .work__close, .v-c .fit__hit { letter-spacing: 0.02em; font-size: 1em; }
.v-c .reticle i { opacity: 0.75; }

.v-c .page { font-size: clamp(11px, min(2.26dvh, 3.8vw), 19px); }
.v-c .hud--rec { display: none; }
.v-c .page__label { position: absolute; left: 18px; bottom: 15px; margin: 0; font-size: 10px; letter-spacing: 0.3em; gap: 0.8em; }
.v-c .page__label .page__no { font-size: 1.9em; }
.v-c .page__inner { padding-top: calc(var(--header-h) + 0.9em); }

.v-c .intro__catch { margin-top: 0; }
.v-c .intro__text { gap: 1em; margin-top: 1.2em; }
.v-c .intro__text .peel:nth-child(2), .v-c .intro__text .peel:nth-child(3) { margin-top: 0; }
.v-c .intro__both { margin-top: 0.4em; }
.v-c .peel__top { padding-block: 0.5em 0.54em; gap: 0.16em; }
.v-c .intro__close { margin-bottom: 0.9em; }

.v-c .fit__catch { margin-top: 0; }
.v-c .checks { margin-top: 0.85em; }
.v-c .check { min-height: 2.1em; }
.v-c .fit__hit { margin-top: 1.15em; }
.v-c .fit__text { margin-top: 0.95em; line-height: 1.6; }
.v-c .fit__voices { margin-top: 0.75em; }
.v-c .fit__text--last { margin-top: 0.85em; }

.v-c .work__lead { margin-top: 0; }
.v-c .work__text { margin-top: 0.95em; line-height: 1.6; }
.v-c .work__sub { margin-top: 1.05em; }
.v-c .flow { margin-top: 0.5em; }
.v-c .flow li { min-height: 1.92em; }
.v-c .work__close { margin-top: 0.95em; }

@media (max-height: 620px) {
  .v-c .intro__text { gap: 0.6em; margin-top: 0.8em; }
}
.v-c .flow li { min-height: 1.82em; }
.v-c .work__close { margin-top: 0.75em; }
@media (max-height: 620px) {
  .v-c .check { min-height: 1.95em; }
  .v-c .fit__hit { margin-top: 0.8em; }
  .v-c .fit__text { margin-top: 0.65em; }
  .v-c .fit__voices, .v-c .fit__text--last { margin-top: 0.55em; }
  .v-c .work__text { margin-top: 0.7em; }
  .v-c .work__sub { margin-top: 0.8em; }
}

.v-c .peel, .v-c .intro__catch { transform: none; }

.v-c .plan { margin-top: 0.45em; }
.v-c .plan__stage { display: block; width: 100%; height: auto; overflow: visible; cursor: pointer; }
.v-c .pl-wall { fill: none; stroke: var(--color-brand); stroke-width: 1.6; stroke-linecap: square; }
.v-c .pl-wall--in { stroke-width: 1; }
.v-c .pl-door { fill: none; stroke: var(--color-hair); stroke-width: 1; stroke-dasharray: 2 2; }
.v-c .pl-g { opacity: 0; transition: opacity 380ms linear; }
.v-c .pl-g.on { opacity: 1; }
.v-c .pl-g .pop { transform-box: fill-box; transform-origin: center; transform: scale(0); transition: transform 460ms var(--ease-out); }
.v-c .pl-g.on .pop { transform: none; }
.v-c .pl-g .pop:nth-child(2) { transition-delay: 120ms; }
.v-c .pl-g .pop:nth-child(3) { transition-delay: 240ms; }
.v-c .pl-g .pop:nth-child(4) { transition-delay: 360ms; }
.v-c .pl-corner { fill: none; stroke: var(--color-brand); stroke-width: 1.4; }
.v-c .pl-scan { fill: var(--color-accent); opacity: 0; }
.v-c .s1.now .pl-scan { opacity: 1; animation: pl-scan 1.7s var(--ease-in-out) infinite alternate; }
@keyframes pl-scan { from { transform: translateX(10px); } to { transform: translateX(327px); } }
.v-c .pl-pin { fill: none; stroke: var(--color-brand); stroke-width: 1; stroke-dasharray: 2.5 2.5; }
.v-c .s2.now .pl-pin { animation: pl-blink 0.9s steps(2) infinite; }
@keyframes pl-blink { 50% { opacity: 0.25; } }
.v-c .pl-wire { fill: none; stroke: var(--color-brand); stroke-width: 1.6; stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1100ms var(--ease-in-out); }
.v-c .s3.on .pl-wire { stroke-dashoffset: 0; }
.v-c .pl-flow { fill: none; stroke: var(--color-accent); stroke-width: 3.2; stroke-linecap: round; stroke-dasharray: 0.06 0.94; animation: pl-run 1.5s linear infinite; }
@keyframes pl-run { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
.v-c .pl-dev { fill: var(--color-paper); stroke: var(--color-brand); stroke-width: 1.6; }
.v-c .pl-lens { fill: var(--color-brand); }
.v-c .pl-mark { fill: none; stroke: var(--color-brand); stroke-width: 1.2; }
.v-c .pl-cone { fill: var(--color-accent); opacity: 0.6; }
.v-c .pl-ring { fill: none; stroke: var(--color-accent); stroke-width: 2; transform-box: fill-box; transform-origin: center; animation: pl-ring 1.6s var(--ease-out) infinite; }
.v-c .pl-ring--2 { animation-delay: 0.5s; }
@keyframes pl-ring { from { transform: scale(0.4); opacity: 1; } to { transform: scale(1); opacity: 0; } }
.v-c .pl-ok { fill: var(--color-accent); stroke: var(--color-brand); stroke-width: 1.6; }
.v-c .pl-check { fill: none; stroke: var(--color-brand); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }

.v-c .plan__steps { counter-reset: step; position: relative; height: 2.1em; margin-top: 0.35em; }
.v-c .plan__step {
  counter-increment: step; position: absolute; inset: 0;
  display: flex; align-items: center; gap: 0.7em;
  font-weight: 700; font-size: 1.12em; line-height: 1.2; color: var(--color-ink);
  opacity: 0; transform: translateY(8px); transition: opacity 240ms linear, transform 380ms var(--ease-out);
}
.v-c .plan__step.is-now { opacity: 1; transform: none; }
.v-c .plan__step::before { content: counter(step, decimal-leading-zero); font-family: var(--font-display); font-weight: 500; font-size: 1.3em; color: var(--color-brand); letter-spacing: 0.04em; }

.v-c .plan__nav { counter-reset: nav; position: relative; display: grid; grid-template-columns: repeat(6, 1fr); margin-top: 0.15em; }
.v-c .plan__nav::before { content: ""; position: absolute; left: 6%; right: 6%; top: 50%; height: 1px; background: var(--color-hair); }
.v-c .plan__btn { counter-increment: nav; position: relative; display: grid; place-items: center; height: 2.3em; min-height: 32px; font-family: var(--font-display); font-weight: 500; font-size: 0.86em; letter-spacing: 0.06em; color: var(--color-ink-soft); }
.v-c .plan__btn::before { content: counter(nav, decimal-leading-zero); padding: 0.1em 0.5em; background: var(--color-paper); transition: transform var(--dur-fast) var(--ease-out); }
.v-c .plan__btn.is-done::before { color: var(--color-brand); }
.v-c .plan__btn.is-now::before { color: var(--color-brand); font-weight: 700; box-shadow: inset 0 0 0 1px var(--color-brand), inset 0 -0.42em 0 var(--color-accent); transform: scale(1.18); }
.v-c .plan__btn:active::before { transform: scale(0.94); }
@media (hover: hover) { .v-c .plan__btn:hover::before { color: var(--color-brand); } }

.v-c .work__text { margin-top: 0.75em; line-height: 1.54; }
.v-c .work__sub { margin-top: 0.8em; }
.v-c .work__close { margin-top: 0.6em; }

@media (prefers-reduced-motion: reduce) {
  .v-c .pl-g, .v-c .pl-g .pop, .v-c .pl-wire, .v-c .plan__step { transition: none; }
  .v-c .pl-scan, .v-c .pl-flow, .v-c .pl-ring, .v-c .s2.now .pl-pin { animation: none; }
}
.v-c .plan__stage { max-height: 18.4dvh; }
@media (max-height: 620px) { .v-c .plan__steps { height: 1.9em; margin-top: 0.2em; } .v-c .plan__btn { height: 2em; min-height: 28px; } }

.v-c .plan { display: flex; flex-direction: column; }
.v-c .plan__stage { max-height: 15.4dvh; }
.v-c .plan__nav { order: 2; margin-top: 0.7em; align-items: start; }
.v-c .plan__steps { order: 3; margin-top: 0.3em; height: 2em; }
.v-c .plan__nav::before { left: 8.33%; right: 8.33%; top: 1.42em; height: 0; background: none; border-top: 2px dashed var(--color-hair); }
.v-c .plan__btn { display: grid; justify-items: center; align-content: start; gap: 0.28em; height: auto; min-height: 0; padding: 0; font-size: 1em; color: var(--color-ink-soft); }
.v-c .plan__btn::before { content: none; }
.v-c .plan__btn::after { content: counter(nav, decimal-leading-zero); font-family: var(--font-display); font-weight: 500; font-size: 0.76em; letter-spacing: 0.1em; line-height: 1; }
.v-c .plan__ico {
  position: relative; isolation: isolate; display: grid; place-items: center;
  width: 2.84em; height: 2.84em; border-radius: 50%;
  background: var(--color-paper); box-shadow: inset 0 0 0 1.5px var(--color-hair);
  transition: transform 320ms var(--ease-out);
}
.v-c .plan__ico::after { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 50%; background: var(--grad-iris); background-size: 220% 100%; opacity: 0; transform: translate(0, 0); transition: transform 320ms var(--ease-out), opacity 200ms linear; }
.v-c .plan__ico svg { width: 1.42em; height: 1.42em; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.v-c .plan__btn.is-done { color: var(--color-brand); }
.v-c .plan__btn.is-done .plan__ico { box-shadow: inset 0 0 0 1.5px var(--color-brand); }
.v-c .plan__btn.is-now { color: var(--color-brand); }
.v-c .plan__btn.is-now::after { font-weight: 700; }
.v-c .plan__btn.is-now .plan__ico { background: var(--color-brand); color: var(--color-on-brand); box-shadow: none; transform: translateY(-3px) scale(1.1); }
.v-c .plan__btn.is-now .plan__ico::after { opacity: 1; transform: translate(4px, 5px); }
.v-c .plan__btn:active .plan__ico { transform: scale(0.94); }
@media (hover: hover) { .v-c .plan__btn:hover { color: var(--color-brand); } }
@media (max-height: 620px) {
  .v-c .plan__btn { height: auto; min-height: 0; }
  .v-c .plan__ico { width: 2.6em; height: 2.6em; }
  .v-c .plan__nav { margin-top: 0.5em; }
}
@media (prefers-reduced-motion: reduce) { .v-c .plan__ico, .v-c .plan__ico::after { transition: none; } }

.v-c .plan__ico, .v-c .plan__btn.is-done .plan__ico, .v-c .plan__btn.is-now .plan__ico { background: none; box-shadow: none; }
.v-c .plan__ico::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 50%; background: var(--color-paper); box-shadow: inset 0 0 0 1.5px var(--color-hair); }
.v-c .plan__ico::after { z-index: -2; }
.v-c .plan__btn.is-done .plan__ico::before { box-shadow: inset 0 0 0 1.5px var(--color-brand); }
.v-c .plan__btn.is-now .plan__ico::before { background: var(--color-brand); box-shadow: none; }

.v-c .page { font-size: clamp(10.6px, min(2.04dvh, 3.44vw), 17px); line-height: 1.5; }
.v-c .intro__catch { font-size: 3.15em; }
.v-c .fit__catch { font-size: 1.62em; }
.v-c .work__lead { font-size: 1.28em; }
.v-c .peel__top { gap: 0.1em; }

.v-c .intro__text { gap: 1.4em; margin-top: 1.7em; }
.v-c .intro__both { margin-top: 0.7em; line-height: 1.6; }

.v-c .checks { margin-top: 1.25em; }
.v-c .check { min-height: 2.2em; }
.v-c .fit__hit { margin-top: 1.8em; }
.v-c .fit__text { margin-top: 1.45em; line-height: 1.5; }
.v-c .fit__voices { margin-top: 1.15em; }
.v-c .fit__text--last { margin-top: 1.35em; }

.v-c .work__text { margin-top: 1.25em; line-height: 1.48; }
.v-c .work__sub { margin-top: 1.5em; }
.v-c .plan { margin-top: 0.8em; }
.v-c .plan__nav { margin-top: 1em; }
.v-c .plan__steps { margin-top: 0.45em; }
.v-c .work__close { margin-top: 1.2em; }

@media (max-height: 620px) {
  .v-c .intro__catch { font-size: 2.6em; }
  .v-c .intro__text { gap: 0.8em; margin-top: 1em; }
  .v-c .check { min-height: 2.05em; }
  .v-c .fit__hit { margin-top: 1.2em; }
  .v-c .fit__text { margin-top: 0.95em; }
  .v-c .fit__voices, .v-c .fit__text--last { margin-top: 0.8em; }
  .v-c .work__text { margin-top: 0.9em; }
  .v-c .work__sub { margin-top: 1em; }
  .v-c .work__close { margin-top: 0.8em; }
}

.v-c .page { font-size: clamp(10.5px, min(1.86dvh, 3.15vw), 15.2px); line-height: 1.85; }
.v-c .page__inner { padding-inline: 23px; }
.v-c .page__label { left: 23px; }

.v-c .intro__catch { font-size: 3.5em; line-height: 1.18; }
.v-c .fit__catch { font-size: 1.9em; line-height: 1.3; }
.v-c .work__lead { font-size: 1.45em; line-height: 1.5; }
.v-c .intro__close, .v-c .work__close, .v-c .fit__hit { font-size: 1.2em; line-height: 1.6; }
.v-c .fit__voices { font-size: 1.13em; line-height: 1.6; }
.v-c .work__sub { font-size: 1.13em; }
.v-c .plan__step { font-size: 1.13em; }
.v-c .peel__top { gap: 0; padding: 0.4em 0.85em 0.44em; }

.v-c .intro__text { gap: 1.5em; margin-top: 2em; }
.v-c .intro__both { margin-top: 0.6em; line-height: 1.85; }
.v-c .checks { margin-top: 1.5em; }
.v-c .check { min-height: 2.25em; }
.v-c .fit__hit { margin-top: 2.2em; }
.v-c .fit__text { margin-top: 1.6em; line-height: 1.85; }
.v-c .fit__voices { margin-top: 1.2em; }
.v-c .fit__text--last { margin-top: 1.4em; }
.v-c .work__text { margin-top: 1.5em; line-height: 1.85; }
.v-c .work__sub { margin-top: 1.9em; }
.v-c .plan { margin-top: 1em; }
.v-c .plan__nav { margin-top: 1.2em; }
.v-c .plan__ico { width: 3.1em; height: 3.1em; }
.v-c .plan__nav::before { top: 1.55em; }
.v-c .plan__steps { margin-top: 0.5em; }
.v-c .work__close { margin-top: 1.6em; }

@media (max-height: 620px) {
  .v-c .page { line-height: 1.7; }
  .v-c .intro__catch { font-size: 2.9em; }
  .v-c .intro__text { gap: 0.9em; margin-top: 1.2em; }
  .v-c .check { min-height: 2.1em; }
  .v-c .fit__hit { margin-top: 1.4em; }
  .v-c .fit__text, .v-c .work__text { margin-top: 1.1em; line-height: 1.7; }
  .v-c .fit__voices, .v-c .fit__text--last { margin-top: 0.9em; }
  .v-c .work__sub { margin-top: 1.2em; }
  .v-c .work__close { margin-top: 1em; }
  .v-c .plan__ico { width: 2.8em; height: 2.8em; }
  .v-c .plan__nav::before { top: 1.4em; }
}

.v-c .plan__stage { max-height: 13.4dvh; }
.v-c .work__text { margin-top: 1.3em; }
.v-c .work__sub { margin-top: 1.5em; }
.v-c .work__close { margin-top: 1.3em; }

.v-c .page--intro .intro__catch { margin-top: auto; }
.v-c .intro__close { margin-top: 2.4em; margin-bottom: 0; margin-left: 0; font-size: 1.6em; line-height: 1.5; }
.v-c .intro__close .peel__top { padding: 0.42em 0.8em 0.46em; }
.v-c .nextcue {
  align-self: flex-end; margin-bottom: auto; margin-top: 0.1em;
  display: flex; align-items: flex-end; color: var(--color-brand);
  opacity: 0; transform: translateY(-8px); transition: opacity 300ms linear 1100ms, transform 520ms var(--ease-out) 1100ms;
}
.v-c .is-active .nextcue { opacity: 1; transform: none; }
.v-c .nextcue__wire { width: 4.6em; height: 3.3em; flex: none; overflow: visible; margin-bottom: 0.55em; }
.v-c .nextcue__line { fill: none; stroke: var(--color-brand); stroke-width: 1.5; }
.v-c .nextcue__pulse { fill: none; stroke: var(--color-accent); stroke-width: 4; stroke-linecap: round; stroke-dasharray: 0.12 0.88; animation: pl-run 1.4s linear infinite; }
.v-c .nextcue__chip {
  position: relative; isolation: isolate; display: flex; align-items: center; gap: 0.6em;
  padding: 0.62em 0.95em 0.62em 0.85em;
  background: var(--color-brand); color: var(--color-on-brand);
  font-family: var(--font-display); line-height: 1; white-space: nowrap;
  transition: transform var(--dur-fast) var(--ease-out);
}
.v-c .nextcue__chip::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--grad-iris); background-size: 220% 100%; transform: translate(5px, 6px); animation: c-iris 7s linear infinite alternate; }
.v-c .nextcue__chip::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--color-brand); }
.v-c .nextcue__box { width: 1.15em; height: 1.15em; flex: none; }
.v-c .nextcue__box rect { fill: none; stroke: var(--color-on-brand); stroke-width: 1.4; }
.v-c .nextcue__box path { fill: none; stroke: var(--color-accent); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1; animation: cue-tick 2.4s var(--ease-in-out) infinite; }
@keyframes cue-tick { 0%, 25% { stroke-dashoffset: 1; } 50%, 85% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 1; } }
.v-c .nextcue__next { font-weight: 500; font-size: 0.77em; letter-spacing: 0.3em; color: var(--color-accent); }
.v-c .nextcue__chip b { font-weight: 700; font-size: 1.05em; letter-spacing: 0.14em; }
.v-c .nextcue__chip i { width: 0.55em; height: 0.55em; margin: 0 0.1em 0.25em 0.2em; border-right: 2px solid var(--color-accent); border-bottom: 2px solid var(--color-accent); transform: rotate(45deg); animation: cue-bob 1.3s var(--ease-in-out) infinite; }
@keyframes cue-bob { 0%, 100% { transform: translateY(-2px) rotate(45deg); } 50% { transform: translateY(3px) rotate(45deg); } }
.v-c .nextcue:active .nextcue__chip { transform: scale(0.96); }
@media (max-height: 620px) {
  .v-c .intro__close { margin-top: 1.4em; font-size: 1.4em; }
  .v-c .nextcue__wire { height: 2.4em; }
}
@media (prefers-reduced-motion: reduce) {
  .v-c .nextcue { transition: none; }
  .v-c .nextcue__pulse, .v-c .nextcue__box path, .v-c .nextcue__chip i, .v-c .nextcue__chip::after { animation: none; }
  .v-c .nextcue__box path { stroke-dashoffset: 0; }
}

.v-c .intro__text { gap: 1.15em; margin-top: 1.5em; }
.v-c .intro__close { margin-top: 1.7em; font-size: 1.5em; }
.v-c .nextcue__wire { height: 2.5em; }
.v-c .nextcue__chip { background: none; }
.v-c .nextcue__chip::after { z-index: -2; }

:root { --color-grid: oklch(40% 0.17 272 / 0.075); --color-orn: oklch(40% 0.17 272 / 0.2); }
.v-c .column[data-tone="light"] {
  background-image: linear-gradient(var(--color-grid) 1px, transparent 1px), linear-gradient(90deg, var(--color-grid) 1px, transparent 1px);
  background-size: 28px 28px; background-position: 11px 4px;
}

.v-c .intro__art { display: block; right: -5.2em; top: calc(var(--header-h) + 0.4em); width: 13em; height: 13em; opacity: 1; }
.v-c .gear { stroke: var(--color-orn); stroke-width: 1.4; }
.v-c .gear__hole { fill: none; stroke: var(--color-orn); stroke-width: 1.4; }

.v-c .page--work::after {
  content: ""; position: absolute; z-index: 0; right: -7em; bottom: -5em; width: 19em; height: 19em; border-radius: 50%; pointer-events: none;
  background: repeating-radial-gradient(circle, transparent 0 1.9em, var(--color-orn) 1.9em calc(1.9em + 1px));
  -webkit-mask-image: radial-gradient(circle, #000 30%, transparent 72%); mask-image: radial-gradient(circle, #000 30%, transparent 72%);
}

.v-c .plan__steps { order: 1; margin-top: 0; height: 2em; }
.v-c .plan__nav { order: 2; margin-top: 0.7em; }
.v-c .plan__stage { order: 3; margin-top: 1.1em; }
.v-c .plan__step { font-size: 1.2em; }

.v-c .s3.now .pl-wire { animation: pl-draw 2.2s var(--ease-in-out) infinite; }
@keyframes pl-draw { 0% { stroke-dashoffset: 1; } 55%, 100% { stroke-dashoffset: 0; } }
.v-c .s4.now .pop { animation: pl-mount 1.5s var(--ease-out) infinite; }
.v-c .s4.now .pop:nth-child(2) { animation-delay: 0.2s; }
.v-c .s4.now .pop:nth-child(3) { animation-delay: 0.4s; }
@keyframes pl-mount { 0% { transform: translateY(-9px) scale(0.6); opacity: 0; } 35%, 100% { transform: none; opacity: 1; } }
.v-c .s5.now .pl-flow { stroke-width: 4.4; animation-duration: 1.1s; }
.v-c .s6.now .pl-cone { animation: pl-blink 1.4s steps(2) infinite; }
@media (prefers-reduced-motion: reduce) { .v-c .s3.now .pl-wire, .v-c .s4.now .pop, .v-c .s6.now .pl-cone { animation: none; } }

.v-c .work__sub { display: flex; align-items: center; gap: 0.5em; border-bottom: 0; padding: 0; font-size: 1.36em; line-height: 1.5; color: var(--color-brand); }
.v-c .work__sub::before { content: ""; flex: none; width: 0.52em; height: 0.52em; background: var(--color-brand); transform: rotate(45deg); box-shadow: 0.2em -0.2em 0 var(--color-accent); }
.v-c .work__sub .ln { overflow: visible; }
.v-c .work__sub .ln::after { display: none; }
.v-c .work__sub .ln__i {
  padding: 0 0.3em; font-weight: 800;
  background: linear-gradient(var(--color-accent), var(--color-accent)) no-repeat 0 88% / 0% 0.52em;
  transition: opacity 1ms linear 300ms, background-size 700ms var(--ease-out) 650ms;
}
.v-c .is-active .work__sub .ln__i { background-size: 100% 0.52em; }
@media (prefers-reduced-motion: reduce) { .v-c .work__sub .ln__i { transition: none; background-size: 100% 0.52em; } }

.v-c .il-line { fill: none; stroke: var(--color-brand); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.v-c .il-thin { stroke-width: 1.1; }
.v-c .il-thick { stroke-width: 3.4; }
.v-c .il-faint { stroke: var(--color-hair); }
.v-c .il-fill { fill: var(--color-paper); stroke: var(--color-brand); stroke-width: 1.7; stroke-linejoin: round; }
.v-c .il-ink, .v-c .il-dot { fill: var(--color-brand); }
.v-c .il-shine { fill: var(--color-paper); }
.v-c .il-hood { fill: none; stroke: var(--color-brand); stroke-width: 3.6; stroke-linecap: round; }
.v-c .il-rec, .v-c .il-accent, .v-c .il-helmet, .v-c .il-ok { fill: var(--color-accent); stroke: var(--color-brand); stroke-width: 1.4; stroke-linejoin: round; }
.v-c .il-cheek { fill: var(--color-accent); }
.v-c .il-wave { fill: none; stroke: var(--color-accent); stroke-width: 2.4; stroke-linecap: round; }
.v-c .il-ground { fill: none; stroke: var(--color-brand); stroke-width: 1.7; stroke-linecap: round; stroke-dasharray: 1 0; }
.v-c .il-lens { fill: var(--color-lock); stroke: var(--color-brand); stroke-width: 2.4; }
.v-c .il-spark { fill: none; stroke: var(--color-accent); stroke-width: 2.6; stroke-linecap: round; }
.v-c .il-target { fill: none; stroke: var(--color-brand); stroke-width: 1.2; stroke-dasharray: 3 3; }
.v-c .il-pin { fill: var(--color-accent); stroke: var(--color-brand); stroke-width: 1.5; stroke-linejoin: round; }
.v-c .il-cable { fill: none; stroke: var(--color-brand); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.v-c .il-flow { fill: none; stroke: var(--color-accent); stroke-width: 4.6; stroke-linecap: round; stroke-dasharray: 0.1 0.9; }
.v-c .il-cone { fill: var(--color-accent); opacity: 0.55; }
.v-c .il-check { fill: none; stroke: var(--color-brand); stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }

.v-c .intro__art { display: none; }
.v-c .mascot { position: absolute; z-index: 0; right: 0; top: calc(var(--header-h) + 0.5em); width: 8.6em; height: auto; overflow: visible; pointer-events: none; }
.v-c .mascot__body { transform-origin: 88px 32px; animation: ms-pan 6.4s var(--ease-in-out) infinite; }
@keyframes ms-pan { 0%, 12% { transform: rotate(-9deg); } 40%, 56% { transform: rotate(13deg); } 66% { transform: rotate(9deg); } 72% { transform: rotate(13deg); } 100% { transform: rotate(-9deg); } }
.v-c .mascot__eye { transform-box: fill-box; transform-origin: center; animation: ms-blink 4.2s steps(1) infinite; }
@keyframes ms-blink { 0%, 44%, 50%, 92%, 96%, 100% { transform: scaleY(1); } 46%, 48%, 94% { transform: scaleY(0.12); } }
.v-c .mascot .il-rec { animation: pl-blink 1.2s steps(2) infinite; }
.v-c .mascot__waves .il-wave { opacity: 0; animation: ms-wave 2.1s linear infinite; }
.v-c .mascot__waves .il-wave:nth-child(2) { animation-delay: 0.25s; }
.v-c .mascot__waves .il-wave:nth-child(3) { animation-delay: 0.5s; }
@keyframes ms-wave { 0%, 100% { opacity: 0; } 30%, 60% { opacity: 1; } }

.v-c .sc { opacity: 0; transition: opacity 320ms linear; }
.v-c .sc.now { opacity: 1; }
.v-c .sc [class*="mv-"] { transform-box: fill-box; transform-origin: center; }
.v-c .sc.now .il-wk { animation: mv-bob 1.4s var(--ease-in-out) infinite; }
@keyframes mv-bob { 0%, 100% { translate: 0 0; } 50% { translate: 0 -2px; } }
.v-c .sc.now .mv-scan { animation: mv-scan 2.4s var(--ease-in-out) infinite alternate; }
@keyframes mv-scan { from { transform: translate(0, 0); } 50% { transform: translate(40px, 14px); } to { transform: translate(72px, -6px); } }
.v-c .sc.now .mv-blink { animation: pl-blink 0.9s steps(2) infinite; }
.v-c .sc.now .mv-drop { animation: mv-drop 1.9s var(--ease-out) infinite; }
@keyframes mv-drop { 0% { transform: translateY(-16px); opacity: 0; } 22%, 100% { transform: none; opacity: 1; } }
.v-c .sc.now .mv-d2 { animation-delay: 0.25s; }
.v-c .sc.now .mv-d3 { animation-delay: 0.5s; }
.v-c .sc.now .mv-spin { animation: b-spin 2.2s linear infinite; }
.v-c .mv-draw { stroke-dasharray: 1; stroke-dashoffset: 1; }
.v-c .sc.now .mv-draw { animation: pl-draw 2.6s var(--ease-in-out) infinite; }
.v-c .sc.now .mv-mount { animation: mv-mount 1.7s var(--ease-out) infinite; }
@keyframes mv-mount { 0% { transform: translateY(16px) rotate(-14deg); opacity: 0; } 30% { transform: translateY(-2px) rotate(3deg); opacity: 1; } 42%, 100% { transform: none; opacity: 1; } }
.v-c .sc.now .il-flow { animation: pl-run 1.2s linear infinite; }
.v-c .sc.now .mv-pop { animation: mv-pop 1.8s var(--ease-out) infinite; }
@keyframes mv-pop { 0% { transform: scale(0); } 22% { transform: scale(1.18); } 32%, 100% { transform: scale(1); } }
@keyframes b-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .v-c .mascot__body, .v-c .mascot__eye, .v-c .mascot .il-rec, .v-c .mascot__waves .il-wave { animation: none; }
  .v-c .mascot__waves .il-wave { opacity: 1; }
  .v-c .sc { transition: none; }
  .v-c .sc.now [class*="mv-"], .v-c .sc.now .il-wk, .v-c .sc.now .il-flow { animation: none; }
  .v-c .mv-draw { stroke-dashoffset: 0; }
}

.v-c .work__text--punch { font-size: 1.16em; line-height: 1.7; margin-top: 1.1em; color: var(--color-brand); }
.v-c .work__text--punch .ln { overflow: visible; }
.v-c .work__text--punch .ln::after { display: none; }
.v-c .work__text--punch .ln__i { font-weight: 700; }
.v-c .work__text--punch em {
  font-style: normal; font-weight: 900;
  -webkit-text-emphasis: filled dot var(--color-brand); text-emphasis: filled dot var(--color-brand);
  background: linear-gradient(var(--color-accent), var(--color-accent)) no-repeat 0 92% / 0% 0.5em;
  transition: background-size 700ms var(--ease-out) 1300ms;
}
.v-c .is-active .work__text--punch em { background-size: 100% 0.5em; }
@media (prefers-reduced-motion: reduce) { .v-c .work__text--punch em { transition: none; background-size: 100% 0.5em; } }

.v-c .vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.v-c .page--hero { background: var(--color-brand); }
.v-c .site-header { transition: color var(--dur-fast) var(--ease-out), background-color 260ms var(--ease-out); }
.v-c .column[data-page="top"] .site-header { background: var(--color-brand); }
.v-c .column[data-page="top"] .reticle, .v-c .column[data-page="top"] .pager, .v-c .column[data-page="top"] .scan { display: none; }
.v-c .page--hero .hero__video { top: var(--header-h); height: calc(100% - var(--header-h)); }
.v-c .page--hero .hero__video { object-position: 50% 25%; }