:root { color-scheme: dark; }
:root[data-theme="light"] { color-scheme: light; }

::selection { background: var(--ra-lavender); color: var(--ra-ink); }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
img { max-width: 100%; }
[id] { scroll-margin-top: var(--space-5); }

:focus-visible { outline: 2px solid var(--link); outline-offset: 3px; }
.ra-btn--t2:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--link); }

html:not(.js) .appear { opacity: 1; transform: none; }
html:not(.js) .ra-toggle { display: none; }

.sr-only {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0;
  overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}
.skip {
  position: absolute; z-index: 200; inset-block-start: var(--space-3); inset-inline-start: var(--space-3);
  padding: var(--space-3) var(--space-4); border-radius: var(--radius-md);
  background: var(--surface); color: var(--text); box-shadow: var(--elevation-2);
  font: 600 var(--fs-small)/1 var(--font-body); text-decoration: none;
  display: inline-flex; align-items: center; min-height: 44px;
  transform: translateY(calc(-100% - var(--space-5)));
}
.skip:focus { transform: none; }

.ra-signature { min-height: 44px; }

.ra-nav a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px; padding-inline: 14px; margin-inline: -14px; }

.ra-hero__proof a, .reel__cap a, .speaker a, .about-more a { padding-block: 11px; }

.ra-hero__proof a { padding-block: 14px; }
.ra-toggle { min-width: 44px; }

.ra-door__link { display: inline-flex; align-items: center; align-self: flex-start; min-height: 44px; column-gap: 1ch; }

.ra-footer__links a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px; padding-inline: 14px; margin-inline: -14px; }

@media (min-width: 720px) and (max-width: 819px) {
  .ra-header__actions { gap: var(--space-2); }
  .ra-header__actions .ra-btn--sm { padding-inline: var(--space-3); }
  .ra-header__wa .arrow, .ra-header .ra-toggle .lbl { display: none; }
}

.ra-signature .ra-mark--obsidian { display: none; }
[data-theme="light"] .ra-signature .ra-mark--colour { display: none; }
[data-theme="light"] .ra-signature .ra-mark--obsidian { display: block; }

.hairline {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--border) 12%, var(--border) 88%, transparent);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .035);
}
[data-theme="light"] .hairline { box-shadow: 0 1px 0 rgba(255, 255, 255, .8); }

.rim { position: relative; }
.rim::before, .rim::after {
  content: ""; position: absolute; inset: -1px; border-radius: inherit; pointer-events: none;
  opacity: 0; transition: opacity var(--dur-fast) var(--ease-out);
}
.rim::before {
  z-index: 2; padding: 2px;
  background: linear-gradient(163deg, var(--ra-g-magenta), var(--ra-g-violet) 35%, var(--ra-g-indigo) 68%, var(--ra-g-blue));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}
.rim::after { z-index: -1; box-shadow: 0 0 32px 2px rgba(235, 109, 244, .22), 0 18px 48px -12px rgba(108, 77, 196, .45); }
[data-theme="light"] .rim::after { box-shadow: 0 0 28px 1px rgba(146, 58, 158, .18), 0 18px 40px -14px rgba(108, 77, 196, .3); }
@media (hover: hover) {
  .rim:hover::before, .rim:hover::after,
  .reel__card:hover .rim::before, .reel__card:hover .rim::after { opacity: 1; }
}
.rim:focus-within::before, .rim:focus-within::after,
.reel__card:focus-within .rim::before, .reel__card:focus-within .rim::after { opacity: 1; }

.section-label { margin-block-end: var(--space-6); }
@media (max-width: 759px) { .ra-section { padding-block: var(--space-8); } }

.opening, .final, .ambient { position: relative; }

.ambient > .ra-wrap { position: relative; }
.thread { display: none; }
.js .thread { display: block; position: absolute; inset: 0; pointer-events: none; }

.thread__canvas { position: sticky; top: 0; display: block; width: 100%; height: 100vh; height: 100svh; }

html:not(.motion-ok) .thread__canvas { position: absolute; top: 0; inset-inline-start: 0; }

.opening .ra-hero__text, .law__stage { position: relative; }

.opening .ra-hero__lead { max-width: 52ch; }

.opening .ra-display { text-wrap: balance; }

.hero__users { color: var(--text-muted); }
.hero__op {
  background-image: linear-gradient(90deg, var(--ra-g-magenta), var(--ra-lavender), var(--ra-g-blue), var(--ra-lavender), var(--ra-g-magenta));
  background-size: 300% 100%; background-position: 0% 50%;
  -webkit-background-clip: text; background-clip: text;
  color: transparent; -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
[data-theme="light"] .hero__op {
  background-image: linear-gradient(90deg, var(--ra-g-violet), var(--ra-g-indigo), var(--ra-g-royal), var(--ra-g-indigo), var(--ra-g-violet));
}
.motion-ok .hero__op { animation: op-drift 14s ease-in-out infinite alternate; }
.motion-ok .hero__op.is-resting { animation-play-state: paused; }
@keyframes op-drift { from { background-position: 0% 50%; } to { background-position: 100% 50%; } }
.opening .ra-hero__proof { max-width: 52ch; text-wrap: balance; }
@media (min-width: 900px) and (min-height: 640px) {
  .opening .ra-hero { min-height: calc(100vh - 78px); min-height: calc(100svh - 78px); align-content: center; }
}

:root { --land: 1; }
@media (min-height: 560px) {
  .motion-ok .landing__track { height: 250vh; }
  .motion-ok .landing__stage {
    position: sticky; top: 0; box-sizing: border-box;
    min-height: 100vh; min-height: 100svh;
    display: grid; align-content: center;
    padding-block: var(--head-h) var(--space-7);
  }
  .motion-ok .opening .landing__stage.ra-hero { min-height: 100vh; min-height: 100svh; }
}
@media (min-height: 560px) and (max-width: 759px) { .motion-ok .landing__track { height: 220vh; } }

.motion-ok .landing.is-live .ra-display { --w0: .62; }
.motion-ok .landing.is-live .ra-hero__lead { --w0: .72; }
.motion-ok .landing.is-live .ra-hero__proof { --w0: .80; }
.motion-ok .landing.is-live .ra-hero__cta { --w0: .87; }
.motion-ok .landing.is-live .ra-hero__text > .appear {
  --k: clamp(0, (var(--land) - var(--w0, 0)) / .11, 1);
  opacity: var(--k);
  transform: translateY(calc((1 - var(--k)) * 28px));
  transition: none;
}

.motion-ok.has-landing .ra-header, .motion-ok.has-landing .ra-header + .ra-wrap > .hairline { opacity: clamp(0, (var(--land) - .52) / .12, 1); }
.motion-ok.is-landing .ra-header { pointer-events: none; }

.ra-header a, .ra-header button { scroll-margin-top: calc(-1 * var(--head-h)); }

.law {
  background: var(--bg-deep);
  border-block: 1px solid var(--border);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}
[data-theme="light"] .law { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8); }
.law__stage { padding-block: var(--space-9); }
.law__inner { width: 100%; }
.law__line {
  margin: var(--space-5) 0 0; max-width: 20ch;
  font-family: var(--font-display); font-weight: 600;
  font-size: var(--fs-h1); line-height: var(--lh-head);
  letter-spacing: var(--tracking-display); color: var(--text);
  text-wrap: balance;
}

