.vid-pill{
  display:inline-flex; align-items:center; gap:10px; flex:none;
  height:49px; padding:0 16px 0 22px; border-radius:var(--r-pill);
  font-size:16px; font-weight:600; line-height:1; white-space:nowrap;
  transition:background-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), transform 160ms var(--ease-out);
}
.vid-pill svg{ width:18px; height:18px; transition:transform var(--dur-base) var(--ease-out); }
.vid-pill:active{ transform:var(--press); }
.vid-pill--signal{ background:var(--signal); color:var(--white); }
.vid-pill--signal:hover{ background:var(--signal-hover); }
.vid-pill--white{ height:44px; padding:0 14px 0 20px; font-size:15px; background:var(--white); color:var(--ink); }
.vid-pill--white svg{ width:16px; height:16px; }
.vid-pill--white:hover{ background:var(--paper); }
@media (hover: hover) and (pointer: fine){ .vid-pill:hover svg{ transform:translate(2px, -2px); } }

.rec-dot{ display:inline-block; flex:none; width:8px; height:8px; border-radius:50%; background:var(--signal); animation:vid-rec 1.2s steps(1) infinite; }
@keyframes vid-rec{ 50%{ opacity:0.15; } }

.vf .sec-head, .vd .sec-head, .va .sec-head, .vp .sec-head, .vs .sec-head{ margin-bottom:clamp(32px, 5.4vw, 104px); }
.vf .sec-head .h2, .vd .sec-head .h2, .va .sec-head .h2, .vp .sec-head .h2, .vs .sec-head .h2{ --hw:12.67em; }
.vid-aside, .vf .sec-head__aside, .vd .sec-head__aside, .va .sec-head__aside, .vp .sec-head__aside{ width:360px; max-width:360px; font-size:16px; line-height:1.5; align-self:flex-start; margin-top:14px; }
.vf .sec-head__main, .vd .sec-head__main, .va .sec-head__main, .vp .sec-head__main{ align-items:flex-start; }
.vf .sec-head__side, .vd .sec-head__side, .va .sec-head__side, .vp .sec-head__side{ align-self:flex-start; }
.vd .sec-head__aside{ color:var(--mist); }
.vp .sec-head__aside{ color:rgba(255, 255, 255, 0.8); }
.vd .h2, .vp .h2{ color:var(--white); }
.vp .sec-head .label{ color:var(--white); }
.vh{ position:relative; overflow:hidden; color:var(--white); padding:clamp(96px, 7.3vw, 140px) 0 clamp(28px, 2vw, 38px); }
.vh__decor{ position:absolute; inset:0; pointer-events:none; z-index:0; }
.vh__glow{ position:absolute; border-radius:50%; --blur:260px;  }
.vh__glow--signal{ left:61.5%; top:-38%; width:52%; height:81%; --gc:rgba(233, 80, 6, 0.3); animation:vid-breathe 9s var(--ease-in-out) infinite alternate; }
.vh__glow--slate{ left:-20%; top:47%; width:57%; height:81%; --gc:rgba(52, 81, 99, 0.55); animation:vid-breathe 11s var(--ease-in-out) infinite alternate-reverse; }
@keyframes vid-breathe{ from{ transform:scale(0.92); opacity:0.75; } to{ transform:scale(1.08); opacity:1; } }
.vh__grid{ position:absolute; inset:0; left:50%; transform:translateX(-50%); display:flex; justify-content:space-between; width:min(100% - var(--gutter) * 2, var(--container)); padding:0; }
.vh__grid i{ width:1px; height:100%; background:rgba(187, 205, 218, 0.07); }

.vh__inner{ position:relative; z-index:1; display:grid; grid-template-columns:1fr 50%; align-items:start; }
.vh__text{ padding-top:clamp(0px, 2vw, 38px); position:relative; z-index:2; }
.crumbs ol{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; font-size:15px; font-weight:500; line-height:20px; }
.crumbs li{ color:var(--white); }
.crumbs li + li::before{ content:"/"; margin-right:10px; color:rgba(187, 205, 218, 0.35); }
.crumbs a{ color:rgba(187, 205, 218, 0.7); transition:color var(--dur-fast); }
.crumbs a:hover{ color:var(--white); }
.vh__h1{ margin:clamp(18px, 1.6vw, 30px) 0 0 -0.04em; font-size:clamp(44px, 5vw, 96px); font-weight:600; line-height:1; letter-spacing:-0.04em; color:var(--white); }
.vh__h1 .split-line{ padding:0.1em 0 0.26em; margin:-0.1em 0 -0.26em; }
.vh__intro{ margin-top:clamp(24px, 2.1vw, 40px); max-width:min(560px, 92%); font-size:clamp(16px, 0.4vw + 12px, 19px); line-height:1.55; color:rgba(187, 205, 218, 0.85); }
.vh__ctas{ display:flex; flex-wrap:wrap; gap:14px; margin-top:clamp(28px, 2.7vw, 52px); }
.vh__visual{
  position:relative; container-type:inline-size;
  width:101.33%; aspect-ratio:760 / 800;
  --u:calc(100cqw / 760);
}
.vh__visual > *{ position:absolute; }

.vh-phone{ background:var(--ink); border:1.5px solid rgba(255, 255, 255, 0.16); box-shadow:0 calc(var(--u) * 40) calc(var(--u) * 80) rgba(5, 10, 13, 0.55); }
.vh-phone__screen{ position:absolute; overflow:hidden; isolation:isolate; color:var(--white); }
.vh-phone__screen > img, .vh-phone__screen > video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; background:var(--ink); }
.vh-phone__video{ display:block; }
.vh-phone__screen::after{ content:""; position:absolute; inset:0; z-index:-1; }
.vh-phone--back{ left:calc(var(--u) * 40); top:calc(var(--u) * 120); width:calc(var(--u) * 250); height:calc(var(--u) * 520); border-radius:calc(var(--u) * 36); border-color:rgba(255, 255, 255, 0.12); transform:rotate(-6deg); transform-origin:0 0; box-shadow:0 calc(var(--u) * 30) calc(var(--u) * 60) rgba(5, 10, 13, 0.5); }
.vh-phone--back .vh-phone__screen{ inset:calc(var(--u) * 7) calc(var(--u) * 8); border-radius:calc(var(--u) * 30); }
.vh-phone--back .vh-phone__screen::after{ background:linear-gradient(180deg, rgba(6, 10, 13, 0) 50%, rgba(6, 10, 13, 0.75)); }
.vh-phone--main{ left:calc(var(--u) * 250); top:0; width:calc(var(--u) * 330); height:calc(var(--u) * 676); border-radius:calc(var(--u) * 46); }
.vh-phone--main .vh-phone__screen{ inset:calc(var(--u) * 9); border-radius:calc(var(--u) * 38); }
.vh-phone--main .vh-phone__screen::after{ background:linear-gradient(180deg, rgba(6, 10, 13, 0.35) 0%, rgba(6, 10, 13, 0) 30%, rgba(6, 10, 13, 0) 55%, rgba(6, 10, 13, 0.85) 100%); }
.vh-phone__screen > :not(img):not(video){ position:absolute; }

