@layer components{.artist-figure.rel-figure{margin-top:clamp(28px,4vw,44px)}.rel-figure>.artist-cap{font-family:inherit;font-size:14px;letter-spacing:0}.rel-demo{position:relative;padding:clamp(20px,3vw,36px);border-radius:var(--ui-radius-panel);background:var(--ui-raised);color:var(--ui-ink);box-shadow:var(--ui-lift),inset 0 0 0 1px var(--ui-line)}.rel-demo p{max-width:none;margin:0}.rel-demo__lead{min-width:0}.rel-demo__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 40px;align-items:end}.rel-demo__label{color:var(--ui-muted);font-size:12px;font-variation-settings:"wdth" var(--wdth-label),"wght" 700;letter-spacing:.2em;line-height:1.3;text-transform:uppercase}.rel-demo__count{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:10px}.rel-demo__count b{color:var(--ui-ink);font-size:clamp(56px,7vw,92px);font-variation-settings:"wdth" var(--wdth-text),"wght" 900;font-variant-numeric:tabular-nums;letter-spacing:-.04em;line-height:.9}.rel-demo__count span{color:var(--ui-ink);font-size:clamp(18px,1.6vw,22px);font-variation-settings:"wdth" var(--wdth-text),"wght" 600}.rel-demo__summary{margin-top:10px;color:var(--ui-body);font-size:16px;line-height:1.5}.rel-demo__control{display:flex;align-items:stretch;gap:8px;padding:6px;border-radius:var(--ui-radius-group);background:var(--ui-ground);box-shadow:inset 0 0 0 1px var(--ui-line)}.rel-demo__step svg{width:16px;height:16px;flex:none}.rel-demo__day{display:grid;align-content:center;justify-items:center;min-width:9.5em;padding:4px 10px;text-align:center}.rel-demo__day span{color:var(--ui-amber-text);font-size:12px;font-variation-settings:"wdth" var(--wdth-label),"wght" 700;letter-spacing:.16em;text-transform:uppercase}.rel-demo__day b{color:var(--ui-ink);font-size:clamp(22px,2.2vw,28px);font-variation-settings:"wdth" var(--wdth-text),"wght" 800;letter-spacing:-.02em;line-height:1.15;white-space:nowrap}.rel-track{--rel-release: 50%;--rel-week: 6%;position:relative;height:64px;margin:28px 0 6px}.rel-track:before{content:"";position:absolute;left:0;right:0;top:30px;height:8px;border-radius:var(--ui-radius-pill);background:repeating-linear-gradient(90deg,var(--ui-line) 0 1px,transparent 1px var(--rel-week)),var(--ui-fill)}.rel-track__today,.rel-track__release{position:absolute;color:var(--ui-muted);font-size:12px;font-variation-settings:"wdth" var(--wdth-text),"wght" 600;line-height:1;white-space:nowrap}.rel-track__today{left:0;top:46px}.rel-track__today:before{content:"";position:absolute;left:0;bottom:16px;width:2px;height:26px;background:var(--ui-ink)}.rel-track__release{left:var(--rel-release);top:0;height:64px;transform:translate(-50%)}.rel-track__release:after{content:"";position:absolute;left:50%;top:18px;width:4px;height:30px;margin-left:-2px;border-radius:2px;background:var(--ui-amber)}.rel-track__release span{display:block;color:var(--ui-amber-text)}.rel-track__dot{position:absolute;top:27px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--ui-raised);box-shadow:inset 0 0 0 2px var(--ui-muted)}.rel-track__dot[data-status=now]{background:var(--ui-amber);box-shadow:none}.rel-track__dot[data-status=week]{background:var(--ui-ink);box-shadow:none}.rel-track__dot[data-status=next]{box-shadow:inset 0 0 0 2px var(--ui-ink)}@media(prefers-reduced-motion:no-preference){html:not([data-motion=off]) .rel-track__dot,html:not([data-motion=off]) .rel-track__release{transition:left .32s cubic-bezier(.2,.7,.2,1)}}.rel-phases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 0;padding:0;list-style:none}.rel-phase{min-width:0;margin:0}.rel-phase h2{margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--ui-line);color:var(--ui-ink);font-variation-settings:"wdth" var(--wdth-text),"wght" 700}.rel-phase ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.rel-row{display:grid;grid-template-columns:14px minmax(0,1fr);gap:4px 10px;margin:0;padding:12px 14px 14px 12px;border-radius:var(--ui-radius-node);background:var(--ui-card)}.rel-row__mark{grid-row:span 3;width:12px;height:12px;margin-top:4px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--ui-muted)}.rel-row[data-status=now] .rel-row__mark{background:var(--ui-amber);box-shadow:none}.rel-row[data-status=week] .rel-row__mark{background:var(--ui-ink);box-shadow:none}.rel-row[data-status=next] .rel-row__mark{box-shadow:inset 0 0 0 2px var(--ui-ink)}.rel-row__title{color:var(--ui-ink);font-size:15px;font-variation-settings:"wdth" var(--wdth-text),"wght" 600;line-height:1.3}.rel-row__when{color:var(--ui-body);font-size:14px;line-height:1.4}.rel-row__date:not(:empty):before{content:" · "}.rel-row__status{justify-self:start;margin-top:4px;padding:3px 10px;border-radius:var(--ui-radius-pill);background:var(--ui-fill);color:var(--ui-ink);font-size:13px;font-variation-settings:"wdth" var(--wdth-text),"wght" 600;line-height:1.3}.rel-row__status:empty{display:none}.rel-row[data-status=now] .rel-row__status{background:color-mix(in srgb,var(--ui-amber) 22%,var(--ui-card))}.rel-row[data-status=week] .rel-row__status{background:var(--ui-fill-strong)}.rel-demo:not([data-ready]) :is(.rel-demo__count,.rel-demo__summary,.rel-demo__control,.rel-track){display:none}@media(max-width:1100px){.rel-phases{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.rel-demo__head{grid-template-columns:minmax(0,1fr)}.rel-demo__control{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.rel-demo__day{grid-column:1 / -1;grid-row:1;padding:8px 4px 4px}}@media(max-width:560px){.rel-phases{grid-template-columns:minmax(0,1fr)}.rel-track__release span{font-size:11px}}}@layer ui{.rel-demo .rel-demo__step.ui-btn{min-height:56px;padding-inline:18px;border-radius:var(--ui-radius-node);font-size:15px}@media(max-width:760px){.rel-demo .rel-demo__step.ui-btn{justify-content:center;padding-inline:10px;white-space:normal}}}@layer surfaces{.artist-page .rel-phase h2{max-width:none;font-size:15px;line-height:1.2;letter-spacing:0}}