/* Landing: mixed surfaces, docs/127 "A day on the record". Loads after kelabu.css and only on index.html. */

@property --bloom{ syntax:'<color>'; inherits:true; initial-value:transparent; }

:root{
  --ground:#E4E5EA;
  --paper:#FBFBFC;
  --dawn:#F3EFF1;
  --graphite:#17161C;
  --graphite-2:#4A4A55;
  --graphite-link:#2A2930;
  --dusk-a:#4E2A7A;
  --dusk-b:#1E3FA8;
  --dusk-glow:rgba(224,69,58,.22);
  --mist:#F7F5FA;
  --mist-2:#CFC9E0;
  --coral:#E0453A;
  --plum:#8E52B8;
  --azure:#3B7BFF;
  --paper-lilac:#F6F2FA;
  --paper-azure:#F3F6FD;
  --paper-coral:#FDF3F0;
  --volt-deep:#4A4ADB;
  --volt-lift:#5E5EF1;
  --inset:10px;
  --radius:20px;
  --window-shadow:0 30px 80px -40px rgba(40,30,60,.35);
  color-scheme:light;
}
@media (min-width:480px){ :root{ --inset:16px; } }
@media (min-width:768px){ :root{ --radius:28px; } }
@media (min-width:1024px){ :root{ --inset:24px; } }

html{ background:var(--ground); transition:--bloom 1200ms var(--ease); }
html[data-phase="dawn"]{ --bloom:rgba(224,69,58,.16); }
html[data-phase="day"]{ --bloom:rgba(142,82,184,.14); }
html[data-phase="dusk"]{ --bloom:rgba(59,123,255,.16); }
html[data-phase="night"]{ --bloom:transparent; }

body.landing{ background:transparent; color:var(--graphite); }
body.landing::before{
  content:''; position:fixed; inset:0; z-index:0; pointer-events:none;
  background:radial-gradient(60vmax 45vmax at 50% 105%, var(--bloom), transparent 70%);
}

/* ---------- windows on the ground ---------- */

#main{
  display:flex; flex-direction:column; gap:var(--inset);
  padding:var(--inset);
}

.hero__window,.day,.dusk{
  position:relative;
  width:100%; max-width:1440px; margin-inline:auto;
  border-radius:var(--radius);
  box-shadow:var(--window-shadow);
}

/* ---------- type ---------- */

.landing .d1{
  font-size:clamp(42px,6vw,92px); letter-spacing:.025em; line-height:.92;
  margin-inline:auto;
}
.landing .d2{ font-size:clamp(30px,3.4vw,50px); letter-spacing:.01em; line-height:1.1; }
.dN{
  font-family:var(--font-display); font-weight:300;
  font-size:clamp(34px,4.6vw,68px); letter-spacing:.01em; line-height:1.05;
  text-wrap:balance; min-width:0; overflow-wrap:break-word;
}
.landing .lede{ color:var(--graphite-2); max-width:44ch; }
.row__title{
  font-family:var(--font-display); font-weight:400;
  font-size:clamp(22px,2vw,28px); letter-spacing:0; line-height:1.2;
  color:var(--mist);
}
.row__line{ font-weight:300; font-size:17px; line-height:1.55; max-width:44ch; color:var(--mist-2); }
@media (max-width:479px){ .landing .lede,.row__line{ font-size:16px; } }

/* ---------- buttons: the landing's signature CTA (gradient face, glowing rim, mark-coloured sheen) ---------- */