.motion-ok .law__track { height: 240vh; }
.motion-ok .law__stage {
  position: sticky; top: 0;
  height: 100vh; height: 100svh;
  display: flex; align-items: center;
  padding-block: var(--head-h) 0;
}
@media (max-width: 759px) { .motion-ok .law__track { height: 200vh; } }

.law.is-live .law__w { opacity: .14; transition: opacity 420ms var(--ease-out); }
.law.is-live .law__w.is-lit { opacity: 1; }

.law__w--grey { color: var(--text-muted); }

.law__end {
  padding-block-end: .06em;
  background-image: linear-gradient(90deg, var(--ra-g-magenta) 0%, var(--ra-g-violet) 16%, var(--ra-g-indigo) 32%, var(--ra-g-blue) 50%, transparent 50%);
  background-repeat: no-repeat;
  background-size: 200% max(2px, .05em);
  background-position: 0 100%;
  transition: background-position 900ms var(--ease-out);
}

.law.is-live:not(.is-done) .law__end { background-position: 102% 100%; }
.law.no-trans .law__w, .law.no-trans .law__end { transition: none; }

.law.has-thread .law__end { transition: none; }

.door__intro { margin: 0; color: var(--text-muted); max-width: 52ch; }

.door__cover { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; margin-block-end: var(--space-2); border-radius: var(--radius-md); }
img.door__cover { object-fit: cover; border: 1px solid var(--border); background: var(--ra-ink); }

.ra-doors { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 760px) { .ra-doors { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }

.reel__head { position: relative; }
.reel__ghost { display: none; }
.reel__view { position: relative; max-width: var(--content-max); margin-inline: auto; padding-inline: var(--gutter); }
.reel__rail { position: relative; list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-7) var(--space-5); }
@media (min-width: 640px) { .reel__rail { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) { .reel__rail { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.reel__card { display: grid; align-content: start; gap: var(--space-4); }
.reel__cap { display: grid; gap: var(--space-2); }
.reel__cap p { margin: 0; }
.reel__no { color: var(--link); margin-inline-end: var(--space-3); }
.reel__foot { display: none; }

.shot {
  aspect-ratio: 16 / 10;
  border: 1px solid var(--border); border-radius: var(--radius-lg);
  background: var(--bg-deep); box-shadow: var(--elevation-1);
}

.shot__img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: calc(var(--radius-lg) - 1px); }
.shot__img--light, [data-theme="light"] .shot__img--dark { display: none; }
[data-theme="light"] .shot__img--light { display: block; }

.shot__tag { position: absolute; z-index: 1; top: 2%; left: 1.5%; width: 22%; height: auto; pointer-events: none; }

.reel__credit { color: var(--text-muted); }

.shot picture { display: contents; }

@media (max-width: 767px) {
  .reel__card .shot { aspect-ratio: 4 / 5; }
  .reel__card .shot__img { object-position: var(--crop-x, 50%) 50%; }
  .reel__card .press-mini { --u: 1.5cqi; }

  .reel__card .shot--wide { display: grid; align-content: center; background: #090909; }
  .reel__card .shot--wide .shot__img { height: auto; aspect-ratio: 21 / 20; border-radius: 0; }
}

@media (min-height: 561px) {
  .motion-ok .reel { padding-block-start: 0; }

  .motion-ok .reel__track { height: 340vh; }
  .motion-ok .reel__stage {
    position: sticky; top: 0;
    height: 100vh; height: 100svh;
    overflow: hidden; overflow: clip;
    display: flex; flex-direction: column; justify-content: center; gap: var(--space-6);

    justify-content: safe center;
    padding-block-start: var(--head-h);
  }

  .motion-ok .reel__head { display: grid; grid-template-columns: minmax(0, 1fr); }
  .motion-ok .reel__head .ra-wrap { position: relative; width: 100%; grid-row: 1; }
  .motion-ok .reel__head .section-label { margin: 0; }

  .motion-ok .reel__view { max-width: none; margin-inline: 0; padding-inline: 0; overflow-x: auto; scrollbar-width: none; }
  .motion-ok .reel__view::-webkit-scrollbar { display: none; }
  .reel.is-live .reel__view { overflow: visible; }

  .motion-ok .reel__rail {
    display: flex; align-items: flex-start; width: max-content; gap: var(--space-6);
    padding-inline: max(var(--gutter), calc((100% - var(--content-max)) / 2 + var(--gutter)));
  }
  .motion-ok .reel__card {
    flex: none; transform-origin: 50% 40%;
    width: min(80vw, 520px);
    width: min(80vw, 520px, calc((100svh - 330px - var(--head-h)) * 1.6));
  }

  .motion-ok .reel__ghost {
    display: block; position: relative; grid-row: 2; min-width: 0; margin: 0;
    padding-inline: max(var(--gutter), calc((100% - var(--content-max)) / 2 + var(--gutter)));
    font: 600 clamp(4.5rem, min(2rem + 9vw, 18svh), 10rem)/1 var(--font-display);
    letter-spacing: var(--tracking-display); color: var(--border);
    white-space: nowrap; pointer-events: none; user-select: none;
  }
  .reel__ghost span { display: inline-block; }
  @supports (-webkit-text-stroke: 1px #000) {
    .motion-ok .reel__ghost { color: transparent; -webkit-text-stroke: 1px var(--ra-lavender); opacity: .5; }
    [data-theme="light"].motion-ok .reel__ghost { -webkit-text-stroke-color: var(--ra-plum); opacity: .32; }
  }

  .motion-ok .reel__foot { display: block; }
  .reel__bar { position: relative; height: 1px; max-width: 200px; background: var(--border); overflow: hidden; }
  .reel__fill { position: absolute; inset: 0; background: var(--link); transform: scaleX(0); transform-origin: 0 50%; }
  [dir="rtl"] .reel__fill { transform-origin: 100% 50%; }

  .reel.is-live .reel__rail { display: grid; grid-template-columns: max-content; justify-content: center; align-items: start; width: auto; padding-inline: 0; }
  .reel.is-live .reel__card { grid-area: 1 / 1; will-change: transform, opacity; backface-visibility: hidden; }
  .reel.is-live .reel__card.is-side { cursor: pointer; }
  .reel.is-live .reel__card.is-side .reel__cap { pointer-events: none; }

  .reel.is-brief .reel__tail { display: none; }

  .reel.is-bare .reel__ghost { display: none; }

  .reel.is-live .reel__stage { touch-action: pan-y pinch-zoom; }
  .reel.is-grabbed .reel__stage, .reel.is-grabbed .reel__card { -webkit-user-select: none; user-select: none; cursor: grabbing; }
}
@media (min-height: 561px) and (hover: hover) and (pointer: fine) {
  .motion-ok .reel.is-live .reel__stage { cursor: grab; }
}
@media (min-height: 561px) and (max-width: 767px) {
  .motion-ok .reel__track { height: 316vh; }
  .motion-ok .reel__rail { gap: var(--space-4); }
  .motion-ok .reel__stage { gap: var(--space-5); }

  .motion-ok .reel__card { width: min(80vw, 400px); }
}

@media (min-height: 561px) and (max-height: 680px) {
  .motion-ok .reel__stage { gap: var(--space-5); }
}

@media (min-height: 561px) and (max-height: 760px) {
  .motion-ok .reel__ghost { font-size: clamp(4.5rem, min(2rem + 9vw, 13svh), 10rem); }
}

.book__in { display: grid; gap: var(--space-8); align-items: center; }
.book__text { display: grid; gap: var(--space-5); max-width: var(--text-max); }
.book__text > * { margin: 0; }
.book__title { margin: 0; }
.book__status { color: var(--link); }
.book__text .ra-lead { color: var(--text); }
.book__text p:not(.ra-lead):not(.ra-mono):not(.book__sub) { color: var(--text-muted); }

.book__sub { font: 500 var(--fs-lead)/var(--lh-head) var(--font-display); color: var(--text); }
.book__title + .book__sub { margin-block-start: calc(-1 * var(--space-3)); }

.book__fig { margin: 0; justify-self: center; width: min(100%, 380px); }
.book__shot { border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--ra-ink); box-shadow: var(--elevation-2); }
.book__shot img { display: block; width: 100%; height: auto; border-radius: calc(var(--radius-lg) - 1px); }
@media (min-width: 760px) {
  .book__in { grid-template-columns: minmax(0, 1fr) minmax(0, 380px); gap: var(--space-9); }
  .book__fig { grid-column: 2; grid-row: 1; }
  .book__text { grid-column: 1; grid-row: 1; }
}

.voices {
  padding-block: var(--space-9);
  background:
    radial-gradient(60% 50% at 15% 0%, rgba(108, 77, 196, .22), transparent 70%),
    radial-gradient(50% 60% at 90% 100%, rgba(235, 109, 244, .12), transparent 70%),
    radial-gradient(40% 40% at 70% 30%, rgba(116, 176, 236, .08), transparent 70%),
    var(--bg-deep);
  border-block: 1px solid var(--border);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}
[data-theme="light"] .voices {
  background:
    radial-gradient(60% 50% at 15% 0%, rgba(108, 77, 196, .1), transparent 70%),
    radial-gradient(50% 60% at 90% 100%, rgba(235, 109, 244, .07), transparent 70%),
    var(--bg-deep);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}
@media (max-width: 759px) { .voices { padding-block: var(--space-8); } }
.quotes { display: grid; gap: var(--space-5); }
.quote, .contact {
  position: relative; margin: 0; display: flex; flex-direction: column; gap: var(--space-5);
  padding: var(--space-6); border-radius: var(--radius-lg);
  border: 1px solid rgba(255, 255, 255, .08);
  background:
    linear-gradient(90deg, transparent, rgba(160, 150, 210, .5), transparent) top / 100% 1px no-repeat,
    linear-gradient(180deg, rgba(38, 37, 44, .86), rgba(21, 20, 26, .8));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), var(--elevation-2);
  isolation: isolate;
}
[data-theme="light"] .quote, [data-theme="light"] .contact {
  border-color: var(--border);
  background:
    linear-gradient(90deg, transparent, rgba(108, 77, 196, .35), transparent) top / 100% 1px no-repeat,
    linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .72));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), var(--elevation-2);
}

