/* Shared by all five variants: brand tokens + reset only. Each variant owns its look. */
@import url("fonts.css");
:root{
  --ink:#120822; --rail:#2a1245; --plum:#4a1766; --pink:#ff2e88; --orange:#ff7a1a; --orange-d:#cf4a10;
  --yellow:#ffd23f; --teal:#19e3d3; --bone:#fff4e0; --red:#ff3b3b;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
button{font:inherit;cursor:pointer}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
/* clips (data-clips): shared structure, each variant sets --clip-accent / --clip-ink and its own frame look */
.clips{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.clip{margin:0;min-width:0}
.clip-frame{position:relative;display:block;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden;border:0;padding:0;cursor:pointer}
.clip-frame img,.clip-frame iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;max-width:none}
.clip-frame.is-link{background:linear-gradient(135deg,var(--plum),var(--pink))}
.clip-play{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:var(--clip-accent,#ff2e88);box-shadow:0 0 0 5px rgba(18,8,34,.55);display:grid;place-items:center;transition:transform .12s}
.clip-play::after{content:"";border-left:19px solid var(--clip-ink,#120822);border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}
.clip-frame:hover .clip-play{transform:scale(1.1)}
.clip figcaption{padding-top:9px;font-size:14px;line-height:1.35}
.clip figcaption b{display:block;font-weight:600}
.clip figcaption a{opacity:.75}
.clips-note{font-size:13px;line-height:1.45;opacity:.7;margin:16px 0 0;max-width:70ch}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}