.landing .btn{
  position:relative; isolation:isolate; overflow:hidden;
  background:linear-gradient(155deg, var(--volt-lift), var(--volt) 45%, var(--volt-deep));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 0 0 1px rgba(74,74,219,.4), 0 10px 26px -12px rgba(91,91,240,.75);
  transition:box-shadow 220ms var(--ease), transform 160ms var(--ease), background 220ms var(--ease);
}
.landing .btn::after{
  content:''; position:absolute; top:-40%; bottom:-40%; left:0; width:46%; z-index:-1;
  background:linear-gradient(100deg, transparent 0%, rgba(224,69,58,.16) 32%, rgba(142,82,184,.34) 50%, rgba(59,123,255,.16) 68%, transparent 100%);
  transform:translateX(-240%) skewX(-18deg);
}
.landing .btn:hover{
  background:linear-gradient(155deg, var(--volt), var(--volt-deep) 55%, var(--volt-deep));
  transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 0 0 1.5px rgba(255,255,255,.6), 0 0 0 5px rgba(91,91,240,.22), 0 14px 34px -12px rgba(91,91,240,.95);
}
.landing .btn:active{ transform:translateY(0) scale(.97); box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 0 0 1px rgba(74,74,219,.5), 0 4px 12px -6px rgba(91,91,240,.6); }
@keyframes cta-sheen{ 0%{ transform:translateX(-240%) skewX(-18deg); } 28%,100%{ transform:translateX(340%) skewX(-18deg); } }
@media (prefers-reduced-motion:no-preference){
  .landing .btn::after{ animation:cta-sheen 5.2s var(--ease) 1.4s infinite; }
  .landing .btn:hover::after,.landing .btn:focus-visible::after{ animation-duration:1.5s; animation-delay:0s; }
  @media (hover:none){ .landing .btn::after{ animation-duration:6.5s; } }
}

.landing .btn--paper,.landing .btn--ghost{
  border:1px solid transparent; padding:12px 15px;
  background:
    linear-gradient(rgba(251,251,252,.72), rgba(251,251,252,.72)) padding-box,
    linear-gradient(90deg, rgba(23,22,28,.28), rgba(23,22,28,.28)) border-box;
  color:var(--graphite); box-shadow:none;
  transition:background 220ms var(--ease), box-shadow 220ms var(--ease), transform 160ms var(--ease);
}
.landing .btn--paper::after,.landing .btn--ghost::after{ content:none; }
.landing .btn--paper:hover{
  background:
    linear-gradient(var(--paper), var(--paper)) padding-box,
    linear-gradient(90deg, var(--coral), var(--plum), var(--azure)) border-box;
  transform:translateY(-1px);
  box-shadow:0 10px 26px -14px rgba(40,30,60,.5);
}
.landing .btn--ghost{
  background:
    linear-gradient(rgba(12,10,10,.55), rgba(12,10,10,.55)) padding-box,
    linear-gradient(90deg, rgba(242,239,233,.28), rgba(242,239,233,.28)) border-box;
  color:var(--bone);
}
.landing .btn--ghost:hover{
  background:
    linear-gradient(rgba(36,33,32,.9), rgba(36,33,32,.9)) padding-box,
    linear-gradient(90deg, var(--coral), var(--plum), var(--azure)) border-box;
  transform:translateY(-1px);
}
.landing .btn--paper:active,.landing .btn--ghost:active{ transform:translateY(0) scale(.97); box-shadow:none; }

.hero .btn:focus-visible,.day .btn:focus-visible,.play:focus-visible,
.nav:not([data-tone="dark"]) .btn:focus-visible{ outline-color:var(--volt); }
.dusk :focus-visible,.night :focus-visible,.foot :focus-visible,.sheet :focus-visible,.band :focus-visible,.intro :focus-visible,
.nav[data-tone="dark"] :focus-visible{ outline-color:var(--bone); }

/* ---------- nav links: a neon line sweeps while hovered or focused ---------- */

.nav__links a{ position:relative; padding-block:3px; }
.nav__links a::after{
  content:''; position:absolute; left:0; right:0; bottom:-2px; height:2px; border-radius:1px;
  background:linear-gradient(90deg, transparent, var(--coral) 25%, var(--plum) 50%, var(--azure) 75%, transparent) 50% 0 / 70% 100% no-repeat;
  filter:drop-shadow(0 0 4px rgba(142,82,184,.7));
  opacity:0; transition:opacity 160ms var(--ease);
}
.nav__links a:hover::after,.nav__links a:focus-visible::after{ opacity:1; }
@keyframes nav-sweep{ from{ background-position:-250% 0; } to{ background-position:350% 0; } }
@media (prefers-reduced-motion:no-preference){
  .nav__links a:hover::after,.nav__links a:focus-visible::after{ animation:nav-sweep 1.3s linear infinite; }
}
@media (prefers-reduced-motion:reduce){
  .nav__links a::after{ background:linear-gradient(90deg, var(--coral), var(--plum), var(--azure)); filter:none; }
}

/* ---------- hero ---------- */

