/* RELAY Sequence UI — premium visual system aligned to the three-frame identity. */
:root{
  --sequence-void:#050609;
  --sequence-ink:#080a0f;
  --sequence-panel:#0d1018;
  --sequence-panel-raised:#121722;
  --sequence-silver:#e8eaf0;
  --sequence-silver-dim:#a5aab6;
  --sequence-smoke:#747b8a;
  --sequence-wine:#8c234d;
  --sequence-wine-bright:#b63668;
  --sequence-wine-glow:rgba(140,35,77,.28);
  --sequence-line:rgba(232,234,240,.105);
  --sequence-line-strong:rgba(232,234,240,.19);
  --sequence-glass:rgba(9,11,17,.76);
  --sequence-radius:18px;
  --sequence-radius-lg:28px;
  --sequence-shadow:0 28px 90px rgba(0,0,0,.52);
  --accent:var(--sequence-wine-bright);
  --accent-hover:#c74377;
  --accent-soft:rgba(140,35,77,.18);
  --focus:var(--sequence-silver);
  --border:var(--sequence-line);
  --border-strong:var(--sequence-line-strong);
  --text:var(--sequence-silver);
  --text-secondary:#b6bbc6;
  --text-muted:var(--sequence-smoke);
}

html{background:var(--sequence-void)}
body{
  color:var(--sequence-silver);
  background:
    radial-gradient(900px 620px at 85% -18%,rgba(140,35,77,.14),transparent 67%),
    radial-gradient(700px 540px at -8% 62%,rgba(90,100,125,.08),transparent 70%),
    var(--sequence-void);
}
body::before{
  content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.24;
  background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(90deg,#000,transparent 32%,transparent 70%,#000);
}
::selection{background:rgba(182,54,104,.42);color:#fff}

/* Rail: the three-frame mark becomes the visual anchor. */
.relay-header{border-right:1px solid var(--sequence-line);background:rgba(5,7,11,.9);box-shadow:18px 0 60px rgba(0,0,0,.18);backdrop-filter:blur(28px)}
.relay-nav__brand{height:72px;border-bottom:1px solid var(--sequence-line)}
.relay-nav__brand img{width:40px;height:38px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))}
.relay-nav__link{position:relative;color:#707888;transition:color .25s ease,background .25s ease,transform .25s ease}
.relay-nav__link::before{content:"";position:absolute;left:-1px;width:2px;height:0;border-radius:2px;background:linear-gradient(#d8dbe2,var(--sequence-wine-bright));box-shadow:0 0 18px rgba(182,54,104,.35);transition:height .25s ease}
.relay-nav__link:hover{color:#d7dbe4;background:linear-gradient(90deg,rgba(255,255,255,.045),transparent);transform:translateX(1px)}
.relay-nav__link.active,.relay-nav__link[aria-current="page"]{color:#f2f3f7;background:linear-gradient(90deg,rgba(140,35,77,.16),rgba(255,255,255,.035) 55%,transparent)}
.relay-nav__link.active::before,.relay-nav__link[aria-current="page"]::before{height:26px}
.relay-nav__icon{stroke-width:1.45}
.relay-companion-dot{background:#bc3c70;box-shadow:0 0 0 4px rgba(182,54,104,.1),0 0 14px rgba(182,54,104,.38)}
.relay-avatar-btn{border:1px solid var(--sequence-line-strong);background:linear-gradient(145deg,#1c2029,#090b10);box-shadow:0 10px 30px rgba(0,0,0,.4)}

/* Shared surfaces and controls. */
.relay-view{background:transparent}
.relay-page{animation:sequencePageIn .48s cubic-bezier(.16,1,.3,1) both}
@keyframes sequencePageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.relay-btn,.relay-action,.relay-segment,.relay-source__play{font-weight:650;letter-spacing:-.01em}
.relay-btn--primary,.relay-source__play{
  border:1px solid rgba(255,255,255,.52);color:#090a0e;
  background:linear-gradient(145deg,#fff,#d9dce4 55%,#b4b9c4);
  box-shadow:0 12px 32px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.86);
}
.relay-btn--primary:hover,.relay-source__play:hover{background:#fff;box-shadow:0 16px 42px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.42);transform:translateY(-1px)}
.relay-btn--secondary,.relay-btn--ghost{border-color:var(--sequence-line-strong);background:rgba(10,12,18,.48);color:#d7dae2;backdrop-filter:blur(18px)}
.relay-btn--secondary:hover,.relay-btn--ghost:hover{border-color:rgba(232,234,240,.32);background:rgba(255,255,255,.075)}
.relay-page-head__eyebrow,.relay-empty__eyebrow,.relay-hero__eyebrow{color:#d4a3b7!important;font-size:9px!important;font-weight:750!important;letter-spacing:.22em!important}
.relay-page-head__eyebrow::before,.relay-empty__eyebrow::before,.relay-hero__eyebrow::before{content:"";display:inline-block;width:24px;height:1px;margin-right:10px;vertical-align:middle;background:linear-gradient(90deg,var(--sequence-wine-bright),rgba(232,234,240,.7))}

/* Home: cinematic frame, restrained glass, poster rails with depth. */
.relay-hero{min-height:min(690px,72vh);border-bottom:1px solid var(--sequence-line);background:#07080c;isolation:isolate}
.relay-hero::before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;border:1px solid rgba(255,255,255,.04);border-width:0 0 1px;background:linear-gradient(90deg,rgba(140,35,77,.055),transparent 34%,transparent)}
.relay-hero__bg{inset:0 0 0 -2px}
.relay-hero__backdrop{filter:saturate(.86) contrast(1.06);transform:scale(1.012);animation:sequenceHeroSettle 7s cubic-bezier(.16,1,.3,1) both}
@keyframes sequenceHeroSettle{from{transform:scale(1.065)}to{transform:scale(1.012)}}
.relay-hero__shade{
  background:
    linear-gradient(90deg,#07080c 0%,rgba(7,8,12,.94) 16%,rgba(7,8,12,.53) 49%,rgba(7,8,12,.12) 75%),
    linear-gradient(0deg,#070910 0%,transparent 38%,rgba(3,4,7,.25) 100%),
    radial-gradient(circle at 54% 46%,transparent 0%,rgba(0,0,0,.16) 70%);
}
.relay-hero__content{left:clamp(74px,6vw,128px);bottom:clamp(72px,11vh,124px);max-width:650px}
.relay-hero__title{max-width:820px;margin-top:16px;color:#f2f3f6;font-size:clamp(52px,5.5vw,88px);font-weight:720;letter-spacing:-.064em;line-height:.93;text-wrap:balance;text-shadow:0 18px 52px rgba(0,0,0,.55)}
.relay-hero__meta{gap:8px;margin-top:22px}
.relay-hero__meta span{min-height:30px;padding:0 13px;border:1px solid var(--sequence-line-strong);border-radius:999px;background:rgba(8,9,14,.38);color:#c6cad3;font-size:11px;backdrop-filter:blur(18px)}
.relay-hero__synopsis{max-width:570px;margin-top:17px;color:#b8bec9;font-size:14px;line-height:1.72;text-shadow:0 2px 14px rgba(0,0,0,.65)}
.relay-hero__actions{gap:10px;margin-top:27px}
.relay-hero__actions .relay-btn{min-width:138px;height:50px;border-radius:12px}
.relay-hero__control{width:42px;height:42px;border:1px solid var(--sequence-line-strong);background:rgba(7,9,14,.54);color:#dfe2e8;backdrop-filter:blur(20px)}
.relay-hero__control:hover{border-color:rgba(232,234,240,.36);background:rgba(25,28,36,.72)}
.relay-section{padding-inline:clamp(36px,4vw,76px)}
.relay-section__head{margin-bottom:20px}
.relay-section__head h2{color:#e9ebf0;font-size:21px;font-weight:680;letter-spacing:-.035em}
.relay-section__head p{color:var(--sequence-smoke)}
.relay-card{gap:11px;transition:transform .32s cubic-bezier(.16,1,.3,1)}
.relay-card:hover{z-index:3;transform:translateY(-7px)}
.relay-card__poster{overflow:hidden;border:1px solid var(--sequence-line);border-radius:15px;background:linear-gradient(145deg,#161b25,#0b0e14);box-shadow:0 20px 45px rgba(0,0,0,.25);transition:border-color .3s,box-shadow .3s}
.relay-card__poster::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px rgba(255,255,255,.07)}
.relay-card:hover .relay-card__poster{border-color:rgba(232,234,240,.34);box-shadow:0 28px 58px rgba(0,0,0,.45),0 0 0 1px rgba(140,35,77,.16)}
.relay-card__poster img{transition:transform .7s cubic-bezier(.16,1,.3,1),filter .4s}
.relay-card:hover .relay-card__poster img{filter:saturate(1.05);transform:scale(1.045)}
.relay-card__rating{border:1px solid rgba(255,255,255,.13);background:rgba(6,7,10,.74);color:#e6d2da;backdrop-filter:blur(16px)}
.relay-card__progress{height:3px;background:rgba(255,255,255,.12)}
.relay-card__progress span{background:linear-gradient(90deg,var(--sequence-wine),#d4d7df)}
.relay-card__title{color:#dfe2e8;font-size:13px;font-weight:640;letter-spacing:-.018em}
.relay-card__meta{color:#747b89;font-size:10px}
.relay-row__control{border:1px solid var(--sequence-line);background:rgba(6,8,12,.78);backdrop-filter:blur(18px)}

/* Source Theatre: title-first composition and release cards echoing the logo frames. */
.relay-sources{padding-bottom:100px}
.relay-source-cinema{min-height:430px;margin:20px 24px 0;border:1px solid var(--sequence-line);border-radius:var(--sequence-radius-lg);background:#080a0f;box-shadow:var(--sequence-shadow);isolation:isolate}
.relay-source-cinema::after{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px rgba(255,255,255,.07),inset 0 -1px rgba(140,35,77,.16)}
.relay-source-cinema__backdrop{filter:saturate(.78) contrast(1.08);transform:scale(1.025)}
.relay-source-cinema__shade{background:linear-gradient(90deg,rgba(6,7,11,.97) 0%,rgba(6,7,11,.84) 34%,rgba(6,7,11,.28) 70%),linear-gradient(0deg,#080a0f 0%,transparent 58%),radial-gradient(circle at 76% 45%,transparent,rgba(0,0,0,.24))}
.relay-source-cinema__content{z-index:4;align-items:center;padding:clamp(38px,4vw,72px)}
.relay-source-cinema__poster{width:clamp(146px,11vw,190px);border:1px solid rgba(232,234,240,.2);border-radius:16px;box-shadow:0 28px 65px rgba(0,0,0,.6),-5px 7px 0 rgba(140,35,77,.4)}
.relay-source-cinema__identity{max-width:760px}
.relay-source-cinema__identity h1{margin-top:14px;color:#f0f1f4;font-size:clamp(44px,5vw,76px);font-weight:710;letter-spacing:-.058em;line-height:.95;text-wrap:balance}
.relay-source-cinema__overview{max-width:680px;margin-top:18px;color:#aeb4c0;font-size:13px;line-height:1.68}
.relay-source-context__meta{color:#8a919f;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.relay-source-context__meta i{background:var(--sequence-wine-bright)}
.relay-source-cinema__count{min-width:150px;padding:19px 21px;border:1px solid var(--sequence-line-strong);border-radius:16px;background:rgba(8,10,15,.46);backdrop-filter:blur(24px);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.relay-source-cinema__count strong{color:#eceef3;font-size:35px;font-weight:690;letter-spacing:-.05em}
.relay-source-cinema__count span{color:#7d8492;font-size:9px;line-height:1.45;letter-spacing:.12em;text-transform:uppercase}
.relay-source-stage{max-width:1680px;margin:0 auto;padding:50px clamp(28px,4vw,72px)}
.relay-sources__heading{align-items:end;padding-bottom:24px;border-bottom:1px solid var(--sequence-line)}
.relay-sources__heading h2{margin-top:8px;color:#e8eaf0;font-size:32px;font-weight:680;letter-spacing:-.045em}
.relay-sources__trust{padding:11px 14px;border:1px solid rgba(182,54,104,.2);border-radius:12px;background:rgba(140,35,77,.075)}
.relay-sources__trust i{background:var(--sequence-wine-bright);box-shadow:0 0 0 4px rgba(182,54,104,.1),0 0 14px rgba(182,54,104,.32)}
.relay-source-toolbar{position:sticky;z-index:8;top:12px;margin:20px 0;padding:9px;border:1px solid var(--sequence-line);border-radius:16px;background:rgba(7,9,14,.78);box-shadow:0 18px 48px rgba(0,0,0,.22);backdrop-filter:blur(26px)}
.relay-control-bar{border:0;background:transparent}
.relay-segment{min-height:38px;border:1px solid transparent;border-radius:10px;color:#7e8593;background:transparent}
.relay-segment:hover{color:#d7dae2;background:rgba(255,255,255,.045)}
.relay-segment.is-active{border-color:rgba(232,234,240,.22);background:linear-gradient(145deg,#e9ebf0,#afb4bf);color:#090b0f;box-shadow:0 8px 24px rgba(0,0,0,.26)}
.relay-source-toolbar__summary{color:#777f8e}
.relay-source-toolbar__summary strong{color:#e2e4ea}
.relay-source-toolbar__summary i{background:var(--sequence-wine)}
.relay-release-list{gap:11px}
.relay-source{position:relative;grid-template-columns:112px minmax(0,1fr) auto auto;min-height:126px;overflow:hidden;border:1px solid var(--sequence-line);border-radius:17px;background:linear-gradient(110deg,rgba(17,21,30,.94),rgba(10,12,18,.9));box-shadow:0 12px 34px rgba(0,0,0,.17);transition:border-color .25s,background .25s,transform .25s,box-shadow .25s}
.relay-source::before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:2px;background:linear-gradient(transparent,#b9bec8,var(--sequence-wine-bright),transparent);opacity:.5}
.relay-source:hover{border-color:rgba(232,234,240,.22);background:linear-gradient(110deg,rgba(23,28,39,.98),rgba(12,14,21,.95));box-shadow:0 20px 48px rgba(0,0,0,.28);transform:translateY(-2px)}
.relay-source[data-availability="playable"]{border-color:rgba(182,54,104,.33);box-shadow:inset 0 0 42px rgba(140,35,77,.045),0 14px 38px rgba(0,0,0,.2)}
.relay-source[data-availability="playable"]::before{opacity:1;box-shadow:0 0 18px rgba(182,54,104,.4)}
.relay-source__quality{border-right:1px solid var(--sequence-line)}
.relay-source__quality span{color:#6e7583;font-size:8px;letter-spacing:.16em}
.relay-source__quality strong{color:#e5e7ec;font-size:20px;font-weight:670;letter-spacing:-.035em}
.relay-source__release{color:#e4e6eb;font-size:13px;font-weight:650}
.relay-source__info-primary{color:#9ea5b2}
.relay-source__meta-chips span{border:1px solid var(--sequence-line);background:rgba(255,255,255,.028);color:#858d9b}
.relay-source__availability{color:#8f97a5}
.relay-source[data-availability="playable"] .relay-source__availability{color:#d6a6ba}
.relay-source[data-availability="playable"] .relay-source__availability-dot{background:var(--sequence-wine-bright);box-shadow:0 0 0 4px rgba(182,54,104,.1),0 0 13px rgba(182,54,104,.38)}
.relay-source__health{color:#818997}
.relay-source__play{min-width:168px;height:45px;border-radius:11px}

/* Player: clean silver controls and burgundy connection signal. */
.relay-player{background:#020304}
.relay-player__backdrop-shade{background:linear-gradient(90deg,rgba(2,3,5,.85),rgba(3,4,6,.27) 56%,rgba(2,3,5,.72)),linear-gradient(0deg,#020304,transparent 50%,rgba(2,3,5,.5))}
.relay-player::after{background:linear-gradient(180deg,rgba(0,0,0,.55),transparent 20%,transparent 63%,rgba(0,0,0,.9))}
.relay-player__loader-aura{background:radial-gradient(circle,rgba(140,35,77,.16),rgba(205,210,221,.055) 36%,transparent 70%)}
.relay-player__loader-mark--relay img{filter:drop-shadow(0 16px 34px rgba(0,0,0,.78))}
.relay-player__loader-wordmark{color:#eceef2!important;font-weight:560!important;letter-spacing:.5em!important}
.relay-player__launch>span{color:rgba(204,208,218,.58);letter-spacing:.18em}
.relay-player__status{border-color:var(--sequence-line);background:rgba(6,8,12,.74);color:#c7cbd4}
.relay-player__mini-loader{border-color:rgba(232,234,240,.16);border-top-color:#dfe2e8}
.relay-player__chrome{background:linear-gradient(180deg,rgba(0,0,0,.76),transparent)}
.relay-player__eyebrow{color:#d4a3b7}
.relay-player__close,.relay-player__text-btn,.relay-player__quality{border-color:var(--sequence-line);background:rgba(7,9,13,.54);color:#d9dce3}
.relay-player__btn--primary{background:linear-gradient(145deg,#fff,#c8ccd5);color:#07090c}
.relay-player__progress-fill{background:linear-gradient(90deg,var(--sequence-wine),#dadde4);box-shadow:0 0 16px rgba(140,35,77,.42)}
.relay-player__progress-thumb{box-shadow:0 0 0 4px rgba(140,35,77,.18),0 2px 10px #000}
.relay-player__quality{border-color:rgba(182,54,104,.22);color:#d7a4ba}
.relay-player__stats-btn.active{border-color:rgba(182,54,104,.34);background:rgba(140,35,77,.16);color:#efbfd3}
.relay-player__telemetry{border-color:var(--sequence-line);background:rgba(7,9,14,.94)}
.relay-player__live-dot{background:var(--sequence-wine-bright);box-shadow:0 0 0 4px rgba(182,54,104,.1),0 0 13px rgba(182,54,104,.36)}
.relay-player__sub-menu{border-color:var(--sequence-line);background:rgba(7,9,14,.97)}
.relay-player__menu-head small{color:#d2a0b5}
.relay-player__menu-row.active{border-color:rgba(182,54,104,.22);background:rgba(140,35,77,.12)}

/* Shared content pages inherit the same framed language. */
.relay-detail__hero,.relay-empty--featured,.relay-addon,.relay-settings-card,.relay-profile-card{border-color:var(--sequence-line)!important;background-color:var(--sequence-panel)!important;box-shadow:0 20px 60px rgba(0,0,0,.23)}
.relay-detail__title,.relay-page-head h1{color:#eceef2;letter-spacing:-.05em}
.relay-meta-pill,.relay-detail__genres span{border-color:var(--sequence-line);background:rgba(255,255,255,.03);color:#aeb4c0}
.relay-action{border-color:var(--sequence-line);background:linear-gradient(145deg,rgba(19,23,32,.92),rgba(10,12,18,.92))}
.relay-action:hover{border-color:rgba(232,234,240,.24);background:linear-gradient(145deg,rgba(27,32,43,.96),rgba(12,14,20,.94));transform:translateY(-2px)}
.relay-action--primary{border-color:rgba(255,255,255,.5)!important;background:linear-gradient(145deg,#f7f8fa,#d9dce3 58%,#aeb3be)!important;color:#080a0e!important;box-shadow:0 16px 42px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.88)}
.relay-action--primary:hover{border-color:#fff!important;background:#fff!important;box-shadow:0 22px 55px rgba(0,0,0,.4)}
.relay-action--primary strong,.relay-action--primary small,.relay-action--primary svg{color:#080a0e!important;stroke:#080a0e!important}
.relay-action--primary small{opacity:.62}
input,select,textarea,.relay-input{border-color:var(--sequence-line-strong)!important;background:rgba(8,10,15,.82)!important;color:#e0e3e9!important}
input:focus,select:focus,textarea:focus,.relay-input:focus{border-color:rgba(182,54,104,.56)!important;box-shadow:0 0 0 3px rgba(140,35,77,.15)!important}

/* Internal product pages: consistent sequence frames, chips and editorial hierarchy. */
.relay-header .relay-nav__link.active{border-color:transparent!important;background:linear-gradient(90deg,rgba(140,35,77,.2),rgba(255,255,255,.045) 58%,transparent)!important;box-shadow:none!important;color:#f0f1f4!important}
.relay-header .relay-nav__link.active .relay-nav__icon{color:#e9ebf0!important;stroke:currentColor!important}
.relay-page:not(.relay-sources){max-width:1720px;margin-inline:auto;padding-inline:clamp(42px,5vw,88px)}
.relay-page-head{padding-top:clamp(72px,8vw,118px);padding-bottom:44px;border-bottom:1px solid var(--sequence-line)}
.relay-page-head__title{margin-top:14px;font-size:clamp(50px,5vw,76px)!important;font-weight:710!important;line-height:.96!important}
.relay-page-head__copy{max-width:620px;margin-top:20px;color:#939aa7!important;font-size:14px!important;line-height:1.65}
.relay-page-head__aside{align-self:end;padding:12px 16px;border:1px solid var(--sequence-line);border-radius:12px;background:rgba(255,255,255,.025);color:#737b89}
.relay-page-head__aside strong{color:#e5e7ec;font-size:24px;letter-spacing:-.04em}
.relay-discovery-controls{padding:28px 0;border-bottom:1px solid var(--sequence-line)}
.relay-genre-strip{gap:7px}
.relay-chip{min-height:38px;padding:0 16px;border:1px solid var(--sequence-line);border-radius:999px;background:rgba(255,255,255,.018);color:#7f8795;transition:border-color .2s,background .2s,color .2s,transform .2s}
.relay-chip:hover{border-color:rgba(232,234,240,.22);background:rgba(255,255,255,.055);color:#d9dce3;transform:translateY(-1px)}
.relay-chip.is-active{border-color:rgba(182,54,104,.35)!important;background:rgba(140,35,77,.14)!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 28px rgba(0,0,0,.18)!important;color:#e9c3d3!important}
.relay-catalogue-head,.relay-search-results__head,.relay-market-head{padding-top:38px}
.relay-catalogue-head h2,.relay-search-results__head h2,.relay-market-head h2{color:#e9ebef;font-size:28px;font-weight:680;letter-spacing:-.04em}
.relay-grid{gap:34px 18px}
.relay-footer{border-top-color:var(--sequence-line);color:#555d6b;letter-spacing:.1em;text-transform:uppercase}

.relay-search-box{max-width:980px;margin:30px 0;border:1px solid var(--sequence-line-strong);border-radius:18px;background:linear-gradient(145deg,rgba(19,23,31,.9),rgba(9,11,16,.9));box-shadow:0 22px 58px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.045)}
.relay-search-box:focus-within{border-color:rgba(182,54,104,.44);box-shadow:0 24px 65px rgba(0,0,0,.3),0 0 0 3px rgba(140,35,77,.1)}
.relay-search-box svg{color:#a56b84}
.relay-search__input{border:0!important;background:transparent!important;box-shadow:none!important;font-size:20px!important}
.relay-discovery-state{min-height:360px;border:1px solid var(--sequence-line);border-radius:var(--sequence-radius-lg);background:radial-gradient(circle at 25% 50%,rgba(140,35,77,.075),transparent 36%),linear-gradient(145deg,rgba(16,20,28,.72),rgba(8,10,15,.65));box-shadow:inset 0 1px rgba(255,255,255,.035)}
.relay-discovery-state__mark{border-color:rgba(182,54,104,.22);background:rgba(140,35,77,.09);color:#d8a7bb}

.relay-addon-grid{gap:16px}.relay-addon{position:relative;overflow:hidden;border-radius:18px!important;background:linear-gradient(145deg,rgba(18,22,31,.96),rgba(9,11,17,.96))!important;transition:border-color .25s,transform .25s,box-shadow .25s}
.relay-addon::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(232,234,240,.28),rgba(140,35,77,.56),transparent);opacity:.7}
.relay-addon:hover{border-color:rgba(232,234,240,.22)!important;box-shadow:0 26px 60px rgba(0,0,0,.3);transform:translateY(-3px)}
.relay-addon__icon{border:1px solid var(--sequence-line-strong);background:linear-gradient(145deg,#252a34,#0b0e14);color:#e8eaf0;box-shadow:0 12px 30px rgba(0,0,0,.28)}
.relay-addon__status i,.relay-addon__toggle.on::after{background:var(--sequence-wine-bright);box-shadow:0 0 10px rgba(182,54,104,.4)}
.relay-addon__chips span{border-color:var(--sequence-line);background:rgba(255,255,255,.025);color:#858d9b}
.relay-addon__toggle.on{border-color:rgba(182,54,104,.38);background:rgba(140,35,77,.2)}

.relay-settings-layout{gap:34px;padding-top:34px}.relay-settings-index{border-right:1px solid var(--sequence-line)}
.relay-settings-index a{position:relative;color:#777f8d}.relay-settings-index a:hover{color:#d6dae2;background:rgba(255,255,255,.035)}
.relay-settings-index a::before{content:"";position:absolute;left:0;width:2px;height:0;background:linear-gradient(#d8dbe2,var(--sequence-wine));transition:height .2s}.relay-settings-index a:hover::before{height:18px}
.relay-settings-group{overflow:hidden;border:1px solid var(--sequence-line)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(17,21,29,.94),rgba(9,11,16,.94))!important;box-shadow:0 18px 55px rgba(0,0,0,.18)}
.relay-settings-group__head{border-bottom-color:var(--sequence-line)!important;background:radial-gradient(circle at 95% 10%,rgba(140,35,77,.1),transparent 38%)}
.relay-setting-row{border-bottom-color:var(--sequence-line)!important}.relay-setting-row:hover{background:rgba(255,255,255,.024)}
.relay-switch input:checked+i{border-color:rgba(182,54,104,.65)!important;background:rgba(140,35,77,.78)!important;box-shadow:0 0 0 3px rgba(140,35,77,.11)!important}.relay-switch input:checked+i::after{background:#f3f3f5!important;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.relay-companion-setting{border-color:var(--sequence-line)!important;background:rgba(255,255,255,.022)!important}
.relay-settings-save{border-top-color:var(--sequence-line)!important;background:rgba(7,9,13,.72)!important;backdrop-filter:blur(22px)}

.relay-modal{background:rgba(2,3,5,.76);backdrop-filter:blur(18px)}
.relay-companion-pair__card{border:1px solid var(--sequence-line-strong);border-radius:22px;background:linear-gradient(145deg,#141821,#090b10);box-shadow:0 40px 100px rgba(0,0,0,.62)}
.relay-toast{border:1px solid var(--sequence-line-strong);background:rgba(8,10,15,.92);color:#e0e3e9;box-shadow:0 24px 60px rgba(0,0,0,.42);backdrop-filter:blur(24px)}

/* Authentication: a quiet private-screening entrance, not a separate visual product. */
.relay-auth{background:var(--sequence-void)}
.relay-auth__visual{
  border-right:1px solid var(--sequence-line)!important;
  background:
    radial-gradient(ellipse at 32% 38%,rgba(140,35,77,.14),transparent 43%),
    linear-gradient(145deg,rgba(12,15,22,.42),rgba(5,6,9,.2) 70%),
    url('/assets/brand/relay-symbol.svg?v=relay-sequence-1') center/min(690px,78%) auto no-repeat!important;
}
.relay-auth__visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(5,6,9,.76),transparent 48%),linear-gradient(90deg,transparent 65%,rgba(5,6,9,.52))}
.relay-auth__mark,.relay-auth__visual p,.relay-auth__visual small{position:relative;z-index:1}
.relay-auth__mark{filter:drop-shadow(0 14px 32px rgba(0,0,0,.52))}
.relay-auth__visual small,.relay-auth__eyebrow{color:#d3a1b6!important}
.relay-auth__panel{border:1px solid var(--sequence-line)!important;background:linear-gradient(145deg,rgba(16,20,28,.96),rgba(8,10,15,.96))!important;box-shadow:0 36px 90px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.045)}
.relay-auth__panel h1{color:#eceef2;letter-spacing:-.055em}
.relay-auth__intro,.relay-auth__fine{color:#818997!important}
.relay-auth__form label{color:#a8aeba}
.relay-auth .relay-btn--accent{border:1px solid rgba(255,255,255,.48);background:linear-gradient(145deg,#f7f8fa,#d5d8df 58%,#adb2bd);color:#080a0e;box-shadow:0 14px 36px rgba(0,0,0,.28)}
.relay-auth .relay-btn--accent:hover{background:#fff;filter:none;transform:translateY(-1px)}

@media(max-width:900px){
  .relay-hero{min-height:620px}.relay-hero__content{left:32px;right:28px}.relay-hero__title{font-size:clamp(46px,10vw,70px)}
  .relay-source-cinema{margin:12px}.relay-source-cinema__content{align-items:end}.relay-source-cinema__poster{width:120px}.relay-source-cinema__count{display:none}
  .relay-source{grid-template-columns:88px minmax(0,1fr);padding:16px}.relay-source__availability,.relay-source__health,.relay-source__type,.relay-source__actions{grid-column:2}
}
@media(max-width:640px){
  body::before{display:none}.relay-hero{min-height:560px}.relay-hero__content{left:22px;bottom:68px}.relay-hero__title{font-size:43px}.relay-hero__synopsis{font-size:12px}.relay-section{padding-inline:18px}
  .relay-source-cinema{min-height:400px;border-radius:20px}.relay-source-cinema__content{padding:26px}.relay-source-cinema__poster{display:none}.relay-source-cinema__identity h1{font-size:42px}
  .relay-source-stage{padding:34px 16px}.relay-sources__heading{align-items:start}.relay-sources__trust{display:none}.relay-source-toolbar{top:8px}.relay-source-toolbar__summary{display:none}
  .relay-source{grid-template-columns:72px minmax(0,1fr);min-height:150px}.relay-source__play{width:100%}
}

@media(prefers-reduced-motion:reduce){.relay-page,.relay-hero__backdrop,.relay-card,.relay-card__poster img,.relay-source{animation:none;transition:none}}

/* ==========================================================
   RELAY SEQUENCE II — structural redesign
   Three silver frames, two burgundy signals, one cinematic flow.
   ========================================================== */
:root{
  --relay-blue:#b8bdc7;
  --relay-indigo:#8c234d;
  --relay-violet:#b63668;
  --relay-gradient:linear-gradient(135deg,#f5f6f8,#b7bbc5 62%,#8c234d);
}
body{background:radial-gradient(950px 620px at 82% -12%,rgba(140,35,77,.11),transparent 68%),linear-gradient(180deg,#050609,#080910 62%,#050609)!important}
.relay-view{background:transparent!important}

/* Premium controls use framed depth rather than flat pills. */
.relay-btn{position:relative;display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:10px;padding:0 19px;border-radius:11px;overflow:hidden;transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .22s,background .22s,box-shadow .22s}
.relay-btn::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.24) 48%,transparent 72%);transform:translateX(-130%);transition:transform .55s cubic-bezier(.16,1,.3,1)}
.relay-btn:hover::after{transform:translateX(130%)}
.relay-btn:hover{transform:translateY(-2px)}
.relay-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
.relay-btn--primary,.relay-btn--accent,.relay-source__play{border:1px solid rgba(255,255,255,.58)!important;background:linear-gradient(145deg,#fff 0%,#d9dce3 58%,#aeb3bd 100%)!important;color:#07080b!important;box-shadow:0 14px 36px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.92)!important}
.relay-btn--secondary,.relay-btn--ghost{border:1px solid rgba(231,233,239,.16)!important;background:linear-gradient(145deg,rgba(22,25,33,.78),rgba(7,9,13,.72))!important;color:#e0e2e8!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 12px 30px rgba(0,0,0,.18)!important;backdrop-filter:blur(18px)}
.relay-btn--secondary:hover,.relay-btn--ghost:hover{border-color:rgba(231,233,239,.34)!important;background:rgba(28,31,40,.86)!important}
.relay-btn--wide{width:100%;justify-content:space-between}
.relay-btn--cinema{min-width:218px;height:58px;justify-content:flex-start;padding:7px 18px 7px 8px;text-align:left}
.relay-btn--cinema>span:last-child{display:grid;gap:1px}.relay-btn--cinema small{display:block;color:rgba(7,8,11,.57);font-size:8px;font-weight:600}
.relay-btn__icon{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:rgba(6,8,11,.075)}

/* Login — architectural private-screening entrance. */
.relay-auth--sequence{display:grid!important;min-height:100vh;grid-template-columns:minmax(0,1.45fr) minmax(430px,.72fr);overflow:hidden;background:#050609!important}
.relay-auth--sequence .relay-auth__visual{position:relative;display:flex!important;min-height:100vh;flex-direction:column;justify-content:space-between;padding:clamp(38px,5vw,76px)!important;border-right:1px solid rgba(232,234,240,.09)!important;background:radial-gradient(circle at 48% 48%,rgba(140,35,77,.13),transparent 34%),radial-gradient(circle at 86% 28%,rgba(202,205,214,.065),transparent 42%),#06070a!important;isolation:isolate}
.relay-auth--sequence .relay-auth__visual::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(rgba(255,255,255,.017) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.017) 1px,transparent 1px);background-size:82px 82px;mask-image:linear-gradient(90deg,#000,transparent 88%)}
.relay-auth--sequence .relay-auth__visual::after{content:"";position:absolute;z-index:-1;right:-20%;bottom:-28%;width:78%;aspect-ratio:1;border:1px solid rgba(232,234,240,.07);border-radius:50%;box-shadow:0 0 0 58px rgba(232,234,240,.016),0 0 0 116px rgba(140,35,77,.018)}
.relay-auth__topline{display:flex;align-items:center;justify-content:space-between}.relay-auth__topline img{width:184px;filter:drop-shadow(0 12px 28px rgba(0,0,0,.5))}.relay-auth__topline span{color:#777e8b;font-size:8px;font-weight:700;letter-spacing:.22em}
.relay-auth__symbol{position:absolute;z-index:-1;right:5%;top:50%;width:min(54vw,760px);opacity:.16;transform:translateY(-50%);filter:drop-shadow(0 24px 60px rgba(0,0,0,.5))}.relay-auth__symbol img{width:100%}
.relay-auth__statement{position:relative;max-width:690px;margin-block:auto 7vh}.relay-auth__kicker{color:#d49db5!important;font-size:9px!important;font-weight:750!important;letter-spacing:.24em!important}.relay-auth__statement h2{margin-top:18px;color:#eff0f3;font-size:clamp(54px,5.4vw,88px);font-weight:690;letter-spacing:-.065em;line-height:.93}.relay-auth__statement>p:not(.relay-auth__kicker){max-width:570px;margin-top:24px;color:#959ca8;font-size:14px;line-height:1.7}
.relay-auth__steps{display:flex;gap:10px;margin-top:34px}.relay-auth__steps span{display:flex;min-height:42px;align-items:center;gap:9px;padding:0 13px;border:1px solid rgba(232,234,240,.1);border-radius:10px;background:rgba(255,255,255,.022);color:#aeb4bf;font-size:10px}.relay-auth__steps i{color:#b05479;font-size:8px;font-style:normal;font-weight:750;letter-spacing:.1em}
.relay-auth__entry{display:grid;min-height:100vh;place-items:center;padding:42px;background:linear-gradient(145deg,#090b10,#050609)}
.relay-auth--sequence .relay-auth__panel{width:min(100%,480px);padding:48px!important;border:1px solid rgba(232,234,240,.12)!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(20,23,31,.96),rgba(8,10,15,.97))!important;box-shadow:0 46px 110px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.045)!important}
.relay-auth__eyebrow{display:block;margin-bottom:14px;color:#d19bb2!important;font-size:8px!important;font-weight:750!important;letter-spacing:.24em!important}.relay-auth--sequence .relay-auth__panel h1{font-size:48px;line-height:1;letter-spacing:-.055em}.relay-auth__intro{margin-top:15px!important;font-size:12px!important;line-height:1.65!important}
.relay-auth--sequence .relay-auth__form{gap:18px;margin-top:31px}.relay-auth--sequence .relay-auth__form label{display:grid;gap:8px}.relay-auth--sequence .relay-auth__form label>span{color:#aeb4bf;font-size:10px;font-weight:650}.relay-auth--sequence .relay-auth__form input{height:52px;padding:0 15px;border:1px solid rgba(232,234,240,.13)!important;border-radius:10px!important;background:#090b10!important;font-size:13px}.relay-auth--sequence .relay-auth__form input::placeholder{color:#4f5663}.relay-auth--sequence .relay-auth__form input:focus{border-color:rgba(182,54,104,.58)!important;outline:0!important;box-shadow:0 0 0 3px rgba(140,35,77,.13)!important}
.relay-auth__divider{display:flex;align-items:center;gap:12px;margin:22px 0;color:#5f6673;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.relay-auth__divider::before,.relay-auth__divider::after{content:"";height:1px;flex:1;background:rgba(232,234,240,.08)}
.relay-auth__fine{display:flex;align-items:center;gap:8px;margin-top:22px!important;font-size:8px!important;line-height:1.5!important}.relay-auth__fine i{width:6px;height:6px;border-radius:50%;background:#a93263;box-shadow:0 0 0 4px rgba(169,50,99,.1)}

/* Profile selection — functional cards with clear hit targets. */
.relay-profile-picker{position:relative;display:grid;min-height:100vh;place-content:center;overflow:hidden;padding:76px 40px;text-align:center;background:radial-gradient(circle at 50% 35%,rgba(140,35,77,.095),transparent 30%),#06070b}
.relay-profile-picker__ambient{position:absolute;left:50%;top:46%;width:min(780px,70vw);opacity:.045;transform:translate(-50%,-50%)}.relay-profile-picker__ambient img{width:100%}
.relay-profile-picker__head{position:relative;z-index:1;display:grid;justify-items:center}.relay-profile-picker__head>img{margin-bottom:35px}.relay-profile-picker__head>p{color:#c992aa;font-size:8px;font-weight:750;letter-spacing:.25em}.relay-profile-picker__head h1{margin-top:14px;color:#eff0f3;font-size:clamp(46px,5vw,70px);font-weight:690;letter-spacing:-.058em;line-height:1}.relay-profile-picker__head>span{margin-top:15px;color:#7e8592;font-size:12px}
.relay-profile-grid{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:48px}
.relay-profile{display:grid;width:210px;min-height:258px;justify-items:center;padding:20px 18px 18px;border:1px solid rgba(232,234,240,.1);border-radius:20px;background:linear-gradient(145deg,rgba(20,24,33,.9),rgba(8,10,15,.94));color:#e8eaf0;box-shadow:0 24px 62px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035);transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s}
.relay-profile:hover,.relay-profile:focus-visible{border-color:rgba(232,234,240,.3);outline:0;box-shadow:0 34px 74px rgba(0,0,0,.4),0 0 0 1px rgba(140,35,77,.18);transform:translateY(-8px)}.relay-profile:disabled{opacity:.55;pointer-events:none}
.relay-profile__frame{position:relative;display:grid;width:150px;height:150px;place-items:center;overflow:hidden;border:1px solid rgba(232,234,240,.16);border-radius:16px;background:radial-gradient(circle at 35% 30%,rgba(232,234,240,.12),transparent 35%),linear-gradient(145deg,#1b202a,#090b10)}
.relay-profile__frame::before,.relay-profile__frame::after{content:"";position:absolute;width:43px;height:76px;border:1px solid rgba(232,234,240,.37);transform:skewY(-12deg)}.relay-profile__frame::before{left:25px}.relay-profile__frame::after{right:25px}.relay-profile__avatar{position:relative;z-index:2;display:grid;width:64px;height:64px;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(6,8,12,.82);color:#f0f1f4;font-size:26px;font-weight:650;box-shadow:0 12px 30px rgba(0,0,0,.38)}
.relay-profile__signal{position:absolute;z-index:1;left:47px;right:47px;top:50%;height:3px;background:linear-gradient(90deg,#77203f,#bd3d72);box-shadow:0 0 14px rgba(182,54,104,.25);transform:rotate(22deg)}
.relay-profile__name{margin-top:16px;font-size:15px;font-weight:650;letter-spacing:-.02em}.relay-profile__enter{display:flex;align-items:center;gap:5px;color:#737b88;font-size:9px}.relay-profile__enter svg{width:13px;fill:none;stroke:currentColor;stroke-width:1.7}.relay-profile:hover .relay-profile__enter{color:#d09aaf}
.relay-profile-picker__note{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:32px;color:#606875;font-size:8px}.relay-profile-picker__note i{width:6px;height:6px;border-radius:50%;background:#a93263}

/* Homepage — chapter-based feature theatre, no generic streaming hero. */
.relay-view .relay-hero--sequence{height:min(91vh,940px)!important;min-height:740px!important;max-height:940px!important;border:0!important;outline:0!important;background:#050609;box-shadow:none!important}
.relay-hero--sequence .relay-hero__slide{overflow:hidden;border:0!important;outline:0!important}.relay-hero--sequence .relay-hero__slide::after{content:"";position:absolute;z-index:4;left:0;right:0;bottom:-2px;height:48%;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(5,6,9,.08) 18%,rgba(5,6,9,.5) 58%,#050609 91%,#050609 100%)}
.relay-hero--sequence .relay-hero__shade{background:linear-gradient(90deg,#050609 0%,rgba(5,6,9,.94) 16%,rgba(5,6,9,.62) 40%,rgba(5,6,9,.06) 77%),linear-gradient(0deg,#050609 0%,rgba(5,6,9,.54) 23%,transparent 58%,rgba(2,3,5,.16)),radial-gradient(circle at 72% 45%,transparent 45%,rgba(0,0,0,.12))}
.relay-hero--sequence .relay-hero__backdrop{filter:saturate(.94) contrast(1.025);transform:scale(1.006);image-rendering:auto}
.relay-hero__picture{position:absolute;inset:0;display:block;overflow:hidden}
.relay-hero__architecture{position:absolute;z-index:2;right:7%;top:11%;width:430px;height:400px;opacity:.11;pointer-events:none}.relay-hero__architecture i{position:absolute;width:118px;height:270px;border:1px solid #eef0f4;transform:skewY(-13deg)}.relay-hero__architecture i:nth-child(1){left:0;top:0}.relay-hero__architecture i:nth-child(2){left:140px;top:44px}.relay-hero__architecture i:nth-child(3){left:280px;top:88px}.relay-hero__architecture::before,.relay-hero__architecture::after{content:"";position:absolute;z-index:-1;width:78px;height:5px;background:#9d2b59;transform:rotate(22deg)}.relay-hero__architecture::before{left:92px;top:165px}.relay-hero__architecture::after{left:232px;top:209px}
.relay-hero--sequence .relay-hero__content{position:absolute!important;top:auto!important;left:clamp(72px,7vw,140px)!important;right:clamp(100px,8vw,170px)!important;bottom:190px!important;display:flex!important;width:auto!important;height:auto!important;max-width:none!important;flex-direction:row!important;align-items:end!important;justify-content:flex-start!important;gap:clamp(34px,4vw,74px);padding:0!important}
.relay-hero__copy{width:min(680px,55vw)}.relay-hero--sequence .relay-hero__title{font-size:clamp(58px,6vw,100px);max-width:850px}.relay-hero--sequence .relay-hero__synopsis{max-width:600px}.relay-hero--sequence .relay-hero__meta span{border-color:rgba(232,234,240,.15);background:rgba(6,8,12,.42)}
.relay-hero__slide-number{position:absolute;z-index:2;right:4vw;top:50%;color:rgba(232,234,240,.045);font-size:210px;font-weight:750;letter-spacing:-.08em;transform:translateY(-50%)}
.relay-hero__sequence{position:absolute;z-index:7;left:clamp(72px,7vw,140px);right:clamp(72px,6vw,120px);bottom:76px;display:flex;align-items:center;gap:24px}.relay-hero__sequence-count{display:flex;align-items:baseline;gap:5px;width:58px}.relay-hero__sequence-count strong{color:#e7e9ed;font-size:18px}.relay-hero__sequence-count span{color:#5f6672;font-size:9px}.relay-hero__sequence-list{display:flex;min-width:0;flex:1;gap:12px}.relay-hero__sequence-list button{display:grid;min-width:0;flex:1;gap:8px;color:#5f6672;text-align:left}.relay-hero__sequence-list button i{height:1px;background:rgba(232,234,240,.1);overflow:hidden}.relay-hero__sequence-list button i::after{content:"";display:block;width:0;height:100%;background:linear-gradient(90deg,#9e2d59,#eef0f3);transition:width .7s cubic-bezier(.16,1,.3,1)}.relay-hero__sequence-list button span{overflow:hidden;font-size:8px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.relay-hero__sequence-list button.is-active{color:#dfe1e5}.relay-hero__sequence-list button.is-active i::after{width:100%}
.relay-hero__brand{position:absolute;z-index:7;right:4vw;top:34px;display:flex;align-items:center;gap:10px;color:#858c99;font-size:7px;font-weight:700;letter-spacing:.2em}.relay-hero__brand img{width:32px;opacity:.72}.relay-hero--sequence .relay-hero__control{z-index:8;top:auto;bottom:126px;border:0!important;background:rgba(5,6,9,.18)!important;box-shadow:none!important;backdrop-filter:blur(8px)}.relay-hero--sequence .relay-hero__control:hover{background:rgba(255,255,255,.1)!important}.relay-hero--sequence .relay-hero__control--prev{right:78px;left:auto}.relay-hero--sequence .relay-hero__control--next{right:28px}
.relay-hero--sequence+.relay-section{margin-top:-104px;padding-top:64px;z-index:9;background:linear-gradient(180deg,transparent 0%,rgba(5,6,9,.72) 32px,#050609 104px)}
.relay-view .relay-hero.relay-hero--sequence{background:#050609!important;background-image:none!important;border:0!important;box-shadow:none!important}
body:not(:has(.relay-auth)) .relay-view .relay-hero--sequence .relay-hero__shade{background:linear-gradient(90deg,#050609 0%,rgba(5,6,9,.94) 16%,rgba(5,6,9,.62) 40%,rgba(5,6,9,.06) 77%),linear-gradient(0deg,#050609 0%,rgba(5,6,9,.54) 23%,transparent 58%,rgba(2,3,5,.16)),radial-gradient(circle at 72% 45%,transparent 45%,rgba(0,0,0,.12))!important;border:0!important;box-shadow:none!important}
.relay-section{position:relative;padding-top:42px;padding-bottom:18px}.relay-section::before{content:"";position:absolute;left:clamp(36px,4vw,76px);right:clamp(36px,4vw,76px);top:0;height:1px;background:linear-gradient(90deg,rgba(232,234,240,.08),transparent 70%)}.relay-hero--sequence+.relay-section::before,.relay-section:first-of-type::before{display:none}.relay-section__title{font-size:24px!important}.relay-section__more{color:#b87b95!important}.relay-card__poster{border-top-color:rgba(140,35,77,.52)}

.relay-section.is-quality-hidden{display:none!important}

/* Source Theatre — taller feature banner and explicit discovery journey. */
.relay-source-cinema{min-height:560px;margin:0 18px;border-radius:0 0 30px 30px;border-top:0;background:#050609}.relay-source-cinema__backdrop{filter:saturate(.7) contrast(1.1);transform:scale(1.035)}.relay-source-cinema__shade{background:linear-gradient(90deg,#050609 0%,rgba(5,6,9,.96) 22%,rgba(5,6,9,.7) 48%,rgba(5,6,9,.16) 82%),linear-gradient(0deg,#06070b 0%,transparent 48%),radial-gradient(circle at 77% 45%,transparent,rgba(0,0,0,.2))}
.relay-source-cinema__architecture{position:absolute;z-index:2;right:7%;top:9%;width:390px;height:340px;opacity:.08}.relay-source-cinema__architecture i{position:absolute;width:104px;height:240px;border:1px solid #eef0f3;transform:skewY(-12deg)}.relay-source-cinema__architecture i:nth-child(1){left:0}.relay-source-cinema__architecture i:nth-child(2){left:125px;top:38px}.relay-source-cinema__architecture i:nth-child(3){left:250px;top:76px}
.relay-source-cinema__brand{position:absolute;z-index:5;right:42px;top:34px;display:flex;align-items:center;gap:9px;color:#747b88;font-size:7px;font-weight:700;letter-spacing:.18em}.relay-source-cinema__brand img{width:34px;opacity:.65}
.relay-source-cinema__content{align-items:center;padding:76px clamp(52px,6vw,112px) 92px}.relay-source-cinema__poster-wrap{position:relative;width:200px;flex:none}.relay-source-cinema__poster-wrap .relay-source-cinema__poster{width:100%;border-radius:15px;box-shadow:0 34px 80px rgba(0,0,0,.65),-7px 8px 0 #681936}.relay-source-cinema__poster-wrap>span{position:absolute;left:50%;bottom:-29px;color:#707784;font-size:7px;font-weight:700;letter-spacing:.2em;white-space:nowrap;transform:translateX(-50%)}
.relay-source-cinema__identity{max-width:760px}.relay-source-cinema__identity h1{font-size:clamp(58px,6vw,92px);letter-spacing:-.065em}.relay-source-cinema__overview{max-width:710px;font-size:13px;line-height:1.75}.relay-source-cinema__promise{display:flex;gap:8px;margin-top:24px}.relay-source-cinema__promise span{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(232,234,240,.1);border-radius:8px;background:rgba(255,255,255,.022);color:#858c98;font-size:8px}.relay-source-cinema__promise i{width:6px;height:6px;border-radius:50%;background:#b63668;box-shadow:0 0 0 4px rgba(182,54,104,.1)}
.relay-source-cinema__count{align-self:flex-end;min-width:174px;padding:18px;border-color:rgba(232,234,240,.15);background:rgba(7,9,13,.56)}.relay-source-cinema__count small{display:block;color:#7b828f;font-size:7px;font-weight:700;letter-spacing:.18em}.relay-source-cinema__count strong{display:block;margin-top:8px;font-size:48px}.relay-source-cinema__count span{display:block;margin-top:2px}
.relay-source-cinema__footer{position:absolute;z-index:5;left:clamp(52px,6vw,112px);right:clamp(52px,6vw,112px);bottom:27px;display:flex;align-items:center;gap:12px;color:#737a87;font-size:7px;font-weight:700;letter-spacing:.14em}.relay-source-cinema__footer i{height:1px;flex:1;background:linear-gradient(90deg,rgba(232,234,240,.15),rgba(140,35,77,.32))}
.relay-source-stage{padding-top:58px}.relay-sources__heading>div>p:last-child{margin-top:9px;color:#737b88;font-size:10px}.relay-source-toolbar{border-color:rgba(232,234,240,.11);background:rgba(6,8,12,.85)}.relay-source{min-height:138px;border-radius:18px;background:linear-gradient(108deg,rgba(18,22,30,.96),rgba(8,10,15,.96))}.relay-source__play{height:48px;border-radius:10px}

/* Eradicate legacy blue from interactive chrome. */
.relay-nav__link.active,.relay-nav__link[aria-current="page"]{background:linear-gradient(90deg,rgba(140,35,77,.22),rgba(255,255,255,.035) 60%,transparent)!important}.relay-nav__link.active .relay-nav__icon{color:#eff0f3!important;stroke:#eff0f3!important}.relay-companion-dot.connected,.relay-companion-setting__status i.connected{background:#b63668!important;box-shadow:0 0 0 4px rgba(182,54,104,.1),0 0 14px rgba(182,54,104,.32)!important}.relay-discovery-progress span,.relay-loading::before{border-top-color:#d3a0b5!important}.relay-source[data-availability="checking"]::before{background:linear-gradient(transparent,#a4a9b3,#8c234d,transparent)!important}

@media(max-width:1100px){.relay-auth--sequence{grid-template-columns:1fr 460px}.relay-auth__statement h2{font-size:58px}.relay-auth__steps{flex-wrap:wrap}.relay-hero__copy{width:min(760px,70vw)}.relay-source-cinema__count{display:none}}
@media(max-width:760px){.relay-auth--sequence{display:block!important}.relay-auth--sequence .relay-auth__visual{display:none!important}.relay-auth__entry{min-height:100vh;padding:24px}.relay-auth--sequence .relay-auth__panel{padding:34px 26px!important}.relay-profile-picker{padding:52px 18px}.relay-profile{width:166px;min-height:218px}.relay-profile__frame{width:124px;height:124px}.relay-profile__frame::before{left:19px}.relay-profile__frame::after{right:19px}.relay-hero--sequence{height:680px;min-height:680px}.relay-hero--sequence .relay-hero__content{left:24px;right:24px;bottom:150px}.relay-hero__copy{width:100%}.relay-hero--sequence .relay-hero__title{font-size:49px}.relay-hero__architecture,.relay-hero__slide-number,.relay-hero__brand{display:none}.relay-hero__sequence{left:24px;right:24px}.relay-hero__sequence-list button span{display:none}.relay-hero--sequence .relay-hero__control{display:none}.relay-source-cinema{min-height:520px;margin:0 8px}.relay-source-cinema__content{padding:78px 26px 94px}.relay-source-cinema__poster-wrap,.relay-source-cinema__architecture,.relay-source-cinema__brand{display:none}.relay-source-cinema__identity h1{font-size:48px}.relay-source-cinema__promise{flex-wrap:wrap}.relay-source-cinema__footer{left:26px;right:26px}.relay-source-cinema__footer span{font-size:6px}}