.quote__glow {
  position: absolute; z-index: -1; inset: 0; border-radius: inherit; overflow: hidden; pointer-events: none;
}
.quote__glow::before {
  content: ""; position: absolute; inset-inline: 8%; bottom: -45%; height: 75%;
  background: radial-gradient(50% 50% at 50% 50%, rgba(146, 58, 158, .55), rgba(108, 77, 196, .18) 55%, transparent 75%);
  opacity: .35; transition: opacity var(--dur-fast) var(--ease-out);
}
[data-theme="light"] .quote__glow::before { background: radial-gradient(50% 50% at 50% 50%, rgba(146, 58, 158, .2), rgba(108, 77, 196, .08) 55%, transparent 75%); }
@media (hover: hover) { .quote:hover .quote__glow::before { opacity: 1; } }
.quote:focus-within .quote__glow::before { opacity: 1; }
.quote__text { margin: 0; }
.quote__text p { margin: 0; font-size: var(--fs-body); line-height: var(--lh-body); color: var(--text); text-wrap: pretty; }
.quote--lead .quote__text p { font-size: var(--fs-lead); }
.quote__text p::before { content: "\201C"; }
.quote__text p::after { content: "\201D"; }

.quote__who { order: -1; display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: var(--space-4); row-gap: var(--space-1); align-items: center; align-content: center; }
.quote__face {
  grid-row: 1 / span 2; display: block; width: 64px; height: 64px; padding: 2px; border-radius: 50%; object-fit: cover;
  background: linear-gradient(135deg, var(--ra-g-magenta), var(--ra-g-indigo) 55%, var(--ra-g-blue)) border-box;
}
.quote--lead .quote__face { width: 72px; height: 72px; }
.quote__who .ra-sig { align-self: end; font: 600 var(--fs-body)/var(--lh-head) var(--font-display); letter-spacing: 0; text-transform: none; color: var(--text); }
.quote__who .ra-mono { align-self: start; }
@media (min-width: 760px) {
  .quotes { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: var(--space-5); }
  .quote { padding: var(--space-7); }
  .quote--lead { grid-row: span 2; justify-content: center; }
}
.speaker { margin: var(--space-7) 0 0; max-width: var(--text-max); }

.story { position: relative; max-width: var(--text-max); }
.story__list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-6); }
.story__ch { position: relative; display: grid; gap: var(--space-2); padding-inline-start: var(--space-6); }
.story__ch p { margin: 0; }
.story__ch .ra-lead { color: var(--text); }
.story__no { font: 500 var(--fs-mono)/19px var(--font-mono); letter-spacing: var(--tracking-mono); color: var(--text-muted); }