.hero__window{
  display:grid; place-items:center;
  height:clamp(560px, calc(100svh - var(--nav-h) - 2 * var(--inset)), 900px);
  padding:clamp(24px,5vw,80px);
  overflow:hidden;
  background:
    radial-gradient(55% 65% at 10% 90%, rgba(224,69,58,.55), transparent 70%),
    radial-gradient(50% 55% at 50% 72%, rgba(142,82,184,.42), transparent 70%),
    radial-gradient(55% 65% at 90% 10%, rgba(59,123,255,.50), transparent 70%),
    radial-gradient(38% 30% at 50% 48%, rgba(243,239,241,.85), transparent 100%),
    var(--dawn);
}
@media (max-width:767px){ .hero__window{ min-height:520px; } }

#field{
  position:absolute; inset:0; width:100%; height:100%;
  opacity:0; transition:opacity 900ms var(--ease);
}
html[data-field-live] #field{ opacity:1; }

.hero__copy{
  position:relative; z-index:1;
  display:flex; flex-direction:column; align-items:center; gap:22px;
  max-width:760px; text-align:center;
}
.hero .lede{ text-wrap:balance; }
.hero .actions{ gap:10px; justify-content:center; }

/* "Watch the intro": shown by landing.js only once the intro poster is known to exist */
.play{
  display:inline-flex; align-items:center; gap:12px; margin-top:6px;
  font-family:var(--font-text); font-weight:400; font-size:15px; letter-spacing:.01em; line-height:1;
  color:var(--graphite); padding:6px 16px 6px 6px; border-radius:999px;
  background:rgba(251,251,252,.55); box-shadow:inset 0 0 0 1px rgba(23,22,28,.14);
  transition:background 180ms var(--ease), box-shadow 180ms var(--ease), transform 160ms var(--ease);
}
.play[hidden]{ display:none; }
.play:hover{ background:var(--paper); box-shadow:inset 0 0 0 1px rgba(23,22,28,.3); }
.play:active{ transform:scale(.97); }
.play__disc{
  position:relative; display:grid; place-items:center; flex:0 0 auto;
  width:40px; height:40px; border-radius:50%; background:var(--graphite); color:var(--paper);
}
.play__disc svg{ margin-left:2px; }
.play__disc::before{ content:''; position:absolute; inset:-4px; border-radius:50%; border:1.5px solid rgba(23,22,28,.4); }
@keyframes play-breathe{ 0%,100%{ transform:scale(1); opacity:.8; } 50%{ transform:scale(1.22); opacity:0; } }

@keyframes hero-in{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:none; } }
@media (prefers-reduced-motion:no-preference){
  .d1__l,.hero .lede,.hero .actions,.play{ animation:hero-in 900ms var(--ease) both; }
  .d1__l:first-child{ animation-delay:200ms; }
  .d1__l:nth-child(2){ animation-delay:340ms; }
  .hero .lede{ animation-delay:520ms; }
  .hero .actions{ animation-delay:680ms; }
  .play{ animation-delay:820ms; }
  .play__disc::before{ animation:play-breathe 2.6s ease-in-out infinite; }
}

/* ---------- day panels ---------- */

.day{
  display:grid; gap:28px;
  padding:clamp(24px,5vw,80px);
  background:var(--paper);
}
.day--lilac{ background:var(--paper-lilac); }
.day--tint{ background:linear-gradient(135deg, var(--paper-azure), var(--paper-coral)); }
.day__text{ display:flex; flex-direction:column; gap:16px; }
@media (min-width:1024px){
  .day{ grid-template-columns:5fr 7fr; gap:clamp(32px,4vw,72px); align-items:center; }
  .day--flip{ grid-template-columns:7fr 5fr; }
  .day--flip .clip{ order:-1; }
}

/* ---------- clips ---------- */

.clip{ --rim:var(--graphite-2); margin:0; min-width:0; }
.clip[data-rim="coral"]{ --rim:var(--coral); }
.clip[data-rim="plum"]{ --rim:var(--plum); }
.clip[data-rim="azure"]{ --rim:var(--azure); }

.clip__frame{
  position:relative; overflow:hidden;
  aspect-ratio:16/10; border-radius:12px;
  border-top:3px solid var(--rim);
  box-shadow:inset 0 0 0 1px rgba(23,22,28,.10);
  background:rgba(23,22,28,.06);
}
@media (min-width:768px){ .clip__frame{ border-radius:16px; } }