.vh-story{ left:calc(var(--u) * 16); top:calc(var(--u) * 22); display:flex; gap:calc(var(--u) * 6); }
.vh-story i{ position:relative; width:calc(var(--u) * 66); height:calc(var(--u) * 3); border-radius:2px; background:rgba(255, 255, 255, 0.35); overflow:hidden; }
.vh-story i.is-done{ background:var(--white); }
.vh-story b{ position:absolute; inset:0; background:var(--white); transform-origin:left; transform:scaleX(0.45); }
.vh-acc{ left:calc(var(--u) * 16); top:calc(var(--u) * 40); display:flex; align-items:center; gap:calc(var(--u) * 8); }
.vh-acc__ava{ width:calc(var(--u) * 34); height:calc(var(--u) * 34); border-radius:50%; border:1.5px solid var(--white); object-fit:cover; }
.vh-acc strong{ display:block; font-size:calc(var(--u) * 14); font-weight:600; line-height:1.3; }
.vh-acc small{ display:block; font-size:calc(var(--u) * 12); color:rgba(255, 255, 255, 0.7); line-height:1.3; }
.vh-hook{ left:calc(var(--u) * 16); top:calc(var(--u) * 96); height:calc(var(--u) * 28); display:inline-flex; align-items:center; gap:calc(var(--u) * 6); padding:0 calc(var(--u) * 10); border-radius:99px; background:rgba(6, 10, 13, 0.65); backdrop-filter:blur(6px); font-size:calc(var(--u) * 12); font-weight:500; white-space:nowrap; }
.vh-hook svg{ width:calc(var(--u) * 14); height:calc(var(--u) * 14); }
.vh-actions{ left:calc(var(--u) * 262); top:calc(var(--u) * 300); display:grid; gap:calc(var(--u) * 18); }
.vh-actions span{ display:grid; justify-items:center; gap:calc(var(--u) * 4); width:calc(var(--u) * 26); }
.vh-actions svg{ width:calc(var(--u) * 22); height:calc(var(--u) * 22); }
.vh-actions small{ font-size:calc(var(--u) * 11); font-weight:500; line-height:1.2; }
.vh-prog{ left:calc(var(--u) * 16); top:calc(var(--u) * 630); width:calc(var(--u) * 278); height:calc(var(--u) * 3); border-radius:2px; background:rgba(255, 255, 255, 0.25); overflow:hidden; }
.vh-prog i{ display:block; height:100%; width:100%; background:var(--signal); transform-origin:left; transform:scaleX(0.33); }

.vh-rec{ left:calc(var(--u) * 560); top:calc(var(--u) * 24); height:calc(var(--u) * 35); display:inline-flex; align-items:center; gap:calc(var(--u) * 8); padding:0 calc(var(--u) * 14) 0 calc(var(--u) * 12); border-radius:99px; background:rgba(14, 21, 27, 0.96); border:1px solid rgba(255, 255, 255, 0.1); font-size:calc(var(--u) * 13); white-space:nowrap; z-index:3; }
.vh-rec .rec-dot{ width:calc(var(--u) * 8); height:calc(var(--u) * 8); }

.vh-ret{ left:calc(var(--u) * 540); top:calc(var(--u) * 84); width:calc(var(--u) * 240); padding:calc(var(--u) * 18) calc(var(--u) * 20); border-radius:calc(var(--u) * 20); background:var(--white); color:var(--ink); box-shadow:0 calc(var(--u) * 20) calc(var(--u) * 50) rgba(5, 10, 13, 0.35); display:grid; gap:calc(var(--u) * 10); z-index:2; }
.vh-ret__label{ font-size:calc(var(--u) * 13); font-weight:500; color:var(--muted); line-height:1.3; }
.vh-ret__row{ display:flex; align-items:flex-end; gap:calc(var(--u) * 8); }
.vh-ret__row strong{ font-size:calc(var(--u) * 34); font-weight:600; letter-spacing:-0.03em; line-height:calc(var(--u) * 44); }
.vh-ret__row > span{ font-size:calc(var(--u) * 13); color:var(--muted); padding-bottom:calc(var(--u) * 6); }
.vh-ret__chart{ width:100%; height:calc(var(--u) * 54); overflow:visible; }
.vh-ret__area{ fill:rgba(233, 80, 6, 0.12); }
.vh-ret__line{ fill:none; stroke:var(--signal); stroke-width:2.5; vector-effect:non-scaling-stroke; stroke-linecap:round; }
.vh-ret__axis{ display:flex; justify-content:space-between; font-size:calc(var(--u) * 11); color:var(--muted); line-height:1.3; }