.story__ch::before, .story__ch::after {
  content: ""; position: absolute; inset-inline-start: 0; top: 6px;
  width: 7px; height: 7px; border-radius: 50%;
}
.story__ch::before { background: var(--bg); box-shadow: inset 0 0 0 1px var(--text-muted); }
.story__ch::after { background: var(--link); transition: opacity 320ms var(--ease-out); }

.story__ch--open::before, .story__ch--open::after { top: 6px; }
.story__ch--open::after { display: none; }

.story.is-live .story__ch:not(.is-on)::after { opacity: 0; }
.story__rail { position: absolute; top: 9px; bottom: 14px; inset-inline-start: 3px; width: 1px; background: var(--border); }
.story__fill { position: absolute; inset: 0; background: var(--link); transform-origin: 50% 0; }
@media (min-width: 760px) { .story__ch { padding-inline-start: var(--space-7); } }
.about-more { margin: var(--space-7) 0 0; max-width: var(--text-max); }

.about-lede { margin: 0 0 var(--space-7); max-width: 26ch; font: 600 var(--fs-h2)/var(--lh-head) var(--font-display); letter-spacing: var(--tracking-display); color: var(--text); text-wrap: balance; }
.story__ch a { padding-block: 11px; }

.manifesto {
  position: relative; --op-angle: 90deg;
  background:
    radial-gradient(70% 50% at 50% 100%, rgba(108, 77, 196, .18), transparent 70%),
    radial-gradient(40% 40% at 88% 8%, rgba(235, 109, 244, .07), transparent 70%),
    var(--bg-deep);
  border-block: 1px solid var(--border);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}
[data-theme="light"] .manifesto { background: radial-gradient(70% 50% at 50% 100%, rgba(108, 77, 196, .08), transparent 70%), var(--bg-deep); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8); }
[dir="rtl"] .manifesto { --op-angle: 270deg; }
.manifesto .thread__canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.manifesto__stage { position: relative; padding-block: var(--space-9); }
@media (max-width: 759px) { .manifesto__stage { padding-block: var(--space-8); } }
.manifesto__in { position: relative; width: 100%; display: grid; gap: var(--space-8); }
.manifesto__beat { display: grid; gap: var(--space-4); max-width: var(--text-max); }
.manifesto__beat > * { margin: 0; }
.manifesto__problem { font-size: var(--fs-lead); line-height: 1.55; color: var(--text-muted); text-wrap: pretty; }
.manifesto__lede { display: block; margin-block-end: var(--space-4); max-width: 24ch; font: 600 var(--fs-h2)/var(--lh-head) var(--font-display); letter-spacing: var(--tracking-display); color: var(--text); text-wrap: balance; }
.manifesto__vision { font: 600 var(--fs-h1)/var(--lh-head) var(--font-display); letter-spacing: var(--tracking-display); color: var(--text); }

.manifesto__beat--vision { max-width: none; }
.manifesto__line { display: block; text-wrap: balance; }
.manifesto__line--muted { color: var(--text-muted); }

.manifesto__op {
  background-image: linear-gradient(var(--op-angle), var(--ra-g-magenta), var(--ra-lavender) 13%, var(--ra-g-blue) 27%, var(--ra-lavender) 40%, var(--text) 48%, var(--text));
  background-size: 250% 100%; background-repeat: no-repeat;
  background-position: calc((1 - var(--sweep, 1)) * 100%) 50%;
  -webkit-background-clip: text; background-clip: text;
  color: transparent; -webkit-text-fill-color: transparent;
}
[data-theme="light"] .manifesto__op { background-image: linear-gradient(var(--op-angle), var(--ra-g-violet), var(--ra-g-indigo) 13%, var(--ra-g-royal) 27%, var(--ra-g-indigo) 40%, var(--text) 48%, var(--text)); }
[dir="rtl"] .manifesto__op { background-position: calc(var(--sweep, 1) * 100%) 50%; }

.manifesto__glow { position: absolute; inset-inline: 0; bottom: 0; height: 60%; pointer-events: none;
  background: radial-gradient(45% 70% at 50% 100%, rgba(146, 58, 158, .22), rgba(108, 77, 196, .1) 50%, transparent 78%); }
[data-theme="light"] .manifesto__glow { background: radial-gradient(45% 70% at 50% 100%, rgba(146, 58, 158, .1), rgba(108, 77, 196, .05) 50%, transparent 78%); }
@media (min-height: 521px) {
  .motion-ok .manifesto__track { height: 260vh; }
  .motion-ok .manifesto__stage { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; overflow: clip; display: grid; align-content: center; padding-block: var(--head-h) 10vh; }

  .manifesto.is-live .manifesto__in, .manifesto.is-live .manifesto__beat--vision, .manifesto.is-live .manifesto__vision { perspective: 900px; }
  .manifesto.is-live .manifesto__beat { grid-area: 1 / 1; align-self: center; }
  .manifesto.is-live .manifesto__beat--vision { justify-self: center; justify-items: center; text-align: center; }
  .manifesto.is-live .manifesto__beat--problem, .manifesto.is-live .manifesto__beat--vision .ra-sig, .manifesto.is-live .manifesto__line { will-change: transform, opacity; }
}

@media (min-height: 521px) and (min-width: 760px) {
  .manifesto.is-live .manifesto__beat--problem { justify-self: center; justify-items: center; text-align: center; max-width: 60ch; }
  .manifesto.is-live .manifesto__lede { margin-inline: auto; }
}
@media (min-height: 521px) and (max-width: 759px) { .motion-ok .manifesto__track { height: 220vh; } }

.final .thread__canvas, .ambient .thread__canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.final__in { position: relative; width: 100%; display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-7); justify-items: center; }
.final__figure { position: relative; margin: 0; width: 100%; max-width: 300px; }

.final__photo { display: block; width: 100%; height: auto; }

.final__caption { margin: var(--space-4) auto 0; max-width: 36ch; font-size: var(--fs-small); line-height: 1.55; color: var(--text-muted); text-align: center; text-wrap: pretty; }
.final__text { width: 100%; }
.final__title { width: fit-content; max-width: 100%; }
.final__cta { display: flex; margin-block-start: var(--space-6); }
@media (max-width: 519px) { .final__cta .ra-btn-wrap, .final__cta .ra-btn { width: 100%; } }

.contact { align-items: stretch; gap: var(--space-4); max-width: 480px; margin-block-start: var(--space-6); }
.contact p { margin: 0; }
.contact__name { font: 600 var(--fs-h3)/var(--lh-head) var(--font-display); letter-spacing: var(--tracking-display); color: var(--text); }
.contact .final__cta { margin-block-start: var(--space-2); }
.contact__list { list-style: none; margin: 0; padding: var(--space-2) 0 0; border-block-start: 1px solid var(--border); display: grid; }
.contact__list a { display: flex; align-items: center; justify-content: space-between; min-height: 44px; color: var(--text); text-decoration: none; }
.contact__list li + li { border-block-start: 1px solid var(--border); }
.contact__list a span { color: var(--text-muted); transition: color var(--dur-fast) var(--ease-out); }
@media (hover: hover) { .contact__list a:hover span { color: var(--link); } }
[dir="rtl"] .contact__list a span { transform: scaleX(-1); }