.clip__poster,.clip__video{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
}
.clip__video{ opacity:0; transition:opacity 400ms var(--ease); }
.clip__video[data-playing]{ opacity:1; }

.clip__cap{
  margin-top:10px;
  font-family:var(--font-text); font-weight:400;
  font-size:13px; letter-spacing:.01em; line-height:1.4;
  color:var(--graphite-2);
}

/* ---------- volt band ---------- */

.band{
  position:relative; isolation:isolate; overflow:hidden;
  margin:0 calc(-1 * var(--inset));
  padding:clamp(44px,7vw,100px) var(--gutter);
  color:#fff; color-scheme:dark;
  background:linear-gradient(120deg, var(--volt-deep), var(--volt) 55%, var(--volt-lift));
}
.band::before,.band::after{
  content:''; position:absolute; z-index:-1; border-radius:50%; pointer-events:none;
  filter:blur(60px);
}
.band::before{ width:min(48vw,620px); height:min(48vw,620px); left:-8%; top:-50%; background:rgba(224,69,58,.42); }
.band::after{ width:min(40vw,520px); height:min(40vw,520px); right:-6%; bottom:-55%; background:rgba(142,82,184,.6); }
@keyframes band-a{ to{ transform:translate3d(18vw,10vh,0) scale(1.15); } }
@keyframes band-b{ to{ transform:translate3d(-16vw,-12vh,0) scale(1.2); } }
@media (prefers-reduced-motion:no-preference){
  .band::before{ animation:band-a 23s ease-in-out infinite alternate; }
  .band::after{ animation:band-b 29s ease-in-out infinite alternate; }
}
.band__in{
  display:grid; gap:32px; align-items:center; justify-items:center;
  width:100%; max-width:1440px; margin-inline:auto; text-align:center;
}
.band__h{ color:#fff; max-width:18ch; text-wrap:balance; }
.band__film[hidden]{ display:none; }
.band__film{ width:100%; max-width:960px; }
.band__frame{
  position:relative; overflow:hidden; aspect-ratio:16/9; border-radius:16px;
  background:rgba(12,10,10,.3);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14), 0 30px 80px -30px rgba(12,10,10,.7);
}
.band__video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.band__cap{ color:#fff; text-align:left; }
@media (min-width:1024px){
  .band[data-film-ready] .band__in{ grid-template-columns:5fr 7fr; gap:clamp(32px,4vw,72px); text-align:left; justify-items:start; }
  .band[data-film-ready] .band__film{ max-width:none; }
}

/* ---------- dusk: the deck ---------- */

.dusk{
  padding:clamp(24px,5vw,80px);
  color:var(--mist); color-scheme:dark;
  overflow:clip;
  background:
    radial-gradient(60% 50% at 12% 8%, var(--dusk-glow), transparent 70%),
    linear-gradient(160deg, var(--dusk-a), var(--dusk-b));
}
.dusk .d2{ margin-bottom:40px; }
.dusk .clip__frame{ box-shadow:inset 0 0 0 1px rgba(247,245,250,.10); background:rgba(247,245,250,.08); }
.dusk .clip__cap{ color:var(--mist-2); }

.deck{ display:grid; gap:28px; }
.deck__tabs{ display:flex; flex-direction:column; gap:6px; }
.deck__tabs::-webkit-scrollbar{ display:none; }
.tab{
  display:grid; grid-template-columns:auto 1fr; column-gap:14px; align-items:center;
  text-align:left; padding:16px 18px; border-radius:14px;
  color:var(--mist); cursor:pointer;
  transition:background 200ms var(--ease);
}
.tab[data-row="calendar"]{ --rim:var(--coral); }
.tab[data-row="board"]{ --rim:var(--plum); }
.tab[data-row="clients"],.tab[data-row="new-matter"]{ --rim:var(--azure); }
.tab:hover{ background:rgba(247,245,250,.06); }
.tab[aria-selected="true"]{ background:rgba(247,245,250,.09); }
.row__tick{ flex:0 0 auto; width:12px; height:2px; background:var(--rim, var(--mist-2)); transition:width 240ms var(--ease); }
.tab[aria-selected="true"] .row__tick{ width:28px; }
.tab .row__line{ grid-column:2; margin-top:6px; font-size:15px; }
.card{ position:relative; }
.card__head{ display:none; }
.card__head .row__tick{ display:none; }
html:not(.js) .deck__tabs{ display:none; }
html:not(.js) .card__head{ display:flex; flex-direction:column; gap:8px; margin-bottom:16px; }
html:not(.js) .card + .card{ margin-top:40px; }

@media (max-width:1023px){
  html.js .deck__tabs{
    flex-direction:row; gap:8px; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch;
    margin-inline:calc(-1 * clamp(24px,5vw,80px)); padding-inline:clamp(24px,5vw,80px); padding-block:4px;
    scroll-snap-type:x proximity;
  }
  html.js .tab{
    display:inline-flex; align-items:center; gap:10px; flex:0 0 auto;
    padding:10px 16px; border-radius:999px; scroll-snap-align:start;
    box-shadow:inset 0 0 0 1px rgba(247,245,250,.18);
  }
  html.js .tab .row__title{ font-size:17px; }
  html.js .tab .row__line{ display:none; }
  html.js .tab .row__tick{ width:10px; }
  html.js .tab[aria-selected="true"] .row__tick{ width:18px; }
  html.js .card:not([data-active]){ display:none; }
  html.js .card__head{ display:block; margin-bottom:14px; }
  html.js .card__name{ display:none; }
  html.js .deck__stage{ touch-action:pan-y; }
}

@media (min-width:1024px){
  html.js .deck{ grid-template-columns:5fr 7fr; gap:clamp(32px,4vw,72px); align-items:start; }
  html.js .deck__stage{
    position:sticky; top:calc(var(--nav-h) + 24px);
    padding-top:66px; perspective:1400px;
  }
  html.js .card{
    position:absolute; left:0; right:0; top:66px;
    transform-origin:50% 0;
    z-index:calc(4 - var(--k, 0));
    transform:translate3d(0, calc(var(--k, 0) * -22px), 0) scale(calc(1 - var(--k, 0) * .05)) rotate(calc(var(--k, 0) * .7deg));
    opacity:calc(1 - var(--k, 0) * .2);
    transition:transform 560ms var(--ease), opacity 420ms var(--ease);
  }
  html.js .card:first-child{ position:relative; top:0; }
  html.js .card[data-active]{
    transform:perspective(1200px) rotateX(var(--ty, 0deg)) rotateY(var(--tx, 0deg));
  }
  html.js .card .clip__frame{
    box-shadow:inset 0 0 0 1px rgba(247,245,250,.14), 0 28px 70px -30px rgba(12,10,10,.75);
    transform:translateZ(0);
  }
  html.js .card .clip__frame::after{
    content:''; position:absolute; inset:0; pointer-events:none;
    background:radial-gradient(280px circle at var(--mx, 50%) var(--my, 50%), rgba(255,255,255,.16), transparent 65%);
    opacity:0; transition:opacity 320ms var(--ease);
  }
  html.js .deck__stage[data-hover] .card[data-active] .clip__frame::after{ opacity:1; }
  html.js .card:not([data-active]) .clip__cap{ visibility:hidden; }
}

/* ---------- night ---------- */

.night{
  position:relative; isolation:isolate;
  display:grid; place-items:center;
  height:clamp(520px, 88svh, 820px);
  margin:0 calc(-1 * var(--inset)) calc(-1 * var(--inset));
  padding:clamp(24px,5vw,80px) var(--gutter);
  overflow:hidden;
  background:var(--ink); color:var(--bone); color-scheme:dark;
}
.night__media{ position:absolute; inset:0; margin:0; }
.night .clip__frame{
  position:absolute; inset:0;
  aspect-ratio:auto; border:0; border-radius:0; box-shadow:none; background:var(--ink);
}
.night::after{
  content:''; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:
    linear-gradient(transparent calc(100% - 140px), var(--ink)),
    radial-gradient(70% 60% at 50% 50%, rgba(12,10,10,.80) 0 55%, rgba(12,10,10,.55) 100%);
}
@media (max-width:768px){
  .night::after{ background:linear-gradient(transparent calc(100% - 140px), var(--ink)), rgba(12,10,10,.80); }
}
.night__copy{
  position:relative; z-index:2;
  display:flex; flex-direction:column; align-items:center; gap:24px;
  max-width:640px; text-align:center;
}
.night .actions{ justify-content:center; }
.night__cap{
  font-family:var(--font-text); font-weight:400;
  font-size:13px; letter-spacing:.01em; line-height:1.4;
  color:var(--bone);
}

/* ---------- nav on mixed surfaces ---------- */

.nav:not([data-tone="dark"]) .nav__brand{ color:var(--graphite); }
.nav:not([data-tone="dark"]) .nav__burger::before,
.nav:not([data-tone="dark"]) .nav__burger::after{ background:var(--graphite); }
.nav:not([data-tone="dark"]) .nav__links a{ color:var(--graphite-link); }
.nav:not([data-tone="dark"]) .nav__links a:hover,
.nav:not([data-tone="dark"]) .nav__links a[aria-current]{ color:var(--graphite); }
.nav:not([data-tone="dark"])::after{
  background:linear-gradient(180deg, rgba(228,229,234,.96) 22%, rgba(228,229,234,.78) 52%, rgba(228,229,234,0));
}
html:not(.js) .nav{ background:var(--paper); }

/* ---------- sheet and footer ---------- */

.sheet{ color:var(--bone); color-scheme:dark; }

.foot{ background:var(--ink); color:var(--bone); color-scheme:dark; }
.foot .eyebrow{
  font-weight:400; font-size:14px; line-height:1.3;
  text-transform:none; letter-spacing:0; color:var(--bone);
}
.wordmark{ --wm-size:clamp(96px,22vw,340px); }
.wordmark__lit{ display:none; }

/* ---------- scroll entry: the window unfolds, then its text rises ---------- */

@keyframes rv-unfold{
  from{ clip-path:inset(18% 12% round 56px); transform:scale(.94); }
  to{ clip-path:inset(-160px round 0px); transform:none; }
}
@media (prefers-reduced-motion:no-preference){
  html.js .rv:not(.is-in):not(.rv--copy){ clip-path:inset(18% 12% round 56px); transform:scale(.94); }
  html.js .rv:not(.is-in) .rv__t{ opacity:0; transform:translateY(26px); }
  html.js .rv.is-in:not(.is-now):not(.rv--copy){ animation:rv-unfold 1000ms var(--ease) both; }
  html.js .rv .rv__t{ transition:opacity 700ms var(--ease), transform 700ms var(--ease); transition-delay:calc(240ms + var(--i, 0) * 110ms); }
  html.js .rv.is-now .rv__t{ transition:none; }
}

/* ---------- intro dialog ---------- */

.intro{
  width:min(1100px, 92vw); max-width:none; max-height:none;
  border:0; padding:0; background:transparent; color:var(--bone); color-scheme:dark;
}
.intro::backdrop{ background:rgba(12,10,10,.84); }
.intro__in{
  position:relative; border-radius:16px; overflow:hidden; background:var(--ink);
  box-shadow:0 40px 120px -40px rgba(0,0,0,.9);
}
.intro__video{ display:block; width:100%; aspect-ratio:16/9; background:var(--ink); }
.intro__close{
  position:absolute; top:12px; right:12px; z-index:2;
  width:40px; height:40px; border-radius:50%;
  background:rgba(12,10,10,.6); box-shadow:inset 0 0 0 1px rgba(242,239,233,.3);
  cursor:pointer; transition:background 160ms var(--ease);
}
.intro__close:hover{ background:rgba(36,33,32,.9); }
.intro__close::before,.intro__close::after{
  content:''; position:absolute; left:12px; top:19px; width:16px; height:2px; background:var(--bone);
  transform:rotate(45deg);
}
.intro__close::after{ transform:rotate(-45deg); }
html[data-intro-open]{ overflow:hidden; }

/* ---------- reduced motion ---------- */

@media (prefers-reduced-motion:reduce){
  .d1__l,.hero .lede,.hero .actions,.play,.play__disc::before,.landing .btn::after,.nav__links a::after,.rv,.band::before,.band::after{ animation:none; }
  html,#field,.clip__video,.row__tick,.btn--paper,.landing .btn,.tab,.card,.card .clip__frame::after,.rv__t,.play,.intro__close{ transition-duration:0s; }
  #field{ display:none; }
}