.vh-tl{ left:calc(var(--u) * -60); top:calc(var(--u) * 560); width:calc(var(--u) * 600); height:calc(var(--u) * 200); border-radius:calc(var(--u) * 22); background:rgba(14, 21, 27, 0.96); border:1px solid rgba(255, 255, 255, 0.1); box-shadow:0 calc(var(--u) * 30) calc(var(--u) * 60) rgba(5, 10, 13, 0.5); z-index:3; overflow:hidden; }
.vh-tl > *{ position:absolute; }
.vh-tl__head{ left:calc(var(--u) * 22); right:calc(var(--u) * 44); top:calc(var(--u) * 18); display:flex; justify-content:space-between; font-size:calc(var(--u) * 13); font-weight:500; line-height:1.3; }
.vh-tl__head .mono{ font-weight:400; }
.vh-tl__lab{ left:calc(var(--u) * 22); top:calc(var(--u) * var(--y)); font-size:calc(var(--u) * 12); color:rgba(187, 205, 218, 0.7); line-height:1.3; }
.vh-tl__clips, .vh-tl__caps{ left:calc(var(--u) * 110); display:flex; gap:calc(var(--u) * 4); }
.vh-tl__clips{ top:calc(var(--u) * 54); }
.vh-tl__caps{ top:calc(var(--u) * 96); }
.vh-clip{ position:relative; width:calc(var(--u) * var(--w)); height:calc(var(--u) * 30); border-radius:calc(var(--u) * 5); overflow:hidden; border:1px solid rgba(255, 255, 255, 0.15); background:#1a242c; }
.vh-clip img{ width:100%; height:100%; object-fit:cover; }
.vh-cap{ transition:background-color 200ms var(--ease-out); width:calc(var(--u) * var(--w)); height:calc(var(--u) * 26); display:flex; align-items:center; padding:0 calc(var(--u) * 8); border-radius:calc(var(--u) * 5); background:var(--slate); font-size:calc(var(--u) * 11); line-height:1; white-space:nowrap; overflow:hidden; }
.vh-cap.is-on{ background:var(--signal); }
.vh-tl__wave{ left:calc(var(--u) * 110); top:calc(var(--u) * 137); height:calc(var(--u) * 22); display:flex; align-items:center; gap:calc(var(--u) * 2.6); }
.vh-tl__wave i{ width:calc(var(--u) * 2); height:calc(var(--u) * var(--h)); border-radius:1px; background:rgba(187, 205, 218, 0.45); transform-origin:center; }
.vh-tl__head-line{ left:calc(var(--u) * 152); top:calc(var(--u) * 44); width:calc(var(--u) * 2); height:calc(var(--u) * 140); background:var(--signal); }
.vh-tl__head-line b{ position:absolute; left:50%; top:calc(var(--u) * -4); width:calc(var(--u) * 14); height:calc(var(--u) * 10); margin-left:calc(var(--u) * -7); border-radius:calc(var(--u) * 3); background:var(--signal); }

.vh__facts{ position:relative; z-index:1; display:grid; grid-template-columns:repeat(4, 1fr); margin-top:clamp(16px, 1vw, 20px); padding-top:clamp(24px, 1.9vw, 36px); border-top:1px solid rgba(255, 255, 255, 0.1); }
.vh__facts div{ padding-right:75px; }
.vh__facts dt{ font-size:14px; font-weight:500; line-height:18px; color:rgba(187, 205, 218, 0.6); }
.vh__facts dd{ max-width:300px; margin-top:8px; font-size:clamp(16px, 0.3vw + 12px, 18px); font-weight:500; line-height:1.4; color:var(--white); }
.vf{ padding-bottom:clamp(56px, 7.8vw, 150px); }
.vf__grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:24px; }
.vf-card{ display:flex; flex-direction:column; padding:12px 12px 28px; border-radius:28px; background:var(--white); transition:transform var(--dur-slow) var(--ease-out), box-shadow var(--dur-slow) var(--ease-out); }
.vf-card.noise::after{ opacity:0.05; }
.vf-card__stage{
  position:relative; overflow:hidden; aspect-ratio:333 / 300; border-radius:20px; background-color:var(--paper);
  background-image:linear-gradient(rgba(52, 81, 99, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(52, 81, 99, 0.06) 1px, transparent 1px);
  background-size:24px 24px;
}
.vf-frame{ position:absolute; overflow:hidden; border:3px solid var(--white); border-radius:12px; background:#1a242c; box-shadow:0 14px 30px rgba(5, 10, 13, 0.18); transition:transform var(--dur-slow) var(--ease-out); }
.vf-frame img{ width:100%; height:100%; object-fit:cover; }
.vf-frame__tag{ position:absolute; left:7px; top:7px; display:inline-flex; align-items:center; height:24px; padding:0 8px; border-radius:6px; background:rgba(6, 10, 13, 0.75); color:var(--white); font-size:12px; font-weight:500; line-height:1; }
.vf-card__body{ display:flex; flex-direction:column; gap:12px; flex:1; padding:24px 14px 0; }
.vf-card__spec{ font-size:13px; font-weight:500; line-height:17px; color:var(--signal-text); }
.vf-card__title{ font-size:clamp(22px, 0.6vw + 16px, 28px); font-weight:600; line-height:1.28; letter-spacing:-0.02em; }
.vf-card__text{ font-size:16px; line-height:1.5; color:var(--muted); min-height:4.5em; }
.vf-card__chips{ display:flex; flex-wrap:wrap; gap:6px; }
.vf-card__chips li{ display:inline-flex; align-items:center; height:29px; padding:0 12px; border-radius:99px; background:var(--paper); font-size:13px; font-weight:500; }
.vf-card__task{ margin-top:auto; padding-top:12px; border-top:1px solid #d3dce3; display:grid; gap:4px; }
.vf-card__task small{ font-size:13px; color:var(--muted); line-height:17px; }
.vf-card__task strong{ font-size:17px; font-weight:600; line-height:22px; }
.vf-frame img{ transition:transform 1.6s var(--ease-out); transform-origin:50% 40%; }
.vf-frame__tag{ transition:background-color var(--dur) var(--ease-out); }
.vf-frame__rec{ display:none; width:7px; height:7px; margin-right:6px; border-radius:50%; background:#ff3b30; box-shadow:0 0 0 0 rgba(255, 59, 48, 0.6); }
.vf-frame__play{
  position:absolute; left:50%; top:50%; z-index:2; display:grid; place-items:center; width:44px; height:44px; margin:-22px 0 0 -22px; border-radius:50%;
  background:var(--signal); color:var(--white); box-shadow:0 10px 24px rgba(233, 80, 6, 0.4), 0 0 0 0 rgba(233, 80, 6, 0.45);
  opacity:0; transform:scale(0.6); pointer-events:none; transition:opacity var(--dur) var(--ease-out), transform 450ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
.vf-frame__play svg{ width:16px; height:16px; margin-left:2px; }
.vf-frame__bar{ position:absolute; left:8px; right:8px; bottom:7px; z-index:2; height:3px; border-radius:2px; background:rgba(255, 255, 255, 0.3); overflow:hidden; opacity:0; transition:opacity var(--dur) var(--ease-out); }
.vf-frame__bar i{ display:block; height:100%; border-radius:2px; background:var(--signal); transform:scaleX(0); transform-origin:left; }
.vf-card__stage::after{
  content:""; position:absolute; inset:-30%; pointer-events:none; opacity:0;
  background:radial-gradient(closest-side, rgba(233, 80, 6, 0.22), rgba(233, 80, 6, 0) 70%);
  transition:opacity var(--dur-slow) var(--ease-out);
}
@keyframes vf-progress{ from{ transform:scaleX(0); } to{ transform:scaleX(1); } }
@keyframes vf-rec{ 0%, 100%{ opacity:1; box-shadow:0 0 0 0 rgba(255, 59, 48, 0.6); } 50%{ opacity:0.35; box-shadow:0 0 0 4px rgba(255, 59, 48, 0); } }
@keyframes vf-play{ 0%{ box-shadow:0 10px 24px rgba(233, 80, 6, 0.4), 0 0 0 0 rgba(233, 80, 6, 0.45); } 100%{ box-shadow:0 10px 24px rgba(233, 80, 6, 0.4), 0 0 0 16px rgba(233, 80, 6, 0); } }
@keyframes vf-grid{ from{ background-position:0 0, 0 0; } to{ background-position:0 24px, 24px 0; } }
@media (hover: hover) and (pointer: fine){
  .vf-card:hover{ transform:var(--lift); box-shadow:0 30px 60px rgba(6, 10, 13, 0.1); }
  .vf-card:hover .vf-card__stage{ animation:vf-grid 3s linear infinite; }
  .vf-card:hover .vf-card__stage::after{ opacity:1; }
  .vf-card .vf-frame{ transition:transform 650ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 650ms var(--ease-out), filter 650ms var(--ease-out); }
  .vf-card:hover .vf-frame.is-front{ transform:translateY(-8px) scale(1.04) rotate(-1.2deg); box-shadow:0 26px 48px rgba(5, 10, 13, 0.28); }
  .vf-card:hover .vf-frame:not(.is-front){ transform:translate(-12px, 8px) rotate(-5deg) scale(0.96); filter:brightness(0.85); }
  .vf-card:hover .vf-frame img{ transform:scale(1.08); }
  .vf-card:hover .vf-frame.is-front .vf-frame__play{ opacity:1; transform:scale(1); animation:vf-play 1.4s ease-out 0.4s infinite; }
  .vf-card:hover .vf-frame.is-front .vf-frame__bar{ opacity:1; }
  .vf-card:hover .vf-frame.is-front .vf-frame__bar i{ animation:vf-progress 2.4s linear 0.15s infinite; }
  .vf-card:hover .vf-frame.is-front .vf-frame__tag{ background:rgba(6, 10, 13, 0.9); }
  .vf-card:hover .vf-frame.is-front .vf-frame__rec{ display:inline-block; animation:vf-rec 1s ease-in-out infinite; }
}
@media (prefers-reduced-motion: reduce){
  .vf-card:hover .vf-card__stage, .vf-frame__play, .vf-frame__bar i, .vf-frame__rec{ animation:none !important; }
}

.vf-band{ display:flex; align-items:center; gap:0; margin-top:28px; padding:22px 22px 22px 32px; min-height:144px; border-radius:24px; background:var(--ink); color:var(--white); }
.vf-band__label{ width:220px; flex:none; font-size:16px; font-weight:500; color:var(--mist); }
.vf-band__stat{ display:flex; align-items:center; gap:12px; padding:0 36px; border-left:1px solid rgba(255, 255, 255, 0.12); min-height:39px; }
.vf-band__stat strong{ font-size:clamp(24px, 0.6vw + 18px, 30px); font-weight:600; letter-spacing:-0.02em; line-height:1.3; white-space:nowrap; }
.vf-band__stat > span{ width:130px; font-size:15px; line-height:1.3; color:var(--mist); }
.vf-band__stat strong .c-signal{ font-weight:500; }
.vf-band .vid-pill{ margin-left:auto; }
.vd{ overflow:hidden; padding-bottom:clamp(56px, 8.2vw, 157px); }
.vd__glow{ position:absolute; border-radius:50%; --blur:260px; pointer-events:none; z-index:0; }
.vd__glow--signal{ left:65%; top:-25%; width:52%; height:58%; --gc:rgba(233, 80, 6, 0.22); }
.vd__glow--slate{ left:-19%; top:56%; width:57%; height:58%; --gc:rgba(52, 81, 99, 0.5); }
.vd__reel{ position:relative; }
.vd-strip{ position:relative; overflow:hidden; border-radius:24px; background:#121b22; border:1px solid rgba(255, 255, 255, 0.08); padding:44px 24px; }
.vd-strip.noise::after{ opacity:0.05; }
.vd-strip__perf{ position:absolute; left:0; right:0; height:10px; overflow:hidden; z-index:1; }
.vd-strip__perf--top{ top:15px; }
.vd-strip__perf--bot{ bottom:15px; }
.vd-strip__perf i{
  position:absolute; left:22px; top:0; width:calc(200% + 60px); height:10px; will-change:transform;
  background:rgba(255, 255, 255, 0.1);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='10'%3E%3Crect width='16' height='10' rx='3'/%3E%3C/svg%3E") 0 0 / 30px 10px repeat-x;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='10'%3E%3Crect width='16' height='10' rx='3'/%3E%3C/svg%3E") 0 0 / 30px 10px repeat-x;
}
.vd-strip__frames{ position:relative; z-index:2; display:grid; grid-template-columns:repeat(6, 1fr); gap:12px; will-change:transform; }
.vd-frame{ position:relative; overflow:hidden; isolation:isolate; aspect-ratio:232 / 352; border-radius:12px; color:var(--white); background:#1a242c; transition:filter 500ms var(--ease-out); }
.vd-frame img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; transition:transform 1.2s var(--ease-out); }
.vd-frame::after{ content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg, rgba(6, 10, 13, 0.15) 0%, rgba(6, 10, 13, 0.05) 35%, rgba(6, 10, 13, 0.92) 100%); }
.vd-frame__time{ position:absolute; left:14px; top:14px; display:inline-flex; align-items:center; height:27px; padding:0 10px; border-radius:99px; background:rgba(6, 10, 13, 0.7); font-size:13px; font-weight:500; transition:background-color 400ms var(--ease-out); }
.vd-frame.is-last .vd-frame__time{ background:var(--signal); }
.vd-frame__title{ position:absolute; left:16px; right:16px; top:67%; font-size:clamp(17px, 0.4vw + 13px, 21px); font-weight:600; letter-spacing:-0.01em; line-height:1.3; }
.vd-frame__text{ position:absolute; left:16px; right:16px; top:calc(67% + 30px); font-size:14px; line-height:1.4; color:rgba(255, 255, 255, 0.78); }
html.js:not(.reduced) .vd-frame:not(.is-lit){ filter:grayscale(0.85) brightness(0.55); }
.vd-frame.is-lit img{ transform:scale(1.04); }

.vd-scale{ position:relative; height:40px; margin-top:32px; display:grid; grid-template-columns:repeat(6, 1fr); gap:12px; padding:0 25px; }
.vd-scale__line{ position:absolute; left:0; right:0; top:12px; height:1px; background:rgba(255, 255, 255, 0.14); }
.vd-scale__line i{ position:absolute; left:0; top:0; height:1px; width:80.67%; background:var(--signal); transform-origin:left; }
.vd-scale__mark{ position:relative; display:grid; justify-items:center; }
.vd-scale__mark b{ margin-top:7px; width:11px; height:11px; border-radius:50%; background:var(--signal); transition:transform 300ms var(--ease-out), background-color 300ms, box-shadow 300ms; }
.vd-scale__mark.is-end b{ background:var(--white); }
.vd-scale__mark small{ margin-top:6px; font-size:12px; line-height:16px; color:rgba(187, 205, 218, 0.7); transition:color 300ms; }
html.js:not(.reduced) .vd-scale__mark:not(.is-lit) b{ background:#2a363f; transform:scale(0.7); }
html.js:not(.reduced) .vd-scale__mark.is-lit:not(.is-end) b{ box-shadow:0 0 0 5px rgba(233, 80, 6, 0.18); }
.vd-scale__mark.is-lit small{ color:var(--white); }
.vd-scale__total{ position:absolute; right:34px; top:-20px; display:inline-flex; align-items:center; height:31px; padding:0 12px; border-radius:99px; background:rgba(255, 255, 255, 0.16); border:1px solid rgba(255, 255, 255, 0.12); font-size:13px; white-space:nowrap; }

.vd__total-m{ display:none; align-items:center; height:31px; padding:0 12px; border-radius:99px; background:rgba(255, 255, 255, 0.06); border:1px solid rgba(255, 255, 255, 0.12); font-size:13px; color:var(--white); }
.vd__cols{ display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; margin-top:clamp(48px, 4.4vw, 84px); }
.vd-col__title{ font-size:15px; font-weight:500; line-height:20px; color:var(--signal); margin-bottom:14px; }
.vd-col li{ padding:15px 0; border-top:1px solid rgba(255, 255, 255, 0.1); font-size:17px; line-height:22px; color:rgba(255, 255, 255, 0.88); }
.va{ padding-bottom:clamp(56px, 7.2vw, 138px); }
.va__stage{ position:relative; height:642px; }
.va__notes{ position:absolute; inset:0; pointer-events:none; }
.va-note{ position:absolute; top:calc(var(--t) * 1px); width:330px; display:grid; gap:6px; pointer-events:auto; }
.va-note--l{ left:0; text-align:right; justify-items:end; }
.va-note--r{ right:0; }
.va-note__label{ font-size:13px; font-weight:500; line-height:17px; color:var(--signal-text); }
.va-note__title{ font-size:21px; font-weight:600; line-height:27px; letter-spacing:-0.01em; }
.va-note__text{ font-size:15px; line-height:1.45; color:var(--muted); }
.va__phone-wrap{ display:flex; justify-content:center; }
.va-link{ position:absolute; top:calc(var(--y) * 1px - 1px); height:2px; z-index:2; pointer-events:none; }
.va-link--l{ left:346px; width:calc(50% - 150px - 346px + var(--dx) * 1px); }
.va-link--r{ left:calc(50% - 150px + var(--dx) * 1px); right:346px; }
.va-link i{ position:absolute; inset:0; background:rgba(233, 80, 6, 0.8); transform-origin:right; }
.va-link--r i{ transform-origin:left; }
.va-link b{ position:absolute; top:50%; width:14px; height:14px; margin-top:-7px; border-radius:50%; background:var(--signal); border:2px solid var(--white); }
.va-link--l b{ right:-7px; }
.va-link--r b{ left:-7px; }
.va-link b::before{ content:""; position:absolute; inset:-12px; border-radius:50%; background:rgba(233, 80, 6, 0.18); animation:vid-halo 2.4s var(--ease-out) infinite; }
@keyframes vid-halo{ 0%{ transform:scale(0.6); opacity:1; } 70%{ transform:scale(1.35); opacity:0; } 100%{ transform:scale(1.35); opacity:0; } }
.va-link:nth-child(2) b::before{ animation-delay:0.4s; }
.va-link:nth-child(3) b::before{ animation-delay:0.8s; }
.va-link:nth-child(4) b::before{ animation-delay:1.2s; }
.va-link:nth-child(5) b::before{ animation-delay:1.6s; }
.va-link:nth-child(6) b::before{ animation-delay:2s; }

.va-phone{ position:relative; width:300px; height:620px; flex:none; padding:10px; border-radius:46px; background:var(--ink); box-shadow:0 40px 80px rgba(5, 10, 13, 0.28); }
.va-phone__screen{ position:relative; height:100%; overflow:hidden; isolation:isolate; border-radius:36px; color:var(--white); }
.va-phone__screen > img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; }
.va-phone__screen::after{ content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg, rgba(6, 10, 13, 0.45) 0%, rgba(6, 10, 13, 0.1) 35%, rgba(6, 10, 13, 0.2) 60%, rgba(6, 10, 13, 0.9) 100%); }
.va-phone__screen > :not(img){ position:absolute; }
.va-story{ left:14px; right:14px; top:14px; display:flex; gap:4px; }
.va-story i{ position:relative; flex:1; height:3px; border-radius:2px; background:rgba(255, 255, 255, 0.35); overflow:hidden; }
.va-story i::after{ content:""; position:absolute; inset:0; background:var(--white); transform-origin:left; transform:scaleX(var(--p, 0)); }
.va-story i:nth-child(-n + 2){ --p:1; }
.va-brand{ left:14px; top:32px; display:flex; align-items:center; gap:8px; font-size:13px; font-weight:600; line-height:22px; }
.va-brand__logo{ display:grid; place-items:center; width:22px; height:22px; border-radius:6px; background:var(--signal); }
.va-brand__logo i{ width:10px; height:10px; border-radius:50%; border:2px solid var(--white); }
.va-safe{ left:12px; top:70px; width:256px; height:400px; overflow:visible; }
.va-safe > rect{ fill:none; stroke:rgba(233, 80, 6, 0.9); stroke-width:1.5; stroke-dasharray:6 5; }
.va-hook{ left:24px; top:220px; height:26px; display:inline-flex; align-items:center; padding:0 10px; border-radius:99px; background:var(--signal); font-size:12px; font-weight:500; }
.va-head{ left:24px; top:256px; width:230px; font-size:24px; font-weight:600; line-height:1.15; letter-spacing:-0.01em; }
.va-subs{ left:24px; top:400px; display:grid; justify-items:start; gap:5px; }
.va-subs span{ display:inline-block; padding:5px 9px; border-radius:7px; font-size:18px; font-weight:600; line-height:23px; }
.va-subs__a{ background:var(--white); color:var(--ink); }
.va-subs__b{ background:var(--signal); color:var(--white); }
.va-cta{ left:20px; right:20px; top:520px; height:46px; display:grid; place-items:center; border-radius:99px; background:var(--white); color:var(--ink); font-size:15px; font-weight:600; }
.vp{ overflow:hidden; padding-bottom:clamp(56px, 7.8vw, 150px); }
.vp__glow{ position:absolute; left:47%; top:38%; width:62%; height:70%; border-radius:50%; --gc:rgba(6, 10, 13, 0.5); --blur:260px; pointer-events:none; z-index:0; }
.vp__grid{ display:grid; grid-template-columns:900fr 576fr; gap:24px; align-items:stretch; }

.vp-cal{ position:relative; border-radius:28px; background:var(--white); color:var(--ink); box-shadow:0 30px 60px rgba(5, 10, 13, 0.25); container-type:inline-size; }
.vp-cal.noise::after{ opacity:0.05; }
.vp-cal__in{ --u:calc(100cqw / 900); padding:calc(var(--u) * 30) calc(var(--u) * 34) calc(var(--u) * 44); }
.vp-cal__head{ display:flex; align-items:center; gap:calc(var(--u) * 16); height:calc(var(--u) * 34); }
.vp-cal__month{ font-size:calc(var(--u) * 26); font-weight:600; letter-spacing:-0.02em; line-height:1.3; }
.vp-cal__chip{ display:inline-flex; align-items:center; height:calc(var(--u) * 29); padding:0 calc(var(--u) * 12); border-radius:99px; background:var(--paper); font-size:calc(var(--u) * 13); font-weight:500; }
.vp-cal__legend{ margin-left:auto; display:flex; gap:calc(var(--u) * 8); }
.vp-cal__legend li{ display:inline-flex; align-items:center; gap:calc(var(--u) * 6); font-size:calc(var(--u) * 12); color:var(--muted); }
.vp-tag{ display:inline-grid; place-items:center; height:calc(var(--u) * 17); padding:0 calc(var(--u) * 5); border-radius:calc(var(--u) * 5); font-size:calc(var(--u) * 10); font-weight:600; line-height:1; color:var(--white); background:var(--signal); }
.vp-tag--tt{ background:var(--ink); }
.vp-tag--yt{ background:var(--slate); }
.vp-tag--fb{ background:var(--mist); color:var(--ink); }
.vp-cal__grid{ display:grid; grid-template-columns:repeat(7, 1fr); grid-auto-rows:calc(var(--u) * 82); gap:calc(var(--u) * 8); margin-top:calc(var(--u) * 32); }
.vp-cal__wd{ height:calc(var(--u) * 16); align-self:end; margin-bottom:calc(var(--u) * 4); font-size:calc(var(--u) * 12); font-weight:500; color:var(--muted); }
.vp-cal__grid > .vp-cal__wd{ grid-row:1; }
.vp-cal__grid{ grid-template-rows:calc(var(--u) * 20); }
.vp-day{ position:relative; border-radius:calc(var(--u) * 12); background:var(--paper); }
.vp-day.is-muted{ background:rgba(231, 236, 240, 0.45); }
.vp-day.is-muted .vp-day__n{ color:var(--muted); }
.vp-day__n{ position:absolute; left:calc(var(--u) * 10); top:calc(var(--u) * 8); font-size:calc(var(--u) * 12); font-weight:500; line-height:calc(var(--u) * 16); }
.vp-day__post{ position:absolute; left:calc(var(--u) * 10); top:calc(var(--u) * 32); display:flex; align-items:center; gap:calc(var(--u) * 6); }
.vp-day__post img{ width:calc(var(--u) * 40); height:calc(var(--u) * 40); border-radius:calc(var(--u) * 8); object-fit:cover; }
.vp-day__post > span{ display:grid; justify-items:start; gap:calc(var(--u) * 1); }
.vp-day__post small{ font-size:calc(var(--u) * 10); line-height:1.3; color:var(--muted); }
.vp-day--shoot{ background:var(--signal); color:var(--white); }
.vp-day__cam{ position:absolute; left:calc(var(--u) * 10); top:calc(var(--u) * 30); width:calc(var(--u) * 18); height:calc(var(--u) * 18); }
.vp-day--shoot strong{ position:absolute; left:calc(var(--u) * 10); top:calc(var(--u) * 54); font-size:calc(var(--u) * 13); font-weight:600; line-height:1.3; }
.vp-day--shoot .rec-dot{ position:absolute; right:calc(var(--u) * 10); top:calc(var(--u) * 11); width:calc(var(--u) * 8); height:calc(var(--u) * 8); background:var(--white); }
.vp-day--today{ box-shadow:inset 0 0 0 2px var(--signal); }
.vp-day__today{ position:absolute; right:calc(var(--u) * 12); top:calc(var(--u) * 7); display:inline-flex; align-items:center; height:calc(var(--u) * 17); padding:0 calc(var(--u) * 6); border-radius:calc(var(--u) * 5); background:var(--signal); color:var(--white); font-size:calc(var(--u) * 10); font-weight:500; }
.vp-day--today::after{ content:""; position:absolute; inset:-2px; border-radius:inherit; border:2px solid var(--signal); opacity:0; animation:vid-today 2.4s var(--ease-out) infinite; }
@keyframes vid-today{ 0%{ opacity:0.8; transform:scale(1); } 100%{ opacity:0; transform:scale(1.12); } }

.vp-rep{ position:relative; display:flex; flex-direction:column; padding:30px 34px 34px; border-radius:28px; background:var(--ink); color:var(--white); box-shadow:0 30px 60px rgba(5, 10, 13, 0.35); }
.vp-rep__head{ display:flex; align-items:center; justify-content:space-between; height:34px; padding-right:40px; }
.vp-rep__title{ font-size:22px; font-weight:600; letter-spacing:-0.01em; line-height:1.3; }
.vp-rep__chip{ display:inline-flex; align-items:center; height:28px; padding:0 12px; border-radius:99px; background:rgba(255, 255, 255, 0.08); font-size:12px; font-weight:500; color:var(--mist); }
.vp-rep__rows{ margin-top:30px; }
.vp-row{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; height:112px; padding:20px 0 15px; border-top:1px solid rgba(255, 255, 255, 0.1); }
.vp-row__label{ display:block; font-size:14px; line-height:18px; color:rgba(187, 205, 218, 0.8); }
.vp-row__val{ display:flex; align-items:center; gap:14px; margin-top:6px; }
.vp-row__val strong{ font-size:clamp(28px, 0.8vw + 20px, 36px); font-weight:600; letter-spacing:-0.03em; line-height:47px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.vp-row__val em{ font-style:normal; display:inline-flex; align-items:center; height:22px; padding:0 8px; border-radius:6px; background:rgba(233, 80, 6, 0.16); color:var(--signal); font-size:12px; font-weight:500; white-space:nowrap; }
.vp-row__bars{ display:flex; align-items:flex-end; gap:8px; height:64px; margin-bottom:6px; }
.vp-row__bars i{ width:10px; height:calc(var(--h) * 1px); border-radius:3px; background:rgba(187, 205, 218, 0.28); transform-origin:bottom; }
.vp-row__bars i:last-child{ background:var(--signal); }
.vp-rep__note{ margin-top:auto; padding-top:12px; font-size:13px; line-height:1.3; color:rgba(187, 205, 218, 0.6); }

.vp-band{ display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:138px; margin-top:32px; padding:18px 18px 18px 30px; border-radius:24px; background:rgba(255, 255, 255, 0.18); border:1px solid rgba(255, 255, 255, 0.14); color:var(--white); }
.vp-band p{ font-size:17px; font-weight:500; line-height:1.3; }
.vs{ padding-bottom:clamp(56px, 7.8vw, 150px); }
.vs .sec-head__main{ align-items:flex-start; }
.vs .sec-head__side{ margin-top:6px; }
.vs__track{ display:grid; grid-template-columns:repeat(5, 1fr); gap:20px; overflow:visible; cursor:default; padding-bottom:20px; margin-bottom:-20px; }
.vs__item{ min-width:0; }
.vs .short-card.vs-card{ text-align:left; width:100%; aspect-ratio:284 / 505; border-radius:22px; border:0; box-shadow:0 20px 40px rgba(6, 10, 13, 0.16); }
.vs .short-card.vs-card::after{ background:linear-gradient(180deg, rgba(6, 10, 13, 0) 50%, rgba(6, 10, 13, 0.85)); }
.vs .short-card.vs-card .short-card__play{ left:50%; top:50%; width:60px; height:60px; margin:-30px 0 0 -30px; background:rgba(255, 255, 255, 0.22); border:1px solid rgba(255, 255, 255, 0.35); }
.vs .short-card.vs-card .short-card__play svg{ width:20px; height:20px; display:block; }
.vs .short-card.vs-card .short-card__info{ position:static; }
.vs .short-card.vs-card .short-card__title{ position:absolute; left:18px; right:18px; bottom:38px; font-size:clamp(16px, 0.3vw + 13px, 19px); }
.vs .short-card.vs-card .short-card__title::after{ content:"9:16 · dizainsweb"; display:block; margin-top:4px; font-size:13px; font-weight:500; letter-spacing:0; color:rgba(187, 205, 218, 0.85); position:absolute; top:100%; left:0; white-space:nowrap; }
.vs .short-card.vs-card .short-card__meta{ position:absolute; left:16px; top:16px; margin:0; display:inline-flex !important; align-items:center; height:26px; padding:0 10px; border-radius:99px; background:rgba(6, 10, 13, 0.65); font-family:var(--mono); font-size:12px; font-weight:400; color:var(--white); }
.vs .short-card.vs-card .short-card__progress{ position:absolute; left:18px; right:18px; bottom:16px; margin:0; }
@media (hover: hover) and (pointer: fine){
  .vs .short-card.vs-card:hover{ transform:translateY(-8px); }
  .vs .short-card.vs-card:hover .short-card__play{ box-shadow:0 0 0 8px rgba(233, 80, 6, 0.22); }
  .vs .short-card.vs-card:hover .short-card__progress{ opacity:1; }
}
.vs__note{ margin-top:36px; font-size:15px; color:var(--muted); }
@media (max-width: 1440px){
  .vh__facts div{ padding-right:40px; }
  .vf-band__label{ width:180px; }
  .vf-band__stat{ padding:0 24px; }
  .va-note{ width:290px; }
  .va-link--l{ left:306px; width:calc(50% - 150px - 306px + var(--dx) * 1px); }
  .va-link--r{ right:306px; }
}
@media (max-width: 1280px){
  .vf__grid{ gap:16px; }
  .vf-band__label{ width:150px; }
  .vf-band__stat{ padding:0 18px; }
  .vf-band__stat > span{ width:110px; }
  .va-note{ width:250px; }
  .va-note__title{ font-size:19px; line-height:25px; }
  .va-link--l{ left:266px; width:calc(50% - 150px - 266px + var(--dx) * 1px); }
  .va-link--r{ right:266px; }
  .vh__facts div{ padding-right:24px; }
}
@media (max-width: 1180px) and (min-width: 1025px){
  .vf-band{ flex-wrap:wrap; row-gap:20px; }
  .vf-band__label{ width:100%; }
  .vf-band__stat:first-of-type{ border-left:0; padding-left:0; }
  .vp__grid{ grid-template-columns:1fr; }
  .vp-rep{ max-width:640px; }
}
@media (max-width: 1100px) and (min-width: 1025px){
  .va-note{ width:220px; }
  .va-link--l{ left:236px; width:calc(50% - 150px - 236px + var(--dx) * 1px); }
  .va-link--r{ right:236px; }
}

@media (max-width: 1024px){
  .vf .sec-head, .vd .sec-head, .va .sec-head, .vp .sec-head, .vs .sec-head{ margin-bottom:28px; }
  .vf .sec-head .h2, .vd .sec-head .h2, .va .sec-head .h2, .vp .sec-head .h2, .vs .sec-head .h2{ font-size:clamp(30px, 9.2vw, 36px); }
  .vid-aside, .vf .sec-head__aside, .vd .sec-head__aside, .va .sec-head__aside, .vp .sec-head__aside{ width:auto; max-width:none; font-size:16px; margin-top:0; }
  .vh{ padding:118px 0 36px; }
  .vh__grid{ display:none; }
  .vh__inner{ grid-template-columns:1fr; }
  .vh__text{ padding-top:0; }
  .vh__h1{ margin-top:14px; font-size:clamp(40px, 11.3vw, 50px); }
  .vh__intro{ max-width:none; margin-top:20px; font-size:17px; }
  .vh__ctas{ flex-direction:column; align-items:flex-start; gap:14px; margin-top:28px; }
  .vh__visual{ width:99%; margin:32px 0 0 1%; }
  .vh-tl{ left:0; }
  .vh__facts{ grid-template-columns:1fr 1fr; gap:24px 16px; margin-top:32px; padding-top:24px; }
  .vh__facts div{ padding-right:0; }
  .vh__facts dd{ font-size:17px; }
  .vf__grid{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:12px; margin:0 calc(-1 * var(--gutter)); padding:0 var(--gutter) 4px; scroll-padding-inline:var(--gutter); scrollbar-width:none; }
  .vf__grid::-webkit-scrollbar{ display:none; }
  .vf-card{ flex:0 0 272px; scroll-snap-align:start; border-radius:24px; padding:10px 10px 22px; }
  .vf-card__stage{ border-radius:16px; }
  .vf-card__body{ padding:20px 12px 0; gap:10px; }
  .vf-card__title{ font-size:24px; }
  .vf-card__text{ font-size:15px; min-height:0; }
  .vf-band{ flex-direction:column; align-items:flex-start; gap:0; margin-top:24px; padding:24px 22px 28px; border-radius:24px; }
  .vf-band__label{ width:auto; margin-bottom:8px; }
  .vf-band__stat{ padding:12px 0 12px 36px; border-left:1px solid rgba(255, 255, 255, 0.12) !important; padding-left:36px !important; }
  .vf-band .vid-pill{ margin:24px 0 0; }
  .vd__scroller{ overflow-x:auto; margin:0 calc(-1 * var(--gutter)); padding:24px var(--gutter) 0; scrollbar-width:none; scroll-snap-type:x proximity; scroll-padding-inline:var(--gutter); }
  .vd__scroller::-webkit-scrollbar{ display:none; }
  .vd__reel{ width:1060px; }
  .vd-strip{ padding:34px 16px; border-radius:20px; }
  .vd-strip__perf--top{ top:11px; }
  .vd-strip__perf--bot{ bottom:11px; }
  .vd-strip__frames{ gap:10px; }
  .vd-frame{ scroll-snap-align:start; }
  .vd-frame__title{ font-size:16px; left:12px; right:12px; top:62%; }
  .vd-frame__text{ font-size:13px; left:12px; right:12px; top:calc(62% + 24px); }
  .vd-frame__time{ left:10px; top:10px; height:24px; font-size:12px; padding:0 8px; }
  .vd-scale{ margin-top:20px; padding:0 17px; gap:10px; }
  .vd-scale__total{ display:none; }
  .vd__total-m{ display:inline-flex; margin-top:20px; }
  .vd__cols{ grid-template-columns:1fr; gap:28px; margin-top:32px; }
  .vd-col li{ font-size:17px; padding:14px 0; }
  .va__stage{ height:auto; display:grid; gap:28px; }
  .va__notes{ position:static; display:grid; gap:24px; }
  .va-note{ position:static; width:auto; text-align:left; justify-items:start; gap:4px; }
  .va-link{ display:none; }
  .va__phone-wrap{ justify-content:center; }
  .va-note__title{ font-size:20px; line-height:26px; }
  .vp__grid{ gap:16px; }
  .vp-cal{ border-radius:16px; }
  .vp-rep{ max-width:none; padding:22px 20px 20px; border-radius:20px; }
  .vp-rep__head{ padding-right:0; height:auto; }
  .vp-rep__title{ font-size:18px; }
  .vp-rep__rows{ margin-top:16px; }
  .vp-row{ height:auto; padding:14px 0 12px; }
  .vp-row__val{ margin-top:2px; gap:10px; }
  .vp-row__val strong{ font-size:26px; line-height:1.2; }
  .vp-row__bars{ gap:5px; height:48px; margin-bottom:2px; }
  .vp-row__bars i{ width:7px; height:calc(var(--h) * 0.75px); }
  .vp-rep__note{ font-size:14px; }
  .vp-band{ flex-direction:column; align-items:flex-start; gap:28px; margin-top:16px; padding:28px 22px 22px; border-radius:24px; }
  .vs .sec-head__side{ margin-top:0; }
  .vs__track{ display:flex; overflow-x:auto; gap:12px; margin:0 calc(-1 * var(--gutter)); padding:0 var(--gutter) 20px; scroll-padding-inline:var(--gutter); cursor:grab; }
  .vs__item{ flex:0 0 200px; scroll-snap-align:start; }
  .vs .short-card.vs-card{ width:200px; border-radius:20px; }
  .vs .short-card.vs-card .short-card__title{ font-size:17px; left:14px; bottom:34px; }
  .vs .short-card.vs-card .short-card__meta{ left:12px; top:12px; font-size:13px; }
  .vs__note{ margin-top:16px; }
}