@media (max-width: 399px) { .contact { padding: var(--space-5); } .contact .ra-btn { padding-inline: var(--space-4); } }

.contact__form { display: grid; gap: var(--space-4); padding-block-start: var(--space-4); border-block-start: 1px solid var(--border); }
.contact__form[hidden] { display: none; }
.contact__fields { display: grid; gap: var(--space-4); }
.field { display: grid; gap: var(--space-2); }
.field label { font: 500 var(--fs-mono)/1.3 var(--font-mono); letter-spacing: var(--tracking-mono); color: var(--text-muted); }
.field input, .field textarea {
  display: block; width: 100%; min-height: 44px; margin: 0; padding: 10px var(--space-3);
  font: 400 var(--fs-body)/1.5 var(--font-body); color: var(--text);
  background: rgba(15, 13, 21, .55); border: 1px solid rgba(167, 163, 179, .62); border-radius: var(--radius-md);
  -webkit-appearance: none; appearance: none;
}
.field textarea { min-height: 7.5em; resize: vertical; }
[data-theme="light"] .field input, [data-theme="light"] .field textarea { background: rgba(255, 255, 255, .9); border-color: rgba(94, 90, 107, .72); }
.field input:focus-visible, .field textarea:focus-visible { outline: 2px solid var(--link); outline-offset: 1px; }
.field input:-webkit-autofill { -webkit-text-fill-color: var(--text); caret-color: var(--text); box-shadow: inset 0 0 0 1000px #1D1C22; }
[data-theme="light"] .field input:-webkit-autofill { box-shadow: inset 0 0 0 1000px #FFFFFF; }
.contact__hp { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.contact__send { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3) var(--space-4); }
.contact__note { font-size: var(--fs-small); line-height: 1.5; color: var(--text-muted); }
.contact__msg { display: none; margin: 0; }
.contact__msg a { padding-block: 11px; }
.contact__msg--sending { color: var(--text-muted); }
.contact__msg--sent { font: 500 var(--fs-lead)/1.45 var(--font-display); color: var(--text); }
.contact__form[data-state="sending"] .contact__msg--sending,
.contact__form[data-state="error"] .contact__msg--unsent,
.contact__form[data-state="sent"] .contact__msg--sent { display: block; }
.contact__form[data-state="sent"] .contact__fields { display: none; }
.contact__form[data-state="sending"] [type="submit"] { opacity: .6; pointer-events: none; }
.contact.rim:has(.field :focus)::before, .contact.rim:has(.field :focus)::after { opacity: 0; }
@media (min-width: 900px) {
  .final__in { grid-template-columns: minmax(0, 1fr) minmax(0, 440px); align-items: center; justify-items: stretch; gap: var(--space-8); }
  .final__figure { grid-column: 2; grid-row: 1; max-width: none; }
  .final__text { grid-column: 1; grid-row: 1; }
}
@media (min-width: 900px) and (min-height: 640px) {
  .final { display: grid; align-content: center; min-height: 100vh; min-height: 100svh; }
}

.footer__sig { display: grid; gap: var(--space-2); }

.dock {
  position: fixed; z-index: 50;
  inset-block-end: max(var(--space-4), env(safe-area-inset-bottom));
  inset-inline-end: var(--space-4);
  opacity: 0; visibility: hidden; transform: translateY(12px);
  transition: opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), visibility 0s linear var(--dur-fast);
}
.dock.is-shown { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.dock .ra-btn--t2 { background-color: var(--bg); }
.dock .ra-btn--t2:not(:focus-visible) { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 8px 24px -8px rgba(0, 0, 0, .6); }
[data-theme="light"] .dock .ra-btn--t2:not(:focus-visible) { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 8px 24px -10px rgba(21, 20, 26, .35); }
@media (min-width: 720px) { .dock { display: none; } }
@media (prefers-reduced-motion: reduce) { .dock { transform: none; } }

:root { --head-h: 76px; --head-top: 0px; --head-band: #15141A; }
:root[data-theme="light"] { --head-band: #FDFDFB; }
@media (max-width: 719px) { :root { --head-h: 68px; --head-top: -73px; } }
html { scroll-padding-top: var(--head-h); scrollbar-gutter: stable; }
.ra-header { position: sticky; top: var(--head-top); z-index: 60; border-image: conic-gradient(var(--head-band) 0 0) fill 0 // 0 100vmax; }
.ra-header::after {
  content: ""; position: absolute; inset-inline: 0; inset-block-end: 0; height: 1px; pointer-events: none;
  border-image: conic-gradient(var(--border) 0 0) fill 0 // 0 100vmax;
  opacity: 0; transition: opacity var(--dur-fast) var(--ease-out);
}
.is-scrolled .ra-header::after { opacity: 1; }

.menu-btn { display: none; }
.menu-btn__icon { position: relative; z-index: 1; display: block; width: 18px; height: 10px; }
.menu-btn__icon::before, .menu-btn__icon::after {
  content: ""; position: absolute; inset-inline: 0; height: 1.5px; border-radius: 1px; background: currentColor;
  transition: transform var(--dur-fast) var(--ease-out);
}
.menu-btn__icon::before { inset-block-start: 0; }
.menu-btn__icon::after { inset-block-end: 0; }
.menu-btn[aria-expanded="true"] .menu-btn__icon::before { transform: translateY(4.25px) rotate(45deg); }
.menu-btn[aria-expanded="true"] .menu-btn__icon::after { transform: translateY(-4.25px) rotate(-45deg); }

@media (max-width: 1039px) {
  .js .ra-header .ra-nav { display: none; }
  .js .ra-header .menu-btn { display: inline-flex; width: 44px; padding: 0; }
}
@media (max-width: 719px) {
  :root.js { --head-h: 76px; --head-top: 0px; }
  .js .ra-header { column-gap: var(--space-4); }
  .js .ra-header .ra-header__wa { display: none; }
}
html.is-menu { overflow: hidden; }
.menu {
  position: absolute; z-index: 1; inset-inline: 0; inset-block-start: 100%;
  display: grid; align-content: start; gap: var(--space-5);
  max-height: calc(100vh - var(--head-h)); max-height: calc(100svh - var(--head-h)); overflow-y: auto; overscroll-behavior: contain;
  padding: var(--space-1) var(--gutter) max(var(--space-6), env(safe-area-inset-bottom));
  border-block-start: 1px solid var(--border); background: var(--bg);

  box-shadow: 0 0 0 100vmax rgba(10, 9, 14, .72); clip-path: inset(0 -100vmax -100vmax -100vmax);
  opacity: 0; transform: translateY(-8px);
  transition: opacity 220ms var(--ease-out), transform 220ms var(--ease-out);
}
[data-theme="light"] .menu { box-shadow: 0 0 0 100vmax rgba(21, 20, 26, .45); }
.menu[hidden] { display: none; }
.menu.is-open { opacity: 1; transform: none; }
html:not(.motion-ok) .menu { transform: none; }
.menu__list { display: grid; margin: 0; padding: 0; list-style: none; }
.menu__list a {
  display: flex; align-items: center; min-height: 56px; border-block-end: 1px solid var(--border);
  color: var(--text); text-decoration: none; font: 500 var(--fs-h3)/1.2 var(--font-display); letter-spacing: var(--tracking-display);
}
.menu__list a[aria-current] { color: var(--link); }
.menu__more { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3) var(--space-5); }
.menu__dl {
  display: inline-flex; align-items: center; gap: 1ch; min-height: 44px; color: var(--link); text-decoration: none;
  font: 500 var(--fs-mono)/1.4 var(--font-mono); letter-spacing: var(--tracking-mono);
}
.menu__dl-a { display: inline-block; transition: transform var(--dur-fast) var(--ease-out); }
@media (hover: hover) {
  .menu__list a:hover { color: var(--link); }
  .menu__dl:hover span:first-child { text-decoration: underline; text-underline-offset: 3px; }
  .menu__dl:hover .menu__dl-a { transform: translateY(2px); }
}
@media (max-width: 719px) { .menu__wa { flex: 1 1 100%; } }
@media (min-width: 720px) { .menu__wa { display: none; } }
@media (min-width: 1040px) { .menu { display: none; } }
@media (prefers-reduced-motion: reduce) { .menu-btn__icon::before, .menu-btn__icon::after, .menu__dl-a { transition: none; } }

.reel__top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2) var(--space-4); }
.reel__more {
  display: inline-flex; align-items: center; gap: 1ch; min-height: 44px; margin-block: -12px; padding: 0;
  border: 0; background: none; color: var(--link); cursor: pointer; text-decoration: none;
  font: 500 var(--fs-mono)/1.4 var(--font-mono); letter-spacing: var(--tracking-mono);
}
html:not(.has-sheets) button.reel__more { display: none; }
.reel__arrow { display: inline-block; transition: transform var(--dur-fast) var(--ease-out); }
[dir="rtl"] .reel__arrow { transform: scaleX(-1); }
@media (hover: hover) {
  .reel__more:hover .reel__lbl { text-decoration: underline; text-underline-offset: 3px; }
  .reel__more:hover .reel__arrow { transform: translateX(3px); }
  [dir="rtl"] .reel__more:hover .reel__arrow { transform: scaleX(-1) translateX(3px); }
}
.has-sheets .reel__card:not(.is-side) .shot { cursor: zoom-in; }
html.is-sheet { overflow: hidden; }
dialog.sheet {
  width: min(1040px, 100% - 2 * var(--space-5)); max-width: none; max-height: calc(100svh - 2 * var(--space-6));
  margin: auto; padding: 0; border: 0; overflow: visible; background: transparent; color: var(--text);
}
dialog.sheet::backdrop { background: rgba(10, 9, 14, .72); }
[data-theme="light"] dialog.sheet::backdrop { background: rgba(21, 20, 26, .45); }

dialog.sheet[open]::backdrop { animation: sheet-veil-in 360ms var(--ease-out) both; }
dialog.sheet.is-closing::backdrop { animation: sheet-veil-out 220ms ease-in both; }
html:not(.motion-ok) dialog.sheet[open]::backdrop { animation-duration: 160ms; }
html:not(.motion-ok) dialog.sheet.is-closing::backdrop { animation-duration: 140ms; }
@keyframes sheet-veil-in { from { opacity: 0; } }
@keyframes sheet-veil-out { to { opacity: 0; } }
.sheet__in {
  display: grid; max-height: inherit; overflow: auto; overscroll-behavior: contain;
  border-radius: var(--radius-lg); border: 1px solid rgba(255, 255, 255, .08);
  background: linear-gradient(90deg, transparent, rgba(160, 150, 210, .5), transparent) top / 100% 1px no-repeat, linear-gradient(180deg, #24232A, #17161C);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 32px 96px -24px rgba(0, 0, 0, .75), var(--elevation-2);
}
[data-theme="light"] .sheet__in {
  border-color: var(--border);
  background: linear-gradient(90deg, transparent, rgba(108, 77, 196, .35), transparent) top / 100% 1px no-repeat, linear-gradient(180deg, #FFFFFF, #F7F6FA);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 32px 96px -32px rgba(21, 20, 26, .45), var(--elevation-2);
}
.sheet__media { margin: 0; padding: var(--space-4) var(--space-4) 0; display: grid; gap: var(--space-2); align-content: start; }
.sheet__media .shot { position: relative; }
.sheet__media figcaption { color: var(--text-muted); }
.sheet__body { display: grid; align-content: start; gap: var(--space-4); padding: var(--space-5) var(--space-5) var(--space-6); }
.sheet__body > * { margin: 0; }
.sheet__body .ra-h2 { padding-inline-end: var(--space-7); }
.sheet__body .ra-lead { color: var(--text); }
.sheet__body > p:not([class]) { color: var(--text-muted); max-width: var(--text-max); }
.sheet__on { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-block-start: var(--space-2); }
.sheet__quote { margin: 0; display: grid; gap: var(--space-2); padding-inline-start: var(--space-4); border-inline-start: 2px solid var(--link); }
.sheet__quote p { margin: 0; }
.sheet__quote p:first-child { font: 600 var(--fs-h3)/var(--lh-head) var(--font-display); letter-spacing: var(--tracking-display); color: var(--text); text-wrap: balance; }
.sheet__list { list-style: none; margin: 0; padding: 0; border-block-start: 1px solid var(--border); }
.sheet__list li { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--space-1) var(--space-4); padding-block: var(--space-3); border-block-end: 1px solid var(--border); font: 600 var(--fs-lead)/var(--lh-head) var(--font-display); color: var(--text); }
.sheet__agents { margin: 0; border-block-start: 1px solid var(--border); }
.sheet__agents > div { display: grid; gap: 2px; padding-block: var(--space-3); border-block-end: 1px solid var(--border); }
.sheet__agents dt { font: 600 var(--fs-body)/1.35 var(--font-display); color: var(--text); }
.sheet__agents dd { margin: 0; font-size: var(--fs-small); line-height: 1.5; color: var(--text-muted); }
@media (min-width: 560px) and (max-width: 899px) { .sheet__agents { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--space-5); } }
.sheet__close {
  position: absolute; z-index: 2; inset-block-start: var(--space-3); inset-inline-end: var(--space-3);
  width: 44px; height: 44px; padding: 0; border-radius: 50%; cursor: pointer;
  border: 1px solid rgba(255, 255, 255, .16); background: rgba(21, 20, 26, .86); color: var(--ra-cream);
  box-shadow: 0 6px 18px -6px rgba(0, 0, 0, .6); transition: border-color var(--dur-fast) var(--ease-out);
}
.sheet__close::before, .sheet__close::after { content: ""; position: absolute; inset: 0; margin: auto; width: 16px; height: 1.5px; border-radius: 1px; background: currentColor; transform: rotate(45deg); }
.sheet__close::after { transform: rotate(-45deg); }
@media (hover: hover) { .sheet__close:hover { border-color: var(--ra-lavender); } }
@media (min-width: 900px) {
  .sheet__in { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: start; }
  .sheet__media { position: sticky; top: 0; padding: var(--space-6); padding-inline-end: 0; }
  .sheet__body { padding-block: var(--space-8) var(--space-7); padding-inline: var(--space-6) var(--space-7); }
  .sheet__body .ra-h2 { padding-inline-end: 0; }
}

.press-mini { --u: 1cqi; --np-red: #DE1A1A; --np-ink: #1F1F1F; --np-muted: #5F5F5F; --np-paper: #FFFFFF; --np-ground: #F2F2F2; --np-line: #E3E3E3; --np-yellow: #FFD200; }
.press-mini {
  container-type: inline-size; display: grid; grid-template-rows: auto minmax(0, 1fr); width: 100%; height: 100%; overflow: hidden;
  border-radius: calc(var(--radius-lg) - 1px); background: var(--np-ground); color: var(--np-ink); font-family: var(--font-body); text-align: start;
}
.press-mini p { margin: 0; }
.press-mini__mast { display: flex; align-items: center; gap: calc(2.4 * var(--u)); height: calc(9 * var(--u)); padding-inline: calc(4.5 * var(--u)); background: var(--np-red); }
.press-mini__logo { font: 800 calc(5.4 * var(--u))/1 var(--font-display); letter-spacing: -.03em; color: #FFF; }
.press-mini__demo { margin-inline-start: auto; padding: calc(.6 * var(--u)) calc(1.5 * var(--u)); background: #000; color: var(--np-yellow); font: 600 max(8px, calc(1.9 * var(--u)))/1.2 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }
.press-mini__page {
  display: grid; align-content: start; gap: calc(1.6 * var(--u)); min-height: 0; overflow: hidden; margin: calc(3 * var(--u)) calc(4.5 * var(--u)) 0; padding: calc(3.6 * var(--u)) calc(4.5 * var(--u)) 0; background: var(--np-paper);
  -webkit-mask-image: linear-gradient(#000 72%, transparent); mask-image: linear-gradient(#000 72%, transparent);
}
.press-mini__sec { font: 700 calc(2.3 * var(--u))/1.2 var(--font-body); color: var(--np-red); }
.press-mini__title { font: 800 calc(4.2 * var(--u))/1.15 var(--font-display); letter-spacing: -.01em; color: var(--np-ink); text-wrap: balance; }
.press-mini__by { padding-block: calc(1.2 * var(--u)); border-block: 1px solid var(--np-line); font: 400 max(8px, calc(2.1 * var(--u)))/1.3 var(--font-body); color: var(--np-muted); }
.press-mini__ex { font: 400 calc(2.6 * var(--u))/1.5 var(--font-body); color: var(--np-ink); }

@media (max-width: 639px) {
  dialog.sheet { width: 100%; max-width: 100%; max-height: 92svh; margin: auto 0 0; }
  .sheet__in { border-end-start-radius: 0; border-end-end-radius: 0; border-block-end: 0; }
  .sheet__body { padding-block-end: max(var(--space-6), env(safe-area-inset-bottom)); }
}

dialog.demo {
  width: min(1280px, 100% - 2 * var(--space-6)); height: min(860px, 100% - 2 * var(--space-6));
  max-width: none; max-height: none; margin: auto; padding: 0; border: 0; overflow: hidden;
  border-radius: var(--radius-lg); color: var(--text);
  background: linear-gradient(90deg, transparent, rgba(160, 150, 210, .5), transparent) top / 100% 1px no-repeat, #1A191F;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .08), 0 40px 120px -24px rgba(0, 0, 0, .8);
}
[data-theme="light"] dialog.demo {
  background: linear-gradient(90deg, transparent, rgba(108, 77, 196, .35), transparent) top / 100% 1px no-repeat, #FFFFFF;
  box-shadow: 0 0 0 1px var(--border), 0 40px 120px -32px rgba(21, 20, 26, .45);
}
dialog.demo::backdrop { background: rgba(10, 9, 14, .78); }
[data-theme="light"] dialog.demo::backdrop { background: rgba(21, 20, 26, .5); }
dialog.demo[open]::backdrop { animation: sheet-veil-in 360ms var(--ease-out) both; }
dialog.demo.is-closing::backdrop { animation: sheet-veil-out 220ms ease-in both; }
html:not(.motion-ok) dialog.demo[open]::backdrop { animation-duration: 160ms; }
html:not(.motion-ok) dialog.demo.is-closing::backdrop { animation-duration: 140ms; }
.demo__in {
  display: grid; height: 100%; align-items: center; column-gap: var(--space-4);
  grid-template-columns: auto minmax(0, 1fr) auto auto; grid-template-rows: auto minmax(0, 1fr);
  grid-template-areas: "name pitch wa close" "stage stage stage stage";
}
.demo__in > p { margin: 0; }
.demo__name { grid-area: name; padding-block: var(--space-3); padding-inline-start: var(--space-5); font: 600 var(--fs-body)/1.3 var(--font-display); letter-spacing: var(--tracking-display); color: var(--text); }
.demo__pitch { grid-area: pitch; justify-self: end; text-align: end; font-size: var(--fs-small); line-height: 1.45; color: var(--text-muted); text-wrap: balance; }
.demo__wa { grid-area: wa; }
.demo__close {
  grid-area: close; position: relative; inset: auto; margin: var(--space-2); margin-inline-start: 0;
  border-color: var(--border); background: transparent; color: var(--text); box-shadow: none;
}
.demo__stage { grid-area: stage; align-self: stretch; position: relative; min-height: 0; border-block-start: 1px solid var(--border); background: var(--bg-deep); }
.demo__wait { position: absolute; inset: 0; display: grid; place-items: center; margin: 0; color: var(--text-muted); }
.demo__frame { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border: 0; background: transparent; opacity: 0; transition: opacity 280ms var(--ease-out); }
.demo__frame.is-ready { opacity: 1; }

.demo--press .demo__pitch, .demo--press .demo__wa { display: none; }

@media (max-width: 767px) {
  dialog.demo { width: 100%; height: 100%; border-radius: 0; box-shadow: none; background: var(--bg); }
  [data-theme="light"] dialog.demo { box-shadow: none; background: var(--bg); }
  .demo__in {
    padding-block-start: env(safe-area-inset-top); row-gap: 0; column-gap: var(--space-3);
    grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto minmax(0, 1fr);
    grid-template-areas: "name close" "pitch wa" "stage stage";
  }
  .demo__name { padding-inline-start: var(--space-4); }
  .demo__pitch { justify-self: start; text-align: start; padding-inline-start: var(--space-4); padding-block-end: var(--space-3); text-wrap: pretty; }
  .demo__wa { margin-inline-end: var(--space-3); margin-block-end: var(--space-3); align-self: center; }
  .demo__close { justify-self: end; margin: var(--space-1) var(--space-2); }
}
@media (max-width: 380px) { .demo__pitch { font-size: var(--fs-mono); } }

.video { margin: 0; display: grid; align-content: start; gap: var(--space-3); }
.video__open, .video__frame { position: relative; display: block; aspect-ratio: 16 / 9; border-radius: var(--radius-lg); border: 1px solid var(--border); background: #000; overflow: hidden; }
.video__img { display: block; width: 100%; height: 100%; object-fit: cover; }
.video__play { position: absolute; inset: 0; margin: auto; width: 64px; height: 64px; border-radius: 50%; background: rgba(15, 13, 21, .74); box-shadow: 0 0 0 1px rgba(255, 255, 255, .28), 0 10px 30px -8px rgba(0, 0, 0, .7); transition: transform var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out); }
.video__play::before { content: ""; position: absolute; inset: 0; margin: auto; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 17px; border-color: transparent transparent transparent #FDFDFB; transform: translateX(3px); }
@media (hover: hover) { .video__open:hover .video__play { transform: scale(1.06); background-color: rgba(146, 58, 158, .88); } }
.video__open:focus-visible { outline: 2px solid var(--link); outline-offset: 3px; }
.video__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.video figcaption { display: grid; gap: var(--space-1); }
.video figcaption p { margin: 0; }
@media (prefers-reduced-motion: reduce) { .video__play { transition: none; } }

.ra-btn { --gleam: .3; }
.ra-btn--t1 { --gleam: .5; }
.motion-ok .ra-reduced .ra-btn::before { display: block; }
.motion-ok .ra-btn::before, .motion-ok .ra-btn:hover::before {
  transition: none; transform: translateX(-120%);
  background: linear-gradient(105deg, transparent 30%, rgba(116, 176, 236, var(--gleam)) 41%, rgba(255, 255, 255, calc(var(--gleam) * 2.4)) 50%, rgba(235, 109, 244, var(--gleam)) 59%, transparent 70%);
}
[data-theme="light"].motion-ok .ra-btn--t2::before { background: linear-gradient(105deg, transparent 30%, rgba(66, 42, 81, .1) 40%, rgba(255, 255, 255, .95) 50%, rgba(66, 42, 81, .1) 60%, transparent 70%); }
.motion-ok .ra-btn.is-gleam::before { animation: ra-gleam 720ms cubic-bezier(.3, .1, .3, 1) both; }
.motion-ok[dir="rtl"] .ra-btn.is-gleam::before { animation-name: ra-gleam-rtl; }
@keyframes ra-gleam { from { transform: translateX(-120%); } to { transform: translateX(120%); } }
@keyframes ra-gleam-rtl { from { transform: translateX(120%) scaleX(-1); } to { transform: translateX(-120%) scaleX(-1); } }

.door__game {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--space-3);
  min-height: 44px; margin-block-start: var(--space-2); padding: var(--space-3) var(--space-4);
  border: 1px solid var(--border); border-radius: var(--radius-md); color: var(--text); text-decoration: none;
}
.door__game-k { margin: 0; color: var(--link); }
.door__game-t { font-size: var(--fs-small); line-height: 1.4; }
.door__game-a { color: var(--link); transition: transform var(--dur-fast) var(--ease-out); }
[dir="rtl"] .door__game-a { transform: scaleX(-1); }
@media (hover: hover) {
  .door__game:hover { border-color: var(--link); }
  .door__game:hover .door__game-t { text-decoration: underline; text-underline-offset: 3px; }
  .door__game:hover .door__game-a { transform: translateX(3px); }
  [dir="rtl"] .door__game:hover .door__game-a { transform: scaleX(-1) translateX(3px); }
}
.door__game:focus-visible { outline: 2px solid var(--link); outline-offset: 2px; }

html[data-review] [data-copy="proposal"] { outline: 1px dashed var(--link); outline-offset: 4px; }

.review-legend { border-block-end: 1px dashed var(--link); background: var(--bg-deep); }
.review-legend__in { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-1) var(--space-5); padding-block: var(--space-3); }
.review-legend p { margin: 0; }

.cb-cover { display: grid; place-items: center; background: #000;   border: 1px solid var(--border); container-type: inline-size; }
.cb-cover collaboss-eyes { height: min(140px, 27cqi); }
[dir="rtl"] .cb-cover { direction: ltr; }

.cb-name { margin-block: 15px; line-height: 0; direction: ltr; }
[dir="rtl"] .cb-name img { margin-left: auto; }
.cb-name img { display: block; height: 35px; width: auto; }
@media (min-width: 768px) { .cb-name img { height: 44px; } }
.cb-name__light, [data-theme="light"] .cb-name__dark { display: none !important; }
[data-theme="light"] .cb-name__light { display: block !important; }

html.is-still .hero__op,
html.is-still .ra-btn--t1::after,
html.is-still .ra-btn-wrap::before { animation-play-state: paused; }
html.is-still .blog-caret { animation: none; }
html.is-still .ra-btn.is-gleam::before { animation: none; }

.motion-toggle {
  display: inline-flex; align-items: center; gap: 1ch; min-height: 44px; min-width: 44px;
  padding: 0 14px; margin-inline: -14px; border: 0; border-radius: var(--radius-sm); background: none;
  color: var(--text-muted); font: 400 var(--fs-mono)/1.5 var(--font-mono); letter-spacing: .01em;
  cursor: pointer; -webkit-tap-highlight-color: transparent;
}
.motion-toggle__i { flex: none; box-sizing: border-box; width: 8px; height: 9px; border-inline: 2.5px solid currentColor; }
html.is-still .motion-toggle__i { border: 0; background: currentColor; clip-path: polygon(0 0, 100% 50%, 0 100%); }
@media (hover: hover) { .motion-toggle:hover { color: var(--text); } }

.ra-footer > .footer__sig { margin-inline-end: auto; }