:root {
  --bg: #050505;
  --bg-2: #0a0b0c;
  --surface: rgba(16, 17, 18, 0.88);
  --line: rgba(255, 255, 255, 0.16);
  --text: #f8f5ee;
  --muted: #c9c3b8;
  --gold: #d4a017;
  --gold-2: #9c6b00;
  --gold-hi: #f2c94c;
  --vintage-gold: #b88a1c;
  --leaf: #4caf50;
  --cyan: #18d7ff;
  --magenta: #ff3fb0;
  --red: #8c1616;
  --max: 1180px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background: var(--bg);
}

/* daPoint social platform -------------------------------------------------- */
.dapoint-social-dashboard,
.page-conversation {
  --social-red: #ef202b;
  --social-red-soft: #fff1f2;
  --social-ink: #131416;
  --social-muted: #696b70;
  --social-line: #e2e3e6;
  --social-surface: #fff;
  --social-soft: #f7f7f8;
  --social-gold: #c99724;
  color: var(--social-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.dapoint-social-dashboard *,.page-conversation *{box-sizing:border-box}
.dapoint-social-dashboard button,.dapoint-social-dashboard input,.dapoint-social-dashboard textarea,.dapoint-social-dashboard select,.page-conversation button,.page-conversation textarea{font:inherit}
.social-loading,.social-error{display:grid;place-items:center;min-height:300px;padding:40px;text-align:center}
.social-loading span{width:30px;height:30px;border:3px solid var(--social-line);border-top-color:var(--social-red);border-radius:50%;animation:social-spin .8s linear infinite}
@keyframes social-spin{to{transform:rotate(360deg)}}
.social-dashboard-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.social-dashboard-title h1{margin:0;color:var(--social-ink);font:700 clamp(30px,4vw,46px)/1.05 Georgia,"Times New Roman",serif;letter-spacing:-.045em}
.social-dashboard-title p{margin:7px 0 0;color:var(--social-muted);font-size:14px}
.social-dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,330px);gap:18px;align-items:start}
.social-dashboard-layout>main,.social-dashboard-layout>aside{min-width:0}
.social-dashboard-layout>aside{display:grid;gap:16px}
.id-account-shell .dapoint-social-dashboard{min-height:calc(100svh - 190px);border:1px solid #e2e3e6;border-radius:12px;padding:22px;background:#f7f7f8;box-shadow:0 18px 50px rgba(0,0,0,.14)}
.social-member-badge{display:inline-flex;align-items:center;gap:5px;width:max-content;color:#777;font-size:11px;font-weight:650;line-height:1.2}
.social-member-badge i{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;color:#fff;background:#989a9e;font-size:10px;font-style:normal;font-weight:900}
.social-member-badge.is-artist{color:#7f5e12}.social-member-badge.is-artist i{background:var(--social-gold)}
.social-member-badge.is-official_dapoint_artist{color:#9d7214}.social-member-badge.is-official_dapoint_artist i{background:var(--social-gold);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--social-gold)}
.social-avatar{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;overflow:hidden;border:1px solid var(--social-line);border-radius:50%;color:#fff;background:#17191c;font-size:13px;font-weight:850;letter-spacing:.04em}
.social-avatar.is-small{width:34px;height:34px;font-size:10px}.social-avatar img{width:100%;height:100%;object-fit:cover}
.social-composer{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;border:1px solid var(--social-line);border-radius:10px;padding:16px;background:var(--social-surface)}
.social-composer textarea{display:block;width:100%;min-height:60px;resize:vertical;border:0;outline:0;padding:9px 12px;color:var(--social-ink);background:var(--social-soft);font-size:14px;line-height:1.45}
.social-composer textarea::placeholder{color:#777}
.social-composer footer{display:flex;align-items:center;gap:12px;margin-top:11px}
.social-composer footer label{display:flex;align-items:center;gap:6px;color:var(--social-muted);font-size:11px}
.social-composer select,.social-composer input{min-height:34px;border:1px solid var(--social-line);border-radius:5px;padding:0 9px;color:var(--social-ink);background:#fff;font-size:12px}
.social-composer input[name="mediaUrl"]{flex:1;min-width:120px}
.social-composer footer button{min-height:36px;margin-left:auto;border:0;border-radius:6px;padding:0 22px;color:#fff;background:var(--social-red);font-size:12px;font-weight:800;cursor:pointer}
.social-composer [role="status"]{grid-column:1/-1;margin:7px 0 0;color:var(--social-muted);font-size:12px}
.social-feed{display:grid;gap:12px;margin-top:14px}
.social-post{overflow:hidden;border:1px solid var(--social-line);border-radius:10px;background:var(--social-surface)}
.social-post>header{display:grid;grid-template-columns:46px minmax(0,1fr) auto 32px;align-items:center;gap:11px;padding:15px 16px 6px}
.social-post>header>div{display:grid;gap:3px}.social-post>header>div>strong{font-size:14px}.social-post>header time{color:var(--social-muted);font-size:11px}
.social-more{border:0;padding:5px;color:var(--social-muted);background:transparent;letter-spacing:1px;cursor:pointer}
.social-post-copy{margin:0;padding:8px 16px 14px;color:var(--social-ink);font-size:14px;line-height:1.55;white-space:pre-wrap}
.social-post-media{margin:0;border-top:1px solid var(--social-line);background:#090a0b}.social-post-media img{display:block;width:100%;max-height:520px;object-fit:cover}
.social-post-link{display:flex;align-items:center;gap:12px;margin:0 16px 14px;border:1px solid var(--social-line);border-radius:7px;padding:13px;color:inherit;background:var(--social-soft);text-decoration:none}
.social-post-link svg{width:26px;height:26px;fill:none;stroke:var(--social-red);stroke-width:1.7}.social-post-link span{display:grid}.social-post-link small{color:var(--social-muted);font-size:10px;text-transform:uppercase}.social-post-link b{margin-left:auto}
.social-post>footer,.page-conversation>header>div:last-child{display:flex;border-top:1px solid var(--social-line);padding:0 16px}
.social-post>footer button,.page-conversation>header button{display:flex;align-items:center;gap:7px;min-height:46px;border:0;padding:0 13px;color:var(--social-muted);background:transparent;font-size:12px;cursor:pointer}
.social-post>footer button svg,.page-conversation>header button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.social-post>footer button b,.page-conversation>header button b{font-size:11px}.social-post>footer button.is-active,.page-conversation>header button.is-active{color:var(--social-red)}
.social-comments{border-top:1px solid var(--social-line);padding:12px 16px 16px;background:var(--social-soft)}
.social-comments[hidden]{display:none}
.social-comment{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;padding:10px 0;border-bottom:1px solid var(--social-line)}
.social-comment>div>header{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.social-comment>div>header strong{font-size:12px}.social-comment time{margin-left:auto;color:var(--social-muted);font-size:10px}
.social-comment p{margin:5px 0;color:var(--social-ink);font-size:13px;line-height:1.45;white-space:pre-wrap}.social-comment button{border:0;padding:0;color:var(--social-muted);background:transparent;font-size:10px;cursor:pointer}
.social-comments form{display:flex;align-items:start;gap:8px;margin-top:12px}.social-comments form label{flex:1}.social-comments textarea{display:block;width:100%;min-height:42px;resize:vertical;border:1px solid var(--social-line);border-radius:6px;padding:10px;color:var(--social-ink);background:#fff;font-size:12px}
.social-comments form>button{min-height:42px;border:0;border-radius:6px;padding:0 15px;color:#fff;background:var(--social-red);font-size:11px;font-weight:800;cursor:pointer}.social-comments form p{flex-basis:100%;margin:5px 0 0;color:var(--social-muted);font-size:11px}
.social-friend-rail,.social-tier-panel,.social-official-benefits,.social-friends-manager{border:1px solid var(--social-line);border-radius:10px;background:var(--social-surface)}
.social-friend-rail{padding:5px 14px 12px}.social-friend-rail>header{display:flex;align-items:center;justify-content:space-between;padding:13px 0 7px}.social-friend-rail>header:not(:first-child){margin-top:6px;border-top:1px solid var(--social-line)}
.social-friend-rail h3{margin:0;font-size:13px}.social-friend-rail>header span,.social-friends-manager h3 span{display:grid;place-items:center;min-width:19px;height:19px;border-radius:50%;color:#fff;background:var(--social-red);font-size:10px}
.social-member-row{display:grid;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 0}.social-member-row .social-avatar{width:39px;height:39px;font-size:10px}.social-member-row>div{display:grid;gap:3px;min-width:0}.social-member-row>div>strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.social-member-row aside{display:flex;gap:5px}
.social-member-row button{min-height:30px;border:0;border-radius:5px;padding:0 9px;color:#fff;background:var(--social-red);font-size:10px;font-weight:750;cursor:pointer}.social-member-row button.is-secondary{border:1px solid var(--social-line);color:var(--social-ink);background:#fff}.social-pending{color:var(--social-muted);font-size:10px}
.social-empty{margin:9px 0 13px;color:var(--social-muted);font-size:12px;line-height:1.45}.social-empty-state{border:1px dashed var(--social-line);border-radius:9px;padding:35px;text-align:center}.social-empty-state strong{font:700 22px Georgia,serif}.social-empty-state p{color:var(--social-muted)}
.social-tier-panel{padding:18px}.social-tier-panel h3{margin:0 0 8px;font:700 21px/1.1 Georgia,serif}.social-tier-panel p{margin:0 0 13px;color:var(--social-muted);font-size:12px;line-height:1.55}.social-tier-panel a{color:var(--social-red);font-size:11px;font-weight:800;text-decoration:none}
.social-official-benefits{overflow:hidden;border-color:#a37c22;color:#f8f1e2;background:#111214;box-shadow:0 12px 34px rgba(0,0,0,.12)}
.social-official-benefits>header{display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(202,158,55,.45);padding:17px}.social-official-benefits h3{margin:0;font:700 18px Georgia,serif}.social-official-benefits header p{margin:3px 0 0;color:#e0b44c;font-size:11px}.social-exclamation-shield{display:grid;place-items:center;width:42px;height:46px;border:2px solid #d1a23c;clip-path:polygon(50% 0,94% 15%,86% 75%,50% 100%,14% 75%,6% 15%);color:#151515;background:#d1a23c;font-size:26px;font-weight:950}
.social-official-benefits ul{list-style:none;margin:0;padding:4px 17px}.social-official-benefits li{display:grid;grid-template-columns:24px 1fr;gap:10px;border-bottom:1px solid rgba(202,158,55,.22);padding:11px 0}.social-official-benefits li>b{color:#d5a63d}.social-official-benefits li span{display:grid;gap:2px}.social-official-benefits li strong{color:#e5bc60;font-size:11px}.social-official-benefits li small{color:#c6c1b8;font-size:10px;line-height:1.35}.social-official-benefits>p{margin:0;padding:10px 17px 15px;color:#918d84;font-size:9px;line-height:1.4}
.social-friends-manager{padding:22px}.social-friends-manager>header{border-bottom:1px solid var(--social-line);padding-bottom:17px}.social-friends-manager h2{margin:0;font:700 32px Georgia,serif}.social-friends-manager>header p{margin:6px 0 0;color:var(--social-muted);font-size:13px}.social-friends-manager>div{margin-top:18px}.social-friends-manager h3{display:flex;align-items:center;gap:8px;margin:0 0 7px;font-size:14px}
.page-conversation{width:min(980px,calc(100% - 32px));margin:48px auto;border:1px solid var(--social-line);border-radius:12px;background:#fff;box-shadow:0 14px 38px rgba(0,0,0,.06)}
.page-conversation>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px}.page-conversation>header h2{margin:0;color:var(--social-ink);font:700 clamp(24px,3vw,34px)/1 Georgia,serif}.page-conversation>header p{margin:7px 0 0;color:var(--social-muted);font-size:13px}.page-conversation>header>div:last-child{border:0;padding:0}.page-conversation .social-comments{border-radius:0 0 12px 12px;padding:12px 24px 22px}
.artist-social-inheritance{margin-top:28px}.artist-social-inheritance>header{margin-bottom:14px}.artist-social-inheritance>header h2{margin:0;color:var(--artist-text);font:500 30px Georgia,serif}.artist-social-inheritance>header p{margin:6px 0 0;color:var(--artist-muted);font-size:13px}
.artist-official-badge{display:inline-flex;align-items:center;gap:9px;width:max-content;margin-bottom:12px;color:var(--artist-gold);font-size:11px;font-weight:800;letter-spacing:.035em;text-transform:uppercase}.artist-official-badge[hidden]{display:none}.artist-official-badge b{display:grid;place-items:center;width:28px;height:31px;clip-path:polygon(50% 0,94% 15%,86% 75%,50% 100%,14% 75%,6% 15%);color:#0a1015;background:var(--artist-gold);font-size:19px}
.artist-server .dapoint-social-dashboard{--social-red:var(--artist-gold);--social-red-soft:rgba(229,174,40,.1);--social-ink:#f7ecdc;--social-muted:#a8b6c2;--social-line:rgba(164,188,202,.19);--social-surface:#0b1620;--social-soft:#0e1a25;--social-gold:var(--artist-gold)}
.artist-server .social-composer select,.artist-server .social-composer input,.artist-server .social-comments textarea,.artist-server .social-member-row button.is-secondary{color:var(--social-ink);background:#111f2b}.artist-server .social-member-badge.is-official_dapoint_artist i{box-shadow:0 0 0 2px #0b1620,0 0 0 3px var(--social-gold)}
.artist-server .social-dashboard-layout{grid-template-columns:minmax(0,1fr)}.artist-server .social-dashboard-layout>aside{grid-template-columns:repeat(2,minmax(0,1fr))}.artist-server .social-post-media{background:#050708}
@media(max-width:1050px){.social-dashboard-layout{grid-template-columns:1fr}.social-dashboard-layout>aside{grid-template-columns:repeat(2,minmax(0,1fr))}.artist-server .social-dashboard-layout>aside{grid-template-columns:1fr}.social-official-benefits{grid-column:1/-1}}
@media(max-width:700px){body.dapoint-id-page{max-width:100vw;overflow-x:hidden}.id-account-shell,.id-account-workspace,.id-account-content,.id-account-view,.dapoint-social-dashboard{min-width:0;max-width:100%;width:100%}.id-account-workspace{overflow:hidden}.id-account-topbar h1{max-width:100%;font-size:clamp(29px,10vw,38px);overflow-wrap:anywhere}.id-account-topbar p{max-width:100%;overflow-wrap:anywhere}.id-s2dp-button{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.id-account-shell .dapoint-social-dashboard{min-height:0;border-radius:9px;padding:14px}.social-dashboard-title{align-items:flex-start;flex-direction:column}.social-dashboard-title h1,.social-dashboard-title p{max-width:100%;overflow-wrap:anywhere}.social-dashboard-layout>aside{grid-template-columns:1fr}.social-composer{grid-template-columns:38px minmax(0,1fr);padding:12px}.social-composer>div,.social-composer footer,.social-composer footer label{min-width:0;max-width:100%}.social-composer>.social-avatar{width:38px;height:38px}.social-composer footer{align-items:stretch;flex-wrap:wrap}.social-composer footer label{flex:1 1 120px;display:grid}.social-composer select,.social-composer input[name="mediaUrl"]{width:100%;min-width:0}.social-composer footer button{flex:1 1 100%;width:100%;margin-left:0}.social-post{min-width:0}.social-post>header{grid-template-columns:40px minmax(0,1fr) auto 28px;padding-inline:12px}.social-post>header>.social-avatar{width:40px;height:40px}.social-post-copy{padding-inline:12px;overflow-wrap:anywhere}.social-post>footer{padding-inline:5px}.social-comments{padding-inline:12px}.social-comments form{flex-wrap:wrap}.social-comments form>button{width:100%}.page-conversation{width:calc(100% - 20px);margin-block:28px}.page-conversation>header{align-items:flex-start;flex-direction:column;padding:18px}.page-conversation>header>div:last-child{width:100%;justify-content:space-between}.page-conversation .social-comments{padding-inline:14px}.social-friends-manager{padding:15px}.social-member-row{grid-template-columns:36px minmax(0,1fr)}.social-member-row aside{grid-column:2;justify-content:flex-start}.artist-social-inheritance{margin-top:22px}}

/* 2026-08-22 — Daily Universe, experiential releases, and simplified workspaces */
.daily-universe-home-route .dapoint-shuffle-player,
.dapoint-shuffle-player,
.release-playlist-experience,
.release-era-section,
.release-tracklist-section,
.release-connections-section {
  width: min(100% - 40px, 1380px);
  margin-inline: auto;
}

.dapoint-shuffle-player {
  padding: clamp(42px, 6vw, 82px) 0;
  color: #f7f5f0;
  background: #050505;
}

.dapoint-shuffle-heading,
.release-tracklist-section > header,
.release-connections-section > header,
.release-playlist-experience > header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

.dapoint-shuffle-heading h2,
.release-era-section h2,
.release-tracklist-section h2,
.release-connections-section h2,
.release-playlist-experience h2 {
  margin: 0;
  color: #f8f6f1;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(2.2rem, 5vw, 5rem);
  font-weight: 400;
  letter-spacing: .005em;
  line-height: .94;
  text-transform: uppercase;
}

.dapoint-shuffle-heading p,
.release-tracklist-section header p,
.release-connections-section header p,
.release-playlist-experience header p {
  max-width: 690px;
  margin: 9px 0 0;
  color: #a7a7a3;
  line-height: 1.55;
}

.dapoint-shuffle-heading button {
  flex: 0 0 auto;
  min-height: 43px;
  border: 1px solid #dda91f;
  padding: 0 18px;
  color: #050505;
  background: #dda91f;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.dapoint-shuffle-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.75fr) minmax(280px, .8fr);
  min-height: 520px;
  border: 1px solid #2a2a28;
  background: #090909;
}

.dapoint-shuffle-frame {
  position: relative;
  min-height: 100%;
  background: #000;
}

.dapoint-shuffle-frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.dapoint-shuffle-queue {
  max-height: 520px;
  overflow: auto;
  border-left: 1px solid #2a2a28;
  scrollbar-color: #4a4a45 #0a0a0a;
}

.dapoint-shuffle-queue button {
  display: grid;
  width: 100%;
  grid-template-columns: 116px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  border: 0;
  border-bottom: 1px solid #262624;
  padding: 12px;
  color: #f5f3ed;
  background: transparent;
  text-align: left;
}

.dapoint-shuffle-queue button:hover,
.dapoint-shuffle-queue button:focus-visible,
.dapoint-shuffle-queue button[aria-pressed="true"] {
  color: #fff;
  background: #151515;
  box-shadow: inset 3px 0 #1988ff;
}

.dapoint-shuffle-queue img {
  width: 116px;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.dapoint-shuffle-queue span,
.dapoint-shuffle-queue strong,
.dapoint-shuffle-queue small,
.dapoint-shuffle-queue em {
  display: block;
  min-width: 0;
}

.dapoint-shuffle-queue small {
  color: #dda91f;
  font-size: .66rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.dapoint-shuffle-queue strong {
  margin-top: 4px;
  overflow: hidden;
  font-size: .93rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dapoint-shuffle-queue em {
  margin-top: 4px;
  overflow: hidden;
  color: #999;
  font-size: .75rem;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dapoint-shuffle-player > footer {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  border: 1px solid #2a2a28;
  border-top: 0;
  padding: 14px 18px;
  color: #a3a3a0;
  font-size: .82rem;
}

.dapoint-shuffle-player > footer strong { color: #fff; }
.dapoint-shuffle-player > footer a { color: #1988ff; font-weight: 800; }

.release-experience-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  min-height: min(820px, calc(100svh - 76px));
  grid-template-columns: minmax(0, 1.2fr) minmax(270px, .72fr);
  gap: clamp(30px, 6vw, 100px);
  align-items: center;
  overflow: hidden;
  border-bottom: 1px solid #2c291f;
  padding: clamp(160px, 15vw, 220px) max(28px, calc((100vw - 1380px) / 2)) clamp(76px, 9vw, 126px);
  color: #fff;
  background: #050505;
}

.release-experience-backdrop {
  position: absolute;
  z-index: -2;
  inset: 0 0 0 42%;
  width: 58%;
  height: 100%;
  object-fit: cover;
  opacity: .34;
  mask-image: linear-gradient(90deg, transparent 0, #000 28%, #000 100%);
}

.release-experience-hero::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  background: linear-gradient(90deg, #050505 0 38%, transparent 72%), linear-gradient(0deg, #050505 0, transparent 30%);
  pointer-events: none;
}

.release-experience-copy { max-width: 800px; }
.release-experience-copy h1 {
  max-width: 12ch;
  margin: 0;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(4rem, 9vw, 9.4rem);
  font-weight: 400;
  letter-spacing: 0;
  line-height: .92;
  text-transform: uppercase;
}

.release-experience-byline {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 22px;
  margin: 24px 0 0;
  color: #dda91f;
  font-size: clamp(1rem, 2vw, 1.5rem);
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.release-experience-copy > p:not(.release-experience-byline) {
  max-width: 650px;
  margin: 24px 0 0;
  color: #d2d1cc;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  line-height: 1.55;
}

.release-experience-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.release-experience-copy .platform-row { justify-content: flex-start; margin-top: 18px; }
.release-experience-copy .share-block { justify-content: flex-start; margin-top: 13px; }
.release-experience-cover { justify-self: end; width: min(100%, 520px); }
.release-experience-cover img { width: 100%; aspect-ratio: 1; border: 1px solid rgba(221,169,31,.5); object-fit: cover; box-shadow: 0 38px 90px rgba(0,0,0,.62); }

.release-era-section {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(280px, .7fr);
  gap: clamp(42px, 9vw, 150px);
  align-items: center;
  padding-block: clamp(66px, 9vw, 130px);
}

.release-era-section > div > p { max-width: 670px; color: #b7b6b1; font-size: 1.06rem; line-height: 1.75; }
.release-era-section .release-era-meta { color: #dda91f; font-weight: 900; text-transform: uppercase; }
.release-era-section > img { width: min(100%, 520px); aspect-ratio: 1; justify-self: end; object-fit: cover; box-shadow: 30px 30px 0 rgba(221,169,31,.08); }

.release-tracklist-section { padding-block: clamp(54px, 7vw, 100px); border-top: 1px solid #252522; }
.release-tracklist-section .track-video-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 42px; margin: 0; padding: 0; }
.release-tracklist-section .track-video-list li { min-height: 56px; border-bottom: 1px solid #272725; padding: 10px 0; }
.release-tracklist-section .track-list-copy strong { font-size: .95rem; }

.release-connections-section { padding-block: clamp(58px, 8vw, 110px); border-top: 1px solid #252522; }
.release-connections-section > div { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #292927; }
.release-connections-section > div > a { display: grid; min-height: 190px; align-content: space-between; border-right: 1px solid #292927; padding: 24px; color: #fff; background: #0b0b0b; }
.release-connections-section > div > a:last-child { border-right: 0; }
.release-connections-section small { color: #dda91f; font-size: .69rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.release-connections-section strong { margin-block: 18px; font-size: 1.16rem; line-height: 1.35; }
.release-connections-section a > span { color: #1988ff; font-size: .8rem; font-weight: 800; }
.release-playlist-experience { padding-block: clamp(54px, 7vw, 100px); }

.artist-server-page { --artist-bg: #050708; --artist-panel: #090c0e; --artist-panel-2: #0d1114; --artist-line: rgba(255,255,255,.14); --artist-text: #f4f2ec; --artist-muted: #999d9e; --artist-gold: #e3ad22; --artist-blue: #258dff; }
.artist-server { grid-template-columns: 230px minmax(0, 1fr); background: var(--artist-bg); }
.artist-server-sidebar { background: #030405; }
.artist-server-logo { height: 84px; padding: 18px 24px; font-family: Georgia, serif; font-size: 30px; }
.artist-server-nav { gap: 5px; padding: 20px 10px; }
.artist-server-nav button { min-height: 48px; padding: 0 16px; font-size: 14px; }
.artist-server-profile { margin-top: auto; padding: 18px; }
.artist-server-topbar { min-height: 64px; padding: 0 24px; background: #050708; }
.artist-server-topbar > strong { margin: 0; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: 20px; letter-spacing: .035em; text-transform: uppercase; }
.artist-top-id { color: var(--artist-blue); font-size: 12px; font-weight: 800; text-decoration: none; }
.artist-server-main { grid-template-columns: minmax(0, 1fr) 310px; min-height: calc(100svh - 64px); }
.artist-server-feed { padding: 34px clamp(24px, 4vw, 58px) 70px; }
.artist-server-greeting { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; border-bottom: 1px solid var(--artist-line); padding: 0 0 28px; }
.artist-server-greeting h1 { font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: clamp(42px, 5vw, 68px); letter-spacing: .01em; text-transform: uppercase; }
.artist-server-greeting p { margin: 0; font-size: 14px; }
.artist-home-actions { display: flex; flex-wrap: wrap; gap: 9px; align-items: start; margin-top: 14px; }
.artist-home-actions button, .artist-home-actions a { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; border: 1px solid var(--artist-gold); padding: 0 14px; color: #f6f1e8; background: transparent; font-size: 11px; font-weight: 900; text-decoration: none; text-transform: uppercase; }
.artist-home-actions button:first-child { color: #080706; background: var(--artist-gold); }
.artist-network-command { margin-top: 28px; border: 0; border-radius: 0; background: transparent; }
.artist-network-command > header { align-items: center; border-bottom: 1px solid var(--artist-line); padding: 0 0 24px; }
.artist-network-command h2 { font-family: Georgia, "Times New Roman", serif; font-size: clamp(28px, 3vw, 42px); }
.artist-network-stats { grid-template-columns: 1fr; border-bottom: 1px solid var(--artist-line); }
.artist-network-stats article { display: grid; min-height: 72px; grid-template-columns: 170px minmax(130px, .45fr) 1fr; align-items: center; gap: 20px; border-right: 0; border-bottom: 1px solid var(--artist-line); padding: 13px 4px; }
.artist-network-stats article:last-child { border-bottom: 0; }
.artist-network-stats strong { margin: 0; font-family: inherit; font-size: 15px; }
.artist-network-stats small { font-size: 11px; }
.artist-network-grid { grid-template-columns: 1fr; }
.artist-network-panel, .artist-network-panel:nth-child(2), .artist-network-panel:last-child { grid-column: auto; border-right: 0; border-bottom: 1px solid var(--artist-line); padding: 20px 4px; }
.artist-network-panel h3 { font-family: inherit; font-size: 19px; }
.artist-network-benefits > p { margin-bottom: 8px; }
.artist-composer { grid-template-columns: 40px 1fr; margin-top: 24px; border-radius: 0; padding: 18px; background: #0a0d0f; }
.artist-server-feed-list { margin-top: 14px; }
.artist-post { grid-template-columns: 44px 1fr; border-radius: 0; padding: 18px; background: #0a0d0f; }
.artist-post > .artist-avatar { width: 36px; height: 36px; }
.artist-server-rail { gap: 0; border-left: 1px solid var(--artist-line); padding: 28px 22px 40px; }
.artist-private-beta, .artist-calendar, .artist-requests, .artist-writing-preview { border: 0; border-bottom: 1px solid var(--artist-line); border-radius: 0; padding: 20px 0; background: transparent; }
.artist-private-beta h2 { margin: 0; font-size: 22px; }
.artist-private-beta p { color: var(--artist-muted); line-height: 1.55; }
.artist-private-beta a { color: var(--artist-blue); font-size: 12px; text-decoration: none; }
.artist-server-rail h2 { font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: 22px; letter-spacing: .02em; text-transform: uppercase; }

@media (max-width: 1050px) {
  .dapoint-shuffle-layout { grid-template-columns: 1fr; min-height: auto; }
  .dapoint-shuffle-frame { min-height: 0; aspect-ratio: 16 / 9; }
  .dapoint-shuffle-queue { display: flex; max-height: none; overflow-x: auto; border-top: 1px solid #2a2a28; border-left: 0; }
  .dapoint-shuffle-queue button { min-width: 280px; border-right: 1px solid #262624; border-bottom: 0; }
  .release-experience-hero { grid-template-columns: 1fr minmax(220px, .58fr); }
  .release-connections-section > div { grid-template-columns: 1fr 1fr; }
  .release-connections-section > div > a { border-bottom: 1px solid #292927; }
  .artist-server-main { grid-template-columns: 1fr; }
  .artist-server-rail { grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--artist-line); border-left: 0; padding: 0 24px 100px; }
  .artist-private-beta { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
  .dapoint-shuffle-player, .release-playlist-experience, .release-era-section, .release-tracklist-section, .release-connections-section { width: min(100% - 24px, 1380px); }
  .dapoint-shuffle-heading, .release-tracklist-section > header, .release-connections-section > header, .release-playlist-experience > header { display: block; }
  .dapoint-shuffle-heading button { width: 100%; margin-top: 18px; }
  .dapoint-shuffle-player > footer { display: grid; }
  .release-experience-hero { min-height: auto; grid-template-columns: 1fr; gap: 34px; padding: 132px 16px 54px; }
  .release-experience-backdrop { inset: 0; width: 100%; opacity: .18; mask-image: linear-gradient(0deg, transparent 0, #000 45%, #000 100%); }
  .release-experience-copy h1 { font-size: clamp(3.6rem, 18vw, 6.5rem); }
  .release-experience-cover { justify-self: start; width: min(80vw, 390px); }
  .release-era-section { grid-template-columns: 1fr; gap: 34px; }
  .release-era-section > img { justify-self: start; }
  .release-tracklist-section .track-video-list { grid-template-columns: 1fr; }
  .release-connections-section > div { grid-template-columns: 1fr; }
  .release-connections-section > div > a { min-height: 145px; border-right: 0; }
  .artist-server-greeting { display: block; }
  .artist-home-actions { display: grid; grid-template-columns: 1fr 1fr; margin-top: 22px; }
  .artist-home-actions button:first-child { grid-column: 1 / -1; }
  .artist-network-command > header { display: grid; align-items: start; }
  .artist-network-command > header button { justify-self: start; }
  .artist-network-stats article { grid-template-columns: 1fr; gap: 5px; }
  .artist-server-rail { display: block; padding-inline: 14px; }
}

/* Daily dashboard market ribbon: a compact live readout, not a second market page. */
.home-crypto-widget {
  width: min(var(--max), calc(100% - 48px));
  margin: 0 auto 22px;
  border: 1px solid rgba(132, 101, 255, 0.42);
  padding: 16px 18px 14px;
  background:
    radial-gradient(circle at 18% -20%, rgba(125, 80, 255, 0.28), transparent 42%),
    linear-gradient(105deg, rgba(8, 7, 22, 0.98), rgba(3, 10, 17, 0.98));
}
.home-crypto-widget > header { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.home-crypto-widget > header span { display: block; color: var(--daily-blue-bright, var(--cyan)); font-size: 10px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.home-crypto-widget > header h2 { margin: 4px 0 0; color: #fff; font-size: clamp(22px, 2.6vw, 32px); line-height: 1; text-transform: uppercase; }
.home-crypto-widget > header a { color: var(--daily-gold, var(--gold-hi)); font-size: 11px; font-weight: 900; text-decoration: none; text-transform: uppercase; }
.home-crypto-widget .crypto-market-toolbar { display: none; }
.home-crypto-widget .crypto-market-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-top: 1px solid rgba(255,255,255,0.12); }
.home-crypto-widget .crypto-market-card { min-height: 0; border: 0; border-right: 1px solid rgba(255,255,255,0.12); border-radius: 0; padding: 14px 16px; background: transparent; box-shadow: none; }
.home-crypto-widget .crypto-market-card:last-child { border-right: 0; }
.home-crypto-widget .crypto-market-card header { grid-template-columns: 34px minmax(0, 1fr) auto; gap: 9px; }
.home-crypto-widget .crypto-symbol { width: 34px; height: 34px; font-size: 12px; }
.home-crypto-widget .crypto-market-card h3 { font-size: 14px; }
.home-crypto-widget .crypto-market-card header p { margin-top: 3px; font-size: 9px; }
.home-crypto-widget .crypto-quote { min-width: 76px; gap: 3px; }
.home-crypto-widget .crypto-quote strong { font-size: 15px; }
.home-crypto-widget .crypto-quote span { font-size: 11px; }
.home-crypto-widget .crypto-chart-frame,
.home-crypto-widget .crypto-market-stats { display: none; }
.home-crypto-widget .crypto-market-footer { justify-content: flex-end; margin-top: 0; border-top: 1px solid rgba(255,255,255,0.12); padding-top: 9px; font-size: 10px; }
.home-crypto-widget .crypto-market-footer span:first-child { display: none; }

/* The root route is the immersive, header-free planet portal. */
.universe-portal-page,
.universe-portal-page main { min-height: 100svh; background: #010104; }
.universe-portal-page { overflow: hidden; }
.universe-portal-entry { min-height: 100svh; padding: 0; border: 0; background: #010104; }
.universe-portal-entry .universe-portal-solar-system { min-height: 100svh; height: 100svh; padding: 0; }
.universe-portal-entry .solar-copy { z-index: 14; }
.portal-universe-logo {
  display: block;
  width: clamp(76px, 6.5vw, 104px);
  height: auto;
  margin: 0 auto 5px;
  object-fit: contain;
  filter: drop-shadow(0 0 18px rgba(24, 141, 255, .36)) drop-shadow(0 8px 18px rgba(0, 0, 0, .78));
}
.universe-portal-entry .solar-title { color: #f7f0e1; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; letter-spacing: .018em; text-transform: uppercase; text-shadow: 0 2px 16px rgba(0,0,0,.85); }
.universe-portal-entry .solar-copy > p { display: none; }
.universe-portal-entry .travel-panel > span,
.universe-portal-entry .travel-panel > p,
.universe-portal-entry .planet-sitemap { display: none; }
.universe-portal-entry .travel-panel h2 { margin: 0; color: #f7f0e1; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: clamp(34px, 4vw, 58px); letter-spacing: .02em; line-height: .9; text-transform: uppercase; }
.universe-portal-entry .travel-panel a.button { min-width: 220px; justify-content: center; border-color: rgba(242, 201, 76, .82); background: linear-gradient(135deg, #3622ab, #6a42f3 56%, #24207b); box-shadow: inset 0 0 0 1px rgba(255,255,255,.24), 0 0 26px rgba(101, 66, 243, .44); }
.universe-portal-entry .universe-lil-point-navigator { left: max(10px, 2vw); right: auto; z-index: 15; }

@media (min-width: 721px) {
  .universe-portal-entry .solar-copy { top: max(14px, env(safe-area-inset-top)); left: 50%; max-width: none; transform: translateX(-50%); text-align: center; }
  .universe-portal-entry .solar-copy h1 { max-width: 11ch; margin: 0 auto; font-size: clamp(54px, 6vw, 82px); }
  .universe-portal-entry[data-carousel-ready] .planet-carousel-stage { top: clamp(230px, 30vh, 330px); right: 8vw; left: 8vw; height: min(390px, 40vh); min-height: 310px; }
  .universe-portal-entry .mobile-planet-controls { bottom: clamp(170px, 20vh, 220px); }
  .universe-portal-entry .travel-panel { bottom: clamp(28px, 5vh, 60px); width: min(520px, calc(100% - 48px)); padding: 20px 24px; }
  .universe-portal-entry .universe-lil-point-navigator { top: auto; bottom: 24px; width: clamp(68px, 8vw, 108px); }
}

@media (max-width: 720px) {
  .home-crypto-widget { width: min(var(--max), calc(100% - 28px)); padding: 14px 12px 12px; }
  .home-crypto-widget > header { align-items: start; }
  .home-crypto-widget > header a { max-width: 110px; text-align: right; line-height: 1.35; }
  .home-crypto-widget .crypto-market-grid { grid-template-columns: 1fr; }
  .home-crypto-widget .crypto-market-card { border-right: 0; border-bottom: 1px solid rgba(255,255,255,0.12); padding: 10px 2px; }
  .home-crypto-widget .crypto-market-card:last-child { border-bottom: 0; }
  .home-crypto-widget .crypto-market-footer { justify-content: flex-start; }

  .universe-portal-entry,
  .universe-portal-entry .universe-portal-solar-system { min-height: 100svh; height: 100svh; }
  .universe-portal-entry .solar-copy { top: calc(10px + env(safe-area-inset-top)); left: 14px; right: 14px; text-align: center; }
  .portal-universe-logo { width: clamp(58px, 17vw, 72px); margin-bottom: 2px; }
  .universe-portal-entry .solar-copy h1 { max-width: 11ch; margin-inline: auto; font-size: clamp(38px, 12vw, 52px); }
  .universe-portal-entry[data-carousel-ready] .planet-carousel-stage { top: clamp(242px, 31svh, 300px); height: 230px; min-height: 230px; }
  .universe-portal-entry .mobile-planet-controls { top: auto; bottom: 178px; left: 18px; right: 18px; }
  .universe-portal-entry .travel-panel { top: auto; right: 14px; bottom: max(20px, env(safe-area-inset-bottom)); left: 14px; max-height: none; min-height: 132px; padding: 16px 14px; }
  .universe-portal-entry .travel-panel h2 { font-size: clamp(32px, 12vw, 50px); }
  .universe-portal-entry .travel-panel a.button { min-height: 40px; width: min(100%, 280px); }
  .universe-portal-entry .universe-lil-point-navigator { top: auto; bottom: 16px; left: -5px; width: 62px; }
}

/* Artist capability layer inside the single daPoint ID dashboard. */
.artist-tools-panel.artist-server {
  --artist-bg: #071019;
  --artist-panel: #0b1620;
  --artist-panel-2: #0e1a25;
  --artist-line: rgba(164,188,202,.24);
  --artist-text: #f6eee0;
  --artist-muted: #b6c2cb;
  --artist-gold: #e5ae28;
  --artist-blue: #8abbe3;
  display: block;
  min-height: 0;
  width: 100%;
  padding: 24px;
  border: 1px solid var(--artist-line);
  border-radius: 18px;
  background: radial-gradient(circle at 52% 0%, rgba(42,72,97,.22), transparent 35rem), var(--artist-bg);
  color: var(--artist-text);
}
.artist-tools-panel .artist-server-topbar {
  position: static;
  min-height: 54px;
  margin-bottom: 22px;
  padding: 0 0 14px;
  border-bottom: 1px solid var(--artist-line);
  background: transparent;
  color: var(--artist-text);
}
.artist-tools-panel .artist-server-topbar > div { display: flex; align-items: center; gap: 10px; }
.artist-tools-panel .artist-server-greeting { padding: 0 0 24px; }
.artist-tools-panel .artist-server-greeting h1 { color: var(--artist-text); }
.artist-tools-panel .artist-server-greeting p { color: var(--artist-muted); }
.artist-tools-panel .artist-network-command { margin: 26px 0 20px; }
.artist-tools-panel .artist-network-stats span,
.artist-tools-panel .artist-network-stats small,
.artist-tools-panel .artist-network-command > header span,
.artist-tools-panel .artist-network-benefits > p,
.artist-tools-panel .artist-network-list small,
.artist-tools-panel .artist-empty { color: var(--artist-muted); }
.artist-tools-panel .artist-network-stats strong,
.artist-tools-panel .artist-network-list strong { color: var(--artist-text); }
.artist-tools-secondary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
  margin: 0 0 18px;
}
.artist-tools-secondary > section {
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--artist-line);
  border-radius: 12px;
  background: var(--artist-panel);
  color: var(--artist-text);
}
.artist-tools-secondary h2 { color: var(--artist-text); }
.artist-tools-panel .artist-composer { margin: 0; border-radius: 10px; background: var(--artist-panel); }
.artist-tools-panel .artist-server-status { position: static; margin-left: auto; }
.artist-tools-panel.is-official-dapoint-artist { border-color: rgba(229,174,40,.55); }
@media (max-width: 920px) {
  .artist-tools-panel.artist-server { padding: 18px; }
  .artist-tools-secondary { grid-template-columns: 1fr; }
}

/* daPoint daily hub — Southern broadcast front door */
.daily-home-page {
  --daily-black: #020202;
  --daily-panel: #0a0a0a;
  --daily-ivory: #f3ead8;
  --daily-muted: #bdb7ac;
  --daily-blue: #0868d8;
  --daily-blue-bright: #1385ff;
  --daily-red: #ee252d;
  --daily-gold: #d8a92e;
  --daily-line: rgba(243, 234, 216, 0.25);
  --daily-max: 1500px;
  background: var(--daily-black);
  color: var(--daily-ivory);
}

.daily-home-page::before { display: none; }
.daily-home-page main { min-height: 100vh; }
.daily-home-page button,
.daily-home-page input { border-radius: 0; }
.daily-home-page button:focus-visible,
.daily-home-page a:focus-visible,
.daily-home-page input:focus-visible {
  outline: 3px solid var(--daily-blue-bright);
  outline-offset: 3px;
}

.daily-skip-link {
  position: fixed;
  z-index: 1000;
  top: 10px;
  left: 10px;
  padding: 12px 16px;
  color: #fff;
  background: var(--daily-blue);
  transform: translateY(-160%);
}
.daily-skip-link:focus { transform: translateY(0); }

.daily-header {
  position: sticky;
  z-index: 80;
  top: 0;
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr) minmax(150px, 220px) auto;
  align-items: center;
  gap: clamp(16px, 2vw, 34px);
  min-height: 92px;
  padding: 12px max(24px, calc((100vw - var(--daily-max)) / 2));
  border-bottom: 1px solid var(--daily-line);
  background: rgba(2, 2, 2, 0.96);
  backdrop-filter: blur(18px);
}
.daily-brand {
  width: 98px;
  height: 68px;
}
.daily-brand img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: scale(1.18);
  transform-origin: left center;
}
.daily-nav {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: clamp(10px, 1.7vw, 34px);
  align-self: stretch;
}
.daily-nav a {
  position: relative;
  display: grid;
  place-items: center;
  color: var(--daily-ivory);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(17px, 1.3vw, 23px);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.daily-nav a::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  content: "";
  background: var(--daily-blue-bright);
  transform: scaleX(0);
  transition: transform 180ms ease;
}
.daily-nav a:hover::after,
.daily-nav a:focus-visible::after,
.daily-nav a.is-active::after { transform: scaleX(1); }
.daily-nav a.is-active { color: var(--daily-blue-bright); }
.daily-header-search input {
  width: 100%;
  height: 44px;
  border: 1px solid var(--daily-line);
  border-radius: 999px;
  padding: 0 18px;
  color: #fff;
  background: #0c0c0c;
}
.daily-account-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  white-space: nowrap;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 17px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.daily-join-button {
  display: grid;
  min-height: 46px;
  place-items: center;
  padding: 0 18px;
  background: var(--daily-blue);
}
.daily-menu-button { display: none; }

.daily-home-shell {
  width: min(100%, var(--daily-max));
  margin-inline: auto;
  overflow: hidden;
  background: var(--daily-black);
}
.daily-home-shell h1,
.daily-home-shell h2,
.daily-home-shell h3 {
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-weight: 400;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.daily-hero {
  display: grid;
  grid-template-columns: minmax(360px, 0.78fr) minmax(620px, 1.42fr);
  align-items: center;
  gap: clamp(38px, 4vw, 74px);
  min-height: 670px;
  padding: clamp(54px, 6vw, 88px) clamp(24px, 3.2vw, 52px) 46px;
  border-bottom: 1px solid var(--daily-line);
}
.daily-hero-copy h1 {
  max-width: 600px;
  margin: 0;
  color: var(--daily-ivory);
  font-size: clamp(78px, 7.1vw, 132px);
  line-height: 0.86;
  text-transform: none;
}
.daily-hero-copy h1 span { color: var(--daily-blue); }
.daily-hero-copy > p {
  max-width: 590px;
  margin: 22px 0 0;
  color: var(--daily-ivory);
  font-size: clamp(19px, 1.5vw, 25px);
  line-height: 1.45;
}
.daily-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
}
.daily-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  border: 2px solid var(--daily-blue);
  padding: 0 24px;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 20px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
}
.daily-button-primary {
  color: #fff;
  background: var(--daily-blue);
}
.daily-button-secondary {
  border-color: var(--daily-gold);
  color: var(--daily-ivory);
  background: transparent;
}
.daily-breaking-line {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-top: 25px;
  padding-top: 18px;
  border-top: 1px solid var(--daily-line);
  font-size: 14px;
  line-height: 1.45;
}
.daily-breaking-line strong {
  color: var(--daily-red);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 17px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.daily-breaking-line a {
  color: var(--daily-ivory);
  font-weight: 800;
  text-decoration: underline;
  text-decoration-color: var(--daily-gold);
  text-underline-offset: 4px;
}

.school-ready-event {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(330px, 0.82fr);
  border-top: 1px solid rgba(216, 169, 46, 0.7);
  border-bottom: 1px solid rgba(216, 169, 46, 0.7);
  color: var(--daily-ivory);
  background: #0b0a07;
}
.school-ready-event[hidden] { display: none; }
.school-ready-copy {
  align-self: center;
  padding: clamp(46px, 5.5vw, 88px) clamp(28px, 5vw, 76px);
}
.school-ready-status {
  margin: 0;
  color: var(--daily-gold);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.school-ready-copy h2 {
  max-width: 880px;
  margin: 16px 0 0;
  color: #fff;
  font-size: clamp(58px, 6.4vw, 108px);
  line-height: 0.88;
}
.school-ready-intro {
  max-width: 790px;
  margin: 26px 0 0;
  color: var(--daily-ivory);
  font-size: clamp(18px, 1.5vw, 24px);
  line-height: 1.45;
}
.school-ready-details {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  margin: 32px 0 0;
  border-block: 1px solid rgba(216, 169, 46, 0.52);
}
.school-ready-details > div {
  min-width: 0;
  padding: 20px 22px;
  border-right: 1px solid rgba(216, 169, 46, 0.35);
}
.school-ready-details > div:first-child { padding-left: 0; }
.school-ready-details > div:last-child { border-right: 0; padding-right: 0; }
.school-ready-details dt {
  color: var(--daily-gold);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 20px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.school-ready-details dd {
  margin: 8px 0 0;
  color: var(--daily-ivory);
  font-size: 14px;
  line-height: 1.45;
}
.school-ready-note {
  max-width: 790px;
  margin: 22px 0 0;
  color: var(--daily-muted);
  font-size: 13px;
  line-height: 1.45;
}
.school-ready-note strong { color: #fff; }
.school-ready-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}
.school-ready-actions a {
  display: inline-grid;
  min-height: 54px;
  place-items: center;
  border: 2px solid var(--daily-gold);
  padding: 0 22px;
  color: var(--daily-gold);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 18px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.school-ready-actions .school-ready-primary {
  color: #050505;
  background: var(--daily-gold);
}
.school-ready-copy > small {
  display: block;
  margin-top: 18px;
  color: #8f8b84;
  font-size: 10px;
  letter-spacing: 0.06em;
  line-height: 1.45;
  text-transform: uppercase;
}
.school-ready-flyer {
  display: grid;
  place-items: center;
  border-left: 1px solid rgba(216, 169, 46, 0.52);
  padding: clamp(26px, 3vw, 48px);
  background: #050505;
}
.school-ready-flyer img {
  display: block;
  width: min(100%, 520px);
  height: auto;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: #fff;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.5);
}

.radio-console {
  overflow: hidden;
  border: 1px solid rgba(216, 169, 46, 0.54);
  padding: 12px;
  background: #080808;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.5);
}
.radio-console-main {
  display: grid;
  grid-template-columns: minmax(210px, 0.8fr) minmax(280px, 1.25fr) minmax(175px, 0.65fr);
  min-height: 350px;
  border: 1px solid rgba(216, 169, 46, 0.48);
}
.radio-art {
  width: 100%;
  height: 100%;
  min-height: 350px;
  border-right: 1px solid rgba(216, 169, 46, 0.42);
  object-fit: cover;
}
.radio-now {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: clamp(22px, 2.4vw, 38px);
}
.radio-status-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.radio-station-logo {
  width: min(178px, 52%);
  height: 54px;
  overflow: hidden;
  border: 1px solid rgba(216, 169, 46, 0.48);
  border-radius: 5px;
  background: #fff;
  object-fit: cover;
  object-position: center 44%;
}
.radio-live-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--daily-red);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 18px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.radio-live-status i,
.today-live-head span i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 5px rgba(238, 37, 45, 0.12);
  animation: dailyLivePulse 1.7s ease-in-out infinite;
}
.radio-now > p {
  margin: 34px 0 4px;
  color: var(--daily-blue-bright);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.radio-now h2 {
  overflow: hidden;
  margin: 0;
  color: var(--daily-ivory);
  font-size: clamp(36px, 3.3vw, 62px);
  line-height: 0.95;
  text-overflow: ellipsis;
}
.radio-now h3 {
  margin: 10px 0 0;
  color: var(--daily-gold);
  font-size: clamp(23px, 2vw, 34px);
  text-transform: none;
}
.radio-content-rating {
  display: inline-block;
  margin-top: 10px;
  border: 1px solid var(--daily-red);
  padding: 4px 7px;
  color: #fff;
  background: rgba(238, 37, 45, 0.18);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.radio-content-rating[hidden] { display: none; }
.radio-waveform {
  display: flex;
  align-items: center;
  gap: 3px;
  height: 62px;
  margin-top: 25px;
  overflow: hidden;
}
.radio-waveform i {
  width: 3px;
  height: var(--wave);
  flex: 1;
  max-width: 4px;
  min-height: 10px;
  background: rgba(19, 133, 255, 0.35);
}
.radio-console:has(audio:not([paused])) .radio-waveform i,
.radio-waveform i:nth-child(-n+24) {
  background: var(--daily-blue-bright);
}
.radio-progress-row {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  color: var(--daily-muted);
  font-size: 11px;
}
.radio-progress-track {
  height: 3px;
  background: #292929;
}
.radio-progress-track i {
  display: block;
  width: 0;
  height: 100%;
  background: var(--daily-blue-bright);
}
.radio-dj {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: end;
  overflow: hidden;
  border-left: 1px solid rgba(216, 169, 46, 0.42);
  padding: 20px 16px 14px;
  background: radial-gradient(circle at 50% 72%, rgba(8, 104, 216, 0.2), transparent 54%);
}
.radio-dj img {
  position: relative;
  z-index: 1;
  width: min(100%, 230px);
  margin: 18px auto 0;
  filter: drop-shadow(0 14px 14px rgba(0, 0, 0, 0.48));
}
.radio-dj-bubble {
  position: relative;
  z-index: 2;
  min-height: 72px;
  border-radius: 50%;
  padding: 17px 21px;
  color: #0c0c0c;
  background: var(--daily-ivory);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;
  text-align: center;
}
.radio-dj small {
  position: relative;
  z-index: 2;
  color: var(--daily-muted);
  font-size: 10px;
  line-height: 1.3;
  text-align: center;
}
.radio-controls {
  display: grid;
  grid-template-columns: auto auto auto minmax(170px, 1fr) minmax(190px, 1.4fr);
  align-items: center;
  gap: 14px;
  min-height: 76px;
  border: 1px solid rgba(216, 169, 46, 0.42);
  border-top: 0;
  padding: 10px 16px;
}
.radio-controls button {
  min-height: 42px;
  border: 1px solid var(--daily-line);
  padding: 0 16px;
  color: var(--daily-ivory);
  background: transparent;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
}
.radio-controls .radio-control-primary {
  min-width: 82px;
  border-color: var(--daily-blue-bright);
  color: #fff;
  background: var(--daily-blue);
}
.radio-controls label {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--daily-muted);
  font-size: 11px;
  text-transform: uppercase;
}
.radio-controls input { width: 100%; accent-color: var(--daily-blue-bright); }
.radio-controls > span {
  color: var(--daily-muted);
  font-size: 12px;
  line-height: 1.35;
}
.radio-queue {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 18px;
  border: 1px solid rgba(216, 169, 46, 0.42);
  border-top: 0;
  padding: 13px 18px;
}
.radio-queue > strong,
.radio-queue > a {
  color: var(--daily-blue-bright);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.radio-queue > div {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.radio-queue > div span {
  min-width: 0;
  padding: 0 16px;
  border-left: 1px solid var(--daily-line);
}
.radio-queue > div strong,
.radio-queue > div small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.radio-queue > div strong { font-size: 12px; }
.radio-queue > div small { margin-top: 3px; color: var(--daily-muted); font-size: 10px; }

.right-now-rail {
  display: grid;
  grid-template-columns: 1.25fr repeat(4, 1fr) auto;
  border-bottom: 1px solid var(--daily-line);
  padding: 0 clamp(24px, 3.2vw, 52px);
}
.right-now-title,
.right-now-rail > a {
  min-height: 160px;
  padding: 26px 22px;
  border-right: 1px solid var(--daily-line);
}
.right-now-title { padding-left: 0; }
.right-now-title h2 {
  margin: 0;
  font-size: clamp(42px, 3.6vw, 65px);
  line-height: 0.9;
}
.right-now-title p {
  max-width: 160px;
  margin: 12px 0 0;
  color: var(--daily-muted);
}
.right-now-rail > a {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
}
.right-now-rail > a span {
  color: var(--daily-blue-bright);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 20px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.right-now-rail > a[data-category="sports"] span { color: var(--daily-red); }
.right-now-rail > a[data-category="music"] span,
.right-now-rail > a[data-category="food"] span { color: var(--daily-gold); }
.right-now-rail > a strong {
  display: -webkit-box;
  margin-top: 12px;
  overflow: hidden;
  color: var(--daily-ivory);
  font-size: 17px;
  line-height: 1.3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.right-now-rail > a small {
  margin-top: 11px;
  overflow: hidden;
  color: #8f8b84;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.right-now-rail > .right-now-view-all {
  min-width: 125px;
  border-right: 0;
  color: var(--daily-gold);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 17px;
  letter-spacing: 0.05em;
  text-align: center;
  text-transform: uppercase;
}

.today-section {
  padding: clamp(62px, 7vw, 105px) clamp(24px, 3.2vw, 52px);
  border-bottom: 1px solid var(--daily-line);
}
.daily-section-heading {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 30px;
}
.daily-section-heading h2 {
  margin: 0;
  font-size: clamp(74px, 8vw, 136px);
  line-height: 0.86;
}
.daily-section-heading h2 span { color: var(--daily-blue-bright); }
.daily-section-heading p {
  max-width: 700px;
  margin: 18px 0 0;
  color: var(--daily-ivory);
  font-size: clamp(18px, 1.7vw, 27px);
  line-height: 1.4;
}
.daily-section-heading img {
  width: 128px;
  height: 128px;
  object-fit: contain;
}
.today-tabs {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  margin-top: 28px;
  border-block: 1px solid var(--daily-line);
}
.today-tabs button {
  min-height: 68px;
  border: 0;
  border-right: 1px solid var(--daily-line);
  color: var(--daily-ivory);
  background: transparent;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 21px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
}
.today-tabs button:last-child { border-right: 0; }
.today-tabs button[aria-selected="true"] {
  color: var(--daily-blue-bright);
  box-shadow: inset 0 -4px var(--daily-blue-bright);
}
.today-layout {
  display: grid;
  grid-template-columns: 1.05fr 0.86fr 0.98fr;
  border-bottom: 1px solid var(--daily-line);
}
.today-lead {
  padding: 26px 28px 26px 0;
  border-right: 1px solid var(--daily-line);
}
.today-lead > img,
.today-lead-placeholder {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  background: #0b2852;
}
.today-lead-placeholder {
  display: grid;
  place-items: center;
  color: var(--daily-blue-bright);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(64px, 8vw, 120px);
  text-transform: uppercase;
}
.today-lead > div { margin-top: 16px; }
.today-lead span,
.today-story-list span {
  color: var(--daily-blue-bright);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.today-lead h3 {
  margin: 8px 0 0;
  font-size: clamp(34px, 3vw, 50px);
  line-height: 0.96;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.today-lead p {
  margin: 13px 0 0;
  color: var(--daily-muted);
  line-height: 1.45;
}
.today-lead a,
.today-story-list a {
  display: inline-block;
  margin-top: 15px;
  color: var(--daily-blue-bright);
  font-weight: 900;
  text-transform: uppercase;
}
.today-story-list {
  padding: 12px 30px;
  border-right: 1px solid var(--daily-line);
}
.today-story-list article {
  padding: 20px 0 23px;
  border-bottom: 1px solid var(--daily-line);
}
.today-story-list article:last-child { border-bottom: 0; }
.today-story-list h3 {
  margin: 9px 0 0;
  font-size: clamp(22px, 1.8vw, 30px);
  line-height: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.today-story-list a { margin-top: 10px; font-size: 11px; }
.today-live-next { padding: 25px 0 25px 30px; }
.today-live-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--daily-red);
}
.today-live-head h3 { margin: 0; font-size: 38px; }
.today-live-head span {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--daily-red);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}
.today-live-next > a {
  display: grid;
  grid-template-columns: 110px 1fr;
  align-items: center;
  gap: 16px;
  padding: 18px 0;
  border-bottom: 1px solid var(--daily-line);
}
.today-live-next > a img {
  width: 110px;
  aspect-ratio: 1;
  object-fit: cover;
}
.today-live-next > a span,
.today-live-next > a strong,
.today-live-next > a small,
.today-live-next > a em { display: block; }
.today-live-next > a small {
  color: var(--daily-red);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.today-live-next > a strong {
  margin-top: 5px;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 24px;
  line-height: 1;
  text-transform: uppercase;
}
.today-live-next > a em {
  margin-top: 6px;
  color: var(--daily-muted);
  font-size: 12px;
  font-style: normal;
}
.today-trust-row {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 18px 0;
  color: var(--daily-muted);
  font-size: 13px;
}
.today-trust-row a {
  color: var(--daily-blue-bright);
  font-weight: 900;
  text-transform: uppercase;
}
.home-weather-center {
  display: grid;
  grid-template-columns: minmax(350px, 0.9fr) minmax(440px, 1.1fr);
  margin-bottom: 20px;
  border: 1px solid var(--daily-line);
  background: var(--daily-line);
}
.home-weather-conditions,
.home-radar-panel {
  min-width: 0;
  background: var(--daily-panel);
}
.home-weather-conditions { padding: clamp(22px, 2.5vw, 34px); }
.home-radar-panel {
  border-left: 1px solid var(--daily-line);
  padding: clamp(18px, 2vw, 28px);
  background: #07090e;
}
.home-weather-heading,
.home-radar-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--daily-line);
}
.home-weather-heading > div > span,
.home-radar-heading > div > span {
  display: block;
  color: var(--daily-gold);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.home-weather-heading h3 {
  margin: 6px 0 0;
  font-size: clamp(30px, 3vw, 42px);
  line-height: 0.95;
  text-transform: uppercase;
}
.home-weather-heading > a,
.home-radar-actions a {
  flex: 0 0 auto;
  color: var(--daily-blue-bright);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}
.home-weather-now {
  display: grid;
  grid-template-columns: 70px auto minmax(0, 1fr);
  align-items: center;
  gap: 15px;
  margin-top: 22px;
}
.home-weather-icon-shell {
  position: relative;
  display: grid;
  width: 70px;
  height: 70px;
  overflow: hidden;
  border: 1px solid var(--daily-line);
  place-items: center;
  background: #05070a;
  color: var(--daily-blue-bright);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.08em;
}
.home-weather-icon-shell img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-weather-now > strong {
  color: var(--daily-ivory, var(--text));
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(62px, 6vw, 92px);
  font-weight: 400;
  line-height: 0.78;
}
.home-weather-copy,
.home-weather-copy b,
.home-weather-copy small { display: block; }
.home-weather-copy b { font-size: clamp(17px, 1.5vw, 22px); line-height: 1.08; }
.home-weather-copy small { margin-top: 7px; color: var(--daily-muted); font-size: 12px; }
.home-weather-center .local-weather-alert { margin: 22px 0 16px; }
.home-forecast-periods {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--daily-line);
}
.home-forecast-periods > span {
  display: grid;
  min-width: 0;
  min-height: 126px;
  align-content: start;
  border-right: 1px solid var(--daily-line);
  padding: 13px 10px;
}
.home-forecast-periods > span:last-child { border-right: 0; }
.home-forecast-periods small,
.home-forecast-periods strong,
.home-forecast-periods em,
.home-forecast-periods i { display: block; }
.home-forecast-periods small {
  overflow: hidden;
  color: var(--daily-blue-bright);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.home-forecast-periods strong {
  margin-top: 8px;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 1;
}
.home-forecast-periods em {
  display: -webkit-box;
  min-height: 30px;
  margin-top: 6px;
  overflow: hidden;
  color: var(--daily-muted);
  font-size: 10px;
  font-style: normal;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.home-forecast-periods i {
  margin-top: 8px;
  color: var(--daily-gold);
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}
.home-weather-updated {
  display: block;
  margin-top: 12px;
  color: var(--daily-muted);
  font-size: 10px;
}
.home-radar-heading > div:first-child { min-width: 145px; }
.home-radar-heading strong {
  display: block;
  margin-top: 6px;
  color: var(--daily-ivory);
  font-size: 15px;
}
.home-radar-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border: 1px solid var(--daily-line);
}
.home-radar-tabs button,
.home-radar-actions button {
  min-height: 36px;
  border: 0;
  padding: 0 12px;
  color: var(--daily-muted);
  background: transparent;
  font: inherit;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  cursor: pointer;
}
.home-radar-tabs button + button { border-left: 1px solid var(--daily-line); }
.home-radar-tabs button[aria-pressed="true"] {
  color: #050505;
  background: var(--daily-gold);
}
.home-radar-frame {
  position: relative;
  margin: 18px 0 0;
  overflow: hidden;
  border: 1px solid var(--daily-line);
  background: #000;
}
.home-radar-frame > img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 600 / 550;
  object-fit: contain;
  background: #000;
}
.home-radar-frame.is-loading > img { opacity: 0.58; }
.home-radar-frame.is-unavailable > img { visibility: hidden; }
.home-radar-fallback {
  position: absolute;
  inset: 0;
  display: grid;
  margin: 0;
  padding: 36px;
  place-items: center;
  color: var(--daily-muted);
  text-align: center;
}
.home-radar-fallback[hidden] { display: none; }
.home-radar-frame figcaption {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  border-top: 1px solid var(--daily-line);
  padding: 10px 12px;
  color: var(--daily-blue-bright);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}
.home-radar-frame figcaption small {
  color: var(--daily-muted);
  font-size: 9px;
  font-weight: 500;
  text-transform: none;
}
.home-radar-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 12px;
}
.home-radar-actions button {
  border: 1px solid var(--daily-line);
  color: var(--daily-ivory);
}
.home-local-intelligence-grid { grid-template-columns: 1fr 1fr; }
.local-intelligence-grid {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr 0.92fr;
  gap: 1px;
  margin-bottom: 20px;
  border: 1px solid var(--daily-line);
  background: var(--daily-line);
}
.local-intelligence-card {
  min-width: 0;
  padding: 22px;
  background: var(--daily-panel);
}
.local-intelligence-card header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding-bottom: 13px;
  border-bottom: 1px solid var(--daily-line);
}
.local-intelligence-card header > span {
  color: var(--daily-gold);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.local-intelligence-card header a,
.local-intelligence-card header small {
  color: var(--daily-blue-bright);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}
.local-weather-now {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 18px;
}
.local-weather-now > strong {
  color: var(--daily-ivory, var(--text));
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(56px, 5vw, 78px);
  line-height: 0.8;
}
.local-weather-now span,
.local-weather-now b,
.local-weather-now small { display: block; }
.local-weather-now b { font-size: 17px; line-height: 1.2; }
.local-weather-now small { margin-top: 6px; color: var(--daily-muted, var(--muted)); }
.local-weather-alert {
  margin: 18px 0 11px;
  border-left: 3px solid var(--daily-blue-bright, var(--cyan));
  padding: 8px 0 8px 12px;
  color: var(--daily-muted, var(--muted));
  font-size: 12px;
}
.local-weather-alert.is-active {
  border-color: var(--daily-red, #ee252d);
  color: #fff;
  font-weight: 800;
}
.local-intelligence-card > small { color: var(--daily-muted); font-size: 10px; }
.local-source-count {
  display: block;
  margin-top: 18px;
  color: var(--daily-blue-bright, var(--cyan));
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(58px, 6vw, 88px);
  line-height: 0.8;
}
.local-source-card > p { min-height: 40px; margin: 12px 0; color: var(--daily-muted); font-size: 13px; }
.local-source-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px 12px;
  margin: 14px 0;
}
.local-source-links a {
  overflow: hidden;
  color: var(--daily-ivory);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.national-brief-card ol,
.local-national-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.national-brief-card li {
  padding: 13px 0;
  border-bottom: 1px solid var(--daily-line);
}
.national-brief-card li a,
.national-brief-card li > span {
  display: block;
  color: var(--daily-ivory);
  font-weight: 800;
  line-height: 1.25;
}
.national-brief-card li small {
  display: block;
  margin-top: 5px;
  color: var(--daily-muted);
  font-size: 10px;
}
.national-brief-policy {
  display: inline-block;
  margin-top: 15px;
  color: var(--daily-blue-bright);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}
.local-search-band {
  display: grid;
  grid-template-columns: 1.2fr 1.5fr 1fr auto;
  align-items: center;
  gap: 16px;
  padding: 18px 22px;
  color: #0c0c0c;
  background: var(--daily-ivory);
}
.local-search-band strong {
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(30px, 3vw, 48px);
  text-transform: uppercase;
}
.local-search-band input {
  min-width: 0;
  height: 58px;
  border: 1px solid #333;
  padding: 0 18px;
  color: #111;
  background: transparent;
}
.local-search-band > span {
  border-left: 1px solid #777;
  padding-left: 18px;
  color: #3d3d3d;
}
.local-search-band button {
  min-height: 58px;
  border: 0;
  padding: 0 22px;
  color: #fff;
  background: var(--daily-blue);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 18px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
}

.reviews-section {
  display: grid;
  grid-template-columns: minmax(0, 1.82fr) minmax(350px, 0.78fr);
  gap: clamp(30px, 4vw, 62px);
  padding: clamp(65px, 7vw, 110px) clamp(24px, 3.2vw, 52px);
  border-bottom: 1px solid var(--daily-line);
}
.reviews-heading h2 {
  margin: 0;
  font-size: clamp(66px, 6.5vw, 112px);
  line-height: 0.9;
}
.reviews-heading p {
  margin: 20px 0 0;
  color: var(--daily-ivory);
  font-size: clamp(18px, 1.7vw, 26px);
  line-height: 1.45;
}
.reviews-heading p strong { color: var(--daily-blue-bright); }
.reviews-heading p em { color: var(--daily-red); font-style: normal; font-weight: 900; }
.reviews-label {
  margin: 34px 0 0;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--daily-gold);
  color: var(--daily-gold);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 26px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.featured-review {
  display: grid;
  grid-template-columns: minmax(230px, 0.78fr) minmax(360px, 1.22fr);
  gap: 34px;
  padding: 24px 0;
  border-bottom: 1px solid var(--daily-gold);
}
.featured-review > img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}
.featured-review-copy > span {
  color: var(--daily-blue-bright);
  font-weight: 900;
  text-transform: uppercase;
}
.featured-review-copy h3 {
  margin: 6px 0 0;
  font-size: clamp(42px, 4vw, 68px);
  line-height: 0.95;
}
.star-score {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 18px;
}
.star-score strong {
  color: var(--daily-blue-bright);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 58px;
}
.star-score strong small { color: var(--daily-ivory); font-size: 24px; }
.star-score > span {
  color: var(--daily-gold);
  font-size: 25px;
  letter-spacing: 0.1em;
}
.star-score > span i { color: transparent; font-style: normal; -webkit-text-stroke: 1px var(--daily-gold); }
.featured-review-copy dl { margin: 18px 0 0; }
.featured-review-copy dl div {
  display: flex;
  justify-content: space-between;
  padding: 7px 0;
  border-bottom: 1px solid rgba(216, 169, 46, 0.35);
  text-transform: uppercase;
}
.featured-review-copy dd { margin: 0; color: var(--daily-blue-bright); font-weight: 900; }
.featured-review-copy blockquote {
  margin: 20px 0;
  color: var(--daily-ivory);
  font-size: 18px;
  font-style: italic;
  line-height: 1.45;
}
.featured-review-copy > a {
  display: inline-block;
  border: 2px solid var(--daily-blue-bright);
  padding: 14px 18px;
  color: var(--daily-blue-bright);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.review-row {
  display: grid;
  grid-template-columns: 112px 1fr auto;
  align-items: center;
  gap: 20px;
  padding: 18px 0;
  border-bottom: 1px solid var(--daily-line);
}
.review-row img { width: 112px; aspect-ratio: 1; object-fit: cover; }
.review-row span small,
.review-row span strong,
.review-row span p { display: block; }
.review-row span small {
  color: var(--daily-blue-bright);
  font-weight: 900;
  text-transform: uppercase;
}
.review-row span strong {
  margin-top: 5px;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 32px;
  text-transform: uppercase;
}
.review-row span p { margin: 6px 0 0; color: var(--daily-muted); }
.review-row > em { color: var(--daily-gold); font-style: normal; font-weight: 900; text-transform: uppercase; }

.rotation-panel {
  align-self: start;
  padding: clamp(28px, 3vw, 48px);
  color: #0a0a0a;
  background: var(--daily-ivory);
}
.rotation-panel h2 {
  margin: 0;
  font-size: clamp(56px, 5vw, 86px);
  line-height: 0.9;
}
.rotation-panel > p {
  margin: 24px 0 0;
  font-size: 18px;
  line-height: 1.4;
}
.rotation-panel ol {
  margin: 26px 0;
  padding: 0;
  list-style: none;
  counter-reset: rotation;
}
.rotation-panel li {
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 15px;
  padding: 17px 0;
  border-bottom: 1px solid #b99e62;
  counter-increment: rotation;
}
.rotation-panel li::before {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 50%;
  content: counter(rotation);
  color: #fff;
  background: #0a0a0a;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 23px;
}
.rotation-panel li strong,
.rotation-panel li span { display: block; grid-column: 2; }
.rotation-panel li strong {
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 24px;
  text-transform: uppercase;
}
.rotation-panel li span { color: #3f3b34; line-height: 1.4; }
.rotation-primary,
.rotation-secondary {
  display: grid;
  min-height: 58px;
  margin-top: 12px;
  place-items: center;
  border: 2px solid var(--daily-blue);
  color: #fff;
  background: var(--daily-blue);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 21px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.rotation-secondary { color: var(--daily-blue); background: transparent; }
.rotation-panel .rotation-disclosure {
  padding: 20px 0;
  border-bottom: 1px solid #b99e62;
  font-size: 15px;
}
.rotation-panel > div { display: grid; gap: 12px; margin-top: 20px; }
.rotation-panel > div a { color: #075fbd; font-weight: 900; }

.community-section {
  padding: clamp(65px, 7vw, 105px) clamp(24px, 3.2vw, 52px) 28px;
}
.community-section > header {
  max-width: 820px;
  margin-inline: auto;
  text-align: center;
}
.community-section > header h2 {
  margin: 0;
  font-size: clamp(86px, 9vw, 154px);
  line-height: 0.83;
}
.community-section > header h2 span { color: var(--daily-blue-bright); }
.community-section > header p {
  margin: 28px auto 0;
  color: var(--daily-ivory);
  font-size: clamp(19px, 1.7vw, 26px);
}
.opportunity-lanes {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 38px;
  border-top: 1px solid var(--daily-line);
}
.opportunity-lanes article {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  padding: 28px clamp(16px, 2vw, 30px);
  border-right: 1px solid var(--daily-line);
  text-align: center;
}
.opportunity-lanes article:last-child { border-right: 0; }
.opportunity-lanes h3 {
  margin: 0;
  color: var(--daily-blue-bright);
  font-size: clamp(32px, 2.7vw, 46px);
}
.opportunity-lanes article:nth-child(2) h3 { color: var(--daily-red); }
.opportunity-lanes article:nth-child(3) h3 { color: var(--daily-gold); }
.opportunity-lanes img {
  width: min(100%, 190px);
  height: 190px;
  margin-top: 22px;
  object-fit: contain;
}
.opportunity-lanes p {
  min-height: 84px;
  margin: 22px 0 0;
  color: var(--daily-ivory);
  font-size: 18px;
  line-height: 1.45;
}
.opportunity-lanes a {
  display: grid;
  min-height: 50px;
  width: 100%;
  margin-top: 22px;
  place-items: center;
  border: 2px solid var(--daily-blue-bright);
  color: var(--daily-blue-bright);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 18px;
  letter-spacing: 0.05em;
}
.opportunity-lanes article:nth-child(2) a { border-color: var(--daily-red); color: var(--daily-red); }
.opportunity-lanes article:nth-child(3) a { border-color: var(--daily-gold); color: var(--daily-gold); }

.ecosystem-section {
  padding: clamp(56px, 6vw, 88px) clamp(24px, 5vw, 80px);
  color: #fff;
  background: #075ab9;
  text-align: center;
}
.ecosystem-section h2 {
  margin: 0;
  color: var(--daily-ivory);
  font-size: clamp(62px, 7vw, 112px);
  line-height: 0.9;
}
.ecosystem-section h2 span { color: #050505; }
.ecosystem-line {
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr) auto);
  align-items: center;
  max-width: 1150px;
  margin: 44px auto 0;
}
.ecosystem-line > i:last-of-type { display: none; }
.ecosystem-line a {
  display: grid;
  justify-items: center;
  gap: 10px;
}
.ecosystem-line img {
  width: 116px;
  height: 116px;
  object-fit: contain;
  filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.22));
}
.ecosystem-line a strong {
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 21px;
  text-transform: uppercase;
}
.ecosystem-line > i {
  width: 58px;
  height: 2px;
  background: rgba(255, 255, 255, 0.7);
}
.ecosystem-section > p {
  max-width: 850px;
  margin: 32px auto 0;
  color: var(--daily-ivory);
  font-size: 20px;
  line-height: 1.4;
}
.ecosystem-section > small {
  display: block;
  max-width: 830px;
  margin: 9px auto 0;
  color: rgba(255, 255, 255, 0.78);
}
.ecosystem-section > div:last-child {
  display: flex;
  justify-content: center;
  gap: 26px;
  margin-top: 25px;
}
.ecosystem-section > div:last-child a {
  border-bottom: 2px solid #fff;
  padding-bottom: 5px;
  font-weight: 900;
  text-transform: uppercase;
}

.advertise-band {
  display: grid;
  grid-template-columns: 1.2fr 1fr auto;
  align-items: center;
  gap: clamp(26px, 4vw, 70px);
  padding: clamp(46px, 5vw, 76px) clamp(24px, 5vw, 80px);
  border-bottom: 1px solid var(--daily-line);
}
.advertise-band h2 {
  margin: 0;
  font-size: clamp(56px, 6vw, 98px);
  line-height: 0.89;
}
.advertise-band h2 span { color: var(--daily-red); }
.advertise-band p {
  margin: 0;
  padding-left: 32px;
  border-left: 1px solid var(--daily-line);
  color: var(--daily-ivory);
  font-size: 20px;
  line-height: 1.45;
}
.advertise-band > a {
  display: grid;
  min-height: 58px;
  place-items: center;
  border: 2px solid var(--daily-red);
  padding: 0 22px;
  color: var(--daily-red);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 19px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.daily-footer { padding: 28px clamp(24px, 5vw, 80px) 36px; }
.daily-founder {
  display: grid;
  grid-template-columns: 160px 1fr 100px;
  align-items: center;
  gap: 28px;
  padding-bottom: 26px;
  border-bottom: 1px solid var(--daily-line);
}
.daily-founder img:first-child { width: 130px; height: 130px; object-fit: contain; }
.daily-founder img:last-child { width: 90px; height: 90px; object-fit: contain; }
.daily-founder p {
  margin: 0;
  padding-left: 28px;
  border-left: 1px solid var(--daily-line);
  color: var(--daily-ivory);
  font-size: 20px;
  line-height: 1.5;
}
.daily-footer nav {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  padding: 24px 0 14px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.daily-footer > p { margin: 0; color: #85827c; font-size: 12px; }

.radio-dock {
  position: fixed;
  z-index: 100;
  right: 18px;
  bottom: 18px;
  display: grid;
  grid-template-columns: 56px minmax(160px, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  width: min(560px, calc(100vw - 36px));
  border: 1px solid var(--daily-gold);
  padding: 8px;
  color: var(--daily-ivory);
  background: rgba(5, 5, 5, 0.96);
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(16px);
}
.radio-dock[hidden] { display: none; }
.radio-dock img { width: 56px; height: 56px; object-fit: cover; }
.radio-dock span small,
.radio-dock span strong,
.radio-dock span em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.radio-dock span small { color: var(--daily-red); font-size: 9px; font-weight: 900; text-transform: uppercase; }
.radio-dock span strong { margin-top: 3px; font-size: 13px; }
.radio-dock span em { margin-top: 2px; color: var(--daily-gold); font-size: 11px; font-style: normal; }
.radio-dock button {
  min-height: 40px;
  border: 1px solid var(--daily-blue-bright);
  padding: 0 13px;
  color: #fff;
  background: var(--daily-blue);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
}
.radio-dock button:last-child { color: var(--daily-gold); background: transparent; border-color: var(--daily-gold); }

.submission-intake-form,
.advertise-intake-form {
  max-width: 850px;
  margin-inline: auto;
}

@keyframes dailyLivePulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.55; transform: scale(0.78); }
}

@media (max-width: 1180px) {
  .daily-header {
    grid-template-columns: 110px 1fr auto;
    min-height: 78px;
    padding-inline: 20px;
  }
  .daily-header-search { display: none; }
  .daily-brand { width: 78px; height: 58px; }
  .daily-nav { gap: 17px; }
  .daily-nav a { font-size: 16px; }
  .daily-hero {
    grid-template-columns: 0.7fr 1.3fr;
    gap: 28px;
    min-height: 610px;
  }
  .daily-hero-copy h1 { font-size: clamp(68px, 7.8vw, 94px); }
  .radio-console-main { grid-template-columns: minmax(170px, 0.72fr) minmax(255px, 1.28fr); }
  .radio-dj { display: none; }
  .radio-controls { grid-template-columns: auto auto auto 1fr; }
  .radio-controls > span { grid-column: 1 / -1; }
  .right-now-rail { grid-template-columns: 1.1fr repeat(4, 1fr); }
  .right-now-rail > .right-now-view-all { display: none; }
  .today-layout { grid-template-columns: 1fr 1fr; }
  .today-story-list { border-right: 0; }
  .today-live-next { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; padding-left: 0; border-top: 1px solid var(--daily-line); }
  .today-live-head { grid-column: 1 / -1; }
  .today-live-next > a { grid-template-columns: 86px 1fr; }
  .today-live-next > a img { width: 86px; }
  .home-weather-center { grid-template-columns: minmax(320px, 0.82fr) minmax(420px, 1.18fr); }
  .local-intelligence-grid { grid-template-columns: 1fr 1fr; }
  .national-brief-card { grid-column: 1 / -1; }
  .home-local-intelligence-grid .national-brief-card { grid-column: auto; }
  .local-search-band { grid-template-columns: 1fr 1.4fr auto; }
  .local-search-band > span { display: none; }
  .reviews-section { grid-template-columns: 1.55fr 0.85fr; }
  .featured-review { grid-template-columns: 210px 1fr; gap: 24px; }
  .ecosystem-line > i { width: 30px; }
}

@media (max-width: 900px) {
  .daily-header {
    grid-template-columns: 86px 1fr auto;
    min-height: 70px;
  }
  .daily-menu-button {
    display: inline-grid;
    min-height: 42px;
    place-items: center;
    justify-self: end;
    border: 1px solid var(--daily-line);
    padding: 0 16px;
    color: var(--daily-ivory);
    background: transparent;
    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
    text-transform: uppercase;
  }
  .daily-nav {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    display: none;
    align-items: stretch;
    flex-direction: column;
    gap: 0;
    border-bottom: 1px solid var(--daily-line);
    padding: 12px 20px 20px;
    background: #050505;
  }
  .daily-header.is-open .daily-nav { display: flex; }
  .daily-nav a { justify-items: start; min-height: 48px; }
  .daily-nav a::after { display: none; }
  .daily-account-actions > a:first-child { display: none; }
  .daily-join-button { min-height: 42px; padding-inline: 14px; font-size: 14px; }
  .daily-hero { grid-template-columns: 1fr; padding-top: 48px; }
  .daily-hero-copy { text-align: center; }
  .daily-hero-copy h1,
  .daily-hero-copy > p { margin-inline: auto; }
  .daily-actions { justify-content: center; }
  .daily-breaking-line { justify-content: center; text-align: left; }
  .school-ready-event { grid-template-columns: 1fr; }
  .school-ready-flyer { border-top: 1px solid rgba(216, 169, 46, 0.52); border-left: 0; }
  .school-ready-flyer img { width: min(100%, 560px); }
  .radio-console-main { grid-template-columns: 220px 1fr; }
  .radio-controls { grid-template-columns: repeat(3, auto) 1fr; }
  .radio-queue { grid-template-columns: auto 1fr; }
  .radio-queue > a { display: none; }
  .right-now-rail { grid-template-columns: repeat(2, 1fr); }
  .right-now-title { grid-column: 1 / -1; min-height: auto; border-right: 0; border-bottom: 1px solid var(--daily-line); }
  .right-now-rail > a { min-height: 130px; }
  .daily-section-heading img { width: 92px; height: 92px; }
  .today-tabs { grid-template-columns: repeat(3, 1fr); }
  .today-tabs button:nth-child(-n+3) { border-bottom: 1px solid var(--daily-line); }
  .today-layout { grid-template-columns: 1fr; }
  .today-lead,
  .today-story-list { border-right: 0; padding-inline: 0; }
  .today-story-list { border-top: 1px solid var(--daily-line); }
  .today-live-next { grid-template-columns: 1fr; }
  .today-live-next > a { grid-template-columns: 98px 1fr; }
  .today-live-next > a img { width: 98px; }
  .home-weather-center { grid-template-columns: 1fr; }
  .home-radar-panel { border-top: 1px solid var(--daily-line); border-left: 0; }
  .local-intelligence-grid { grid-template-columns: 1fr; }
  .national-brief-card { grid-column: auto; }
  .local-search-band { grid-template-columns: 1fr; }
  .local-search-band strong { text-align: center; }
  .reviews-section { grid-template-columns: 1fr; }
  .rotation-panel { max-width: 650px; }
  .opportunity-lanes { grid-template-columns: repeat(2, 1fr); }
  .opportunity-lanes article:nth-child(2) { border-right: 0; }
  .opportunity-lanes article:nth-child(-n+2) { border-bottom: 1px solid var(--daily-line); }
  .ecosystem-line { grid-template-columns: repeat(4, 1fr); gap: 20px; }
  .ecosystem-line > i { display: none; }
  .ecosystem-line img { width: 88px; height: 88px; }
  .advertise-band { grid-template-columns: 1fr; text-align: center; }
  .advertise-band p { padding: 20px 0 0; border-top: 1px solid var(--daily-line); border-left: 0; }
  .daily-founder { grid-template-columns: 110px 1fr; }
  .daily-founder img:last-child { display: none; }
}

@media (max-width: 620px) {
  .daily-header { padding-inline: 14px; }
  .daily-account-actions .daily-join-button { padding-inline: 10px; font-size: 12px; }
  .daily-hero { padding: 34px 16px; }
  .daily-hero-copy h1 { font-size: clamp(62px, 19vw, 92px); }
  .daily-hero-copy > p { font-size: 17px; }
  .daily-actions { display: grid; }
  .daily-button { width: 100%; }
  .daily-breaking-line { align-items: start; flex-direction: column; }
  .school-ready-copy { padding: 48px 16px 34px; }
  .school-ready-copy h2 { font-size: clamp(57px, 17vw, 78px); }
  .school-ready-intro { font-size: 17px; }
  .school-ready-details { grid-template-columns: 1fr; }
  .school-ready-details > div,
  .school-ready-details > div:first-child,
  .school-ready-details > div:last-child { padding: 17px 0; border-right: 0; border-bottom: 1px solid rgba(216, 169, 46, 0.35); }
  .school-ready-details > div:last-child { border-bottom: 0; }
  .school-ready-actions { display: grid; }
  .school-ready-actions a { width: 100%; }
  .school-ready-flyer { padding: 18px 16px 30px; }
  .radio-console { padding: 7px; }
  .radio-console-main { grid-template-columns: 112px 1fr; min-height: 250px; }
  .radio-art { min-height: 250px; }
  .radio-now { padding: 17px 14px; }
  .radio-status-row { align-items: start; flex-direction: column; }
  .radio-live-status { font-size: 14px; }
  .radio-station-logo {
    width: 142px;
    max-width: 100%;
    height: 46px;
  }
  .radio-now > p { margin-top: 20px; font-size: 11px; }
  .radio-now h2 { font-size: 30px; }
  .radio-now h3 { font-size: 18px; }
  .radio-waveform { height: 42px; margin-top: 14px; }
  .radio-controls { grid-template-columns: repeat(3, 1fr); gap: 7px; padding: 9px; }
  .radio-controls label { grid-column: 1 / -1; }
  .radio-controls > span { text-align: center; }
  .radio-controls button { min-width: 0; padding-inline: 8px; font-size: 11px; }
  .radio-queue { display: block; padding: 13px; }
  .radio-queue > strong { display: block; margin-bottom: 10px; }
  .radio-queue > div { grid-template-columns: 1fr; }
  .radio-queue > div span { padding: 8px 0; border-top: 1px solid var(--daily-line); border-left: 0; }
  .right-now-rail { padding-inline: 16px; }
  .right-now-title,
  .right-now-rail > a { padding-inline: 13px; }
  .today-section,
  .reviews-section,
  .community-section { padding: 56px 16px; }
  .daily-section-heading h2 { font-size: 68px; }
  .daily-section-heading img { display: none; }
  .today-tabs button { font-size: 16px; }
  .today-lead h3 { font-size: 42px; }
  .today-trust-row { align-items: start; flex-direction: column; }
  .home-weather-conditions,
  .home-radar-panel { padding: 20px 16px; }
  .home-weather-heading,
  .home-radar-heading { align-items: stretch; flex-direction: column; }
  .home-weather-heading > a { align-self: flex-start; }
  .home-weather-now { grid-template-columns: 58px auto minmax(0, 1fr); gap: 10px; }
  .home-weather-icon-shell { width: 58px; height: 58px; }
  .home-weather-now > strong { font-size: 62px; }
  .home-weather-copy b { font-size: 16px; }
  .home-forecast-periods { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-forecast-periods > span { min-height: 115px; }
  .home-forecast-periods > span:nth-child(2) { border-right: 0; }
  .home-forecast-periods > span:nth-child(-n+2) { border-bottom: 1px solid var(--daily-line); }
  .home-radar-heading > div:first-child { min-width: 0; }
  .home-radar-frame figcaption { align-items: flex-start; flex-direction: column; gap: 5px; }
  .home-radar-actions { align-items: stretch; flex-direction: column; }
  .home-radar-actions button,
  .home-radar-actions a { display: grid; min-height: 40px; place-items: center; text-align: center; }
  .local-search-band { padding: 17px; }
  .reviews-heading h2 { font-size: 61px; }
  .featured-review { grid-template-columns: 1fr; }
  .featured-review > img { max-width: 320px; }
  .star-score { align-items: start; flex-direction: column; gap: 2px; }
  .review-row { grid-template-columns: 82px 1fr; }
  .review-row img { width: 82px; }
  .review-row > em { grid-column: 2; }
  .rotation-panel { padding: 28px 20px; }
  .community-section > header h2 { font-size: 72px; }
  .opportunity-lanes { grid-template-columns: 1fr; }
  .opportunity-lanes article { border-right: 0; border-bottom: 1px solid var(--daily-line); }
  .opportunity-lanes p { min-height: 0; }
  .ecosystem-section { padding-inline: 16px; }
  .ecosystem-section h2 { font-size: 58px; }
  .ecosystem-line { grid-template-columns: repeat(2, 1fr); }
  .ecosystem-section > div:last-child { align-items: center; flex-direction: column; gap: 15px; }
  .daily-footer { padding-inline: 16px; }
  .daily-founder { grid-template-columns: 1fr; text-align: center; }
  .daily-founder img:first-child { margin-inline: auto; }
  .daily-founder p { padding: 20px 0 0; border-top: 1px solid var(--daily-line); border-left: 0; font-size: 16px; }
  .radio-dock { right: 8px; bottom: 8px; grid-template-columns: 48px 1fr auto; width: calc(100vw - 16px); }
  .radio-dock img { width: 48px; height: 48px; }
  .radio-dock button:last-child { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .radio-live-status i,
  .today-live-head span i { animation: none; }
  .daily-home-page * { scroll-behavior: auto !important; }
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background:
    radial-gradient(circle at 76% 12%, rgba(24, 215, 255, 0.12), transparent 28rem),
    radial-gradient(circle at 16% 76%, rgba(242, 189, 67, 0.1), transparent 26rem),
    var(--bg);
  color: var(--text);
}
body::before {
  position: fixed;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.018) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,0.55), transparent 70%);
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, input, select, textarea { font: inherit; }

.site-header {
  position: fixed;
  z-index: 20;
  inset: 0 0 auto;
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  align-items: center;
  gap: 24px;
  padding: 14px clamp(18px, 4vw, 54px);
  border-bottom: 1px solid var(--line);
  background: linear-gradient(90deg, rgba(5, 5, 5, 0.92), rgba(11, 13, 15, 0.86));
  backdrop-filter: blur(18px);
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.36);
}
.brand { display: inline-flex; align-items: center; gap: 12px; min-width: 250px; }
.brand-logo {
  width: 48px;
  height: 48px;
  object-fit: contain;
  filter: invert(78%) sepia(58%) saturate(548%) hue-rotate(2deg) brightness(95%) contrast(92%) drop-shadow(0 0 8px rgba(242, 189, 67, 0.35));
}
.brand strong, .brand small { display: block; line-height: 1.05; }
.brand strong { font-size: clamp(18px, 2vw, 24px); letter-spacing: -0.03em; }
.brand small { margin-top: 4px; color: var(--gold); font-size: 13px; font-weight: 800; }
.site-nav {
  display: flex;
  justify-content: center;
  gap: 8px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  padding: 6px;
  background: rgba(255, 255, 255, 0.035);
  font-size: 12px;
  font-weight: 900;
}
.site-nav a {
  position: relative;
  border-radius: 6px;
  padding: 10px 9px;
  color: rgba(255, 255, 255, 0.84);
  text-transform: uppercase;
}
.site-nav a::after {
  position: absolute;
  right: 0;
  bottom: 4px;
  left: 0;
  height: 2px;
  content: "";
  background: var(--gold);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 180ms ease;
}
.site-nav a:hover, .site-nav a:focus-visible { background: rgba(24, 215, 255, 0.08); color: #fff; }
.site-nav a:hover::after, .site-nav a:focus-visible::after { transform: scaleX(0); }

.header-portal-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border: 1px solid rgba(242, 201, 76, 0.45);
  border-radius: 6px;
  padding: 0 14px;
  color: var(--gold-hi);
  background: rgba(242, 201, 76, 0.08);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.button, .header-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  border: 1px solid var(--gold);
  border-radius: 6px;
  padding: 0 18px;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  transition: transform 180ms ease, background 180ms ease;
  position: relative;
  overflow: hidden;
}
.button::before, .header-action::before {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(110deg, transparent, rgba(255,255,255,0.2), transparent);
  transform: translateX(-120%);
  transition: transform 420ms ease;
}
.button:hover::before, .button:focus-visible::before, .header-action:hover::before, .header-action:focus-visible::before { transform: translateX(120%); }
.button:hover, .button:focus-visible, .header-action:hover, .header-action:focus-visible { transform: translateY(-2px); }
.button-primary { border-color: transparent; background: linear-gradient(135deg, var(--gold-hi), var(--gold) 52%, var(--gold-2)); color: #090705; box-shadow: 0 16px 38px rgba(242, 201, 76, 0.22); }
.button-secondary { color: var(--gold); background: rgba(5, 5, 5, 0.7); }
.button-ghost, .header-action { color: var(--cyan); border-color: rgba(24, 215, 255, 0.7); background: rgba(5, 5, 5, 0.55); }
.menu-toggle { display: none; }

.hero {
  position: relative;
  min-height: 760px;
  display: grid;
  align-items: center;
  overflow: hidden;
  padding: 126px clamp(22px, 5vw, 76px) 74px;
  border-bottom: 1px solid var(--line);
}
.hq-hero {
  min-height: 860px;
  isolation: isolate;
}
.page-hero { min-height: 680px; }
.hero-image, .hero-shade { position: absolute; inset: 0; }
.hero-image { width: 100%; height: 100%; object-fit: cover; }
.hero-shade {
  background:
    linear-gradient(90deg, rgba(5, 5, 5, 0.97), rgba(5, 5, 5, 0.76) 38%, rgba(5, 5, 5, 0.18) 72%, rgba(5, 5, 5, 0.72)),
    linear-gradient(0deg, rgba(5, 5, 5, 0.95) 0, transparent 46%);
}
.hq-hero .hero-image {
  filter: saturate(1.08) contrast(1.08);
  transform: scale(1.02);
}
.depth-layer,
.grain-layer {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.depth-one {
  background:
    radial-gradient(circle at 72% 24%, rgba(242, 201, 76, 0.28), transparent 18rem),
    radial-gradient(circle at 34% 34%, rgba(24, 215, 255, 0.17), transparent 22rem);
  mix-blend-mode: screen;
  animation: driftGlow 11s ease-in-out infinite alternate;
}
.depth-two {
  background:
    linear-gradient(105deg, transparent 0 58%, rgba(242, 201, 76, 0.16) 59%, transparent 66%),
    linear-gradient(75deg, transparent 0 35%, rgba(24, 215, 255, 0.12) 36%, transparent 42%);
  animation: lightSweep 12s ease-in-out infinite alternate;
}
.grain-layer {
  opacity: 0.12;
  background-image:
    radial-gradient(circle, rgba(255,255,255,0.8) 0 1px, transparent 1.5px),
    radial-gradient(circle, rgba(242,201,76,0.8) 0 1px, transparent 1.5px);
  background-size: 34px 34px, 57px 57px;
  animation: particleFloat 18s linear infinite;
}
.hq-hero-content {
  max-width: 840px;
}
.hq-hero h1 {
  max-width: 860px;
  text-shadow: 0 0 28px rgba(242, 201, 76, 0.22), 0 10px 46px rgba(0,0,0,0.7);
}
.hq-orbit-panel {
  position: absolute;
  z-index: 2;
  right: clamp(22px, 6vw, 82px);
  bottom: 88px;
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 18px;
  width: min(440px, 34vw);
  border: 1px solid rgba(242, 201, 76, 0.36);
  border-radius: 8px;
  padding: 22px;
  background:
    linear-gradient(145deg, rgba(12, 13, 14, 0.9), rgba(5, 5, 5, 0.72)),
    radial-gradient(circle at 100% 0%, rgba(24, 215, 255, 0.14), transparent 16rem);
  box-shadow: 0 32px 90px rgba(0,0,0,0.58), inset 0 1px 0 rgba(255,255,255,0.08);
  backdrop-filter: blur(16px);
}
.hq-orbit-panel img {
  width: 92px;
  height: 92px;
  object-fit: contain;
  filter: drop-shadow(0 0 18px rgba(242, 201, 76, 0.35));
}
.lil-guide-panel img {
  object-fit: cover;
  border: 1px solid rgba(242, 201, 76, 0.34);
  border-radius: 8px;
  background: #fff;
  padding: 4px;
}
.hq-orbit-panel span {
  color: var(--cyan);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.hq-orbit-panel strong {
  display: block;
  margin-top: 6px;
  color: #fff;
  font-size: 22px;
  line-height: 1.05;
}
.hq-orbit-panel ul {
  grid-column: 1 / -1;
  margin: 4px 0 0;
  padding-left: 18px;
  color: var(--muted);
  line-height: 1.55;
}
.hq-orbit-panel li + li { margin-top: 5px; }
.hero-content { position: relative; z-index: 1; max-width: 780px; }
.company, .section-kicker, .section-label {
  margin: 0 0 12px;
  color: var(--gold);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.hero h1, .section-heading h2, .delivery-section h2, .contact-section h2 {
  margin: 0;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0;
}
.hero h1 { max-width: 760px; font-size: clamp(54px, 8vw, 112px); line-height: 0.88; }
.hero-copy { max-width: 620px; margin: 24px 0 0; color: #f4efe4; font-size: clamp(18px, 2vw, 24px); line-height: 1.35; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
.home-solar-page {
  min-height: 100vh;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 50% 48%, rgba(242, 201, 76, 0.13), transparent 18rem),
    radial-gradient(circle at 78% 18%, rgba(24, 215, 255, 0.12), transparent 22rem),
    radial-gradient(circle at 15% 78%, rgba(255, 63, 176, 0.08), transparent 20rem),
    #030405;
}
.home-solar-page .site-header {
  background: linear-gradient(90deg, rgba(3, 4, 5, 0.9), rgba(8, 10, 12, 0.72));
}
.home-solar-page main > .solar-system-home {
  padding: 104px clamp(18px, 4vw, 54px) 28px;
}
.solar-system-home {
  --selected-color: var(--gold-hi);
  position: relative;
  display: grid;
  grid-template-columns: minmax(230px, 0.42fr) minmax(460px, 1fr) minmax(260px, 0.42fr);
  gap: clamp(18px, 3vw, 36px);
  min-height: 100vh;
  align-items: center;
  overflow: hidden;
  border-bottom: 0;
  isolation: isolate;
}
.solar-system-home::before {
  position: absolute;
  inset: 72px clamp(12px, 3vw, 34px) 14px;
  z-index: -2;
  content: "";
  border: 1px solid rgba(242, 201, 76, 0.12);
  border-radius: 8px;
  background:
    linear-gradient(115deg, rgba(255,255,255,0.035), transparent 38%),
    radial-gradient(circle at 52% 50%, rgba(242, 201, 76, 0.12), transparent 28rem),
    rgba(3, 4, 5, 0.36);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 30px 100px rgba(0,0,0,0.48);
}
.starfield-layer {
  position: absolute;
  inset: 0;
  z-index: -3;
  pointer-events: none;
}
.starfield-near {
  opacity: 0.42;
  background-image:
    radial-gradient(circle, rgba(255,255,255,0.85) 0 1px, transparent 1.8px),
    radial-gradient(circle, rgba(242,201,76,0.75) 0 1px, transparent 1.6px);
  background-size: 48px 48px, 83px 83px;
  animation: particleFloat 28s linear infinite;
}
.starfield-far {
  opacity: 0.28;
  background-image: radial-gradient(circle, rgba(24,215,255,0.8) 0 1px, transparent 1.4px);
  background-size: 116px 116px;
  animation: particleFloat 42s linear reverse infinite;
}
.solar-copy,
.travel-panel {
  position: relative;
  z-index: 3;
}

.mobile-planet-controls {
  display: none;
}
.solar-copy h1 {
  margin: 0;
  max-width: 420px;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(48px, 5.4vw, 86px);
  line-height: 0.9;
  text-transform: uppercase;
}
.solar-copy p:not(.section-kicker) {
  max-width: 390px;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.55;
}
.solar-stage {
  position: relative;
  min-height: min(70vw, 720px);
  aspect-ratio: 1;
  width: min(54vw, 650px);
  max-width: 100%;
  justify-self: center;
}
.orbit-ring {
  position: absolute;
  inset: 50%;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.orbit-ring::after {
  position: absolute;
  inset: -1px;
  content: "";
  border-radius: inherit;
  border-top: 1px solid rgba(242, 201, 76, 0.36);
  filter: blur(0.2px);
}
.orbit-ring-1 { width: 34%; height: 34%; }
.orbit-ring-2 { width: 58%; height: 58%; }
.orbit-ring-3 { width: 82%; height: 82%; }
.solar-sun {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  display: grid;
  width: clamp(132px, 18vw, 220px);
  aspect-ratio: 1;
  place-items: center;
  border: 1px solid rgba(242, 201, 76, 0.62);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(255,245,198,0.86), rgba(242,201,76,0.42) 35%, rgba(212,160,23,0.14) 62%, rgba(5,5,5,0.1));
  box-shadow:
    0 0 34px rgba(242, 201, 76, 0.74),
    0 0 110px rgba(242, 201, 76, 0.38),
    0 0 190px rgba(24, 215, 255, 0.12);
  transform: translate(-50%, -50%);
}
.sun-glow {
  position: absolute;
  inset: -28%;
  border-radius: inherit;
  background: radial-gradient(circle, rgba(242,201,76,0.2), transparent 68%);
  animation: driftGlow 5s ease-in-out infinite alternate;
}
.solar-sun img {
  position: relative;
  z-index: 1;
  width: 68%;
  height: 68%;
  object-fit: contain;
  filter: drop-shadow(0 8px 24px rgba(0,0,0,0.48));
}
.solar-planet {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  display: grid;
  width: var(--planet-size);
  min-width: var(--planet-size);
  border: 0;
  padding: 0;
  color: #fff;
  background: transparent;
  cursor: pointer;
  overflow: visible;
  transform: translate(-50%, -50%) rotate(var(--angle)) translateX(min(var(--orbit-radius), 34vw)) rotate(calc(var(--angle) * -1));
}
.planet-core {
  display: block;
  width: var(--planet-size);
  aspect-ratio: 1;
  border: 1px solid color-mix(in srgb, var(--planet-color), #fff 28%);
  border-radius: 50%;
  background:
    radial-gradient(circle at 34% 28%, rgba(255,255,255,0.95), transparent 12%),
    radial-gradient(circle at 40% 38%, color-mix(in srgb, var(--planet-color), #fff 20%), var(--planet-color) 42%, rgba(5,5,5,0.9) 78%);
  box-shadow: 0 0 22px color-mix(in srgb, var(--planet-color), transparent 42%), inset -12px -14px 22px rgba(0,0,0,0.42);
  transition: transform 180ms ease, box-shadow 180ms ease;
}
.planet-label {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  width: 86%;
  max-width: 18ch;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 999px;
  padding: 5px 7px;
  background: linear-gradient(180deg, rgba(3, 3, 6, 0.68), rgba(3, 3, 6, 0.34));
  color: #fff;
  font-size: clamp(8px, 0.82vw, 11px);
  font-weight: 900;
  line-height: 1.05;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 1px 3px rgba(0,0,0,0.86), 0 0 10px rgba(0,0,0,0.62);
  box-shadow: 0 10px 24px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.16);
}
.solar-planet:hover .planet-core,
.solar-planet:focus-visible .planet-core,
.solar-planet[aria-pressed="true"] .planet-core {
  transform: scale(1.12);
  box-shadow: 0 0 34px var(--planet-color), 0 0 72px color-mix(in srgb, var(--planet-color), transparent 40%), inset -12px -14px 22px rgba(0,0,0,0.38);
}
.solar-planet[aria-pressed="true"] .planet-label {
  border-color: var(--planet-color);
  color: var(--planet-color);
}
.travel-panel {
  display: grid;
  gap: 14px;
  border: 1px solid color-mix(in srgb, var(--selected-color), #fff 18%);
  border-radius: 8px;
  padding: clamp(20px, 3vw, 28px);
  background:
    linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.025)),
    rgba(5,5,5,0.7);
  box-shadow: 0 26px 90px rgba(0,0,0,0.48), 0 0 44px color-mix(in srgb, var(--selected-color), transparent 82%);
  backdrop-filter: blur(14px);
}
.travel-panel span {
  color: var(--cyan);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.travel-panel h2 {
  margin: 0;
  color: #fff;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(34px, 4vw, 58px);
  line-height: 0.92;
  text-transform: uppercase;
}
.travel-panel p {
  margin: 0;
  color: var(--muted);
  line-height: 1.58;
}
.planet-sitemap {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 2px;
}
.planet-sitemap a {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 6px;
  padding: 8px 10px;
  background: rgba(255,255,255,0.045);
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.15;
  text-transform: uppercase;
  transition: border-color 180ms ease, background 180ms ease, color 180ms ease;
}
.planet-sitemap a:hover,
.planet-sitemap a:focus-visible {
  border-color: var(--selected-color);
  background: color-mix(in srgb, var(--selected-color), transparent 88%);
  color: var(--selected-color);
}
.role-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 780px;
  margin-top: 26px;
}
.role-strip span {
  border: 1px solid rgba(242, 201, 76, 0.36);
  padding: 9px 11px;
  background: rgba(5, 5, 5, 0.54);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.release-callout {
  position: absolute;
  z-index: 1;
  right: clamp(24px, 5vw, 72px);
  bottom: 80px;
  width: min(320px, 25vw);
  border-left: 3px solid var(--gold);
  padding: 18px 0 18px 22px;
  text-transform: uppercase;
}
.release-callout span, .release-callout em { color: var(--gold); font-size: 14px; font-style: normal; font-weight: 900; letter-spacing: 0.14em; }
.release-callout strong { display: block; margin-top: 6px; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: clamp(40px, 5vw, 64px); line-height: 0.86; }
.release-callout small { display: block; margin-top: 8px; color: #fff; font-size: 16px; }

.hq-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-bottom: 1px solid var(--line);
  background: linear-gradient(90deg, #08090a, #0d0f11);
}
.hq-strip a {
  min-height: 118px;
  padding: 26px clamp(18px, 3vw, 36px);
  border-right: 1px solid var(--line);
  color: var(--muted);
  line-height: 1.45;
  transition: background 180ms ease, color 180ms ease;
}
.hq-strip a:hover, .hq-strip a:focus-visible {
  background: rgba(242, 201, 76, 0.07);
  color: #fff;
}
.hq-strip span { display: block; margin-bottom: 8px; color: var(--cyan); font-weight: 900; text-transform: uppercase; }

main > section:not(.hero):not(.hq-strip) { padding: 78px clamp(22px, 5vw, 76px); }
.section-grid { display: grid; grid-template-columns: minmax(240px, 0.9fr) minmax(0, 1.4fr); gap: clamp(34px, 6vw, 84px); align-items: start; border-bottom: 1px solid var(--line); }
.full-section { border-bottom: 1px solid var(--line); }
.section-heading { max-width: 500px; }
.section-heading.wide { max-width: var(--max); margin: 0 auto 34px; }
.section-logo {
  width: 92px;
  height: 92px;
  object-fit: contain;
  margin-bottom: 18px;
  filter: drop-shadow(0 0 18px rgba(242, 189, 67, 0.28));
}
.mascot-logo {
  width: 96px;
  height: 96px;
  object-fit: contain;
  margin: 0 0 18px 18px;
  display: inline-block;
  vertical-align: top;
  filter: drop-shadow(0 0 18px rgba(242, 189, 67, 0.28));
}
.section-heading h2, .delivery-section h2, .contact-section h2 { font-size: clamp(42px, 5vw, 72px); line-height: 0.92; }
.section-heading h2::after { display: block; width: 54px; height: 3px; margin-top: 18px; content: ""; background: var(--gold); }
.section-heading p, .release-panel p, .lane-grid p, .show-list p, .visual-list p, .update-list p, .delivery-section p, .about-section p, .contact-section p, .fan-section p, .intro-copy p { color: var(--muted); line-height: 1.65; }

.intro-section {
  background: linear-gradient(135deg, rgba(242, 189, 67, 0.08), rgba(24, 215, 255, 0.04));
}
.intro-copy {
  display: grid;
  gap: 18px;
}
.mission-line {
  margin: 0;
  color: #fff !important;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(34px, 5vw, 68px);
  line-height: 0.95 !important;
  text-transform: uppercase;
}
.intro-lanes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.intro-lanes span {
  border: 1px solid rgba(24, 215, 255, 0.34);
  border-radius: 999px;
  padding: 10px 13px;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
}

.release-panel { display: grid; grid-template-columns: minmax(180px, 260px) 1fr; gap: 34px; align-items: center; padding: 26px; border: 1px solid var(--line); background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)); box-shadow: 0 24px 70px rgba(0, 0, 0, 0.48); }
.release-panel img { aspect-ratio: 1; object-fit: cover; border: 1px solid rgba(242, 189, 67, 0.35); }
.release-panel h3 { margin: 8px 0 0; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: clamp(42px, 5vw, 74px); line-height: 0.9; text-transform: uppercase; }
.small-copy { max-width: 520px; }
.platform-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.platform-row a { border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 999px; padding: 9px 12px; color: #fff; font-size: 13px; font-weight: 800; }

.media-section, .universe-section, .services-section, .fan-section, .official-links-section { background: #08090a; border-bottom: 1px solid var(--line); }
.official-link-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1px;
  max-width: var(--max);
  margin: 0 auto;
  border: 1px solid var(--line);
  background: var(--line);
}
.data-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  max-width: var(--max);
  margin: 0 auto;
}
.data-grid.compact {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.data-card {
  display: grid;
  gap: 12px;
  min-width: 0;
  border: 1px solid var(--line);
  padding: 24px;
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.026)),
    radial-gradient(circle at 100% 0%, rgba(24, 215, 255, 0.06), transparent 12rem);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.26);
  transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}
.data-card::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  border-top: 1px solid rgba(242, 201, 76, 0.22);
}
.data-card:hover {
  border-color: rgba(242, 201, 76, 0.42);
  transform: translateY(-4px);
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.42), 0 0 28px rgba(24, 215, 255, 0.07);
}
.data-card img {
  width: 86px;
  height: 86px;
  object-fit: contain;
  filter: drop-shadow(0 0 16px rgba(242, 201, 76, 0.2));
}
.data-card .media-link {
  display: block;
  width: fit-content;
}
.album-card {
  grid-template-columns: minmax(160px, 240px) 1fr;
  margin-bottom: 14px;
}
.album-card img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
  border: 1px solid rgba(242, 201, 76, 0.34);
}
.data-card h3 {
  margin: 0;
  font-size: clamp(25px, 3vw, 40px);
  line-height: 0.95;
}
.data-card h4 {
  margin: 10px 0 0;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
}
.data-card p, .data-card li {
  color: var(--muted);
  line-height: 1.55;
}
.data-card ul {
  margin: 0;
  padding-left: 18px;
}
.local-desk-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
  gap: 14px;
  border-bottom: 1px solid var(--line);
}
.local-desk-overview > article {
  min-width: 0;
  border: 1px solid var(--line);
  padding: clamp(24px, 4vw, 42px);
  background:
    linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.025)),
    radial-gradient(circle at 100% 0%, rgba(24, 215, 255, 0.08), transparent 18rem);
}
.local-desk-overview > article > a,
.local-desk-method > a {
  display: inline-block;
  margin-top: 18px;
  color: var(--cyan);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.local-desk-method h2 { margin: 12px 0; font-size: clamp(36px, 4vw, 58px); }
.local-desk-method p { color: var(--muted); line-height: 1.6; }
.local-desk-method > small { display: block; color: var(--gold-hi); }
.local-sports-hub {
  padding: clamp(34px, 5vw, 72px) var(--page-pad);
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 84% 5%, rgba(24, 215, 255, 0.13), transparent 24rem),
    linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,255,255,0.015));
}
.local-sports-hub > header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  max-width: var(--max);
  margin: 0 auto 24px;
}
.local-sports-hub-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.local-sports-hub h2 { max-width: 780px; margin: 8px 0 10px; font-size: clamp(34px, 5vw, 64px); line-height: .98; }
.local-sports-hub header p:not(.section-kicker) { max-width: 760px; color: var(--muted); line-height: 1.6; }
.local-sports-hub-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  max-width: var(--max);
  margin: 0 auto;
  border: 1px solid var(--line);
  background: var(--line);
}
.local-sports-hub-grid article { padding: clamp(22px, 3vw, 36px); background: rgba(7, 9, 11, .96); }
.local-sports-hub-grid article > span { color: var(--gold-hi); font-size: 10px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.local-sports-hub-grid h3 { margin: 10px 0; font-size: clamp(24px, 2.5vw, 36px); line-height: 1; }
.local-sports-hub-grid p { min-height: 68px; margin: 0 0 20px; color: var(--muted); line-height: 1.55; }
.local-sports-hub-grid nav { display: flex; flex-wrap: wrap; gap: 8px; }
.local-sports-hub-grid nav a { border: 1px solid rgba(24, 215, 255, .35); padding: 8px 10px; color: var(--cyan); font-size: 10px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.local-sports-hub-grid nav a:hover, .local-sports-hub-grid nav a:focus-visible { border-color: var(--gold-hi); color: var(--gold-hi); }
.local-forecast-periods {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  margin: 20px 0;
  border: 1px solid var(--line);
  background: var(--line);
}
.local-forecast-periods span {
  min-width: 0;
  padding: 14px;
  background: #090a0b;
}
.local-forecast-periods small,
.local-forecast-periods strong,
.local-forecast-periods em,
.local-forecast-periods i { display: block; }
.local-forecast-periods small {
  overflow: hidden;
  color: var(--gold-hi);
  font-size: 10px;
  font-weight: 900;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.local-forecast-periods strong { margin-top: 7px; font-size: 25px; }
.local-forecast-periods em {
  margin-top: 5px;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  line-height: 1.3;
}
.local-forecast-periods i {
  margin-top: 7px;
  color: var(--cyan);
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}
.local-headlines-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  max-width: var(--max);
  margin: 0 auto;
  border: 1px solid var(--line);
  background: var(--line);
}
.local-headlines-list article {
  min-width: 0;
  padding: 26px;
  background: #090a0b;
}
.local-headlines-list article > span {
  color: var(--gold-hi);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}
.local-headlines-list h3 { margin: 11px 0; font-size: clamp(25px, 3vw, 40px); }
.local-headlines-list h3 a { color: #fff; }
.local-headlines-list p { margin: 0; color: var(--muted); line-height: 1.55; }
.local-source-directory {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  max-width: var(--max);
  margin: 0 auto 26px;
  border: 1px solid var(--line);
  background: var(--line);
}
.local-directory-card {
  display: flex;
  min-width: 0;
  min-height: 280px;
  flex-direction: column;
  padding: 24px;
  background: #090a0b;
}
.local-directory-card > span {
  color: var(--cyan);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.local-directory-card h3 { margin: 12px 0; font-size: clamp(26px, 2.4vw, 36px); }
.local-directory-card p { margin: 0; color: var(--muted); line-height: 1.55; }
.local-directory-links {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
  padding-top: 20px;
}
.local-directory-links a {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 7px 10px;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
}
.local-directory-links a:first-child { border-color: rgba(24, 215, 255, 0.5); color: var(--cyan); }
.local-nightlife-promo {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 28px;
  max-width: var(--max);
  margin: 0 auto;
  border-bottom: 1px solid var(--line);
  padding: clamp(34px, 6vw, 72px) clamp(20px, 4vw, 48px);
  background:
    linear-gradient(90deg, rgba(5, 5, 5, 0.96), rgba(5, 5, 5, 0.72)),
    url("/images/local/natchitoches-cane-river-daily.png") center 62% / cover;
}
.local-nightlife-promo h2 {
  max-width: 820px;
  margin: 10px 0 16px;
  font-size: clamp(38px, 5vw, 72px);
  line-height: 0.94;
}
.local-nightlife-promo > div > p:last-child { max-width: 760px; margin: 0; color: var(--muted); line-height: 1.6; }
.local-nightlife-promo > a { white-space: nowrap; }

/* Natchitoches Now: calendar, school marks and civic conversation */
.local-high-school-marks {
  display: grid;
  grid-template-columns: minmax(250px, .82fr) minmax(0, 1.18fr);
  gap: 22px;
  max-width: var(--max);
  margin: 0 auto 24px;
  padding: 24px;
  border: 1px solid rgba(242, 201, 76, .32);
  background: linear-gradient(120deg, rgba(242, 201, 76, .09), rgba(5, 5, 5, .36));
}
.local-high-school-marks h2 { max-width: 520px; margin: 8px 0; font-size: clamp(28px, 3vw, 44px); line-height: .98; }
.local-high-school-marks p:not(.section-kicker) { max-width: 520px; margin: 0; color: var(--muted); line-height: 1.5; }
.local-team-marks { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.local-team-mark { display: grid; min-width: 0; min-height: 176px; align-content: end; padding: 16px; color: #fff; border: 1px solid rgba(255,255,255,.18); background: #0b0c0e; transition: transform .2s ease, border-color .2s ease; }
.local-team-mark:hover, .local-team-mark:focus-visible { transform: translateY(-3px); border-color: var(--gold-hi); }
.local-team-mark > span { display: grid; width: 58px; height: 58px; place-items: center; margin-bottom: auto; border: 2px solid currentColor; border-radius: 50%; font-family: Georgia, serif; font-size: 23px; font-weight: 900; letter-spacing: -.08em; }
.local-team-mark strong { display: block; font-size: 15px; line-height: 1.05; }
.local-team-mark small { display: block; margin-top: 6px; color: rgba(255,255,255,.7); font-size: 10px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.chiefs-mark { color: #f2c94c; background: linear-gradient(145deg, #590e20, #16060b); }
.gators-mark { color: #d0df5d; background: linear-gradient(145deg, #164d35, #07190f); }
.tigers-mark { color: #d6b04c; background: linear-gradient(145deg, #20204f, #090915); }
.local-calendar-board { padding: clamp(42px, 6vw, 76px) var(--page-pad); border-bottom: 1px solid var(--line); background: #111316; }
.local-board-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; max-width: var(--max); margin: 0 auto 26px; }
.local-board-heading > div { max-width: 760px; }
.local-board-heading h2 { margin: 8px 0 12px; font-size: clamp(42px, 5vw, 72px); line-height: .92; }
.local-board-heading p:not(.section-kicker) { margin: 0; color: var(--muted); line-height: 1.6; }
.local-calendar-filters { display: flex; flex-wrap: wrap; gap: 8px; max-width: var(--max); margin: 0 auto 16px; }
.local-calendar-filters button { border: 1px solid rgba(255,255,255,.22); padding: 9px 12px; color: #fff; background: transparent; font: inherit; font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.local-calendar-filters button[aria-pressed="true"] { border-color: var(--cyan); color: var(--cyan); background: rgba(24, 215, 255, .08); }
.local-calendar-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; max-width: var(--max); margin: 0 auto; border: 1px solid var(--line); background: var(--line); }
.local-calendar-event { display: flex; min-height: 242px; flex-direction: column; padding: 22px; background: #08090a; }
.local-calendar-event[hidden] { display: none; }
.local-calendar-event > span { width: fit-content; margin-bottom: 32px; color: var(--gold-hi); font-size: 10px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.local-calendar-event:nth-child(2) > span { color: #ff9286; }
.local-calendar-event:nth-child(3) > span { color: var(--cyan); }
.local-calendar-event:nth-child(4) > span { color: #b6a8ff; }
.local-calendar-event h3 { margin: 0 0 10px; font-size: 23px; line-height: 1; }
.local-calendar-event p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.48; }
.local-calendar-event a { margin-top: auto; padding-top: 22px; color: var(--cyan); font-size: 11px; font-weight: 900; text-transform: uppercase; }
.local-calendar-note { max-width: var(--max); margin: 16px auto 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.taylor-park-watch { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr); max-width: var(--max); margin: clamp(34px, 6vw, 74px) auto; border: 1px solid var(--line); background: #0b0d0d; }
.taylor-park-watch figure { position: relative; min-height: 470px; margin: 0; overflow: hidden; background: #151c1b; }
.taylor-park-watch figure::after { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0,0,0,.56), transparent 42%); content: ""; pointer-events: none; }
.taylor-park-watch img { width: 100%; height: 100%; object-fit: cover; }
.taylor-park-watch figcaption { position: absolute; z-index: 1; bottom: 17px; left: 18px; right: 18px; color: rgba(255,255,255,.82); font-size: 10px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.taylor-park-watch > div { padding: clamp(26px, 4vw, 52px); }
.taylor-park-watch h2 { margin: 9px 0 18px; font-size: clamp(36px, 4.5vw, 62px); line-height: .93; }
.taylor-park-watch p:not(.section-kicker) { color: var(--muted); line-height: 1.62; }
.taylor-park-actions, .local-safety-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 24px; }
.taylor-park-watch small, .local-safety-report small { display: block; margin-top: 18px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.taylor-park-watch small a, .local-safety-report small a { color: var(--cyan); }
.local-safety-report { display: grid; grid-template-columns: minmax(230px, .55fr) minmax(0, 1.45fr); gap: 0; max-width: var(--max); margin: clamp(34px, 6vw, 72px) auto; border: 1px solid rgba(255,255,255,.16); background: #090a0b; }
.local-safety-art { display: grid; place-items: end start; min-height: 340px; padding: 28px; background: linear-gradient(155deg, rgba(190, 36, 55, .95), rgba(67, 10, 20, .96)), url("/images/local/natchitoches-now-desk-concept-v1.png") center / cover; background-blend-mode: multiply; }
.local-safety-art span { color: rgba(255,255,255,.94); font-size: clamp(31px, 4vw, 61px); font-weight: 950; letter-spacing: -.08em; line-height: .8; }
.local-safety-report > div:last-child { padding: clamp(28px, 4vw, 56px); }
.local-safety-report h2 { margin: 9px 0 15px; font-size: clamp(36px, 4vw, 60px); line-height: .93; }
.local-safety-report p:not(.section-kicker) { max-width: 800px; margin: 0; color: var(--muted); line-height: 1.62; }
.community-pulse { padding: clamp(44px, 7vw, 86px) var(--page-pad); background: linear-gradient(125deg, #231613, #090a0b 58%); border-top: 1px solid rgba(242, 201, 76, .25); border-bottom: 1px solid var(--line); }
.community-pulse-heading, .community-pulse-rail, .community-pulse-note { max-width: var(--max); margin-left: auto; margin-right: auto; }
.community-pulse-heading { display: grid; grid-template-columns: minmax(260px, .85fr) minmax(0, 1.15fr) auto; align-items: end; gap: 24px; }
.community-pulse-heading h2 { margin: 8px 0 0; font-family: Georgia, serif; font-size: clamp(42px, 5vw, 76px); font-style: italic; line-height: .9; }
.community-pulse-heading p:not(.section-kicker) { max-width: 640px; margin: 0; color: var(--muted); line-height: 1.6; }
.community-pulse-rail { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 30px; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.18); }
.community-pulse-rail article { display: flex; min-height: 260px; flex-direction: column; padding: 26px; background: rgba(7, 8, 9, .92); }
.community-pulse-rail span { color: var(--gold-hi); font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.community-pulse-rail h3 { margin: 14px 0 11px; font-family: Georgia, serif; font-size: 31px; line-height: .96; }
.community-pulse-rail p { margin: 0; color: var(--muted); line-height: 1.52; }
.community-pulse-rail a { margin-top: auto; padding-top: 20px; color: var(--cyan); font-size: 11px; font-weight: 900; text-transform: uppercase; }
.community-pulse-note { margin-top: 16px; color: rgba(255,255,255,.58); font-size: 12px; line-height: 1.5; }

@media (max-width: 980px) {
  .local-calendar-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .community-pulse-heading { grid-template-columns: 1fr 1fr; align-items: start; }
  .community-pulse-heading > .button { width: max-content; }
}

@media (max-width: 760px) {
  .local-high-school-marks, .taylor-park-watch, .local-safety-report { grid-template-columns: 1fr; }
  .local-team-marks { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .local-team-mark { min-height: 146px; padding: 12px; }
  .local-team-mark > span { width: 46px; height: 46px; font-size: 18px; }
  .local-team-mark strong { font-size: 12px; }
  .local-team-mark small { font-size: 8px; }
  .local-board-heading { align-items: start; flex-direction: column; }
  .local-calendar-grid { grid-template-columns: 1fr 1fr; }
  .local-calendar-event { min-height: 210px; }
  .taylor-park-watch figure { min-height: 300px; }
  .local-safety-art { min-height: 190px; }
  .community-pulse-heading, .community-pulse-rail { grid-template-columns: 1fr; }
  .community-pulse-heading > .button { width: 100%; }
  .community-pulse-rail article { min-height: 210px; }
}

@media (max-width: 460px) {
  .local-team-marks, .local-calendar-grid { grid-template-columns: 1fr; }
  .local-team-mark { min-height: 116px; grid-template-columns: 48px 1fr; align-items: center; column-gap: 12px; }
  .local-team-mark > span { grid-row: span 2; margin: 0; }
  .local-team-mark small { margin-top: 2px; }
}

.nightlife-page main { overflow: hidden; }
.nightlife-hero .hero-shade {
  background:
    linear-gradient(90deg, rgba(5, 5, 5, 0.96) 0%, rgba(5, 5, 5, 0.68) 52%, rgba(5, 5, 5, 0.34) 100%),
    linear-gradient(0deg, rgba(5, 5, 5, 0.94), transparent 52%);
}
.nightlife-hero::after {
  position: absolute;
  right: clamp(20px, 5vw, 72px);
  bottom: 34px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  content: "Downtown Natchitoches · Cane River";
}
.nightlife-trust-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: var(--max);
  margin: 0 auto;
  border: 1px solid var(--line);
  border-top: 0;
  background: var(--line);
  gap: 1px;
}
.nightlife-trust-strip article { padding: 24px; background: #090a0b; }
.nightlife-trust-strip strong { display: block; color: var(--gold-hi); font-size: clamp(21px, 2.5vw, 34px); line-height: 1; }
.nightlife-trust-strip span { display: block; margin-top: 9px; color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.nightlife-directory-section { background: #050505; }
.nightlife-venue-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  max-width: var(--max);
  margin: 0 auto;
  border: 1px solid var(--line);
  background: var(--line);
}
.nightlife-venue-card {
  display: flex;
  min-width: 0;
  min-height: 520px;
  flex-direction: column;
  padding: 26px;
  background: #090a0b;
}
.nightlife-venue-card:first-child {
  grid-column: span 2;
  background:
    linear-gradient(100deg, rgba(5, 5, 5, 0.98), rgba(5, 5, 5, 0.74)),
    url("/images/local/natchitoches-cane-river-daily.png") center / cover;
}
.nightlife-venue-card > header { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.nightlife-venue-card > header > span { color: var(--gold-hi); font-size: 12px; font-weight: 900; letter-spacing: 0.12em; }
.nightlife-venue-card > header p,
.nightlife-card-copy > small {
  margin: 0;
  color: var(--cyan);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.nightlife-card-copy { margin-top: 44px; }
.nightlife-card-copy h3 { max-width: 760px; margin: 12px 0 16px; font-size: clamp(30px, 3.6vw, 56px); line-height: 0.96; }
.nightlife-card-copy > p { max-width: 720px; margin: 0; color: var(--muted); line-height: 1.6; }
.nightlife-venue-card > ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0; padding: 0; list-style: none; }
.nightlife-venue-card > ul li { border: 1px solid rgba(242, 201, 76, 0.28); border-radius: 999px; padding: 7px 10px; color: #fff; font-size: 10px; font-weight: 800; }
.nightlife-venue-card address { margin-top: auto; color: #fff; font-size: 13px; font-style: normal; line-height: 1.55; }
.nightlife-venue-card address a { display: block; width: fit-content; margin-top: 5px; color: var(--gold-hi); }
.nightlife-venue-card > footer { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 20px; }
.nightlife-venue-card > footer a {
  border: 1px solid var(--line);
  padding: 10px 12px;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}
.nightlife-venue-card > footer a:first-child { border-color: rgba(24, 215, 255, 0.5); color: var(--cyan); }
.nightlife-source { margin: 14px 0 0; color: var(--muted); font-size: 10px; }
.nightlife-source a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.nightlife-now,
.nightlife-method {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
  gap: clamp(34px, 7vw, 100px);
  max-width: var(--max);
  margin: 0 auto;
  border-right: 1px solid var(--line);
  border-left: 1px solid var(--line);
  padding: clamp(58px, 8vw, 112px) clamp(22px, 5vw, 72px);
}
.nightlife-now { align-items: center; background: #0b0c0e; }
.nightlife-now h2,
.nightlife-safety h2,
.nightlife-method h2 { margin: 10px 0 18px; font-size: clamp(42px, 6vw, 82px); line-height: 0.9; }
.nightlife-now p,
.nightlife-method p { color: var(--muted); line-height: 1.68; }
.nightlife-now-actions { display: grid; gap: 10px; }
.nightlife-now-actions a { border: 1px solid var(--line); padding: 17px 18px; color: #fff; font-size: 12px; font-weight: 900; text-transform: uppercase; }
.nightlife-now-actions a:first-child { border-color: var(--gold); color: var(--gold-hi); }
.nightlife-safety {
  display: grid;
  grid-template-columns: minmax(280px, 0.65fr) minmax(0, 1.35fr);
  gap: clamp(34px, 7vw, 100px);
  max-width: var(--max);
  margin: 0 auto;
  border: 1px solid var(--line);
  padding: clamp(58px, 8vw, 112px) clamp(22px, 5vw, 72px);
  background: #050505;
}
.nightlife-safety ol { margin: 0; padding: 0; list-style: none; }
.nightlife-safety li { display: grid; grid-template-columns: 46px 1fr; gap: 18px; border-top: 1px solid var(--line); padding: 22px 0; }
.nightlife-safety li:first-child { border-top-color: var(--gold); }
.nightlife-safety li > span { color: var(--gold-hi); font-size: 11px; font-weight: 900; }
.nightlife-safety li p { margin: 0; }
.nightlife-safety li strong { display: block; font-size: clamp(19px, 2vw, 26px); }
.nightlife-safety li small { display: block; margin-top: 7px; color: var(--muted); font-size: 13px; line-height: 1.55; }
.nightlife-method { border-bottom: 1px solid var(--line); background: #090a0b; }
.nightlife-method nav { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.nightlife-method nav a { border-bottom: 1px solid var(--gold); padding-bottom: 5px; color: #fff; font-size: 11px; font-weight: 900; text-transform: uppercase; }

.home-gas-widget {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(150px, 0.7fr) minmax(220px, 0.75fr);
  grid-template-rows: auto auto;
  align-items: center;
  gap: 26px;
  margin-bottom: 20px;
  border: 1px solid rgba(24, 215, 255, 0.36);
  padding: 20px 22px;
  background:
    linear-gradient(110deg, rgba(6, 18, 25, 0.98), rgba(4, 9, 13, 0.96)),
    radial-gradient(circle at 70% 20%, rgba(24, 215, 255, 0.2), transparent 38%);
}
.home-gas-details { grid-column: 1; grid-row: 1 / -1; }
.home-gas-widget .home-gas-details > span,
.home-gas-widget .home-gas-links > small { display: block; color: var(--daily-blue-bright, var(--cyan)); font-size: 10px; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; }
.home-gas-widget h3 { margin: 6px 0 5px; font-size: clamp(22px, 2.5vw, 34px); line-height: 1; }
.home-gas-widget .home-gas-details p { margin: 0; color: var(--daily-muted, var(--muted)); font-size: 12px; }
.home-gas-s2dp-ad {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 7px 9px;
  border: 1px solid rgba(244, 198, 66, 0.58);
  background: linear-gradient(135deg, rgba(247, 192, 45, 0.16), rgba(24, 215, 255, 0.1));
  color: #fff;
  text-decoration: none;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}
.home-gas-s2dp-ad:hover,
.home-gas-s2dp-ad:focus-visible { border-color: var(--daily-gold, var(--gold-hi)); background: linear-gradient(135deg, rgba(247, 192, 45, 0.27), rgba(24, 215, 255, 0.17)); transform: translateY(-2px); }
.home-gas-s2dp-ad img { width: 36px; height: 36px; flex: 0 0 36px; object-fit: contain; }
.home-gas-s2dp-ad > span { display: grid; min-width: 0; gap: 1px; }
.home-gas-s2dp-ad small,
.home-gas-s2dp-ad em { overflow: hidden; color: var(--daily-blue-bright, var(--cyan)); font-size: 8px; font-style: normal; font-weight: 900; letter-spacing: 0.08em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.home-gas-s2dp-ad strong { overflow: hidden; color: var(--daily-gold, var(--gold-hi)); font-size: 11px; letter-spacing: 0.02em; text-overflow: ellipsis; white-space: nowrap; }
.home-gas-s2dp-ad em { color: #fff; letter-spacing: 0.03em; }
.home-gas-s2dp-ad b { color: var(--daily-gold, var(--gold-hi)); font-size: 11px; }
.home-gas-price { grid-column: 2; grid-row: 2; display: flex; align-items: end; gap: 9px; margin: 0; }
.home-gas-price strong { color: var(--daily-gold, var(--gold-hi)); font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: clamp(48px, 5vw, 72px); font-weight: 400; line-height: 0.8; }
.home-gas-price span { padding-bottom: 4px; color: var(--daily-muted, var(--muted)); font-size: 10px; font-weight: 900; text-transform: uppercase; }
.home-gas-links { grid-column: 3; grid-row: 1 / -1; text-align: right; }
.home-gas-links a { display: inline-block; margin-top: 8px; color: #fff; font-size: 11px; font-weight: 900; text-transform: uppercase; }

.local-guide-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  max-width: var(--max);
  margin: 0 auto;
  border-bottom: 1px solid var(--line);
  background: var(--line);
}
.local-guide-grid .local-nightlife-promo,
.local-savings-promo {
  display: flex;
  min-width: 0;
  min-height: 470px;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  gap: 34px;
  max-width: none;
  margin: 0;
  border: 0;
  padding: clamp(34px, 5vw, 64px) clamp(22px, 4vw, 48px);
}
.local-guide-grid .local-nightlife-promo { background: linear-gradient(90deg, rgba(5, 5, 5, 0.95), rgba(5, 5, 5, 0.72)), url("/images/local/natchitoches-cane-river-daily.png") center 62% / cover; }
.local-savings-promo { background: radial-gradient(circle at 88% 12%, rgba(24, 215, 255, 0.23), transparent 36%), #070d11; }
.local-savings-promo h2 { max-width: 720px; margin: 10px 0 16px; font-size: clamp(38px, 5vw, 72px); line-height: 0.94; }
.local-savings-promo p:last-child { max-width: 720px; margin: 0; color: var(--muted); line-height: 1.6; }

.savings-page main { overflow: hidden; }
.savings-hero .hero-shade {
  background:
    linear-gradient(90deg, rgba(4, 10, 14, 0.97) 0%, rgba(4, 10, 14, 0.7) 54%, rgba(4, 10, 14, 0.38) 100%),
    linear-gradient(0deg, rgba(5, 5, 5, 0.95), transparent 54%);
}
.savings-hero::after { position: absolute; right: clamp(20px, 5vw, 72px); bottom: 34px; color: rgba(255,255,255,0.65); font-size: 10px; font-weight: 900; letter-spacing: 0.18em; text-transform: uppercase; content: "Natchitoches savings desk"; }
.savings-gas-board {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(210px, 0.58fr) minmax(280px, 0.72fr);
  gap: 1px;
  max-width: var(--max);
  margin: 0 auto;
  border: 1px solid rgba(24, 215, 255, 0.42);
  border-top: 0;
  background: rgba(24, 215, 255, 0.18);
}
.savings-gas-heading,
.savings-gas-primary,
.savings-gas-grades { padding: clamp(28px, 4vw, 52px); background: #070d11; }
.savings-gas-heading h2 { margin: 10px 0 12px; font-size: clamp(40px, 5vw, 72px); line-height: 0.9; }
.savings-gas-heading > p:not(.section-kicker) { margin: 0; color: #fff; font-weight: 800; }
.savings-gas-heading > small { display: block; max-width: 620px; margin-top: 15px; color: var(--muted); font-size: 11px; line-height: 1.55; }
.savings-gas-primary { display: flex; flex-direction: column; justify-content: center; text-align: center; }
.savings-gas-primary span,
.savings-gas-primary small { color: var(--cyan); font-size: 10px; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; }
.savings-gas-primary strong { margin: 16px 0 8px; color: var(--gold-hi); font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: clamp(64px, 6vw, 92px); font-weight: 400; line-height: 0.75; white-space: nowrap; }
.savings-gas-grades { display: grid; align-content: center; gap: 0; margin: 0; }
.savings-gas-grades div { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; border-top: 1px solid var(--line); padding: 15px 0; }
.savings-gas-grades div:first-child { border-top-color: var(--cyan); }
.savings-gas-grades dt { color: var(--muted); font-size: 11px; font-weight: 900; text-transform: uppercase; }
.savings-gas-grades dd { margin: 0; color: #fff; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: 32px; }
.savings-gas-board > footer { display: flex; grid-column: 1 / -1; justify-content: space-between; gap: 20px; padding: 15px clamp(22px, 4vw, 52px); background: #050708; color: var(--muted); font-size: 11px; }
.savings-gas-board > footer a { color: var(--cyan); font-weight: 900; text-transform: uppercase; }
.savings-truth-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: var(--max); margin: 0 auto; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); border-left: 1px solid var(--line); background: var(--line); gap: 1px; }
.savings-truth-strip p { margin: 0; padding: 22px; background: #0a0a0a; }
.savings-truth-strip strong,
.savings-truth-strip span { display: block; }
.savings-truth-strip strong { color: var(--gold-hi); font-size: 13px; }
.savings-truth-strip span { margin-top: 6px; color: var(--muted); font-size: 11px; line-height: 1.45; }
.savings-directory-section { background: #050505; }
.savings-online-section { background: #080b0d; }
.savings-source-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; max-width: var(--max); margin: 0 auto; border: 1px solid var(--line); background: var(--line); }
.savings-source-card { display: flex; min-width: 0; min-height: 390px; flex-direction: column; padding: 26px; background: #0a0a0a; }
.savings-source-card:nth-child(3n + 1) { background: linear-gradient(145deg, rgba(24, 215, 255, 0.07), transparent 48%), #0a0a0a; }
.savings-source-card header { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.savings-source-card header span { color: var(--gold-hi); font-size: 11px; font-weight: 900; }
.savings-source-card header p,
.savings-source-card div > small { margin: 0; color: var(--cyan); font-size: 10px; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; }
.savings-source-card > div { margin-top: 44px; }
.savings-source-card h3 { margin: 10px 0 12px; font-size: clamp(27px, 3vw, 42px); line-height: 0.96; }
.savings-source-card address { color: #fff; font-size: 12px; font-style: normal; }
.savings-source-card div > p { margin: 14px 0 26px; color: var(--muted); font-size: 12px; line-height: 1.58; }
.savings-featured-gallery { margin: 0 0 24px; border-top: 1px solid rgba(24, 215, 255, 0.28); padding-top: 15px; }
.savings-featured-gallery > header { align-items: baseline; }
.savings-featured-gallery > header span,
.savings-featured-gallery > header small { font-size: 9px; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; }
.savings-featured-gallery > header span { color: var(--gold-hi); }
.savings-featured-gallery > header small { color: var(--muted); text-align: right; }
.savings-featured-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
.savings-featured-item { display: flex; min-width: 0; overflow: hidden; border: 1px solid var(--line); color: #fff; background: #050505; flex-direction: column; transition: border-color 160ms ease, transform 160ms ease; }
.savings-featured-item:hover,
.savings-featured-item:focus-visible { border-color: var(--cyan); transform: translateY(-2px); }
.savings-featured-image { position: relative; display: block; aspect-ratio: 1; overflow: hidden; background: #fff; }
.savings-featured-image img { display: block; width: 100%; height: 100%; object-fit: contain; }
.savings-featured-image > em { position: absolute; inset: 0; display: none; place-content: center; padding: 12px; color: #fff; background: #151515; font-size: 9px; font-style: normal; font-weight: 900; line-height: 1.4; text-align: center; text-transform: uppercase; }
.savings-featured-copy { display: grid; gap: 6px; padding: 11px; }
.savings-featured-copy > small { color: var(--cyan); font-size: 8px; font-weight: 900; letter-spacing: 0.05em; line-height: 1.35; text-transform: uppercase; }
.savings-featured-copy > strong { font-size: 12px; line-height: 1.25; }
.savings-featured-copy > span { color: #fff; font-size: 10px; font-weight: 800; line-height: 1.35; }
.savings-featured-copy > em { color: var(--muted); font-size: 8px; font-style: normal; line-height: 1.35; }
.savings-featured-item-banner { grid-column: 1 / -1; }
.savings-featured-item-banner .savings-featured-image { aspect-ratio: 1250 / 180; }
.savings-featured-item-banner .savings-featured-image img { object-fit: cover; }
.savings-featured-item.is-expired { border-color: rgba(242, 201, 76, 0.35); }
.savings-featured-item.is-expired .savings-featured-image img { filter: grayscale(0.9) brightness(0.45); }
.savings-featured-item.is-expired .savings-featured-image::after { position: absolute; inset: auto 6px 6px; padding: 6px; color: #050505; background: var(--gold-hi); content: "Preview expired · check live deal"; font-size: 7px; font-weight: 900; line-height: 1.2; text-align: center; text-transform: uppercase; }
.savings-featured-item.is-image-unavailable .savings-featured-image img { display: none; }
.savings-featured-item.is-image-unavailable .savings-featured-image > em { display: grid; }
.savings-live-preview { margin: 0 0 24px; border: 1px dashed rgba(242, 201, 76, 0.35); padding: 18px; background: rgba(242, 201, 76, 0.05); }
.savings-live-preview span { color: var(--gold-hi); font-size: 9px; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; }
.savings-live-preview p { margin: 8px 0 0; color: var(--muted); font-size: 11px; line-height: 1.52; }
.savings-source-card > a { width: fit-content; margin-top: auto; border: 1px solid rgba(24, 215, 255, 0.5); padding: 11px 13px; color: var(--cyan); font-size: 10px; font-weight: 900; text-transform: uppercase; }
.savings-source-card > a.savings-source-link { margin-top: 8px; border: 0; padding: 4px 0; color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.savings-affiliate-disclosure { max-width: var(--max); margin: 18px auto 0; border-left: 3px solid var(--gold); padding: 18px 20px; background: rgba(242, 201, 76, 0.08); }
.savings-affiliate-disclosure strong { color: var(--gold-hi); font-size: 12px; text-transform: uppercase; }
.savings-affiliate-disclosure p { margin: 7px 0 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.savings-checklist,
.savings-method { display: grid; grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr); gap: clamp(36px, 7vw, 100px); max-width: var(--max); margin: 0 auto; border-right: 1px solid var(--line); border-left: 1px solid var(--line); padding: clamp(58px, 8vw, 110px) clamp(22px, 5vw, 72px); }
.savings-checklist { background: #050505; }
.savings-checklist h2,
.savings-method h2 { margin: 10px 0 18px; font-size: clamp(44px, 6vw, 82px); line-height: 0.9; }
.savings-checklist > div > p:last-child,
.savings-method p { color: var(--muted); line-height: 1.65; }
.savings-checklist ol { margin: 0; padding: 0; list-style: none; }
.savings-checklist li { display: grid; grid-template-columns: 48px 1fr; gap: 16px; border-top: 1px solid var(--line); padding: 20px 0; }
.savings-checklist li:first-child { border-top-color: var(--cyan); }
.savings-checklist li > span { color: var(--gold-hi); font-size: 11px; font-weight: 900; }
.savings-checklist li p { margin: 0; }
.savings-checklist li strong,
.savings-checklist li small { display: block; }
.savings-checklist li strong { font-size: 18px; }
.savings-checklist li small { margin-top: 6px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.savings-method { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #090a0b; }
.savings-method nav { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 26px; }
.savings-method nav a { border-bottom: 1px solid var(--gold); padding-bottom: 5px; color: #fff; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.savings-method small { display: block; margin-top: 24px; color: var(--cyan); font-size: 10px; font-weight: 900; text-transform: uppercase; }
.local-national-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  max-width: var(--max);
  margin: 0 auto;
}
.local-national-list li {
  border-top: 3px solid var(--gold);
  padding: 22px;
  background: rgba(255, 255, 255, 0.05);
}
.local-national-list a,
.local-national-list li > span {
  color: #fff;
  font-size: clamp(20px, 2vw, 28px);
  font-weight: 900;
  line-height: 1.18;
}
.local-national-list small { display: block; margin-top: 12px; color: var(--muted); }
.card-label {
  margin: 0;
  color: var(--gold-hi) !important;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.card-meta {
  margin: 0;
  color: #fff !important;
  font-weight: 800;
}
.text-link {
  display: inline-flex;
  width: fit-content;
  color: var(--cyan);
  font-weight: 900;
}
.share-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}
.share-row a {
  border: 1px solid rgba(24, 215, 255, 0.35);
  padding: 9px 12px;
  color: var(--cyan);
  font-size: 13px;
  font-weight: 900;
}
.release-art-large, .video-poster {
  width: min(420px, 100%);
  aspect-ratio: 1;
  object-fit: cover;
  border: 1px solid rgba(242, 201, 76, 0.36);
  background: #0b0d0f;
}
.video-poster {
  aspect-ratio: 16 / 9;
}
.video-card .video-thumb,
.video-card .video-thumb img {
  width: 100%;
}
.video-card .video-thumb img {
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.campaign-map {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.campaign-map span {
  border: 1px solid rgba(242, 201, 76, 0.32);
  padding: 12px 14px;
  background: rgba(5, 5, 5, 0.35);
  color: #fff;
  font-weight: 900;
}
.founder-profile-block {
  display: grid;
  gap: 22px;
}
.founder-portrait-card {
  margin: 0;
  border: 1px solid rgba(242, 201, 76, 0.36);
  border-radius: 10px;
  padding: clamp(14px, 2vw, 20px);
  background:
    linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.025)),
    radial-gradient(circle at 85% 12%, rgba(242, 201, 76, 0.12), transparent 14rem),
    radial-gradient(circle at 10% 100%, rgba(24, 215, 255, 0.1), transparent 14rem);
  box-shadow: 0 30px 95px rgba(0,0,0,0.42);
}
.founder-portrait-card img {
  display: block;
  width: min(360px, 100%);
  aspect-ratio: 1;
  object-fit: cover;
  border: 1px solid rgba(242, 201, 76, 0.42);
  border-radius: 8px;
  box-shadow: 0 25px 80px rgba(0,0,0,0.48);
}
.founder-portrait-card figcaption {
  margin-top: 12px;
  color: var(--gold-hi);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.founder-role-map span {
  background:
    linear-gradient(145deg, rgba(242, 201, 76, 0.12), rgba(255,255,255,0.03)),
    rgba(5, 5, 5, 0.42);
}
.embed-shell {
  max-width: var(--max);
  margin: 0 auto;
  border: 1px dashed rgba(242, 201, 76, 0.38);
  padding: 34px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--muted);
}
.search-shell {
  max-width: var(--max);
  margin: 0 auto;
}
.search-shell label {
  display: grid;
  gap: 12px;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}
.search-shell input {
  width: 100%;
  border: 1px solid rgba(242, 201, 76, 0.35);
  border-radius: 4px;
  padding: 16px;
  background: rgba(0, 0, 0, 0.42);
  color: #fff;
  font-size: 18px;
  outline: 0;
}
.search-results {
  display: grid;
  gap: 12px;
  margin-top: 22px;
}
.search-result {
  display: grid;
  gap: 7px;
  border: 1px solid var(--line);
  padding: 18px;
  background: rgba(255, 255, 255, 0.045);
}
.search-result span {
  color: var(--gold-hi);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.search-result strong {
  color: #fff;
  font-size: 22px;
}
.search-result p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.feed-status {
  display: inline-flex;
  max-width: 100%;
  margin: 0 0 16px;
  border: 1px solid rgba(24, 215, 255, 0.28);
  border-radius: 4px;
  padding: 9px 12px;
  background: rgba(24, 215, 255, 0.08);
  color: var(--cyan);
  font-size: 12px;
  font-weight: 900;
  line-height: 1.35;
  text-transform: uppercase;
}
.section-cta {
  width: fit-content;
  margin: 24px auto 0;
}
.official-link-grid a {
  display: grid;
  align-content: space-between;
  min-height: 142px;
  padding: 20px;
  background: #0b0d0f;
  transition: background 180ms ease, transform 180ms ease;
}
.official-link-grid a:hover { background: #111417; transform: translateY(-2px); }
.official-link-grid span {
  color: var(--cyan);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.official-link-grid strong {
  margin-top: 24px;
  color: #fff;
  font-size: clamp(18px, 2vw, 25px);
  line-height: 1.05;
}
.money-map-section {
  background:
    linear-gradient(135deg, rgba(242, 201, 76, 0.12), rgba(24, 215, 255, 0.05) 48%, rgba(255, 63, 176, 0.08)),
    #070809;
}
.money-map-preview,
.money-map-shell {
  display: grid;
  grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(18px, 4vw, 42px);
  max-width: var(--max);
  margin: 0 auto;
  align-items: stretch;
}
.money-map-copy,
.money-map-manifesto {
  display: grid;
  align-content: space-between;
  gap: 22px;
  border: 1px solid rgba(242, 201, 76, 0.36);
  border-radius: 8px;
  padding: clamp(22px, 4vw, 38px);
  background:
    radial-gradient(circle at 100% 0%, rgba(242, 201, 76, 0.18), transparent 16rem),
    rgba(5, 5, 5, 0.66);
  box-shadow: 0 32px 90px rgba(0,0,0,0.42);
}
.money-map-copy h3 {
  margin: 0;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(38px, 4.8vw, 68px);
  line-height: 0.9;
  text-transform: uppercase;
}
.money-map-copy p,
.money-map-manifesto p {
  margin: 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.6;
}
.money-map-manifesto strong {
  color: #fff;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(28px, 3.8vw, 54px);
  line-height: 0.94;
  text-transform: uppercase;
}
.money-lane-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.money-lane-grid.full {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.money-lane-grid a {
  display: grid;
  gap: 12px;
  min-height: 188px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  padding: 22px;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.022)),
    rgba(8, 9, 10, 0.78);
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}
.money-lane-grid a:hover,
.money-lane-grid a:focus-visible {
  border-color: rgba(242, 201, 76, 0.48);
  background:
    linear-gradient(145deg, rgba(242, 201, 76, 0.12), rgba(24, 215, 255, 0.045)),
    rgba(8, 9, 10, 0.86);
  transform: translateY(-3px);
}
.money-lane-grid em {
  color: var(--cyan);
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.12em;
}
.money-lane-grid span {
  color: #fff;
  font-size: clamp(22px, 2.4vw, 34px);
  font-weight: 900;
  line-height: 0.98;
}
.money-lane-grid p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}
.money-lane-grid strong {
  align-self: end;
  width: fit-content;
  border-bottom: 2px solid var(--gold);
  color: var(--gold-hi);
  font-size: 13px;
  text-transform: uppercase;
}
.lane-grid, .service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; max-width: var(--max); margin: 0 auto; background: var(--line); border: 1px solid var(--line); }
.lane-grid article, .show-list article { min-height: 220px; padding: 26px; background: #0b0d0f; }
.service-grid article { min-height: 230px; padding: 26px; background: #0b0d0f; }
.lane-grid span { color: var(--gold); font-weight: 900; }
.service-grid span { color: var(--cyan); font-weight: 900; text-transform: uppercase; }
.lane-grid h3, .show-list h3, .service-grid h3 { margin: 12px 0 0; font-size: 24px; }

.show-list { display: grid; gap: 14px; }
.show-list article { border: 1px solid rgba(24, 215, 255, 0.25); }
.show-list img {
  width: 88px;
  height: 88px;
  object-fit: contain;
  margin-bottom: 14px;
  filter: drop-shadow(0 0 14px rgba(242, 189, 67, 0.2));
}
.show-list a, .visual-list a {
  display: inline-flex;
  margin-top: 12px;
  color: var(--cyan);
  font-weight: 900;
}
.street-smarts-showcase {
  display: grid;
  grid-template-columns: minmax(240px, 0.95fr) minmax(180px, 0.55fr);
  gap: clamp(16px, 3vw, 28px);
  align-items: stretch;
}
.street-smarts-main-art,
.street-smarts-poster,
.street-smarts-copy-card {
  border: 1px solid rgba(242, 201, 76, 0.34);
  border-radius: 10px;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.024)),
    radial-gradient(circle at 100% 0%, rgba(24, 215, 255, 0.12), transparent 14rem),
    rgba(5,5,5,0.5);
  box-shadow: 0 28px 85px rgba(0,0,0,0.4);
}
.street-smarts-main-art {
  display: grid;
  place-items: center;
  padding: clamp(14px, 2.5vw, 24px);
}
.street-smarts-main-art img,
.street-smarts-copy-card img {
  width: min(520px, 100%);
  aspect-ratio: 1;
  object-fit: contain;
  border-radius: 8px;
}
.street-smarts-poster {
  grid-row: span 2;
  overflow: hidden;
}
.street-smarts-poster img {
  width: 100%;
  height: 100%;
  min-height: 460px;
  object-fit: cover;
  object-position: center;
}
.street-smarts-copy-card {
  display: grid;
  gap: 16px;
  padding: clamp(18px, 3vw, 28px);
}
.street-smarts-copy-card img {
  max-width: 220px;
  background: #fff;
  padding: 10px;
}
.street-smarts-copy-card p {
  color: var(--muted);
  line-height: 1.65;
}
.visual-list, .update-list {
  display: grid;
  gap: 14px;
}
.visual-list article, .update-list article {
  border: 1px solid var(--line);
  padding: 24px;
  background: rgba(255, 255, 255, 0.04);
}
.visual-list span {
  color: var(--gold);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.visual-list h3, .update-list h3 {
  margin: 8px 0 0;
  font-size: 24px;
}
.update-list time {
  display: inline-flex;
  margin-bottom: 10px;
  border: 1px solid var(--magenta);
  padding: 8px 10px;
  color: var(--magenta);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.editorial-review { max-width: var(--max); margin: 0 auto; padding: clamp(56px, 8vw, 104px) clamp(22px, 5vw, 76px); }
.review-byline { display: flex; align-items: end; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--line); padding-bottom: 22px; }
.review-byline div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px 18px; color: var(--muted); font-size: 13px; font-weight: 800; text-transform: uppercase; }
.review-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.65fr); gap: clamp(36px, 7vw, 88px); align-items: start; padding-top: clamp(42px, 6vw, 72px); }
.review-body { max-width: 760px; }
.review-body p { color: #c9c9c9; font-size: clamp(17px, 1.7vw, 20px); line-height: 1.8; }
.review-body .review-lede { margin-top: 0; color: #fff; font-size: clamp(23px, 3vw, 34px); font-weight: 760; line-height: 1.35; }
.review-body h2, .review-track-guide > h2 { margin: clamp(44px, 7vw, 72px) 0 18px; color: #fff; font-size: clamp(34px, 5vw, 64px); line-height: 0.98; text-transform: uppercase; }
.review-body blockquote { margin: clamp(44px, 7vw, 72px) 0; border-left: 5px solid var(--gold); padding: 14px 0 14px clamp(22px, 4vw, 42px); color: #fff; font-size: clamp(28px, 4.6vw, 52px); font-weight: 900; line-height: 1.12; }
.review-sidebar { position: sticky; top: 112px; border: 1px solid rgba(242, 201, 76, 0.28); background: linear-gradient(160deg, rgba(242, 201, 76, 0.09), rgba(255,255,255,0.025)); padding: 18px; }
.review-sidebar > img { width: 100%; aspect-ratio: 1; object-fit: cover; margin-bottom: 22px; }
.review-sidebar h2 { margin: 5px 0 20px; color: #fff; font-size: clamp(34px, 4vw, 52px); line-height: 0.95; }
.review-sidebar dl { margin: 0 0 22px; }
.review-sidebar dl div { display: grid; grid-template-columns: 92px 1fr; gap: 12px; border-top: 1px solid var(--line); padding: 11px 0; }
.review-sidebar dt { color: var(--muted); font-size: 12px; font-weight: 900; text-transform: uppercase; }
.review-sidebar dd { margin: 0; color: #fff; font-weight: 760; }
.review-sidebar .platform-row { justify-content: flex-start; }
.review-track-guide { margin-top: clamp(70px, 10vw, 120px); border-top: 1px solid var(--line); padding-top: clamp(48px, 7vw, 76px); }
.review-track-guide > h2 { margin-top: 10px; }
.review-track-guide > div { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.review-track-guide article { min-width: 0; padding: 24px 18px 28px; }
.review-track-guide article + article { border-left: 1px solid var(--line); }
.review-track-guide article > span { color: var(--gold); font-size: 13px; font-weight: 950; }
.review-track-guide h3 { overflow-wrap: anywhere; margin: 24px 0 4px; color: #fff; font-size: clamp(20px, 2vw, 28px); }
.review-track-guide small { color: var(--cyan); font-weight: 900; }
.review-track-guide p, .review-footer p { color: var(--muted); line-height: 1.65; }
.review-scorecard { display: grid; grid-template-columns: minmax(150px, 0.55fr) minmax(240px, 1fr); gap: 24px; margin-top: clamp(42px, 6vw, 68px); border: 1px solid rgba(242, 201, 76, 0.34); padding: clamp(22px, 4vw, 38px); background: linear-gradient(145deg, rgba(242, 201, 76, 0.12), rgba(0, 209, 255, 0.045)); }
.review-score-total { display: flex; flex-direction: column; justify-content: center; border-right: 1px solid var(--line); }
.review-score-total strong { color: var(--gold); font-size: clamp(72px, 10vw, 126px); font-weight: 950; letter-spacing: -0.08em; line-height: 0.78; }
.review-score-total span { margin-top: 16px; color: #fff; font-size: 12px; font-weight: 900; letter-spacing: 0.14em; text-transform: uppercase; }
.review-scorecard dl { margin: 0; }
.review-scorecard dl div { display: grid; grid-template-columns: 1fr auto; gap: 18px; border-top: 1px solid var(--line); padding: 11px 0; }
.review-scorecard dl div:first-child { border-top: 0; }
.review-scorecard dt { color: var(--muted); font-size: 13px; font-weight: 850; text-transform: uppercase; }
.review-scorecard dd { margin: 0; color: #fff; font-size: 18px; font-weight: 950; }
.track-by-track-review { margin-top: clamp(74px, 11vw, 132px); border-top: 1px solid var(--line); padding-top: clamp(50px, 8vw, 82px); }
.track-by-track-review > h2 { max-width: 1040px; margin: 10px 0 20px; color: #fff; font-size: clamp(42px, 7vw, 84px); line-height: 0.92; text-transform: uppercase; }
.track-review-intro { max-width: 900px; margin: 0 0 clamp(36px, 6vw, 62px); color: var(--muted); font-size: clamp(16px, 1.6vw, 19px); line-height: 1.7; }
.track-review-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.track-review-card { display: flex; min-width: 0; flex-direction: column; border: 1px solid var(--line); padding: clamp(22px, 4vw, 36px); background: linear-gradient(155deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)); }
.track-review-card:nth-child(n + 17) { border-color: rgba(0, 209, 255, 0.3); background: linear-gradient(155deg, rgba(0, 209, 255, 0.075), rgba(255,255,255,0.018)); }
.track-review-card header { display: flex; align-items: start; justify-content: space-between; gap: 18px; }
.track-review-card header > div { display: flex; align-items: baseline; gap: 12px; }
.track-review-number { color: var(--gold); font-size: 15px; font-weight: 950; letter-spacing: 0.08em; }
.track-review-card small { color: var(--cyan); font-weight: 900; }
.track-review-score { color: #fff; font-size: clamp(26px, 3vw, 38px); font-weight: 950; line-height: 0.9; }
.track-review-score span { color: var(--muted); font-size: 12px; letter-spacing: 0.08em; }
.track-review-card h3 { overflow-wrap: anywhere; margin: 28px 0 5px; color: #fff; font-size: clamp(27px, 3.4vw, 44px); line-height: 0.98; }
.track-review-artist { margin: 0; color: var(--muted); font-size: 13px; font-weight: 850; text-transform: uppercase; }
.track-review-card blockquote { margin: 24px 0 18px; border-left: 3px solid var(--gold); padding: 4px 0 4px 16px; color: #fff; font-size: clamp(19px, 2vw, 25px); font-weight: 850; line-height: 1.3; }
.track-review-card > p:last-child { margin: auto 0 0; padding-top: 4px; color: #c9c9c9; font-size: 16px; line-height: 1.72; }
.review-footer { margin-top: clamp(54px, 8vw, 90px); border: 1px solid var(--line); padding: clamp(24px, 5vw, 48px); background: rgba(255,255,255,0.035); }
.review-footer .hero-actions { margin-top: 26px; }
.review-hero h1 { max-width: 960px; font-size: clamp(48px, 6vw, 86px); line-height: 0.92; }

@media (max-width: 980px) {
  .review-layout { grid-template-columns: 1fr; }
  .review-sidebar { position: static; display: grid; grid-template-columns: minmax(200px, 0.7fr) minmax(260px, 1fr); gap: 22px; }
  .review-sidebar > img { grid-row: 1 / span 5; margin-bottom: 0; }
  .review-track-guide > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .review-track-guide article + article { border-left: 0; }
  .review-track-guide article:nth-child(even) { border-left: 1px solid var(--line); }
  .review-track-guide article:nth-child(n + 3) { border-top: 1px solid var(--line); }
  .track-review-grid { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .review-hero h1 { font-size: clamp(42px, 12vw, 58px); }
  .review-byline { display: grid; align-items: start; }
  .review-byline div { justify-content: flex-start; }
  .review-sidebar { display: block; }
  .review-sidebar > img { margin-bottom: 22px; }
  .review-track-guide > div { grid-template-columns: 1fr; }
  .review-track-guide article:nth-child(even) { border-left: 0; }
  .review-track-guide article + article { border-top: 1px solid var(--line); }
  .review-scorecard { grid-template-columns: 1fr; }
  .review-score-total { border-right: 0; border-bottom: 1px solid var(--line); padding-bottom: 24px; }
  .review-score-total strong { font-size: 86px; }
  .track-review-card { padding: 24px 20px; }
}
.character-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; max-width: var(--max); margin: 0 auto; }
.character-grid span, .collection-list a { border: 1px solid var(--line); padding: 18px; background: rgba(255, 255, 255, 0.04); color: #fff; font-weight: 900; }
.collection-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.collection-list a { border-left: 3px solid var(--gold); }

.delivery-section { display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: center; border-bottom: 1px solid rgba(242, 189, 67, 0.3); background: linear-gradient(135deg, rgba(242, 189, 67, 0.14), rgba(255, 255, 255, 0.02)); }
.delivery-section div { max-width: 820px; }
.delivery-logo {
  width: min(340px, 100%);
  height: auto;
  margin-bottom: 20px;
  object-fit: contain;
}
.delivery-brand-block {
  display: grid;
  gap: 18px;
}
.delivery-logo-stage,
.delivery-character-stage {
  border: 1px solid rgba(242, 201, 76, 0.34);
  border-radius: 10px;
  background:
    linear-gradient(145deg, rgba(242, 201, 76, 0.1), rgba(255,255,255,0.025)),
    radial-gradient(circle at 100% 0%, rgba(24, 215, 255, 0.1), transparent 14rem),
    rgba(5,5,5,0.42);
  box-shadow: 0 28px 85px rgba(0,0,0,0.38);
}
.delivery-logo-stage {
  padding: clamp(12px, 2vw, 20px);
}
.delivery-logo-stage img {
  display: block;
  width: min(680px, 100%);
  height: auto;
  object-fit: contain;
  border-radius: 8px;
  background: #fff;
}
.delivery-character-stage {
  display: grid;
  grid-template-columns: minmax(150px, 240px) minmax(0, 1fr);
  gap: clamp(18px, 3vw, 30px);
  align-items: center;
  padding: clamp(16px, 3vw, 26px);
}
.delivery-character-stage img {
  width: 100%;
  aspect-ratio: 9 / 16;
  object-fit: cover;
  object-position: top center;
  border: 1px solid rgba(242, 201, 76, 0.36);
  border-radius: 8px;
  box-shadow: 0 24px 70px rgba(0,0,0,0.46);
}
.delivery-character-stage span {
  color: var(--gold-hi);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.delivery-character-stage h2 {
  margin: 10px 0;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(42px, 5vw, 74px);
  line-height: 0.9;
  text-transform: uppercase;
}
.delivery-character-stage p {
  color: var(--muted);
  line-height: 1.6;
}
.delivery-service-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.about-section p { max-width: 800px; font-size: 20px; }
.fan-section {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(300px, 520px);
  gap: clamp(28px, 6vw, 78px);
  align-items: center;
}
.fan-section h2 {
  margin: 0;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(42px, 5vw, 72px);
  line-height: 0.92;
  text-transform: uppercase;
}
.fan-form {
  display: grid;
  gap: 14px;
  border: 1px solid rgba(24, 215, 255, 0.32);
  padding: clamp(22px, 4vw, 34px);
  background: rgba(255, 255, 255, 0.04);
}
.fan-form label {
  display: grid;
  gap: 8px;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}
.fan-form input {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 4px;
  padding: 12px 13px;
  background: rgba(0, 0, 0, 0.34);
  color: #fff;
  outline: 0;
}
.contact-section { display: grid; grid-template-columns: minmax(260px, 0.9fr) minmax(300px, 1fr); gap: clamp(34px, 6vw, 84px); align-items: start; max-width: calc(var(--max) + 152px); margin: 0 auto; }
.support-email { color: var(--cyan) !important; font-weight: 900; }
.contact-form { display: grid; gap: 16px; border: 1px solid rgba(242, 189, 67, 0.28); padding: clamp(22px, 4vw, 34px); background: var(--surface); box-shadow: 0 24px 70px rgba(0, 0, 0, 0.48); }
.contact-form label { display: grid; gap: 8px; color: #fff; font-size: 13px; font-weight: 900; text-transform: uppercase; }
.contact-form input, .contact-form select, .contact-form textarea { width: 100%; border: 1px solid var(--line); border-radius: 4px; padding: 12px 13px; background: rgba(0, 0, 0, 0.34); color: #fff; outline: 0; }
.contact-form textarea { resize: vertical; }
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { border-color: var(--cyan); }
.form-status { min-height: 24px; margin: 0; color: var(--cyan) !important; }
.site-footer { display: flex; justify-content: space-between; gap: 20px; padding: 26px clamp(22px, 5vw, 76px); border-top: 1px solid var(--line); color: var(--muted); font-size: 13px; }
.site-footer div { display: flex; gap: 26px; }
.expanded-footer {
  display: grid;
  grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.2fr);
  align-items: start;
  background: #050505;
}
.expanded-footer div { display: block; }
.expanded-footer strong { color: #fff; }
.footer-links {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 16px 24px !important;
}
.footer-links a,
.footer-links span { color: #fff; font-weight: 800; }
.footer-links span {
  flex-basis: 100%;
  color: var(--gold-hi);
}
.footer-brand img {
  width: 76px;
  height: 76px;
  object-fit: contain;
  margin-bottom: 16px;
  filter: drop-shadow(0 0 18px rgba(242, 201, 76, 0.25));
}

.lane-section,
.network-section,
.universe-showcase,
.merch-preview-section {
  background:
    radial-gradient(circle at 80% 20%, rgba(242, 201, 76, 0.1), transparent 28rem),
    radial-gradient(circle at 12% 80%, rgba(24, 215, 255, 0.08), transparent 26rem),
    #070809;
}
.printful-storefront-section {
  background:
    radial-gradient(circle at 20% 20%, rgba(242, 201, 76, 0.14), transparent 24rem),
    radial-gradient(circle at 85% 70%, rgba(24, 215, 255, 0.1), transparent 28rem),
    linear-gradient(180deg, #090909, #050506);
}
.printful-storefront-status {
  max-width: var(--max);
  margin: 0 auto 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border: 1px solid rgba(242, 201, 76, 0.26);
  border-radius: 8px;
  background: rgba(255,255,255,0.045);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}
.printful-storefront-status span {
  color: var(--gold-hi);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.printful-storefront-status strong {
  color: #fff;
  margin-right: auto;
}
.printful-storefront-status .text-link {
  white-space: nowrap;
}
.lane-command-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  max-width: var(--max);
  margin: 0 auto;
}
.lane-command-card {
  position: relative;
  min-height: 226px;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 8px;
  padding: 22px;
  overflow: hidden;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.06), rgba(255,255,255,0.018)),
    radial-gradient(circle at 100% 0%, rgba(242, 201, 76, 0.1), transparent 12rem);
  box-shadow: 0 26px 70px rgba(0,0,0,0.32);
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}
.lane-command-card::after {
  position: absolute;
  right: -44px;
  bottom: -44px;
  width: 120px;
  height: 120px;
  border: 1px solid rgba(24, 215, 255, 0.22);
  border-radius: 50%;
  content: "";
}
.lane-command-card:hover {
  transform: translateY(-5px);
  border-color: rgba(242, 201, 76, 0.46);
  background:
    linear-gradient(145deg, rgba(242, 201, 76, 0.12), rgba(255,255,255,0.026)),
    radial-gradient(circle at 100% 0%, rgba(24, 215, 255, 0.16), transparent 12rem);
}
.lane-command-card span {
  color: var(--cyan);
  font-size: 12px;
  font-weight: 900;
}
.lane-command-card strong {
  display: block;
  margin-top: 28px;
  color: #fff;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(28px, 2.8vw, 44px);
  line-height: 0.92;
  text-transform: uppercase;
}
.lane-command-card p {
  margin: 14px 0 0;
  color: var(--muted);
  line-height: 1.55;
}
.universe-portal-hero {
  background:
    radial-gradient(circle at 75% 28%, rgba(24, 215, 255, 0.13), transparent 22rem),
    radial-gradient(circle at 30% 80%, rgba(242, 201, 76, 0.12), transparent 24rem),
    #050505;
}
.universe-map-section {
  position: relative;
  overflow: hidden;
}
.universe-map-section::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.2;
  background:
    radial-gradient(circle, rgba(255,255,255,0.5) 0 1px, transparent 1.6px) 0 0 / 46px 46px,
    linear-gradient(115deg, transparent 0 42%, rgba(242, 201, 76, 0.13) 43%, transparent 46%);
  content: "";
}
.universe-map-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
  max-width: var(--max);
  margin: 0 auto;
}
.world-portal-card {
  position: relative;
  display: grid;
  min-height: 310px;
  align-content: end;
  grid-column: span 2;
  overflow: hidden;
  border: 1px solid rgba(242, 201, 76, 0.28);
  border-radius: 10px;
  padding: 20px;
  background: #08090a;
  box-shadow: 0 30px 90px rgba(0,0,0,0.42);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.world-portal-card:nth-child(1),
.world-portal-card:nth-child(2),
.world-portal-card:nth-child(3) {
  grid-column: span 2;
}
.world-portal-card:nth-child(4),
.world-portal-card:nth-child(5) {
  grid-column: span 3;
}
.world-portal-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.52;
  transform: scale(1.02);
  transition: opacity 180ms ease, transform 220ms ease;
}
.world-portal-card::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(5,5,5,0.04), rgba(5,5,5,0.88)),
    radial-gradient(circle at 100% 0%, rgba(24, 215, 255, 0.16), transparent 14rem);
  content: "";
}
.world-portal-card span,
.world-portal-card strong,
.world-portal-card p,
.world-portal-card em {
  position: relative;
  z-index: 1;
}
.world-portal-card span {
  color: var(--gold-hi);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.world-portal-card strong {
  margin-top: 12px;
  color: #fff;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(32px, 3.5vw, 56px);
  line-height: 0.9;
  text-transform: uppercase;
}
.world-portal-card p {
  max-width: 42rem;
  color: var(--muted);
  line-height: 1.5;
}
.world-portal-card em {
  display: inline-flex;
  width: fit-content;
  margin-top: 12px;
  border: 1px solid rgba(24, 215, 255, 0.45);
  border-radius: 999px;
  padding: 9px 12px;
  color: var(--cyan);
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}
.world-portal-card:hover {
  transform: translateY(-6px);
  border-color: rgba(242, 201, 76, 0.6);
  box-shadow: 0 40px 110px rgba(0,0,0,0.55), 0 0 34px rgba(242, 201, 76, 0.12);
}
.world-portal-card:hover img {
  opacity: 0.7;
  transform: scale(1.06);
}
.section-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  max-width: var(--max);
  margin: 26px auto 0;
}
.portal-choice-rail {
  grid-auto-columns: minmax(250px, 1fr);
}
.lil-guide-bubble {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  max-width: 760px;
  margin: 0 auto 24px;
  border: 1px solid rgba(242, 201, 76, 0.36);
  border-radius: 10px;
  padding: 14px;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.022)),
    radial-gradient(circle at 100% 0%, rgba(24, 215, 255, 0.1), transparent 12rem),
    rgba(5,5,5,0.68);
  box-shadow: 0 24px 70px rgba(0,0,0,0.38);
}
.lil-guide-bubble img {
  width: 92px;
  height: 92px;
  object-fit: cover;
  border: 1px solid rgba(242, 201, 76, 0.32);
  border-radius: 8px;
  background: #fff;
}
.lil-guide-bubble strong {
  color: var(--gold-hi);
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.lil-guide-bubble p {
  margin: 6px 0 8px;
  color: #fff;
  font-size: clamp(20px, 2vw, 28px);
  font-weight: 900;
}
.lil-guide-bubble a {
  color: var(--cyan);
  font-weight: 900;
}
.return-hub {
  position: fixed;
  z-index: 20;
  right: 18px;
  bottom: 18px;
  border: 1px solid rgba(242, 201, 76, 0.45);
  border-radius: 999px;
  padding: 11px 14px;
  background: rgba(5, 5, 5, 0.86);
  color: var(--gold-hi);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  box-shadow: 0 18px 60px rgba(0,0,0,0.48);
  backdrop-filter: blur(12px);
}
.campaign-feature {
  display: grid;
  grid-template-columns: minmax(180px, 300px) 1fr;
  gap: clamp(24px, 4vw, 46px);
  align-items: center;
  border: 1px solid rgba(242, 201, 76, 0.34);
  border-radius: 8px;
  padding: clamp(20px, 4vw, 34px);
  background:
    radial-gradient(circle at 0% 0%, rgba(242, 201, 76, 0.16), transparent 18rem),
    linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.022));
  box-shadow: 0 34px 90px rgba(0,0,0,0.46);
}
.campaign-feature img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border: 1px solid rgba(242, 201, 76, 0.42);
  box-shadow: 0 24px 70px rgba(0,0,0,0.5);
}
.campaign-feature h3 {
  margin: 0;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(46px, 6vw, 88px);
  line-height: 0.88;
  text-transform: uppercase;
}
.campaign-feature p {
  color: var(--muted);
  line-height: 1.65;
}
.network-hub {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  max-width: var(--max);
  margin: 0 auto;
}
.dpn-network-intro {
  display: grid;
  grid-template-columns: minmax(240px, 0.82fr) minmax(0, 1.18fr);
  gap: clamp(24px, 4vw, 54px);
  align-items: center;
  max-width: var(--max);
  margin: 0 auto;
}
.dpn-logo-stage {
  display: grid;
  min-height: clamp(260px, 32vw, 420px);
  place-items: center;
  border: 1px solid rgba(24, 215, 255, 0.28);
  border-radius: 8px;
  background:
    radial-gradient(circle at 52% 44%, rgba(24, 215, 255, 0.2), transparent 15rem),
    radial-gradient(circle at 48% 52%, rgba(242, 201, 76, 0.16), transparent 18rem),
    linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02)),
    #060708;
  box-shadow: 0 34px 90px rgba(0,0,0,0.46);
  overflow: hidden;
}
.dpn-logo-stage img {
  width: min(82%, 360px);
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 22px 42px rgba(24, 215, 255, 0.22));
}
.dpn-intro-copy {
  display: grid;
  gap: 18px;
}
.dpn-intro-copy h3 {
  margin: 0;
  color: #fff;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(46px, 6vw, 86px);
  line-height: 0.88;
  text-transform: uppercase;
}
.dpn-intro-copy > p:not(.section-kicker) {
  max-width: 720px;
  color: var(--muted);
  font-size: clamp(17px, 2vw, 20px);
  line-height: 1.65;
}
.dpn-identity-tags span {
  border-color: rgba(24, 215, 255, 0.28);
  background: rgba(24, 215, 255, 0.07);
}
.dpn-status-board {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  max-width: var(--max);
  margin: 0 auto 18px;
}
.dpn-status-card,
.dpn-format-grid article {
  border: 1px solid rgba(242, 201, 76, 0.24);
  border-radius: 8px;
  padding: 20px;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.025)),
    #090a0b;
}
.dpn-status-card {
  min-height: 210px;
  border-left: 4px solid rgba(242, 201, 76, 0.72);
}
.dpn-status-card[data-status="active"] {
  border-left-color: rgba(24, 215, 255, 0.82);
}
.dpn-status-card[data-status="development"] {
  border-left-color: rgba(255, 255, 255, 0.58);
}
.dpn-status-card span,
.dpn-format-grid span {
  color: var(--gold-hi);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}
.dpn-status-card h3,
.dpn-format-grid h3 {
  margin: 12px 0 8px;
  color: #fff;
  font-size: clamp(22px, 2.2vw, 30px);
  line-height: 1.05;
}
.dpn-status-card p,
.dpn-format-grid p {
  color: var(--muted);
  line-height: 1.6;
}
.network-hub.dpn-show-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.network-hub a {
  display: grid;
  min-height: 300px;
  align-content: end;
  border: 1px solid rgba(24, 215, 255, 0.24);
  border-radius: 8px;
  padding: 24px;
  background:
    linear-gradient(180deg, rgba(5,5,5,0.1), rgba(5,5,5,0.86)),
    radial-gradient(circle at 30% 20%, rgba(24, 215, 255, 0.14), transparent 15rem),
    #0b0d0f;
  transition: transform 180ms ease, border-color 180ms ease;
}
.network-hub .dpn-featured-show {
  grid-column: span 2;
  min-height: 360px;
  background:
    linear-gradient(180deg, rgba(5,5,5,0.08), rgba(5,5,5,0.9)),
    radial-gradient(circle at 22% 18%, rgba(242, 201, 76, 0.24), transparent 18rem),
    radial-gradient(circle at 74% 22%, rgba(24, 215, 255, 0.2), transparent 18rem),
    #090a0b;
}
.network-hub a:hover {
  transform: translateY(-5px);
  border-color: rgba(242, 201, 76, 0.42);
}
.network-hub span {
  color: var(--gold-hi);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.network-hub strong {
  margin-top: 10px;
  color: #fff;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(34px, 4vw, 58px);
  line-height: 0.9;
  text-transform: uppercase;
}
.network-hub p {
  color: var(--muted);
  line-height: 1.6;
}
.network-hub em {
  width: fit-content;
  margin-top: 14px;
  border: 1px solid rgba(242, 201, 76, 0.28);
  padding: 8px 10px;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}
.dpn-format-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  max-width: var(--max);
  margin: 0 auto;
}
.now-playing-section,
.playlist-section,
.video-feature-section,
.official-video-brand-section,
.visual-lanes-section,
.video-library-section {
  background:
    radial-gradient(circle at 82% 18%, rgba(24, 215, 255, 0.1), transparent 24rem),
    radial-gradient(circle at 18% 82%, rgba(242, 201, 76, 0.1), transparent 24rem),
    #070809;
}
.official-brand-strip {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(220px, 0.65fr);
  gap: clamp(18px, 3vw, 34px);
  align-items: stretch;
  max-width: var(--max);
  margin: 0 auto;
}
.official-logo-feature,
.official-mark-stack {
  border: 1px solid rgba(242, 201, 76, 0.32);
  border-radius: 10px;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.025)),
    radial-gradient(circle at 10% 0%, rgba(242, 201, 76, 0.12), transparent 18rem),
    radial-gradient(circle at 100% 100%, rgba(24, 215, 255, 0.1), transparent 16rem);
  box-shadow: 0 30px 95px rgba(0,0,0,0.42);
}
.official-logo-feature {
  display: grid;
  grid-template-columns: minmax(160px, 260px) minmax(0, 1fr);
  gap: clamp(18px, 3vw, 34px);
  align-items: center;
  padding: clamp(18px, 3vw, 30px);
}
.official-logo-feature img,
.official-mark-stack img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: contain;
  border: 1px solid rgba(242, 201, 76, 0.34);
  border-radius: 8px;
  background: #fff;
  padding: 14px;
  box-shadow: 0 24px 70px rgba(0,0,0,0.42);
}
.official-logo-feature span {
  color: var(--gold-hi);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.official-logo-feature h2 {
  margin: 10px 0;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(42px, 6vw, 84px);
  line-height: 0.88;
  text-transform: uppercase;
}
.official-logo-feature p {
  max-width: 52rem;
  color: var(--muted);
  line-height: 1.65;
}
.official-mark-stack {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  padding: clamp(16px, 2.4vw, 24px);
}
.now-playing-panel {
  display: grid;
  grid-template-columns: minmax(220px, 340px) minmax(0, 1fr) minmax(240px, 330px);
  gap: clamp(22px, 4vw, 42px);
  align-items: center;
  max-width: var(--max);
  margin: 0 auto;
  border: 1px solid rgba(242, 201, 76, 0.34);
  border-radius: 10px;
  padding: clamp(22px, 4vw, 40px);
  background:
    linear-gradient(90deg, rgba(5,5,5,0.92), rgba(12,13,14,0.76)),
    radial-gradient(circle at 18% 30%, rgba(242, 201, 76, 0.18), transparent 20rem),
    radial-gradient(circle at 82% 70%, rgba(24, 215, 255, 0.12), transparent 18rem);
  box-shadow: 0 38px 110px rgba(0,0,0,0.52), inset 0 1px 0 rgba(255,255,255,0.08);
}
.now-playing-art img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border: 1px solid rgba(242, 201, 76, 0.42);
  border-radius: 8px;
  box-shadow: 0 30px 90px rgba(0,0,0,0.58);
}
.now-playing-copy span,
.now-playing-stack strong,
.playlist-shelf span {
  color: var(--gold-hi);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.now-playing-copy h2 {
  margin: 10px 0 0;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(62px, 8vw, 118px);
  line-height: 0.84;
  text-transform: uppercase;
}
.now-playing-copy .tagline {
  color: #fff;
  font-size: clamp(20px, 2vw, 28px);
  font-weight: 900;
}
.now-playing-copy p,
.now-playing-stack p,
.playlist-shelf p {
  color: var(--muted);
  line-height: 1.6;
}
.now-playing-stack {
  display: grid;
  gap: 12px;
}
.now-playing-stack article {
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 8px;
  padding: 18px;
  background: rgba(255,255,255,0.045);
}
.featured-video-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  max-width: var(--max);
  margin: 0 auto;
}
.featured-video-grid article {
  display: grid;
  grid-template-columns: minmax(160px, 240px) 1fr;
  gap: 24px;
  align-items: center;
  border: 1px solid rgba(242, 201, 76, 0.3);
  border-radius: 8px;
  padding: 22px;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.022)),
    radial-gradient(circle at 100% 0%, rgba(24, 215, 255, 0.1), transparent 14rem);
  box-shadow: 0 28px 80px rgba(0,0,0,0.36);
}
.featured-video-grid img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border: 1px solid rgba(255,255,255,0.14);
  background: #0b0d0f;
}
.featured-video-grid span,
.visual-lane-grid span {
  color: var(--gold-hi);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.featured-video-grid h3 {
  margin: 8px 0 0;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(34px, 4vw, 58px);
  line-height: 0.9;
  text-transform: uppercase;
}
.featured-video-grid p,
.visual-lane-grid p {
  color: var(--muted);
  line-height: 1.58;
}
.visual-lane-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  max-width: var(--max);
  margin: 0 auto;
}
.streaming-lane-grid article h3 {
  margin: 18px 0 0;
  color: #fff;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(28px, 3vw, 44px);
  line-height: 0.92;
  text-transform: uppercase;
}
.visual-lane-grid article {
  min-height: 178px;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 8px;
  padding: 20px;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02)),
    radial-gradient(circle at 100% 100%, rgba(242, 201, 76, 0.08), transparent 12rem);
  transition: transform 180ms ease, border-color 180ms ease;
}
.visual-lane-grid article:hover {
  transform: translateY(-4px);
  border-color: rgba(242, 201, 76, 0.42);
}
.playlist-shelf {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  max-width: var(--max);
  margin: 0 auto;
}
.playlist-shelf a {
  display: grid;
  min-height: 220px;
  align-content: end;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 8px;
  padding: 20px;
  background:
    linear-gradient(180deg, rgba(5,5,5,0.05), rgba(5,5,5,0.9)),
    radial-gradient(circle at 50% 18%, rgba(242, 201, 76, 0.14), transparent 12rem),
    #0b0d0f;
  transition: transform 180ms ease, border-color 180ms ease;
}
.playlist-shelf a:hover {
  transform: translateY(-5px);
  border-color: rgba(242, 201, 76, 0.45);
}
.playlist-shelf strong {
  margin-top: 10px;
  color: #fff;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(24px, 2.4vw, 38px);
  line-height: 0.94;
  text-transform: uppercase;
}
.video-library-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  max-width: var(--max);
  margin: 0 auto 28px;
}
.ecosystem-rail {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.ecosystem-rail a {
  border: 1px solid rgba(242, 201, 76, 0.34);
  border-radius: 999px;
  padding: 11px 14px;
  background: rgba(255,255,255,0.04);
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  transition: transform 180ms ease, border-color 180ms ease;
}
.ecosystem-rail a:hover {
  transform: translateY(-2px);
  border-color: rgba(24, 215, 255, 0.5);
}
.video-library-grid .video-card img {
  border: 1px solid rgba(242, 201, 76, 0.22);
  background: #0b0d0f;
}
.youtube-feed-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  max-width: var(--max);
  margin: 0 auto;
}
.youtube-feed-grid.homepage-youtube-feed {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.youtube-video-card {
  display: grid;
  align-content: start;
  gap: 10px;
  overflow: hidden;
}
.youtube-video-frame {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(242, 201, 76, 0.28);
  border-radius: 8px;
  background:
    radial-gradient(circle at 50% 40%, rgba(242, 201, 76, 0.16), transparent 12rem),
    #070707;
}
.youtube-video-frame img,
.youtube-video-frame iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
}
.video-premiere-shell {
  display: grid;
  grid-template-columns: minmax(250px, 0.72fr) minmax(0, 1.55fr);
  gap: clamp(24px, 5vw, 64px);
  align-items: center;
  max-width: var(--max);
  margin: 0 auto;
  border: 1px solid rgba(242, 201, 76, 0.32);
  padding: clamp(22px, 4vw, 46px);
  background:
    radial-gradient(circle at 78% 28%, rgba(255, 46, 104, 0.15), transparent 20rem),
    linear-gradient(145deg, rgba(242, 201, 76, 0.09), rgba(255,255,255,0.02));
}
.video-premiere-copy h2 {
  margin: 12px 0 18px;
  color: #fff;
  font-size: clamp(38px, 5vw, 72px);
  line-height: 0.94;
  text-transform: uppercase;
}
.video-premiere-copy > p:not(.section-kicker) {
  color: var(--muted);
  font-size: clamp(16px, 1.6vw, 19px);
  line-height: 1.7;
}
.video-premiere-frame {
  border-radius: 0;
  box-shadow: 0 30px 70px rgba(0,0,0,0.48);
}
.video-premiere-shell > .production-credit {
  grid-column: 2;
  margin: -42px 16px 16px;
  z-index: 1;
  justify-self: end;
  border: 1px solid rgba(255,255,255,0.22);
  padding: 8px 11px;
  background: rgba(0,0,0,0.8);
  color: #fff;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media (max-width: 900px) {
  .video-premiere-shell { grid-template-columns: 1fr; }
  .video-premiere-shell > .production-credit { grid-column: 1; margin-top: -42px; }
}
.youtube-play-button {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255,255,255,0.42);
  border-radius: 999px;
  padding: 12px 18px;
  background: rgba(5,5,5,0.78);
  color: #fff;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  box-shadow: 0 18px 48px rgba(0,0,0,0.48);
  cursor: pointer;
}
.youtube-play-button:hover,
.youtube-play-button:focus-visible {
  border-color: rgba(242, 201, 76, 0.85);
  color: var(--gold-hi);
}
.youtube-feed-status {
  max-width: var(--max);
  margin: 12px auto 0;
  color: var(--muted);
  font-size: 13px;
}
.youtube-playlist-stack {
  display: grid;
  gap: 22px;
  max-width: var(--max);
  margin: 0 auto;
}
.youtube-playlist-panel {
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 8px;
  padding: 20px;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)),
    radial-gradient(circle at 100% 0%, rgba(24, 215, 255, 0.07), transparent 18rem);
}
.youtube-playlist-panel .youtube-feed-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 16px;
}
.youtube-feed-empty,
.youtube-loading-card {
  min-height: 260px;
}
.homepage-playlist-links {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  max-width: var(--max);
  margin: 18px auto 0;
}
.homepage-playlist-links a {
  border: 1px solid rgba(242, 201, 76, 0.26);
  border-radius: 8px;
  padding: 16px;
  background: rgba(255,255,255,0.04);
}
.homepage-playlist-links span {
  color: var(--gold-hi);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.homepage-playlist-links strong {
  display: block;
  margin-top: 7px;
  color: #fff;
  line-height: 1.1;
}
.universe-card-grid .character-card,
.merch-preview-grid .merch-card {
  border-radius: 8px;
}
.universe-card-grid .character-card img {
  width: 112px;
  height: 112px;
}
.merch-preview-grid .merch-card img {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border: 1px solid rgba(242, 201, 76, 0.24);
}
.printful-product-grid .printful-product-card {
  border-color: rgba(242, 201, 76, 0.38);
  background:
    linear-gradient(145deg, rgba(242, 201, 76, 0.08), rgba(255,255,255,0.025)),
    radial-gradient(circle at 100% 0%, rgba(24, 215, 255, 0.08), transparent 14rem),
    #0b0d0f;
}
.product-meta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 0;
  border-top: 1px solid rgba(255,255,255,0.08);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.product-meta-row strong {
  color: var(--gold-hi);
  font-size: 18px;
  font-weight: 900;
}
.product-meta-row span,
.fulfillment-note,
.product-variants {
  color: var(--muted);
  font-size: 13px;
}
.fulfillment-note {
  margin-top: auto;
}
.printful-product-card .text-link {
  display: inline-flex;
  margin-top: 10px;
}

.home-hub-page main {
  overflow: hidden;
}
.home-hero {
  position: relative;
  min-height: 760px;
  display: grid;
  grid-template-columns: minmax(280px, 0.95fr) minmax(260px, 420px);
  gap: clamp(24px, 5vw, 70px);
  align-items: center;
  padding: 136px clamp(22px, 5vw, 76px) 82px;
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 74% 35%, rgba(242, 201, 76, 0.19), transparent 23rem),
    radial-gradient(circle at 18% 78%, rgba(24, 215, 255, 0.14), transparent 27rem),
    linear-gradient(145deg, #050505, #0b0d0f 55%, #050505);
}
.home-hero::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    radial-gradient(circle, rgba(255,255,255,0.7) 0 1px, transparent 1.5px),
    linear-gradient(115deg, transparent 0 53%, rgba(242, 201, 76, 0.1) 54%, transparent 61%);
  background-size: 58px 58px, auto;
  opacity: 0.22;
}
.home-hero-copy,
.featured-release-card {
  position: relative;
  z-index: 1;
}
.hero-eyebrow,
.brand-line {
  color: var(--gold-hi) !important;
  font-size: 13px !important;
  font-weight: 900;
  letter-spacing: 0.14em;
  line-height: 1.35 !important;
  text-transform: uppercase;
}
.brand-line {
  color: #fff !important;
  letter-spacing: 0.04em;
}
.home-hero h1 {
  margin: 0;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(64px, 10vw, 148px);
  line-height: 0.82;
  text-transform: uppercase;
}
.home-hero-copy > p:not(.hero-copy) {
  max-width: 680px;
  color: var(--muted);
  font-size: 19px;
  line-height: 1.65;
}
.featured-release-card {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(242, 201, 76, 0.42);
  border-radius: 8px;
  padding: 18px;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.09), rgba(255,255,255,0.025)),
    rgba(5, 5, 5, 0.7);
  box-shadow: 0 34px 110px rgba(0,0,0,0.55), 0 0 38px rgba(242, 201, 76, 0.08);
}
.featured-release-card img,
.hub-card img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 6px;
  border: 1px solid rgba(242, 201, 76, 0.35);
}
.featured-release-card span,
.hub-card span,
.token-mini-card span {
  color: var(--gold-hi);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.featured-release-card strong,
.hub-card strong {
  color: #fff;
  font-size: clamp(24px, 3vw, 38px);
  line-height: 0.98;
}
.featured-release-card p,
.hub-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}
.featured-release-card em {
  width: fit-content;
  border: 1px solid rgba(24, 215, 255, 0.42);
  border-radius: 999px;
  padding: 8px 12px;
  color: var(--cyan);
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}
.content-row {
  border-bottom: 1px solid var(--line);
  padding: 72px clamp(22px, 5vw, 76px);
  background:
    radial-gradient(circle at 85% 15%, rgba(24, 215, 255, 0.06), transparent 22rem),
    #070809;
}
.row-heading {
  display: flex;
  justify-content: space-between;
  gap: 22px;
  align-items: end;
  max-width: var(--max);
  margin: 0 auto 28px;
}
.row-heading h2 {
  margin: 0;
  font-size: clamp(34px, 5vw, 66px);
  line-height: 0.92;
}
.row-heading p {
  max-width: 680px;
  color: var(--muted);
  line-height: 1.55;
}
.content-rail {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(220px, 1fr);
  gap: 14px;
  max-width: var(--max);
  margin: 0 auto;
  overflow-x: auto;
  padding-bottom: 8px;
  scroll-snap-type: x proximity;
}
.hub-card {
  display: grid;
  align-content: start;
  gap: 12px;
  min-height: 260px;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 8px;
  padding: 18px;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.02)),
    rgba(9,10,11,0.72);
  scroll-snap-align: start;
  transition: transform 180ms ease, border-color 180ms ease;
}
.hub-card:hover,
.hub-card:focus-visible {
  border-color: rgba(242, 201, 76, 0.44);
  transform: translateY(-4px);
}
.hub-card.wide img {
  aspect-ratio: 16 / 9;
}
.video-preview-card {
  position: relative;
}
.play-dot {
  position: absolute;
  top: 28px;
  left: 28px;
  display: inline-grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border: 1px solid rgba(255,255,255,0.42);
  border-radius: 50%;
  background: rgba(5,5,5,0.72);
  color: #fff;
  font-size: 0;
  box-shadow: 0 12px 40px rgba(0,0,0,0.45);
}
.play-dot::before {
  width: 0;
  height: 0;
  margin-left: 4px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid var(--gold-hi);
  content: "";
}
.text-hub-card {
  min-height: 220px;
  justify-content: start;
}
.text-hub-card em,
.status-badge {
  width: fit-content;
  border: 1px solid rgba(24, 215, 255, 0.32);
  border-radius: 999px;
  padding: 7px 10px;
  background: rgba(24, 215, 255, 0.07);
  color: var(--cyan) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}
.digital-preview-band,
.delivery-route-band,
.join-band {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(240px, 420px);
  gap: clamp(22px, 5vw, 62px);
  align-items: center;
  padding: 78px clamp(22px, 5vw, 76px);
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 74% 20%, rgba(24, 215, 255, 0.16), transparent 20rem),
    radial-gradient(circle at 22% 85%, rgba(242, 201, 76, 0.12), transparent 22rem),
    #050505;
}
.digital-preview-band h2,
.delivery-route-band h2,
.join-band h2 {
  margin: 0;
  font-size: clamp(40px, 6vw, 78px);
  line-height: 0.9;
}
.digital-preview-band p,
.delivery-route-band p,
.join-band p {
  color: var(--muted);
  line-height: 1.65;
}
.token-mini-card,
.dpc-token-card {
  display: grid;
  gap: 14px;
  border: 1px solid rgba(242, 201, 76, 0.4);
  border-radius: 8px;
  padding: clamp(20px, 3vw, 30px);
  background:
    radial-gradient(circle at 100% 0%, rgba(24, 215, 255, 0.16), transparent 15rem),
    linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.025));
  box-shadow: 0 30px 90px rgba(0,0,0,0.46);
}
.token-mini-card strong {
  color: #fff;
  font-size: clamp(64px, 8vw, 108px);
  line-height: 0.84;
}
.token-mini-card code,
.dpc-token-card code {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 6px;
  padding: 12px;
  background: rgba(0,0,0,0.36);
  color: #fff;
  font-size: 13px;
}
.delivery-route-band img {
  width: min(420px, 100%);
  justify-self: center;
  border-radius: 8px;
  background: #fff;
}
.join-band {
  grid-template-columns: minmax(0, var(--max));
  justify-content: center;
  text-align: center;
}
.join-band .platform-row {
  justify-content: center;
}

.discipline-home-hero {
  isolation: isolate;
  background:
    linear-gradient(90deg, rgba(5, 5, 5, 0.96), rgba(5, 5, 5, 0.76) 47%, rgba(5, 5, 5, 0.52)),
    radial-gradient(circle at 77% 30%, rgba(242, 201, 76, 0.24), transparent 24rem),
    radial-gradient(circle at 18% 88%, rgba(24, 215, 255, 0.14), transparent 27rem),
    #050505;
}
.discipline-home-hero .hero-motion-layer {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(115deg, transparent 0 48%, rgba(242, 201, 76, 0.16) 52%, transparent 60%),
    radial-gradient(circle at 85% 18%, rgba(24, 215, 255, 0.18), transparent 18rem);
  mix-blend-mode: screen;
  animation: lightSweep 14s ease-in-out infinite alternate;
}
.discipline-home-hero .hero-copy {
  max-width: 720px;
}
.release-meta-line,
.production-line {
  margin: 12px 0 0;
  color: #fff !important;
  font-weight: 900;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.production-line { color: var(--gold-hi) !important; }
.hero-release-art img {
  box-shadow: 0 28px 90px rgba(0,0,0,0.54), 0 0 48px rgba(242, 201, 76, 0.16);
}
.soundtrack-intro-band {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  margin-top: -1px;
  padding: 34px clamp(22px, 5vw, 76px);
  border-top: 1px solid rgba(242, 201, 76, 0.36);
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 10% 0%, rgba(242, 201, 76, 0.14), transparent 18rem),
    linear-gradient(135deg, rgba(18, 18, 19, 0.98), rgba(5, 5, 5, 0.95));
}
.soundtrack-intro-band h2,
.home-section h2,
.portal-invite-section h2 {
  margin: 0;
  font-size: clamp(38px, 6vw, 78px);
  line-height: 0.92;
}
.soundtrack-intro-band p,
.home-section .section-heading p,
.portal-invite-section p {
  color: var(--muted);
  line-height: 1.6;
}
.soundtrack-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(150px, auto));
  gap: 10px;
  align-items: center;
}
.soundtrack-actions p {
  grid-column: 1 / -1;
  margin: 0;
  font-size: 13px;
}
.home-section {
  padding: 72px clamp(22px, 5vw, 76px);
  border-bottom: 1px solid var(--line);
}
.home-section .section-heading,
.home-section .row-heading,
.hot-grid,
.watch-row,
.release-five-grid,
.featured-artist-strip,
.show-three-grid,
.character-lineup,
.news-three-grid,
.merch-clean-grid {
  max-width: var(--max);
  margin-right: auto;
  margin-left: auto;
}
.hot-section {
  background:
    radial-gradient(circle at 82% 16%, rgba(24, 215, 255, 0.12), transparent 20rem),
    #08090a;
}
.hot-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.hot-card,
.watch-card,
.release-tile,
.show-poster-card,
.character-line-card,
.news-card,
.merch-clean-grid article {
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.02)),
    rgba(9,10,11,0.78);
  transition: transform 180ms ease, border-color 180ms ease;
}
.hot-card:hover,
.hot-card:focus-visible,
.watch-card:hover,
.watch-card:focus-within,
.release-tile:hover,
.release-tile:focus-visible,
.show-poster-card:hover,
.show-poster-card:focus-visible,
.character-line-card:hover,
.character-line-card:focus-visible,
.news-card:hover,
.news-card:focus-visible {
  border-color: rgba(242, 201, 76, 0.46);
  transform: translateY(-4px);
}
.hot-card {
  display: grid;
  align-content: end;
  min-height: 260px;
  padding: 22px;
  background:
    linear-gradient(0deg, rgba(5,5,5,0.86), rgba(5,5,5,0.25)),
    radial-gradient(circle at 85% 15%, rgba(242, 201, 76, 0.18), transparent 16rem),
    #101113;
}
.hot-card-1,
.hot-card-2 {
  grid-column: span 2;
  min-height: 340px;
}
.hot-card span,
.release-tile span,
.show-poster-card span,
.news-card span,
.merch-clean-grid span,
.watch-card span {
  color: var(--gold-hi);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.hot-card strong,
.release-tile strong,
.show-poster-card strong,
.news-card strong,
.character-line-card strong,
.merch-clean-grid strong {
  color: #fff;
  font-size: clamp(24px, 3vw, 42px);
  line-height: 0.98;
}
.hot-card p,
.watch-card p,
.release-tile p,
.show-poster-card p,
.character-line-card p,
.news-card p,
.merch-clean-grid p {
  color: var(--muted);
  line-height: 1.5;
}
.hot-card em,
.release-tile em,
.show-poster-card em {
  width: fit-content;
  color: var(--cyan);
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}
.watch-section {
  background:
    linear-gradient(180deg, #050505, #0c0d0f);
}
.watch-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.watch-card {
  display: grid;
  gap: 12px;
  padding: 14px;
}
.watch-thumb {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid rgba(242, 201, 76, 0.28);
  background: #050505;
}
.watch-thumb img,
.truth-placeholder {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.watch-thumb img {
  object-fit: cover;
}
.truth-placeholder {
  display: grid;
  place-items: center;
  padding: 16px;
  border: 1px dashed rgba(242, 201, 76, 0.42);
  border-radius: 6px;
  color: var(--gold-hi);
  background:
    radial-gradient(circle at 50% 50%, rgba(24, 215, 255, 0.1), transparent 12rem),
    rgba(255,255,255,0.035);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-align: center;
  text-transform: uppercase;
}
.watch-card h3 {
  margin: 0;
  color: #fff;
  font-size: 22px;
  line-height: 1.05;
}
.watch-card small {
  color: var(--gold-hi);
  font-weight: 800;
}
.watch-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.watch-links a {
  border: 1px solid rgba(24, 215, 255, 0.36);
  border-radius: 999px;
  padding: 7px 10px;
  color: var(--cyan);
  font-size: 12px;
  font-weight: 900;
}
.listen-section {
  background:
    radial-gradient(circle at 12% 16%, rgba(242, 201, 76, 0.12), transparent 24rem),
    #070707;
}
.release-five-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}
.release-tile {
  display: grid;
  gap: 10px;
  padding: 14px;
}
.release-tile img {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 6px;
  object-fit: cover;
}
.featured-artist-strip {
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  margin-top: 24px;
  border: 1px solid rgba(242, 201, 76, 0.26);
  border-radius: 8px;
  padding: 18px;
  background: linear-gradient(110deg, rgba(242, 201, 76, 0.1), rgba(24, 215, 255, 0.06));
}
.featured-artist-strip img {
  width: 160px;
  aspect-ratio: 1;
  border-radius: 8px;
  object-fit: cover;
}
.featured-artist-strip h3 {
  margin: 0;
  font-size: clamp(34px, 5vw, 64px);
  line-height: 0.9;
}
.artist-profile-grid {
  align-items: stretch;
}
.artist-profile-card {
  padding: 0;
}
.artist-profile-card::before {
  display: none;
}
.artist-card-media {
  display: grid;
  min-height: 230px;
  place-items: center;
  border-bottom: 1px solid rgba(242, 201, 76, 0.24);
  background:
    radial-gradient(circle at 50% 38%, rgba(242, 201, 76, 0.14), transparent 13rem),
    radial-gradient(circle at 62% 62%, rgba(24, 215, 255, 0.11), transparent 14rem),
    #08090a;
  overflow: hidden;
}
.artist-card-media img {
  width: 100%;
  height: 230px;
  object-fit: cover;
  filter: none;
}
.artist-profile-card:nth-child(2) .artist-card-media img,
.artist-profile-card:nth-child(5) .artist-card-media img,
.artist-profile-card:nth-child(6) .artist-card-media img {
  width: 72%;
  height: auto;
  max-height: 190px;
  object-fit: contain;
  filter: drop-shadow(0 18px 38px rgba(242, 201, 76, 0.18));
}
.artist-card-copy {
  display: grid;
  gap: 12px;
  padding: 22px;
}
.artist-detail-panel {
  display: grid;
  grid-template-columns: minmax(240px, 0.74fr) minmax(0, 1.26fr);
  gap: clamp(24px, 4vw, 56px);
  align-items: stretch;
  max-width: var(--max);
  margin: 0 auto;
}
.artist-portrait-stage {
  display: grid;
  min-height: clamp(320px, 44vw, 560px);
  margin: 0;
  place-items: center;
  border: 1px solid rgba(242, 201, 76, 0.3);
  border-radius: 8px;
  background:
    radial-gradient(circle at 50% 30%, rgba(242, 201, 76, 0.18), transparent 18rem),
    radial-gradient(circle at 68% 70%, rgba(24, 215, 255, 0.1), transparent 18rem),
    linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.02)),
    #070809;
  overflow: hidden;
  box-shadow: 0 34px 90px rgba(0,0,0,0.44);
}
.artist-portrait-stage img {
  width: 100%;
  height: 100%;
  max-height: 560px;
  object-fit: cover;
}
.artist-detail-copy {
  display: grid;
  align-content: center;
  gap: 18px;
}
.artist-detail-copy h3 {
  margin: 0;
  color: #fff;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(40px, 5vw, 76px);
  line-height: 0.9;
  text-transform: uppercase;
}
.artist-detail-copy > p:not(.section-kicker) {
  max-width: 740px;
  color: var(--muted);
  font-size: clamp(17px, 2vw, 20px);
  line-height: 1.65;
}
.artist-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.artist-chip-row span {
  border: 1px solid rgba(24, 215, 255, 0.28);
  padding: 10px 12px;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  background: rgba(24, 215, 255, 0.07);
}
.artist-stat-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.artist-stat-strip article {
  border: 1px solid rgba(242, 201, 76, 0.24);
  border-radius: 8px;
  padding: 16px;
  background: rgba(255,255,255,0.045);
}
.artist-stat-strip span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.artist-stat-strip strong {
  display: block;
  margin-top: 8px;
  color: #fff;
  font-size: clamp(22px, 3vw, 34px);
  line-height: 0.95;
}
.artist-connections-section .data-card {
  border-left: 4px solid rgba(24, 215, 255, 0.58);
}
.show-three-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.show-poster-card {
  display: grid;
  gap: 12px;
  padding: 16px;
}
.show-poster-card img,
.show-poster-card .truth-placeholder {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}
.character-lineup-section {
  background:
    radial-gradient(circle at 85% 80%, rgba(24, 215, 255, 0.12), transparent 22rem),
    #08090a;
}
.character-lineup {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}
.character-line-card {
  display: grid;
  gap: 10px;
  padding: 12px;
}
.character-line-card img,
.character-line-card .truth-placeholder {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}
.portal-invite-section {
  min-height: 480px;
  display: grid;
  align-items: center;
  padding: 84px clamp(22px, 5vw, 76px);
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(90deg, rgba(5,5,5,0.95), rgba(5,5,5,0.5)),
    url("/images/logos/dapoint-cinematic-hero.jpg") center / cover;
}
.portal-invite-section > div {
  width: min(760px, 100%);
}
.homepage-digital-band {
  background:
    radial-gradient(circle at 80% 18%, rgba(24, 215, 255, 0.2), transparent 20rem),
    radial-gradient(circle at 14% 90%, rgba(242, 201, 76, 0.14), transparent 22rem),
    #030405;
}
.homepage-digital-band .token-mini-card strong {
  font-size: clamp(34px, 5vw, 58px);
  line-height: 0.92;
}
.token-home-actions {
  display: grid;
  gap: 10px;
}
.token-mini-card small {
  color: var(--muted);
  line-height: 1.45;
}
.news-three-grid,
.merch-clean-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.news-card,
.merch-clean-grid article {
  display: grid;
  gap: 12px;
  min-height: 220px;
  padding: 20px;
}
.merch-clean-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.merch-clean-grid span {
  width: fit-content;
  margin-top: auto;
  border: 1px solid rgba(242, 201, 76, 0.32);
  border-radius: 999px;
  padding: 7px 10px;
}
.delivery-route-band .platform-row a span {
  display: block;
  color: var(--gold-hi);
  font-size: 11px;
}
.closing-line {
  margin-top: 22px;
  color: var(--gold-hi) !important;
  font-weight: 900;
}
.digital-map-section,
.roadmap-section,
.faq-section {
  background:
    radial-gradient(circle at 84% 12%, rgba(24, 215, 255, 0.12), transparent 24rem),
    #060708;
}
.ecosystem-map {
  max-width: var(--max);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(220px, 0.58fr) minmax(0, 1.42fr);
  gap: 18px;
}
.ecosystem-center {
  display: grid;
  place-items: center;
  min-height: 320px;
  border: 1px solid rgba(242, 201, 76, 0.46);
  border-radius: 8px;
  background:
    radial-gradient(circle at 50% 42%, rgba(242, 201, 76, 0.22), transparent 13rem),
    rgba(5,5,5,0.72);
  color: #fff;
  font-size: clamp(30px, 4vw, 58px);
  font-weight: 900;
  line-height: 0.95;
  text-align: center;
}
.ecosystem-nodes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.ecosystem-nodes span {
  display: grid;
  place-items: center;
  min-height: 92px;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 8px;
  padding: 12px;
  background: rgba(255,255,255,0.045);
  color: #fff;
  font-weight: 900;
  text-align: center;
}
.dpc-token-card dl,
.dpc-risk-status dl {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 0;
}
.dpc-token-card dl div,
.dpc-risk-status dl div {
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 6px;
  padding: 12px;
  background: rgba(0,0,0,0.24);
}
.dpc-token-card dt,
.dpc-risk-status dt {
  color: var(--gold-hi);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.dpc-token-card dd,
.dpc-risk-status dd {
  margin: 5px 0 0;
  color: #fff;
  font-weight: 900;
  overflow-wrap: anywhere;
}
.digital-status-badge {
  display: inline-flex;
  width: fit-content;
  margin: 0 10px 10px 0;
  border: 1px solid rgba(242, 201, 76, 0.52);
  border-radius: 6px;
  padding: 8px 10px;
  color: #090705;
  background: linear-gradient(135deg, var(--gold-hi), var(--gold), var(--gold-2));
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}
.digital-institutional-hero {
  width: min(var(--max), calc(100% - 44px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
}
.great-seal-accent {
  position: relative;
  display: grid;
  place-items: center;
  gap: 12px;
  min-height: 0;
  border: 1px solid rgba(242, 201, 76, 0.34);
  border-radius: 8px;
  padding: clamp(16px, 2.4vw, 24px);
  text-align: center;
  background:
    radial-gradient(circle at 50% 44%, rgba(242, 201, 76, 0.16), transparent 18rem),
    linear-gradient(135deg, rgba(242, 201, 76, 0.09), rgba(156, 107, 0, 0.08)),
    #070707;
  box-shadow: 0 32px 90px rgba(0,0,0,0.55);
}
.great-seal-accent::before {
  display: none;
}
.great-seal-accent img {
  width: min(100%, 360px);
  aspect-ratio: 1;
  border-radius: 50%;
  object-fit: contain;
  filter: drop-shadow(0 24px 54px rgba(0, 0, 0, 0.58));
}
.great-seal-accent strong {
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}
.digital-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  max-width: var(--max);
  margin: 0 auto 22px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}
.digital-breadcrumbs a,
.digital-breadcrumbs strong { color: var(--gold-hi); }
.legal-notice,
.prototype-disclosure,
.north-star,
.constitution-ending,
.digital-risk-footer {
  max-width: var(--max);
  margin: 0 auto;
  border: 1px solid rgba(242, 201, 76, 0.38);
  border-radius: 8px;
  padding: clamp(20px, 4vw, 34px);
  background:
    radial-gradient(circle at 96% 0%, rgba(24, 215, 255, 0.12), transparent 18rem),
    linear-gradient(145deg, rgba(255,255,255,0.075), rgba(255,255,255,0.025));
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.42);
}
.legal-notice strong {
  color: var(--gold-hi);
  text-transform: uppercase;
  letter-spacing: 0;
}
.digital-risk-footer {
  margin: 28px auto;
}
.dpc-risk-status {
  margin-bottom: 18px;
}
.digital-risk-footer strong {
  color: var(--gold-hi);
  text-transform: uppercase;
}
.status-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}
.status-strip span {
  border: 1px solid rgba(242, 201, 76, 0.3);
  border-radius: 6px;
  padding: 7px 9px;
  color: var(--gold-hi);
  background: rgba(0,0,0,0.32);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.north-star {
  color: #fff;
  font-size: clamp(28px, 4vw, 54px);
  font-weight: 900;
  line-height: 1.05;
}
.digital-document-grid,
.token-allocation-grid {
  width: min(var(--max), calc(100% - 44px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.digital-document-card,
.token-allocation-card {
  display: grid;
  gap: 12px;
  min-height: 100%;
  border: 1px solid rgba(255,255,255,0.13);
  border-radius: 8px;
  padding: 20px;
  background: rgba(255,255,255,0.045);
}
.digital-document-card h3,
.token-allocation-card h3 { margin: 0; color: #fff; }
.digital-document-card > strong {
  color: var(--gold-hi);
  font-size: 13px;
  text-transform: uppercase;
}
.digital-document-card p,
.token-allocation-card dd { color: var(--muted); line-height: 1.55; }
.digital-document-card small { color: var(--gold-hi); font-weight: 800; }
.digital-doc-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(242, 201, 76, 0.42);
  border-radius: 6px;
  color: var(--gold-hi);
  background: rgba(0,0,0,0.32);
  font-size: 22px;
}
.docs-resource-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.creator-community-split {
  width: min(var(--max), calc(100% - 44px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(240px, 0.82fr) minmax(0, 1.18fr);
  gap: 14px;
}
.planned-utility-grid .data-card h3,
.creator-community-split .data-card h3 {
  color: #fff;
}
.command-center-boundary {
  max-width: var(--max);
  margin: 20px auto 0;
}
.command-center-boundary dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0 0;
}
.command-center-boundary dl div {
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 6px;
  padding: 12px;
  background: rgba(0,0,0,0.22);
}
.command-center-boundary dt {
  color: var(--gold-hi);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}
.command-center-boundary dd {
  margin: 5px 0 0;
  color: #fff;
  font-weight: 900;
}
.digital-architecture .ecosystem-nodes span {
  align-content: center;
  gap: 8px;
  text-align: left;
}
.digital-architecture .ecosystem-nodes small {
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}
.digital-rule {
  max-width: var(--max);
  margin: 20px auto 0;
  color: var(--gold-hi);
  font-size: clamp(20px, 3vw, 34px);
  font-weight: 950;
  line-height: 1.1;
  text-align: center;
}
.flywheel {
  width: min(var(--max), calc(100% - 44px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  counter-reset: flywheel;
}
.flywheel span {
  position: relative;
  min-height: 92px;
  border: 1px solid rgba(242, 201, 76, 0.32);
  border-radius: 8px;
  padding: 18px;
  background: rgba(5,5,5,0.64);
  color: #fff;
  font-weight: 950;
}
.flywheel span::before {
  counter-increment: flywheel;
  content: counter(flywheel, decimal-leading-zero);
  display: block;
  margin-bottom: 8px;
  color: var(--gold-hi);
  font-size: 12px;
}
.constitution-layout {
  width: min(var(--max), calc(100% - 44px));
  margin: 24px auto 0;
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  gap: 22px;
  align-items: start;
}
.print-friendly-note {
  max-width: var(--max);
  margin: 18px auto 0;
  border: 1px solid rgba(24, 215, 255, 0.28);
  border-radius: 8px;
  padding: 14px 16px;
  color: var(--cyan);
  background: rgba(24, 215, 255, 0.065);
  font-size: 14px;
  font-weight: 850;
}
.constitution-toc {
  position: sticky;
  top: 96px;
  display: grid;
  gap: 8px;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 8px;
  padding: 18px;
  background: rgba(5,5,5,0.76);
}
.constitution-toc strong {
  color: var(--gold-hi);
  text-transform: uppercase;
}
.constitution-toc a {
  border-top: 1px solid rgba(255,255,255,0.08);
  padding-top: 8px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}
.constitution-article-list {
  display: grid;
  gap: 14px;
}
.constitution-article {
  scroll-margin-top: 112px;
  border: 1px solid rgba(255,255,255,0.13);
  border-radius: 8px;
  padding: clamp(20px, 4vw, 34px);
  background: rgba(255,255,255,0.045);
}
.constitution-article h3 { margin: 0 0 12px; color: #fff; }
.constitution-article p { color: var(--muted); line-height: 1.7; }
.constitution-ending {
  margin-top: 24px;
  color: var(--gold-hi);
  font-size: clamp(28px, 4vw, 48px);
  font-weight: 950;
  line-height: 1.1;
  text-align: center;
}
.tokenomics-chart {
  width: min(var(--max), calc(100% - 44px));
  margin: 0 auto 22px;
  display: grid;
  gap: 10px;
}
.allocation-total-check {
  width: min(var(--max), calc(100% - 44px));
  margin: 0 auto 14px;
  border: 1px solid rgba(242, 201, 76, 0.42);
  border-radius: 8px;
  padding: 12px 14px;
  color: var(--gold-hi);
  background: rgba(0,0,0,0.28);
  font-size: 13px;
  font-weight: 950;
  text-transform: uppercase;
}
.tokenomics-chart div {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) 72px;
  align-items: center;
  gap: 12px;
  border: 1px solid rgba(255,255,255,0.13);
  border-radius: 8px;
  padding: 12px;
  background:
    linear-gradient(90deg, rgba(242, 201, 76, 0.28) calc(var(--pct) * 1%), rgba(255,255,255,0.04) calc(var(--pct) * 1%));
}
.tokenomics-chart span,
.tokenomics-chart strong { font-weight: 950; }
.tokenomics-chart strong { color: var(--gold-hi); text-align: right; }
.crypto-market-section {
  scroll-margin-top: 24px;
  background:
    radial-gradient(circle at 84% 8%, rgba(24, 215, 255, 0.1), transparent 28rem),
    radial-gradient(circle at 12% 100%, rgba(242, 201, 76, 0.08), transparent 24rem),
    #050505;
}
.crypto-market-shell {
  width: min(var(--max), calc(100% - 44px));
  margin: 0 auto;
}
.crypto-market-toolbar,
.crypto-market-footer {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
}
.crypto-market-toolbar { margin-bottom: 18px; }
.crypto-range-tabs {
  display: inline-flex;
  gap: 4px;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 9px;
  padding: 4px;
  background: rgba(0,0,0,0.38);
}
.crypto-range-tabs button {
  min-width: 54px;
  min-height: 38px;
  border: 0;
  border-radius: 6px;
  padding: 8px 12px;
  color: var(--muted);
  background: transparent;
  font: inherit;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.06em;
  cursor: pointer;
}
.crypto-range-tabs button:hover,
.crypto-range-tabs button:focus-visible {
  color: #fff;
  background: rgba(255,255,255,0.08);
}
.crypto-range-tabs button[aria-pressed="true"] {
  color: #071014;
  background: var(--cyan);
  box-shadow: 0 0 22px rgba(24, 215, 255, 0.18);
}
.crypto-market-status {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  text-align: right;
}
.crypto-market-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.crypto-market-card {
  --chart-color: var(--cyan);
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 10px;
  padding: clamp(16px, 2vw, 22px);
  background:
    radial-gradient(circle at 0 0, color-mix(in srgb, var(--chart-color), transparent 88%), transparent 13rem),
    linear-gradient(145deg, rgba(255,255,255,0.065), rgba(255,255,255,0.018)),
    rgba(8,9,10,0.88);
  box-shadow: 0 22px 60px rgba(0,0,0,0.32);
}
.crypto-market-card[data-market-symbol="BTC"] { --chart-color: #f2c94c; }
.crypto-market-card[data-market-symbol="ETH"] { --chart-color: #8ca7ff; }
.crypto-market-card[data-market-symbol="SOL"] { --chart-color: #3de1b7; }
.crypto-market-card header {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
}
.crypto-symbol {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--chart-color), transparent 35%);
  border-radius: 50%;
  color: var(--chart-color);
  background: color-mix(in srgb, var(--chart-color), transparent 89%);
  font-size: 15px;
  font-weight: 950;
}
.crypto-market-card h3 {
  margin: 0;
  color: #fff;
  font-size: 17px;
  line-height: 1.1;
}
.crypto-market-card header p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.08em;
}
.crypto-quote {
  display: grid;
  gap: 5px;
  justify-items: end;
  min-width: 96px;
}
.crypto-quote strong {
  color: #fff;
  font-size: 18px;
  line-height: 1;
}
.crypto-quote span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 950;
}
.crypto-quote span.is-positive { color: #6de6a2; }
.crypto-quote span.is-negative { color: #ff7d84; }
.crypto-chart-frame {
  position: relative;
  height: 208px;
  margin: 20px -2px 16px;
  overflow: hidden;
  border-block: 1px solid rgba(255,255,255,0.08);
}
.crypto-market-shell-compact .crypto-chart-frame { height: 164px; }
.crypto-chart-frame svg {
  display: block;
  width: 100%;
  height: 100%;
}
.crypto-chart-grid {
  stroke: rgba(255,255,255,0.08);
  stroke-width: 1;
}
.crypto-chart-area { fill: color-mix(in srgb, var(--chart-color), transparent 88%); }
.crypto-chart-line {
  fill: none;
  stroke: var(--chart-color);
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
.crypto-chart-cursor {
  stroke: rgba(255,255,255,0.4);
  stroke-width: 1;
  stroke-dasharray: 3 4;
  vector-effect: non-scaling-stroke;
}
.crypto-chart-dot {
  fill: #050505;
  stroke: var(--chart-color);
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
}
.crypto-chart-tooltip {
  position: absolute;
  z-index: 2;
  top: 10px;
  left: 10px;
  display: none;
  pointer-events: none;
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 6px;
  padding: 7px 9px;
  color: #fff;
  background: rgba(2,3,4,0.88);
  font-size: 11px;
  line-height: 1.35;
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
  backdrop-filter: blur(8px);
}
.crypto-chart-frame[data-active="true"] .crypto-chart-tooltip { display: block; }
.crypto-chart-error {
  display: grid;
  height: 100%;
  place-items: center;
  margin: 0;
  color: #ff9da2;
  font-size: 12px;
  font-weight: 850;
}
.crypto-chart-skeleton {
  position: absolute;
  inset: 16px 0;
  background:
    linear-gradient(115deg, transparent 15%, rgba(255,255,255,0.08) 42%, transparent 68%) 0 0 / 200% 100%,
    linear-gradient(165deg, transparent 48%, color-mix(in srgb, var(--chart-color), transparent 70%) 49%, transparent 51%);
  animation: crypto-chart-loading 1.3s linear infinite;
}
@keyframes crypto-chart-loading {
  to { background-position: -200% 0, 0 0; }
}
.crypto-market-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}
.crypto-market-stats div { min-width: 0; }
.crypto-market-stats dt {
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.crypto-market-stats dd {
  margin: 5px 0 0;
  overflow: hidden;
  color: #fff;
  font-size: 12px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crypto-market-footer {
  flex-wrap: wrap;
  margin-top: 14px;
  border-top: 1px solid rgba(255,255,255,0.1);
  padding-top: 14px;
  color: var(--muted);
  font-size: 12px;
}
.crypto-market-footer .text-link { margin-left: auto; }
.crypto-market-shell[data-state="error"] .crypto-market-card {
  border-color: rgba(255, 125, 132, 0.32);
}
.crypto-market-shell[data-state="error"] .crypto-chart-skeleton {
  animation: none;
  opacity: 0.24;
}
.token-allocation-card dl {
  display: grid;
  gap: 10px;
  margin: 0;
}
.token-allocation-card dt {
  color: var(--gold-hi);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}
.token-allocation-card dd { margin: 4px 0 0; }
.genesis-timeline {
  width: min(var(--max), calc(100% - 44px));
  margin: 0 auto;
  display: grid;
  gap: 12px;
  padding: 0;
  list-style: none;
  counter-reset: genesis;
}
.genesis-entry-grid {
  width: min(var(--max), calc(100% - 44px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.genesis-entry-card small {
  color: var(--gold-hi);
  font-weight: 850;
}
.delivery-utility-card {
  max-width: var(--max);
  margin: 0 auto;
}
.delivery-brand-wordmark {
  display: block;
  width: min(100%, 360px);
  max-height: 132px;
  margin: 0 0 20px;
  object-fit: contain;
  object-position: left center;
}
.genesis-timeline li {
  counter-increment: genesis;
  border-left: 3px solid var(--gold);
  padding: 18px 18px 18px 24px;
  background: rgba(255,255,255,0.045);
  color: #fff;
  font-weight: 850;
}
.genesis-timeline li::before {
  content: counter(genesis, decimal-leading-zero);
  display: block;
  color: var(--gold-hi);
  font-size: 12px;
  font-weight: 950;
}
.safety-rule-card h3 { color: var(--gold-hi); }
.prototype-disclosure dl {
  display: grid;
  gap: 12px;
  margin: 0;
}
.prototype-disclosure dt {
  color: var(--gold-hi);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}
.prototype-disclosure dd { margin: 6px 0 0; overflow-wrap: anywhere; }
.delivery-rewards-hero {
  min-height: 580px;
  padding-bottom: 32px;
}
.delivery-rewards-hero .hero-image {
  object-position: 72% center;
}
.delivery-rewards-hero .hero-shade {
  background:
    linear-gradient(90deg, rgba(2,2,2,0.97) 0%, rgba(2,2,2,0.84) 37%, rgba(2,2,2,0.25) 66%, rgba(2,2,2,0.14) 100%),
    linear-gradient(0deg, rgba(2,2,2,0.72) 0%, transparent 42%);
}
.delivery-rewards-brand-lockup {
  position: relative;
  z-index: 3;
  width: min(var(--max), calc(100% - 44px));
  min-height: 1px;
  margin: -158px auto 76px;
  display: flex;
  justify-content: flex-end;
  pointer-events: none;
}
.delivery-rewards-brand-lockup img {
  display: block;
  width: min(34vw, 390px);
  max-height: 145px;
  object-fit: contain;
  filter: drop-shadow(0 12px 24px rgba(0,0,0,0.7));
}
.reward-boundary-strip {
  width: min(var(--max), calc(100% - 44px));
  margin: 22px auto 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-block: 1px solid rgba(242, 201, 76, 0.44);
}
.reward-boundary-strip strong {
  padding: 18px 14px;
  color: var(--gold-hi);
  font-size: 13px;
  text-align: center;
  text-transform: uppercase;
}
.reward-boundary-strip strong + strong { border-left: 1px solid rgba(255,255,255,0.12); }
@media (min-width: 901px) {
  .reward-boundary-strip {
    position: relative;
    z-index: 2;
    margin-top: -70px;
  }
}
@media (max-width: 700px) {
  .delivery-rewards-hero {
    min-height: 640px;
  }
  .delivery-rewards-hero .hero-image {
    object-position: 66% center;
  }
  .delivery-rewards-hero .hero-shade {
    background:
      linear-gradient(180deg, rgba(2,2,2,0.28) 0%, rgba(2,2,2,0.6) 42%, rgba(2,2,2,0.98) 80%),
      linear-gradient(90deg, rgba(2,2,2,0.74), rgba(2,2,2,0.12));
  }
  .delivery-rewards-brand-lockup {
    display: none;
  }
}

/* Unified daPoint dashboard: artist tools are a role-gated layer, not a second dashboard. */
.artist-tools-panel.artist-server {
  display: block;
  min-height: 0;
  width: 100%;
  padding: 0 0 32px;
  background: radial-gradient(circle at 52% 0%, rgba(42,72,97,.22), transparent 35rem), var(--artist-bg) !important;
  color: var(--artist-text);
}
.artist-tools-panel .artist-server-topbar {
  position: static;
  min-height: 58px;
  margin-bottom: 18px;
  padding: 0 4px 12px;
  border-bottom: 1px solid #dedede;
  background: transparent;
  color: var(--artist-text);
}
.artist-tools-panel .artist-server-topbar > div { display: flex; align-items: center; gap: 10px; }
.artist-tools-panel .artist-server-greeting { padding: 0 4px 18px; }
.artist-tools-panel .artist-server-greeting h1 { color: var(--artist-text); }
.artist-tools-panel .artist-server-greeting p { color: var(--artist-muted); }
.artist-tools-panel .artist-network-command { margin: 0 0 18px; }
.artist-tools-secondary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 0 0 18px;
}
.artist-tools-secondary > section {
  min-width: 0;
  padding: 18px;
  border: 1px solid #dedede;
  border-radius: 16px;
  background: #fff;
  color: #171717;
}
.artist-tools-secondary h2 { color: #171717; }
.artist-tools-secondary .artist-empty { color: #666; }
.artist-tools-panel .artist-composer { margin: 0; }
.artist-tools-panel .artist-server-status { position: static; margin-left: auto; }
.artist-tools-panel.is-official-dapoint-artist .artist-server-topbar {
  border-color: #d2aa4c;
}
@media (max-width: 920px) {
  .artist-tools-secondary { grid-template-columns: 1fr; }
}
.delivery-rewards-page {
  background:
    radial-gradient(circle at 86% 8%, rgba(24, 215, 255, 0.1), transparent 24rem),
    #060708;
}
.rewards-journey {
  width: min(var(--max), calc(100% - 44px));
  margin: 0 auto 32px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-block: 1px solid rgba(242, 201, 76, 0.3);
}
.rewards-journey article { padding: 28px; }
.rewards-journey article + article { border-left: 1px solid rgba(255,255,255,0.12); }
.rewards-journey span { color: var(--gold-hi); font-size: 13px; font-weight: 950; }
.rewards-journey h3 { color: #fff; font-size: clamp(22px, 2.4vw, 32px); }
.rewards-journey p { color: var(--muted); line-height: 1.65; }
.rewards-estimator {
  width: min(var(--max), calc(100% - 44px));
  margin: 0 auto 34px;
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(260px, 0.55fr);
  gap: 18px;
  align-items: stretch;
}
.rewards-estimator-copy,
.reward-preview {
  border: 1px solid rgba(255,255,255,0.13);
  border-radius: 8px;
  padding: clamp(22px, 4vw, 38px);
  background: rgba(255,255,255,0.045);
}
.reward-access-shell {
  width: min(var(--max), calc(100% - 44px));
  margin: 0 auto 34px;
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(260px, 0.7fr);
  gap: 18px;
  align-items: stretch;
}
.reward-access-panel,
.reward-access-assurance,
.reward-member-account {
  border: 1px solid rgba(255,255,255,0.13);
  border-radius: 8px;
  padding: clamp(22px, 4vw, 38px);
  background: rgba(255,255,255,0.045);
}
.reward-access-panel h2,
.reward-member-account h2,
.reward-action-catalog h2 { margin: 0 0 12px; color: #fff; }
.reward-access-panel > p:not(.card-label),
.reward-action-catalog > div > p { color: var(--muted); line-height: 1.65; }
.reward-access-form { display: grid; gap: 16px; margin-top: 24px; }
.reward-access-form label:not(.reward-consent) {
  display: grid;
  gap: 8px;
  color: var(--gold-hi);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.reward-access-form input:not([type="checkbox"]) {
  width: 100%;
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 6px;
  padding: 14px 16px;
  background: #090909;
  color: #fff;
  font: inherit;
  text-transform: none;
}
.reward-access-form input:focus-visible { outline: 2px solid var(--gold-hi); outline-offset: 2px; }
.reward-consent { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; color: #fff; line-height: 1.5; }
.reward-consent input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--gold-hi); }
.reward-consent a { color: var(--gold-hi); font-weight: 850; }
.reward-access-status { min-height: 22px; margin: 0; color: var(--cyan); font-weight: 800; }
.reward-access-status.is-error { color: #ff9b9b; }
.reward-invite-note,
.reward-session-note { margin: 16px 0 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.reward-access-assurance {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: radial-gradient(circle at 50% 25%, rgba(242, 201, 76, 0.16), transparent 13rem), #080808;
}
.reward-access-assurance img { width: 100%; max-height: 150px; object-fit: contain; }
.reward-access-assurance ul { display: grid; gap: 10px; margin: 24px 0 0; padding: 0; list-style: none; }
.reward-access-assurance li { border-top: 1px solid rgba(255,255,255,0.12); padding-top: 10px; color: #fff; font-weight: 850; }
.reward-access-assurance li::before { content: "✓"; margin-right: 10px; color: var(--gold-hi); }
.reward-member-account { grid-column: 1 / -1; background: #080808; }
.reward-member-account[hidden] { display: none; }
.reward-member-head { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-bottom: 24px; }
.reward-member-head p { margin: 0; color: var(--muted); }
.reward-member-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.reward-member-totals { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 24px; }
.reward-member-totals article { border-top: 2px solid var(--gold); padding: 18px; background: rgba(255,255,255,0.045); }
.reward-member-totals span,
.reward-member-totals small { display: block; color: var(--muted); }
.reward-member-totals strong { display: block; margin: 6px 0; color: #fff; font-size: clamp(30px, 4vw, 48px); }
.reward-status { display: inline-block; border: 1px solid currentColor; border-radius: 999px; padding: 4px 9px; font-size: 11px; font-weight: 950; text-transform: uppercase; }
.reward-status-approved { color: #72e6a8; }
.reward-status-pending { color: var(--gold-hi); }
.reward-status-rejected { color: #ff9b9b; }
.reward-action-catalog {
  width: min(var(--max), calc(100% - 44px));
  margin: 0 auto 34px;
  display: grid;
  grid-template-columns: minmax(220px, 0.55fr) minmax(0, 1fr);
  gap: 26px;
  align-items: start;
}
.reward-action-catalog .reward-action-list article {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 3px 14px;
  align-items: center;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 7px;
  padding: 14px;
  color: #fff;
  background: rgba(0,0,0,0.28);
}
.reward-action-catalog .reward-action-list strong { grid-row: 1 / 3; color: var(--gold-hi); font-size: 20px; }
.reward-action-catalog .reward-action-list span { font-weight: 900; }
.reward-action-catalog .reward-action-list small { color: var(--muted); line-height: 1.35; }
.rewards-estimator h2,
.reward-ledger-section h2 { margin: 0 0 12px; color: #fff; }
.rewards-estimator-copy > p:not(.card-label),
.reward-ledger-section > div > p { color: var(--muted); line-height: 1.65; }
.reward-action-list { display: grid; gap: 10px; margin-top: 22px; }
.reward-action-list button {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 3px 14px;
  align-items: center;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 7px;
  padding: 14px;
  color: #fff;
  background: rgba(0,0,0,0.28);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.reward-action-list button:hover,
.reward-action-list button:focus-visible,
.reward-action-list button.is-selected {
  border-color: var(--gold-hi);
  background: rgba(242, 201, 76, 0.09);
}
.reward-action-list button strong { grid-row: 1 / 3; color: var(--gold-hi); font-size: 20px; }
.reward-action-list button span { font-weight: 900; }
.reward-action-list button small { color: var(--muted); line-height: 1.35; }
.reward-preview {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background:
    radial-gradient(circle at 50% 25%, rgba(242, 201, 76, 0.18), transparent 12rem),
    #080808;
  text-align: center;
}
.reward-preview > span { color: var(--gold-hi); font-size: 12px; font-weight: 950; text-transform: uppercase; }
.reward-preview > strong { margin: 14px 0; color: #fff; font-size: clamp(38px, 5vw, 68px); line-height: 0.95; }
.reward-preview p { color: var(--muted); line-height: 1.5; }
.reward-preview .button { margin-top: 10px; }
.reward-ledger-section {
  width: min(var(--max), calc(100% - 44px));
  margin: 0 auto 34px;
  display: grid;
  grid-template-columns: minmax(220px, 0.42fr) minmax(0, 1fr);
  gap: 22px;
  align-items: start;
}
.reward-table-wrap { overflow-x: auto; border: 1px solid rgba(242, 201, 76, 0.3); border-radius: 8px; }
.reward-ledger { width: 100%; min-width: 720px; border-collapse: collapse; }
.reward-ledger th,
.reward-ledger td { border-bottom: 1px solid rgba(255,255,255,0.1); padding: 14px; text-align: left; }
.reward-ledger th { color: var(--gold-hi); background: rgba(242, 201, 76, 0.07); font-size: 12px; text-transform: uppercase; }
.reward-ledger td { color: #fff; font-size: 14px; }
.reward-ledger td:nth-last-child(-n+2) { color: var(--cyan); font-weight: 900; }
.reward-policy-band {
  width: min(var(--max), calc(100% - 44px));
  margin: 0 auto 22px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.reward-policy-band article { border-top: 2px solid var(--gold); padding: 24px 0; }
.reward-policy-band h3 { color: #fff; }
.reward-policy-band li { margin-bottom: 10px; color: var(--muted); line-height: 1.55; }
.reward-hard-boundary {
  width: min(var(--max), calc(100% - 44px));
  margin: 0 auto;
  border: 1px solid rgba(242, 201, 76, 0.5);
  border-radius: 8px;
  padding: 22px;
  background: rgba(242, 201, 76, 0.06);
}
.reward-hard-boundary strong { color: var(--gold-hi); text-transform: uppercase; }
.reward-hard-boundary p { margin-bottom: 0; color: #fff; line-height: 1.6; }
.delivery-rewards-cta {
  width: min(var(--max), calc(100% - 44px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(180px, 320px) minmax(0, 1fr);
  gap: 28px;
  align-items: center;
  border: 1px solid rgba(242, 201, 76, 0.34);
  border-radius: 8px;
  padding: clamp(22px, 4vw, 38px);
  background: rgba(0,0,0,0.3);
}
.delivery-rewards-cta img { width: 100%; max-height: 180px; object-fit: contain; }
.delivery-rewards-cta p { color: #fff; font-size: clamp(20px, 3vw, 34px); font-weight: 900; }
.token-address-label {
  display: grid;
  gap: 8px;
  color: var(--gold-hi);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.token-copy-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: stretch;
}
.token-copy-row button {
  border: 1px solid var(--gold);
  border-radius: 6px;
  padding: 0 18px;
  background: linear-gradient(135deg, var(--gold-hi), var(--gold));
  color: #050505;
  font-weight: 900;
  cursor: pointer;
}
.copy-status {
  min-height: 20px;
  margin: 0;
  color: var(--cyan) !important;
  font-weight: 800;
}
.roadmap-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  max-width: var(--max);
  margin: 0 auto;
}
.roadmap-card {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 8px;
  padding: 20px;
  background: rgba(255,255,255,0.045);
}
.roadmap-card span {
  color: var(--cyan);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.roadmap-card h3 {
  margin: 0;
  color: #fff;
  font-size: 28px;
}
.roadmap-card ul {
  margin: 0;
  padding-left: 18px;
  color: var(--muted);
  line-height: 1.5;
}
.manifesto-block {
  max-width: 880px;
  margin: 0 auto;
  border-left: 4px solid var(--gold);
  padding-left: clamp(22px, 4vw, 42px);
}
.manifesto-block p {
  color: #fff;
  font-size: clamp(23px, 3vw, 40px);
  line-height: 1.18;
}
.large-mascot {
  width: min(320px, 100%);
  height: auto;
}
.faq-list {
  max-width: 900px;
  margin: 0 auto;
  display: grid;
  gap: 10px;
}
.faq-list details {
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 8px;
  background: rgba(255,255,255,0.045);
}
.faq-list summary {
  cursor: pointer;
  padding: 18px 20px;
  color: #fff;
  font-weight: 900;
}
.faq-list p {
  margin: 0;
  padding: 0 20px 20px;
  color: var(--muted);
  line-height: 1.6;
}

@keyframes driftGlow {
  from { transform: translate3d(-1%, -1%, 0) scale(1); opacity: 0.7; }
  to { transform: translate3d(1%, 1%, 0) scale(1.04); opacity: 1; }
}
@keyframes lightSweep {
  from { transform: translateX(-4%); opacity: 0.38; }
  to { transform: translateX(4%); opacity: 0.68; }
}
@keyframes particleFloat {
  from { background-position: 0 0, 0 0; }
  to { background-position: 90px -140px, -120px 110px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
  }
}

@media (max-width: 1080px) {
  .site-header { grid-template-columns: auto auto; }
  .menu-toggle { display: inline-grid; gap: 5px; justify-self: end; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 6px; place-content: center; background: rgba(255, 255, 255, 0.04); }
  .menu-toggle span { width: 18px; height: 2px; background: var(--text); }
  .site-nav, .header-action, .header-portal-link { display: none; }
  .site-header.is-open .site-nav { display: grid; grid-column: 1 / -1; justify-content: stretch; gap: 0; }
  .site-header.is-open .site-nav a { border-top: 1px solid var(--line); padding: 14px 0; }
  .site-header.is-open .header-portal-link,
  .site-header.is-open .header-action {
    display: inline-flex;
    grid-column: 1 / -1;
    width: 100%;
  }
  .release-callout { position: relative; right: auto; bottom: auto; width: min(100%, 360px); margin-top: 34px; }
  .hq-orbit-panel { position: relative; right: auto; bottom: auto; width: min(100%, 520px); margin-top: 34px; }
  .section-grid, .contact-section, .delivery-section, .fan-section { grid-template-columns: 1fr; }
  .rizzledore-feature-card { grid-template-columns: minmax(0, 1fr) minmax(200px, 0.7fr); }
  .local-desk-overview { grid-template-columns: 1fr; }
  .local-sports-hub > header { align-items: start; flex-direction: column; }
  .local-sports-hub-grid { grid-template-columns: 1fr; }
  .local-source-directory { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nightlife-venue-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nightlife-venue-card:first-child { grid-column: span 2; }
  .home-hero,
  .digital-preview-band,
  .delivery-route-band,
  .ecosystem-map {
    grid-template-columns: 1fr;
  }
  .row-heading {
    align-items: start;
    flex-direction: column;
  }
  .roadmap-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ecosystem-nodes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .dpc-token-card dl {
    grid-template-columns: 1fr;
  }
  .solar-system-home {
    grid-template-columns: 1fr;
    gap: 24px;
    align-items: start;
  }
  .home-solar-page main > .solar-system-home {
    padding-top: 110px;
  }
  .solar-copy,
  .travel-panel {
    width: min(100%, 680px);
    justify-self: center;
  }
  .solar-copy {
    text-align: center;
  }
  .solar-copy h1,
  .solar-copy p:not(.section-kicker) {
    margin-right: auto;
    margin-left: auto;
  }
  .solar-stage {
    width: min(92vw, 640px);
    min-height: min(92vw, 640px);
  }
  .planet-label {
    display: none;
    max-width: 118px;
  }
  .solar-planet[aria-pressed="true"] .planet-label,
  .solar-planet:focus-visible .planet-label {
    display: block;
  }
  .hq-strip, .character-grid { grid-template-columns: repeat(2, 1fr); }
  .official-link-grid { grid-template-columns: repeat(2, 1fr); }
  .data-grid, .data-grid.compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .money-map-preview, .money-map-shell { grid-template-columns: 1fr; }
  .lane-command-grid, .network-hub, .network-hub.dpn-show-grid, .dpn-status-board, .dpn-format-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dpn-network-intro { grid-template-columns: 1fr; }
  .network-hub .dpn-featured-show { grid-column: span 2; }
  .universe-map-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .world-portal-card,
  .world-portal-card:nth-child(1),
  .world-portal-card:nth-child(2),
  .world-portal-card:nth-child(3),
  .world-portal-card:nth-child(4),
  .world-portal-card:nth-child(5) { grid-column: span 1; }
  .official-brand-strip, .now-playing-panel { grid-template-columns: 1fr; }
  .official-logo-feature { grid-template-columns: 1fr; }
  .delivery-character-stage { grid-template-columns: 1fr; }
  .delivery-character-stage img { max-width: 280px; }
  .street-smarts-showcase { grid-template-columns: 1fr; }
  .street-smarts-poster { grid-row: auto; }
  .street-smarts-poster img { min-height: 0; aspect-ratio: 9 / 14; }
  .featured-video-grid, .visual-lane-grid, .playlist-shelf, .youtube-feed-grid, .youtube-feed-grid.homepage-youtube-feed, .youtube-playlist-panel .youtube-feed-grid, .homepage-playlist-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .featured-video-grid article { grid-template-columns: 1fr; }
  .campaign-feature { grid-template-columns: 1fr; }
  .album-card { grid-template-columns: 1fr; }
  .lane-grid, .service-grid { grid-template-columns: 1fr; }
  .expanded-footer { grid-template-columns: 1fr; }
  .footer-links { justify-content: flex-start; }
  .soundtrack-intro-band,
  .featured-artist-strip,
  .artist-detail-panel {
    grid-template-columns: 1fr;
  }
  .artist-stat-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .hot-grid,
  .watch-row,
  .release-five-grid,
  .show-three-grid,
  .character-lineup,
  .news-three-grid,
  .merch-clean-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .hot-card-1,
  .hot-card-2 {
    grid-column: span 1;
  }
}

@media (max-width: 640px) {
  .brand { min-width: 0; }
  .brand strong { font-size: 18px; }
  .brand small { font-size: 12px; }
  .hero { min-height: 800px; padding-top: 112px; }
  .hq-hero { min-height: 920px; }
  .hero-shade { background: linear-gradient(90deg, rgba(5, 5, 5, 0.97), rgba(5, 5, 5, 0.72)), linear-gradient(0deg, rgba(5, 5, 5, 0.96) 0, transparent 48%); }
  .hero-actions, .button, .hq-strip, .release-panel, .character-grid, .collection-list, .official-link-grid, .data-grid, .data-grid.compact, .money-lane-grid, .money-lane-grid.full { grid-template-columns: 1fr; width: 100%; }
  .local-headlines-list,
  .local-source-directory,
  .local-national-list { grid-template-columns: 1fr; }
  .local-nightlife-promo,
  .nightlife-trust-strip,
  .nightlife-venue-grid,
  .nightlife-now,
  .nightlife-safety,
  .nightlife-method { grid-template-columns: 1fr; }
  .local-nightlife-promo { align-items: start; }
  .local-nightlife-promo > a { width: 100%; white-space: normal; }
  .nightlife-hero::after { display: none; }
  .nightlife-trust-strip { border-right: 0; border-left: 0; }
  .nightlife-venue-card,
  .nightlife-venue-card:first-child { grid-column: span 1; min-height: 0; }
  .nightlife-card-copy { margin-top: 30px; }
  .nightlife-venue-card address { margin-top: 30px; }
  .local-forecast-periods { grid-template-columns: repeat(2, 1fr); }
  .local-directory-card { min-height: 240px; }
  .hero-actions { display: grid; }
  .home-hero {
    min-height: 0;
    padding-top: 112px;
  }
  .content-row,
  .digital-preview-band,
  .delivery-route-band,
  .join-band {
    padding-right: 18px;
    padding-left: 18px;
  }
  .content-rail {
    grid-auto-columns: minmax(230px, 86vw);
  }
  .soundtrack-intro-band {
    padding-right: 18px;
    padding-left: 18px;
  }
  .soundtrack-actions,
  .hot-grid,
  .watch-row,
  .youtube-feed-grid,
  .youtube-feed-grid.homepage-youtube-feed,
  .youtube-playlist-panel .youtube-feed-grid,
  .homepage-playlist-links,
  .release-five-grid,
  .show-three-grid,
  .character-lineup,
  .news-three-grid,
  .merch-clean-grid {
    grid-template-columns: 1fr;
  }
  .hot-card,
  .hot-card-1,
  .hot-card-2 {
    min-height: 230px;
  }
  .featured-artist-strip img {
    width: min(100%, 220px);
  }
  .artist-detail-panel,
  .artist-stat-strip {
    grid-template-columns: 1fr;
  }
  .artist-portrait-stage {
    min-height: 280px;
  }
  .artist-portrait-stage img {
    max-height: 360px;
  }
  .artist-card-media,
  .artist-card-media img {
    min-height: 0;
    height: 210px;
  }
  .portal-invite-section {
    min-height: 420px;
    padding: 58px 18px;
  }
  .homepage-digital-band .token-mini-card strong {
    font-size: clamp(28px, 10vw, 42px);
  }
  .roadmap-grid,
  .ecosystem-nodes {
    grid-template-columns: 1fr;
  }
  .token-copy-row {
    grid-template-columns: 1fr;
  }
  .home-solar-page main > .solar-system-home {
    padding: 104px 14px 20px;
  }
  .solar-system-home::before {
    inset: 76px 8px 8px;
  }
  .solar-copy h1 {
    font-size: clamp(40px, 14vw, 58px);
  }
  .solar-copy p:not(.section-kicker) {
    font-size: 16px;
  }
  .solar-stage {
    width: 100%;
    min-height: 520px;
    aspect-ratio: auto;
  }
  .orbit-ring-1 { width: 42%; height: 42%; }
  .orbit-ring-2 { width: 66%; height: 66%; }
  .orbit-ring-3 { width: 90%; height: 90%; }
  .solar-sun {
    width: 124px;
  }
  .solar-planet {
    width: calc(var(--planet-size) * 0.58);
    min-width: calc(var(--planet-size) * 0.58);
    transform: translate(-50%, -50%) rotate(var(--angle)) translateX(min(var(--orbit-radius), 38vw)) rotate(calc(var(--angle) * -1));
  }
  .planet-core {
    width: calc(var(--planet-size) * 0.58);
  }
  .planet-label {
    max-width: 118px;
    padding: 5px 6px;
    font-size: 9px;
    opacity: 0;
    pointer-events: none;
  }
  .solar-planet[aria-pressed="true"] .planet-label {
    opacity: 1;
  }
  .travel-panel {
    padding: 18px;
  }
  .planet-sitemap {
    grid-template-columns: 1fr;
  }
  .hq-strip { display: grid; }
  .release-panel { display: grid; }
  .lane-command-grid, .network-hub, .network-hub.dpn-show-grid, .dpn-status-board, .dpn-format-grid { grid-template-columns: 1fr; }
  .network-hub .dpn-featured-show { grid-column: span 1; min-height: 320px; }
  .dpn-logo-stage { min-height: 230px; }
  .dpn-status-card { min-height: 0; }
  .universe-map-grid {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(82%, 1fr);
    grid-template-columns: none;
    overflow-x: auto;
    padding-bottom: 10px;
    scroll-snap-type: x mandatory;
  }
  .world-portal-card {
    min-height: 420px;
    scroll-snap-align: start;
  }
  .return-hub {
    position: static;
    display: flex;
    width: calc(100% - 44px);
    justify-content: center;
    margin: 24px 22px 0;
    border-radius: 8px;
  }
  .lil-guide-bubble { grid-template-columns: 72px 1fr; }
  .lil-guide-bubble img { width: 72px; height: 72px; }
  .featured-video-grid, .visual-lane-grid, .playlist-shelf { grid-template-columns: 1fr; }
  .video-library-actions { display: grid; }
  .hq-orbit-panel { grid-template-columns: 72px 1fr; padding: 18px; }
  .hq-orbit-panel img { width: 72px; height: 72px; }
  .site-footer, .site-footer div { display: grid; }
  .footer-links a,
  .watch-links a,
  .platform-row a,
  .row-link,
  .text-link,
  .featured-release-card em,
  .hot-card em,
  .release-tile em,
  .show-poster-card em {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
}

.has-universe-player {
  padding-bottom: 118px;
}
.universe-player {
  position: fixed;
  z-index: 80;
  right: 18px;
  bottom: 16px;
  left: 18px;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: center;
  border: 1px solid rgba(242, 201, 76, 0.42);
  border-radius: 8px;
  padding: 10px 12px;
  background:
    linear-gradient(135deg, rgba(5,5,5,0.94), rgba(18,18,18,0.92)),
    radial-gradient(circle at 10% 0, rgba(24,215,255,0.16), transparent 38%);
  box-shadow: 0 18px 48px rgba(0,0,0,0.44), 0 0 32px rgba(242,201,76,0.12);
  color: #fff;
  backdrop-filter: blur(18px);
}
.player-art-wrap {
  width: 64px;
  aspect-ratio: 1;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 6px;
  background: rgba(255,255,255,0.05);
}
.player-art {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.player-main {
  display: grid;
  min-width: 0;
  gap: 8px;
}
.player-meta-row {
  display: flex;
  min-width: 0;
  align-items: start;
  justify-content: space-between;
  gap: 10px;
}
.player-meta {
  display: grid;
  min-width: 0;
  gap: 1px;
}
.player-meta span {
  color: var(--gold);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.player-meta strong,
.player-meta small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.player-meta strong {
  font-family: var(--display-font);
  font-size: 22px;
  line-height: 0.95;
  text-transform: uppercase;
}
.player-meta small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}
.player-progress-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 48px;
  gap: 8px;
  align-items: center;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}
.player-progress,
.player-volume {
  width: 100%;
  accent-color: var(--gold);
}
.player-controls,
.player-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.universe-player button,
.universe-player a {
  min-height: 36px;
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 6px;
  padding: 8px 10px;
  background: rgba(255,255,255,0.05);
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}
.universe-player button {
  cursor: pointer;
}
.universe-player a {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
.universe-player button:hover,
.universe-player button:focus-visible,
.universe-player a:hover,
.universe-player a:focus-visible,
.player-queue button.is-active {
  border-color: var(--gold);
  color: var(--gold);
}
.player-play {
  min-width: 64px;
  background: linear-gradient(135deg, var(--gold), #fff2a8) !important;
  color: #050505 !important;
}
.player-volume {
  width: 82px;
}
.player-status {
  grid-column: 2 / -1;
  margin: -4px 0 0;
  color: var(--muted);
  font-size: 11px;
}
.player-queue {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding-top: 4px;
}
.player-queue[hidden] {
  display: none;
}
.player-queue button {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-height: 52px;
  padding: 6px;
  text-align: left;
}
.player-queue img {
  width: 38px;
  aspect-ratio: 1;
  border-radius: 4px;
  object-fit: cover;
}
.player-queue span {
  display: grid;
  min-width: 0;
  gap: 2px;
}
.player-queue strong,
.player-queue small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.player-queue small {
  color: var(--muted);
}

.has-lil-point-companion {
  --lil-point-bottom: 134px;
}
.lil-point-companion {
  position: fixed;
  z-index: 86;
  right: max(18px, env(safe-area-inset-right));
  bottom: calc(var(--lil-point-bottom) + env(safe-area-inset-bottom));
  display: grid;
  justify-items: end;
  gap: 12px;
  pointer-events: none;
}
.lil-point-button,
.lil-point-dialog {
  pointer-events: auto;
}
.lil-point-button {
  position: relative;
  display: grid;
  place-items: center;
  width: 104px;
  min-height: 118px;
  border: 1px solid rgba(242, 201, 76, 0.42);
  border-radius: 18px;
  padding: 8px;
  background:
    linear-gradient(145deg, rgba(5,5,5,0.9), rgba(12,18,22,0.88)),
    radial-gradient(circle at 50% 10%, rgba(24,215,255,0.24), transparent 72%);
  color: #fff;
  box-shadow: 0 22px 70px rgba(0,0,0,0.42), 0 0 28px rgba(24,215,255,0.18);
  cursor: pointer;
  transform-origin: 50% 100%;
}
.lil-point-button:focus-visible,
.lil-point-dialog a:focus-visible,
.lil-point-dialog button:focus-visible {
  outline: 3px solid var(--cyan);
  outline-offset: 3px;
}
.lil-point-sprite-wrap {
  position: relative;
  display: grid;
  place-items: center;
  width: 82px;
  height: 82px;
}
.lil-point-sprite-wrap::before {
  position: absolute;
  inset: 7px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(24,215,255,0.28), transparent 68%);
  filter: blur(4px);
  content: "";
}
.lil-point-sprite {
  position: relative;
  z-index: 1;
  max-width: 82px;
  max-height: 82px;
  object-fit: contain;
  filter: drop-shadow(0 10px 24px rgba(0,0,0,0.46));
}
.lil-point-status {
  min-width: 64px;
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 999px;
  padding: 6px 8px;
  background: rgba(255,255,255,0.06);
  color: var(--gold-hi);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}
.lil-point-dialog {
  width: min(360px, calc(100vw - 28px));
  border: 1px solid rgba(242, 201, 76, 0.42);
  border-radius: 12px;
  padding: 14px;
  background:
    linear-gradient(145deg, rgba(5,5,5,0.96), rgba(17,20,22,0.94)),
    radial-gradient(circle at 0 0, rgba(24,215,255,0.16), transparent 64%);
  box-shadow: 0 26px 90px rgba(0,0,0,0.58), 0 0 38px rgba(242,201,76,0.1);
  color: #fff;
  backdrop-filter: blur(18px);
}
.lil-point-dialog[hidden] {
  display: none;
}
.lil-point-dialog-head {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}
.lil-point-dialog-head img {
  width: 56px;
  height: 56px;
  border: 1px solid rgba(24,215,255,0.34);
  border-radius: 10px;
  object-fit: cover;
}
.lil-point-dialog h2 {
  margin: 2px 0 0;
  font-size: 24px;
  line-height: 0.95;
}
.lil-point-icon-button {
  width: 42px;
  min-height: 34px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 999px;
  background: rgba(255,255,255,0.06);
  color: transparent;
  cursor: pointer;
}
.lil-point-icon-button::before {
  color: #fff;
  content: "×";
  font-size: 22px;
  font-weight: 900;
}
.lil-point-message {
  margin: 14px 0 0;
  color: rgba(255,255,255,0.84);
  line-height: 1.55;
}
.lil-point-actions,
.lil-point-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}
.lil-point-actions a,
.lil-point-tools button,
.lil-point-tour button {
  min-height: 36px;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 999px;
  padding: 9px 11px;
  background: rgba(255,255,255,0.06);
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
}
.lil-point-actions a:first-child {
  border-color: rgba(242, 201, 76, 0.72);
  background: linear-gradient(135deg, var(--gold), #fff2a8);
  color: #050505;
}
.lil-point-tools {
  border-top: 1px solid rgba(255,255,255,0.1);
  padding-top: 12px;
}
.lil-point-tools button,
.lil-point-tour button {
  cursor: pointer;
}
.lil-point-tour {
  margin-top: 14px;
  border: 1px solid rgba(24,215,255,0.24);
  border-radius: 10px;
  padding: 12px;
  background: rgba(24,215,255,0.06);
}
.lil-point-tour[hidden] {
  display: none;
}
.lil-point-tour h3 {
  margin: 4px 0 6px;
  font-size: 22px;
}
.lil-point-tour p {
  color: var(--muted);
  line-height: 1.5;
}
.lil-point-tour button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.lil-point-companion:not(.animations-off) .lil-point-button {
  animation: lilPointIdle 5.5s ease-in-out infinite;
}
.lil-point-companion[data-state="greeting"]:not(.animations-off) .lil-point-button,
.lil-point-companion[data-state="celebrating"]:not(.animations-off) .lil-point-button {
  animation: lilPointCelebrate 950ms ease-in-out 2;
}
.lil-point-companion[data-state="music-playing"]:not(.animations-off) .lil-point-button {
  animation: lilPointHeadphones 760ms ease-in-out 3;
}
.lil-point-companion[data-state="pointing"]:not(.animations-off) .lil-point-button,
.lil-point-companion[data-state="warning"]:not(.animations-off) .lil-point-button {
  animation: lilPointPoint 900ms ease-in-out 2;
}
.lil-point-companion.is-minimized .lil-point-button {
  width: 72px;
  min-height: 72px;
  border-radius: 999px;
}
.lil-point-companion.is-minimized .lil-point-sprite-wrap {
  width: 56px;
  height: 56px;
}
.lil-point-companion.is-minimized .lil-point-sprite {
  max-width: 56px;
  max-height: 56px;
}
.lil-point-companion.is-minimized .lil-point-status {
  position: absolute;
  right: -4px;
  bottom: -6px;
  min-width: 0;
  padding: 5px 7px;
}
@keyframes lilPointIdle {
  0%, 100% { transform: translateY(0) rotate(-1deg); }
  50% { transform: translateY(-6px) rotate(1deg); }
}
@keyframes lilPointCelebrate {
  0%, 100% { transform: translateY(0) scale(1); }
  40% { transform: translateY(-10px) scale(1.04); }
  70% { transform: translateY(0) scale(0.98); }
}
@keyframes lilPointHeadphones {
  0%, 100% { transform: translateY(0) rotate(0); }
  35% { transform: translateY(-4px) rotate(-3deg); }
  70% { transform: translateY(-2px) rotate(3deg); }
}
@keyframes lilPointPoint {
  0%, 100% { transform: translateX(0); }
  45% { transform: translateX(-8px); }
}

@media (max-width: 900px) {
  .has-universe-player {
    padding-bottom: 178px;
  }
  .universe-player {
    right: 10px;
    bottom: 10px;
    left: 10px;
    grid-template-columns: 54px minmax(0, 1fr) auto;
    gap: 8px;
    padding: 9px;
  }
  .player-art-wrap {
    width: 54px;
  }
  .player-meta strong {
    font-size: 18px;
  }
  .player-controls {
    grid-column: 1 / -1;
    justify-content: center;
  }
  .player-actions {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .player-volume {
    display: none;
  }
  .player-status {
    grid-column: 1 / -1;
    text-align: center;
  }
  .player-queue {
    grid-template-columns: 1fr;
    max-height: 220px;
    overflow-y: auto;
  }
  .has-lil-point-companion {
    --lil-point-bottom: 188px;
  }
  .lil-point-companion {
    right: max(10px, env(safe-area-inset-right));
  }
  .lil-point-button {
    width: 78px;
    min-height: 86px;
    border-radius: 14px;
    padding: 6px;
  }
  .lil-point-sprite-wrap {
    width: 60px;
    height: 60px;
  }
  .lil-point-sprite {
    max-width: 60px;
    max-height: 60px;
  }
  .lil-point-dialog {
    width: min(340px, calc(100vw - 20px));
  }
  .lil-point-dialog-head {
    grid-template-columns: 48px minmax(0, 1fr) auto;
  }
  .lil-point-dialog-head img {
    width: 48px;
    height: 48px;
  }
	  .digital-document-grid,
	  .docs-resource-grid,
	  .token-allocation-grid,
	  .digital-institutional-hero,
	  .genesis-entry-grid,
	  .flywheel,
	  .ecosystem-map,
	  .creator-community-split,
	  .constitution-layout {
	    grid-template-columns: 1fr;
	  }
	  .reward-boundary-strip,
	  .rewards-journey,
	  .rewards-estimator,
	  .reward-access-shell,
	  .reward-action-catalog,
	  .reward-ledger-section,
	  .reward-policy-band,
	  .delivery-rewards-cta {
	    grid-template-columns: 1fr;
	  }
	  .reward-boundary-strip strong + strong,
	  .rewards-journey article + article {
	    border-left: 0;
	    border-top: 1px solid rgba(255,255,255,0.12);
	  }
	  .reward-member-head { align-items: flex-start; flex-direction: column; }
	  .reward-member-totals { grid-template-columns: 1fr; }
	  .great-seal-accent {
	    border-radius: 18px;
	  }
  .constitution-toc {
    position: static;
  }
  .dpc-token-card dl,
  .dpc-risk-status dl,
  .ecosystem-nodes,
  .command-center-boundary dl {
    grid-template-columns: 1fr;
  }
  .north-star {
    font-size: clamp(26px, 8vw, 40px);
  }
  .tokenomics-chart div {
    grid-template-columns: 1fr auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lil-point-companion .lil-point-button,
  .lil-point-companion[data-state] .lil-point-button {
    animation: none !important;
    transition: none !important;
  }
}

@media print {
  .site-header,
  .site-footer,
  .universe-player,
  .lil-point-companion,
  .return-hub,
  .hero-actions {
    display: none !important;
  }
  body {
    background: #fff !important;
    color: #111 !important;
  }
  main,
  .full-section,
  .constitution-article,
  .legal-notice {
    background: #fff !important;
    color: #111 !important;
    box-shadow: none !important;
  }
  .constitution-layout {
    display: block;
  }
  .constitution-toc {
    position: static;
    border: 1px solid #999;
  }
}

/* DaPoint universe architecture refresh */
.dapoint-id-control {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.dapoint-id-control a {
  border: 1px solid rgba(244, 200, 94, 0.45);
  color: #f8e6b0;
  text-decoration: none;
  padding: 9px 12px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 12px;
  line-height: 1;
}

.dapoint-id-create {
  background: #f4c85e;
  color: #090704 !important;
}

.home-hub-page main {
  min-height: calc(100svh - 96px);
}

.universe-home-gateway {
  padding: clamp(18px, 4vw, 42px) clamp(14px, 3vw, 36px) 120px;
}

.universe-home-gateway .solar-system-home {
  min-height: calc(100svh - 170px);
  align-items: center;
}

.universe-home-gateway .solar-copy h1 {
  max-width: 720px;
}

.universe-home-gateway .solar-copy p {
  color: #f4c85e;
  font-weight: 800;
}

.network-stream-hero {
  min-height: 68svh;
  display: grid;
  grid-template-columns: minmax(180px, 380px) minmax(0, 1fr);
  gap: clamp(24px, 5vw, 72px);
  align-items: center;
  padding: clamp(92px, 12vw, 150px) clamp(18px, 6vw, 88px) clamp(34px, 6vw, 70px);
  background:
    radial-gradient(circle at 78% 22%, rgba(181, 20, 30, 0.46), transparent 34%),
    linear-gradient(135deg, #050505 0%, #160507 52%, #080808 100%);
  border-bottom: 1px solid rgba(244, 200, 94, 0.2);
}

.network-stream-hero img {
  width: 100%;
  max-height: 360px;
  object-fit: contain;
  filter: drop-shadow(0 26px 44px rgba(0, 0, 0, 0.55));
}

.network-stream-hero h1 {
  font-size: clamp(42px, 7vw, 96px);
  line-height: 0.92;
  margin: 0 0 18px;
}

.network-stream-hero p {
  max-width: 720px;
  color: rgba(255, 255, 255, 0.82);
  font-size: clamp(17px, 2vw, 22px);
}

.network-meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 22px 0;
}

.network-meta-row span {
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.network-directory-section {
  border-bottom: 1px solid rgba(244, 200, 94, 0.22);
  background:
    radial-gradient(circle at 78% 28%, rgba(19, 120, 234, 0.12), transparent 34%),
    #050505;
}

.network-directory {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(300px, 0.72fr);
  gap: 18px;
}

.network-directory-shows,
.network-directory-videos {
  border: 1px solid rgba(244, 200, 94, 0.28);
  background: rgba(10, 10, 10, 0.94);
}

.network-directory-shows > header {
  display: flex;
  min-height: 90px;
  align-items: center;
  gap: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  padding: 18px 22px;
}

.network-directory-shows > header > span,
.network-directory-videos > span {
  color: #f4c85e;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 18px;
  letter-spacing: 0.08em;
}

.network-directory h3 {
  margin: 3px 0 0;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(30px, 4vw, 52px);
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 0.95;
  text-transform: uppercase;
}

.network-directory p {
  margin: 0;
  color: #f4c85e;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.network-directory-shows > div {
  display: grid;
}

.network-directory-shows > div > a {
  display: grid;
  min-height: 112px;
  grid-template-columns: 142px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 10px 18px 10px 10px;
  color: #fff;
  text-decoration: none;
  transition: border-color 180ms ease, background 180ms ease;
}

.network-directory-shows > div > a:last-child {
  border-bottom: 0;
}

.network-directory-shows > div > a:hover,
.network-directory-shows > div > a:focus-visible {
  border-color: rgba(19, 120, 234, 0.7);
  background: rgba(19, 120, 234, 0.1);
}

.network-directory-shows a > img {
  width: 142px;
  height: 90px;
  object-fit: cover;
}

.network-directory-shows a strong,
.network-directory-shows a small {
  display: block;
}

.network-directory-shows a strong {
  font-size: clamp(16px, 2vw, 22px);
}

.network-directory-shows a small,
.network-directory-videos small {
  margin-top: 7px;
  color: rgba(255, 255, 255, 0.66);
  font-size: 12px;
  line-height: 1.45;
}

.network-directory svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: square;
  stroke-linejoin: miter;
  stroke-width: 1.8;
}

.network-directory-videos {
  position: relative;
  display: grid;
  min-height: 430px;
  align-content: end;
  gap: 15px;
  overflow: hidden;
  padding: 24px;
  color: #fff;
  text-decoration: none;
  isolation: isolate;
}

.network-directory-videos::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.98));
  content: "";
}

.network-directory-videos > img {
  position: absolute;
  z-index: -2;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 28px;
  object-fit: contain;
  opacity: 0.72;
  transition: opacity 180ms ease, transform 220ms ease;
}

.network-directory-videos:hover > img,
.network-directory-videos:focus-visible > img {
  opacity: 0.92;
  transform: scale(1.025);
}

.network-directory-videos > strong {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(244, 200, 94, 0.35);
  padding-top: 15px;
  color: #f4c85e;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.streaming-row-stack {
  padding: clamp(24px, 5vw, 58px) clamp(14px, 5vw, 70px) 120px;
  background: #050505;
}

.streaming-row {
  margin-bottom: clamp(26px, 4vw, 46px);
}

.streaming-row-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 14px;
}

.streaming-row h2 {
  margin: 0;
  font-size: clamp(22px, 3vw, 34px);
}

.streaming-rail {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(210px, 28vw);
  gap: 14px;
  overflow-x: auto;
  padding: 4px 4px 16px;
  scroll-snap-type: x proximity;
}

.stream-card {
  scroll-snap-align: start;
  text-decoration: none;
  color: #fff;
  min-height: 260px;
  display: grid;
  grid-template-rows: 145px auto auto auto;
  gap: 8px;
  background: #111;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  overflow: hidden;
  padding: 0 12px 14px;
  transition: transform 180ms ease, border-color 180ms ease;
}

.stream-card:hover,
.stream-card:focus-visible {
  transform: translateY(-4px);
  border-color: rgba(244, 200, 94, 0.68);
}

.stream-thumb {
  margin: 0 -12px;
  background: linear-gradient(135deg, #1b1b1b, #30080c);
  display: grid;
  place-items: center;
}

.stream-thumb img {
  width: 100%;
  height: 145px;
  object-fit: cover;
}

.stream-card small,
.stream-card em {
  color: #f4c85e;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.stream-card strong {
  font-size: 18px;
  line-height: 1.15;
}

.empty-stream-card {
  opacity: 0.84;
}

.identity-section,
.identity-page-shell {
  background: #080808;
}

.identity-page-shell {
  display: grid;
  grid-template-columns: minmax(260px, 420px) minmax(0, 1fr);
  gap: 22px;
}

.identity-state-panel,
.identity-form {
  border: 1px solid rgba(244, 200, 94, 0.22);
  background: rgba(255, 255, 255, 0.055);
  border-radius: 8px;
  padding: clamp(18px, 3vw, 30px);
}

.identity-state-panel h2 {
  margin-top: 0;
}

.music-hero .hero-shade {
  background: linear-gradient(90deg, rgba(4, 7, 18, 0.88), rgba(65, 8, 24, 0.54));
}

.radio-hero .hero-brand-logo {
  display: block;
  width: min(470px, 78vw);
  height: clamp(104px, 12vw, 142px);
  margin: 0 0 clamp(24px, 3vw, 36px);
  border: 1px solid rgba(242, 201, 76, 0.64);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 22px 64px rgba(0, 0, 0, 0.46), 0 0 30px rgba(242, 201, 76, 0.12);
  object-fit: cover;
  object-position: center 44%;
}

.rizzledore-radio-hero .hero-image,
.rizzledore-trilogy-hero .hero-image,
.toxicity-hero .hero-image {
  object-position: 66% 45%;
}

.rizzledore-radio-hero .hero-shade,
.rizzledore-trilogy-hero .hero-shade,
.toxicity-hero .hero-shade {
  background:
    linear-gradient(90deg, rgba(3, 3, 5, 0.97), rgba(8, 5, 10, 0.78) 44%, rgba(15, 4, 11, 0.2) 78%, rgba(3, 3, 5, 0.7)),
    linear-gradient(0deg, rgba(3, 3, 5, 0.96), transparent 48%);
}

.rizzledore-host-section,
.rizzledore-trilogy-section {
  background: radial-gradient(circle at 78% 40%, rgba(156, 24, 54, 0.13), transparent 26rem), #08090a;
}

.rizzledore-feature-card {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(180px, 0.72fr);
  min-height: 390px;
  overflow: hidden;
  border: 1px solid rgba(242, 201, 76, 0.38);
  background: linear-gradient(145deg, rgba(109, 12, 35, 0.28), rgba(255, 255, 255, 0.035) 65%);
  box-shadow: 0 28px 82px rgba(0, 0, 0, 0.42), 0 0 42px rgba(153, 23, 50, 0.13);
}

.rizzledore-feature-card img {
  width: 100%;
  height: 100%;
  min-height: 390px;
  object-fit: cover;
  object-position: center 22%;
  filter: saturate(1.04) contrast(1.05);
}

.rizzledore-feature-card figcaption {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
  padding: clamp(24px, 4vw, 42px);
}

.rizzledore-feature-card figcaption span,
.release-rizzledore-portrait figcaption span {
  color: var(--cyan);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.rizzledore-feature-card figcaption strong,
.release-rizzledore-portrait figcaption strong {
  color: #fff;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(34px, 3.2vw, 48px);
  line-height: 0.86;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.rizzledore-feature-card figcaption p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.rizzledore-feature-card .button { margin-top: 8px; }

.release-rizzledore-portrait {
  width: min(420px, 100%);
  margin: 0 0 22px;
  overflow: hidden;
  border: 1px solid rgba(185, 42, 73, 0.52);
  background: #070708;
  box-shadow: 0 20px 58px rgba(0, 0, 0, 0.38);
}

.release-rizzledore-portrait img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center 17%;
}

.release-rizzledore-portrait figcaption {
  display: grid;
  gap: 7px;
  padding: 16px 18px 19px;
}

.release-rizzledore-portrait figcaption strong { font-size: clamp(30px, 4vw, 46px); }

.has-character-cameo {
  isolation: isolate;
  overflow: hidden;
}

.character-cameo {
  position: absolute;
  z-index: 2;
  right: clamp(14px, 3vw, 46px);
  bottom: -26px;
  display: block;
  width: clamp(76px, 9vw, 138px);
  opacity: 0.86;
  filter: drop-shadow(0 14px 22px rgba(0, 0, 0, 0.52));
  transition: transform 180ms ease, opacity 180ms ease;
}

.character-cameo.is-left { right: auto; left: clamp(14px, 3vw, 46px); }
.character-cameo:hover, .character-cameo:focus-visible { opacity: 1; transform: translateY(-8px) rotate(-2deg); }
.character-cameo img { display: block; width: 100%; aspect-ratio: 0.7; object-fit: cover; object-position: center top; border: 1px solid rgba(242, 201, 76, 0.35); border-radius: 50% 50% 8px 8px; }

/* Loaded Love Trilogy — a self-contained, three-act album experience. */
.loaded-love-trilogy-page { background: #060408; }
.loaded-love-trilogy-page main { overflow: clip; }
.trilogy-hero { --trilogy-scroll: 0; position: relative; isolation: isolate; min-height: min(900px, 100svh); display: grid; grid-template-columns: minmax(0, .88fr) minmax(420px, 1.12fr); align-items: center; gap: clamp(20px, 4vw, 72px); padding: clamp(118px, 13vw, 176px) clamp(22px, 8vw, 140px) clamp(88px, 10vw, 126px); background: radial-gradient(circle at 70% 31%, rgba(148, 23, 65, .38), transparent 23rem), radial-gradient(circle at 17% 20%, rgba(247, 181, 84, .22), transparent 25rem), linear-gradient(140deg, #16040b 0%, #08040a 55%, #040509 100%); }
.trilogy-hero::before { position: absolute; z-index: -1; inset: 0; content: ""; opacity: .45; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 46px 46px; mask-image: linear-gradient(to bottom, #000, transparent 85%); }
.trilogy-hero-glow { position: absolute; z-index: -1; width: 42vw; max-width: 700px; aspect-ratio: 1; right: 2%; top: 3%; border-radius: 50%; background: conic-gradient(from 90deg, rgba(255, 201, 94, .25), rgba(148, 23, 65, .02), rgba(99, 153, 205, .24), rgba(255, 201, 94, .25)); filter: blur(18px); transform: translateY(calc(var(--trilogy-scroll) * -40px)); animation: trilogyPulse 8s ease-in-out infinite alternate; }
.trilogy-hero-copy { position: relative; z-index: 2; max-width: 650px; }
.trilogy-eyebrow, .trilogy-act-label { margin: 0 0 16px; color: #f3c95d; font-size: 11px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.trilogy-hero h1, .trilogy-act h2, .trilogy-epilogue h2 { margin: 0; color: #fff8ea; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: clamp(70px, 10vw, 148px); font-weight: 400; letter-spacing: -.045em; line-height: .76; text-transform: uppercase; text-wrap: balance; }
.trilogy-hero h1 i, .trilogy-act h2 i { color: #f2c94c; font-family: Georgia, serif; font-weight: 400; letter-spacing: -.08em; text-transform: none; }
.trilogy-deck { max-width: 480px; margin: 30px 0 0; color: #e9dce0; font-size: clamp(18px, 1.8vw, 24px); line-height: 1.45; }
.trilogy-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.trilogy-hero-portraits { position: relative; min-height: 500px; height: min(62vw, 690px); }
.trilogy-portrait { position: absolute; display: block; width: 47%; aspect-ratio: 4 / 5; object-fit: cover; border: 1px solid rgba(255,255,255,.24); box-shadow: 0 28px 70px rgba(0,0,0,.48); }
.trilogy-portrait-bobby { left: 0; top: 16%; object-position: center; filter: sepia(.1) saturate(.86); transform: translateY(calc(var(--trilogy-scroll) * 24px)) rotate(-6deg); }
.trilogy-portrait-rizzledore { z-index: 2; width: 50%; left: 25%; top: 0; object-position: 50% 25%; filter: saturate(1.15) contrast(1.06); transform: translateY(calc(var(--trilogy-scroll) * -22px)); }
.trilogy-portrait-wyndy { right: 0; bottom: 7%; object-position: center; transform: translateY(calc(var(--trilogy-scroll) * 34px)) rotate(6deg); filter: saturate(.9) brightness(1.05); }
.trilogy-chapter-nav { position: absolute; z-index: 3; bottom: 28px; left: clamp(22px, 8vw, 140px); display: flex; gap: clamp(12px, 2vw, 32px); }
.trilogy-chapter-nav a { display: grid; gap: 3px; color: rgba(255,255,255,.72); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.trilogy-chapter-nav span { color: #f2c94c; font-size: 12px; }
.trilogy-motion-toggle { position: absolute; z-index: 3; right: clamp(22px, 4vw, 74px); bottom: 27px; border: 1px solid rgba(255,255,255,.36); padding: 9px 12px; color: #fff; background: rgba(4,4,8,.42); font: inherit; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.trilogy-prologue { display: grid; gap: 14px; place-items: center; min-height: 42vh; padding: 72px 22px; color: #f5dfca; background: radial-gradient(circle, rgba(215, 103, 88, .12), transparent 28rem), #10070a; text-align: center; }
.trilogy-prologue p { margin: 0; font-family: Georgia, serif; font-size: clamp(32px, 5vw, 68px); font-style: italic; }
.trilogy-prologue span { max-width: 460px; color: rgba(255,255,255,.64); line-height: 1.5; }
.trilogy-act { position: relative; padding: clamp(86px, 11vw, 160px) clamp(22px, 8vw, 140px); }
.trilogy-act::before { position: absolute; inset: 0; pointer-events: none; content: ""; opacity: .8; background: radial-gradient(circle at 65% 55%, var(--act-glow), transparent 32rem); }
.trilogy-act-one { --act-glow: rgba(215, 93, 67, .26); background: #190809; }
.trilogy-act-two { --act-glow: rgba(126, 20, 64, .32); background: #080409; }
.trilogy-act-three { --act-glow: rgba(114, 168, 214, .25); background: #07111b; }
.trilogy-act-scene { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .8fr); align-items: center; gap: clamp(42px, 8vw, 140px); max-width: 1250px; margin: auto; }
.trilogy-act-two .trilogy-act-scene { grid-template-columns: minmax(280px, .8fr) minmax(0, 1fr); }
.trilogy-act-copy { max-width: 560px; opacity: .15; transform: translateY(36px); transition: opacity 900ms ease, transform 900ms cubic-bezier(.2,.7,.2,1); }
.is-in-view .trilogy-act-copy { opacity: 1; transform: none; }
.trilogy-act h2 { font-size: clamp(72px, 9vw, 132px); }
.trilogy-act-copy > p:not(.trilogy-act-label) { color: rgba(255,255,255,.76); font-size: clamp(17px, 1.55vw, 21px); line-height: 1.58; }
.trilogy-listen { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-top: 30px; }
.trilogy-listen > a:not(.button) { color: #fff; font-size: 12px; font-weight: 900; letter-spacing: .08em; text-decoration-color: #f2c94c; text-transform: uppercase; }
.trilogy-cover-stack { position: relative; width: min(100%, 430px); margin-inline: auto; aspect-ratio: 1; opacity: .1; transform: scale(.92) rotate(5deg); transition: opacity 1s ease .15s, transform 1s cubic-bezier(.2,.7,.2,1) .15s; }
.is-in-view .trilogy-cover-stack { opacity: 1; transform: none; }
.trilogy-cover-stack > img:first-child { position: relative; z-index: 2; display: block; width: 100%; aspect-ratio: 1; object-fit: cover; box-shadow: 0 38px 84px rgba(0,0,0,.5); }
.trilogy-cover-echo { position: absolute; z-index: 1; width: 68%; aspect-ratio: 4 / 5; right: -15%; bottom: -13%; object-fit: cover; opacity: .48; filter: saturate(.7); }
.trilogy-transformation { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr minmax(260px, 390px) 1fr; align-items: center; gap: 20px; max-width: 920px; margin: clamp(72px, 10vw, 134px) auto 0; color: rgba(255,255,255,.68); font-size: 10px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.trilogy-transformation > span:last-child { text-align: right; color: #cf5f89; }
.trilogy-morph { position: relative; aspect-ratio: 1; overflow: hidden; border: 1px solid rgba(242,201,76,.5); border-radius: 50%; box-shadow: 0 0 0 14px rgba(242,201,76,.05), 0 0 90px rgba(185, 42, 73, .25); }
.trilogy-morph img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.trilogy-morph img:first-child { filter: sepia(.18) brightness(1.12); }
.trilogy-morph img:last-child { clip-path: inset(0 0 0 50%); object-position: center top; filter: saturate(1.35) contrast(1.1); animation: trilogyReveal 5s ease-in-out infinite alternate; }
.trilogy-rizzledore { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(200px, .75fr) 1fr; align-items: end; max-width: 980px; margin: clamp(72px, 11vw, 160px) auto 0; border-bottom: 1px solid rgba(255,255,255,.18); }
.trilogy-rizzledore img { display: block; width: 100%; max-height: 560px; object-fit: cover; object-position: center 18%; filter: saturate(.82) contrast(1.1); }
.trilogy-rizzledore figcaption { padding: clamp(28px, 5vw, 70px); }
.trilogy-rizzledore span { display: block; margin-bottom: 10px; color: #cb6289; font-size: 11px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.trilogy-rizzledore strong { color: #f7e6ed; font-family: Georgia, serif; font-size: clamp(27px, 4vw, 54px); font-style: italic; font-weight: 400; line-height: 1.08; }
.trilogy-resolution { position: relative; z-index: 1; display: grid; place-items: center; min-height: 44vh; margin-top: clamp(66px, 10vw, 140px); border-top: 1px solid rgba(184,213,239,.25); border-bottom: 1px solid rgba(184,213,239,.25); padding: 52px 22px; text-align: center; background: linear-gradient(90deg, transparent, rgba(126,171,206,.1), transparent); }
.trilogy-resolution p, .trilogy-resolution span { margin: 0; color: #b9d7ef; font-size: 11px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.trilogy-resolution strong { margin: 16px 0; color: #fcf8eb; font-family: Georgia, serif; font-size: clamp(46px, 7vw, 92px); font-style: italic; font-weight: 400; line-height: .86; }
.trilogy-epilogue { display: grid; place-items: center; padding: clamp(92px, 13vw, 180px) 22px; color: #fff; background: radial-gradient(circle at 50% 0, rgba(218,180,92,.18), transparent 28rem), #06090c; text-align: center; }
.trilogy-epilogue h2 { margin-top: 0; font-size: clamp(52px, 8vw, 105px); }
.trilogy-epilogue > p:not(.trilogy-eyebrow) { max-width: 510px; color: rgba(255,255,255,.65); font-size: 18px; line-height: 1.55; }
.trilogy-motion-paused *, .trilogy-motion-paused *::before, .trilogy-motion-paused *::after { animation-play-state: paused !important; }
.albums-trilogy-feature, .bobby-trilogy-feature { position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, .9fr) minmax(270px, 1.1fr); align-items: center; gap: 28px; max-width: var(--max); margin: 0 auto 44px; border: 1px solid rgba(242,201,76,.42); padding: clamp(24px, 4vw, 52px); color: #fff; background: linear-gradient(122deg, #19070b, #08070d); text-decoration: none; box-shadow: 0 26px 70px rgba(0,0,0,.26); }
.albums-trilogy-feature small { display: block; color: #f2c94c; font-size: 11px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.albums-trilogy-feature strong { display: block; margin: 12px 0; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: clamp(44px, 6vw, 82px); font-weight: 400; line-height: .78; }
.albums-trilogy-feature em { color: #f3d8df; font-size: 13px; font-style: normal; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.albums-trilogy-covers, .bobby-trilogy-feature-art { display: flex; align-items: center; justify-content: center; }
.albums-trilogy-covers img, .bobby-trilogy-feature-art img { width: 36%; aspect-ratio: 1; object-fit: cover; border: 1px solid rgba(255,255,255,.28); box-shadow: 0 14px 30px rgba(0,0,0,.42); transition: transform .3s ease; }
.albums-trilogy-covers img:nth-child(1), .bobby-trilogy-feature-art img:nth-child(1) { transform: rotate(-7deg) translateX(12%); }.albums-trilogy-covers img:nth-child(3), .bobby-trilogy-feature-art img:nth-child(3) { transform: rotate(7deg) translateX(-12%); }
.albums-trilogy-feature:hover img:nth-child(1) { transform: rotate(-11deg) translateX(8%); }.albums-trilogy-feature:hover img:nth-child(3) { transform: rotate(11deg) translateX(-8%); }
.bobby-trilogy-feature { max-width: none; margin: 0; border-inline: 0; }.bobby-trilogy-feature h2 { margin: 0; color: #fff; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: clamp(42px, 5vw, 72px); font-weight: 400; line-height: .85; text-transform: uppercase; }.bobby-trilogy-feature p:not(.section-kicker) { max-width: 520px; color: rgba(255,255,255,.72); line-height: 1.55; }
@keyframes trilogyPulse { to { transform: scale(1.08) rotate(25deg); opacity: .72; } }
@keyframes trilogyReveal { from { clip-path: inset(0 0 0 62%); } to { clip-path: inset(0 0 0 33%); } }

@media (max-width: 1280px) {
  .rizzledore-feature-card { grid-template-columns: 1fr; }
  .rizzledore-feature-card img { min-height: 340px; height: min(64vw, 510px); }
  .rizzledore-feature-card figcaption { min-height: 200px; }
}

@media (max-width: 640px) {
  .rizzledore-radio-hero .hero-image,
  .rizzledore-trilogy-hero .hero-image,
  .toxicity-hero .hero-image { object-position: 62% 34%; }
  .rizzledore-feature-card { grid-template-columns: 1fr; }
  .rizzledore-feature-card img { min-height: 300px; max-height: 390px; }
  .rizzledore-feature-card figcaption { min-height: 236px; }
  .character-cameo { display: none; }
  .trilogy-hero { display: block; min-height: auto; padding-top: 124px; }.trilogy-hero-portraits { min-height: 370px; height: 83vw; margin-top: 54px; }.trilogy-chapter-nav { position: static; margin-top: 55px; justify-content: space-between; }.trilogy-chapter-nav a { font-size: 8px; }.trilogy-motion-toggle { position: static; display: block; margin: 23px 0 0 auto; }.trilogy-act, .trilogy-act-two { padding-inline: 22px; }.trilogy-act-scene, .trilogy-act-two .trilogy-act-scene { grid-template-columns: 1fr; gap: 50px; }.trilogy-act-two .trilogy-cover-stack { order: 2; }.trilogy-cover-stack { width: min(82vw, 380px); }.trilogy-transformation { grid-template-columns: 1fr; justify-items: center; }.trilogy-transformation > span:last-child { text-align: center; }.trilogy-rizzledore { grid-template-columns: 1fr; }.trilogy-rizzledore figcaption { padding: 28px 6px 10px; }.albums-trilogy-feature, .bobby-trilogy-feature { grid-template-columns: 1fr; }.albums-trilogy-covers { margin-top: 12px; }.bobby-trilogy-feature { padding-inline: 22px; }
}

@media (prefers-reduced-motion: reduce) { .loaded-love-trilogy-page *, .loaded-love-trilogy-page *::before, .loaded-love-trilogy-page *::after { animation: none !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } .trilogy-act-copy, .trilogy-cover-stack { opacity: 1; transform: none; } }

.digital-hero .hero-shade {
  background: linear-gradient(90deg, rgba(3, 10, 22, 0.9), rgba(9, 79, 113, 0.55));
}
.digital-hero {
  min-height: calc(100vh + 70px);
}

.merch-hero .hero-shade,
.delivery-hero .hero-shade {
  background: linear-gradient(90deg, rgba(3, 3, 3, 0.88), rgba(128, 87, 12, 0.42));
}

.about-hero .hero-shade,
.contact-hero .hero-shade,
.news-hero .hero-shade {
  background: linear-gradient(90deg, rgba(3, 3, 3, 0.88), rgba(35, 26, 9, 0.58));
}

/* Cinematic linear DaPoint solar system */
.universe-home-gateway {
  padding: 0 0 120px;
  background:
    radial-gradient(circle at 12% 16%, rgba(242, 201, 76, 0.15), transparent 24rem),
    radial-gradient(circle at 72% 30%, rgba(24, 215, 255, 0.12), transparent 30rem),
    radial-gradient(circle at 42% 82%, rgba(139, 92, 255, 0.14), transparent 34rem),
    #020305;
}

.universe-home-gateway .solar-system-home {
  min-height: calc(100svh - 78px);
  display: grid;
  grid-template-columns: minmax(240px, 0.3fr) minmax(0, 1fr);
  grid-template-rows: auto minmax(380px, 1fr);
  gap: clamp(18px, 3vw, 34px);
  padding: clamp(92px, 10vw, 126px) clamp(16px, 4vw, 58px) 34px;
  perspective: 1200px;
}

.universe-home-gateway .solar-system-home::before {
  inset: 70px clamp(10px, 3vw, 42px) 18px;
  border-color: rgba(255,255,255,0.1);
  background:
    linear-gradient(115deg, rgba(255,255,255,0.06), transparent 30%),
    radial-gradient(ellipse at 28% 44%, rgba(242, 201, 76, 0.12), transparent 28rem),
    radial-gradient(ellipse at 78% 48%, rgba(24, 215, 255, 0.1), transparent 32rem),
    rgba(2, 3, 7, 0.56);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.07), 0 40px 120px rgba(0,0,0,0.55);
}

.nebula-layer {
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  mix-blend-mode: screen;
  filter: blur(18px);
}

.nebula-a {
  background: radial-gradient(ellipse at 24% 58%, rgba(126, 92, 255, 0.22), transparent 32%);
}

.nebula-b {
  background: radial-gradient(ellipse at 78% 34%, rgba(242, 201, 76, 0.14), transparent 30%);
}

.universe-home-gateway .starfield-near {
  opacity: .5;
  background-size: 34px 34px, 89px 89px, 151px 151px;
}

.universe-home-gateway .starfield-far {
  opacity: .34;
  background-size: 96px 96px;
}

.universe-planet-nameplate {
  position: absolute;
  z-index: 5;
  max-width: 136px;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 999px;
  padding: 5px 8px;
  background:
    radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--planet-accent), transparent 78%), transparent 68%),
    rgba(2, 3, 8, 0.68);
  color: #fff;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.05;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 1px 4px rgba(0,0,0,0.9);
  box-shadow:
    0 0 18px color-mix(in srgb, var(--planet-accent), transparent 70%),
    inset 0 1px 0 rgba(255,255,255,0.16);
  pointer-events: none;
  transition: opacity 160ms ease, transform 160ms ease, border-color 160ms ease;
}

.universe-planet-nameplate.is-selected {
  border-color: color-mix(in srgb, var(--planet-accent), #fff 18%);
  transform: translate(-50%, -50%) scale(1.08);
}

.universe-home-gateway .solar-copy {
  grid-column: 1 / -1;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 22px;
}

.universe-home-gateway .solar-copy h1 {
  max-width: 760px;
  font-size: clamp(44px, 8vw, 112px);
  letter-spacing: 0;
  text-shadow: 0 18px 54px rgba(0,0,0,0.72);
}

.universe-home-gateway .solar-copy p {
  max-width: 320px;
  color: #f2c94c;
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 900;
}

.utility-link-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.utility-link-row a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 8px;
  padding: 8px 11px;
  background: rgba(255,255,255,0.055);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.universe-home-gateway .solar-stage {
  width: 100%;
  min-height: clamp(390px, 50vw, 620px);
  aspect-ratio: auto;
  justify-self: stretch;
  grid-column: 1 / -1;
  transform-style: preserve-3d;
}

.planet-route {
  position: absolute;
  inset: 13% 2% 14% 9%;
  display: grid;
  grid-template-columns: repeat(8, minmax(140px, 1fr));
  align-items: center;
  gap: clamp(18px, 2.4vw, 38px);
  transform: rotateX(58deg) rotateZ(-8deg);
  transform-style: preserve-3d;
}

.travel-path {
  position: absolute;
  left: 9%;
  right: 5%;
  top: 52%;
  height: 2px;
  border-radius: 999px;
  transform: rotate(-8deg);
  pointer-events: none;
}

.travel-path-main {
  background: linear-gradient(90deg, rgba(242,201,76,0.8), rgba(24,215,255,0.34), rgba(255,255,255,0.1));
}

.travel-path-glow {
  height: 26px;
  margin-top: -12px;
  background: linear-gradient(90deg, rgba(242,201,76,0.22), rgba(24,215,255,0.14), transparent);
  filter: blur(14px);
}

.universe-home-gateway .solar-sun {
  top: 51%;
  left: 5%;
  width: clamp(86px, 10vw, 150px);
  opacity: .92;
  transform: translate(-10%, -50%) rotateX(58deg) rotateZ(-8deg);
}

.universe-home-gateway .solar-sun img {
  width: 72%;
  height: 72%;
  padding: 8%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0,0,0,0.38), rgba(0,0,0,0.1) 58%, transparent 72%);
  object-fit: contain;
}

.universe-home-gateway .solar-planet {
  position: relative;
  top: auto;
  left: auto;
  width: var(--planet-size);
  min-width: var(--planet-size);
  justify-self: center;
  transform: translateY(var(--planet-y)) translateZ(calc((9 - var(--planet-depth)) * 18px)) rotateZ(8deg) rotateX(-58deg);
  transition: transform 220ms ease, filter 220ms ease;
}

.planet-orbit {
  position: absolute;
  inset: -15%;
  border: 1px solid color-mix(in srgb, var(--planet-accent), transparent 60%);
  border-radius: 50%;
  transform: rotateX(68deg) rotateZ(-18deg);
  opacity: .7;
}

.planet-atmosphere {
  position: absolute;
  inset: -18%;
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--planet-color), transparent 78%), transparent 62%);
  filter: blur(8px);
  opacity: .78;
  pointer-events: none;
}

.universe-home-gateway .planet-core {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,.92), transparent 10%),
    radial-gradient(circle at 42% 38%, color-mix(in srgb, var(--planet-color), #fff 18%), var(--planet-color) 38%, rgba(7,8,12,.96) 76%);
  box-shadow:
    0 0 22px color-mix(in srgb, var(--planet-color), transparent 48%),
    18px 26px 40px rgba(0,0,0,.48),
    inset -18px -24px 30px rgba(0,0,0,.54),
    inset 10px 10px 24px rgba(255,255,255,.12);
}

.universe-home-gateway .planet-core::before,
.universe-home-gateway .planet-core::after {
  position: absolute;
  inset: 18% -22%;
  content: "";
  border-radius: 50%;
  border-top: 2px solid color-mix(in srgb, var(--planet-accent), transparent 35%);
  opacity: .78;
  transform: rotate(-18deg);
}

.universe-home-gateway .planet-core::after {
  inset: 34% -16%;
  opacity: .34;
  border-top-color: rgba(255,255,255,.42);
}

.planet-network .planet-core {
  background:
    linear-gradient(90deg, transparent 47%, rgba(255,255,255,.16) 49% 51%, transparent 53%),
    radial-gradient(circle at 35% 28%, #fff, transparent 10%),
    radial-gradient(circle at 45% 42%, #d92736, #4f070d 52%, #080808 80%);
}

.planet-local .planet-core {
  background:
    linear-gradient(135deg, rgba(255,255,255,.2), transparent 34%),
    radial-gradient(circle at 33% 23%, #fff4c6, transparent 10%),
    radial-gradient(circle at 45% 42%, #e17a44, #6d2d1d 53%, #090806 80%);
}

.planet-sports .planet-core {
  background:
    linear-gradient(48deg, transparent 45%, rgba(255,255,255,.34) 46% 48%, transparent 49%),
    linear-gradient(-48deg, transparent 51%, rgba(255,255,255,.18) 52% 54%, transparent 55%),
    radial-gradient(circle at 32% 22%, #fff, transparent 10%),
    radial-gradient(circle at 45% 42%, #258dff, #102f68 53%, #05080f 80%);
}

.planet-digital .planet-core {
  background:
    linear-gradient(45deg, transparent 44%, rgba(24,215,255,.36) 45% 47%, transparent 48%),
    linear-gradient(-45deg, transparent 54%, rgba(126,92,255,.32) 55% 57%, transparent 58%),
    radial-gradient(circle at 34% 24%, #fff, transparent 10%),
    radial-gradient(circle at 44% 42%, #18d7ff, #15305f 52%, #05070d 80%);
}

.planet-merch .planet-core {
  background:
    radial-gradient(circle at 31% 23%, #fff, transparent 10%),
    linear-gradient(135deg, rgba(255,255,255,.22), transparent 35%),
    radial-gradient(circle at 45% 44%, #f4f4f4, #4a4a4a 48%, #090909 80%);
}

.planet-news .planet-core {
  background:
    repeating-linear-gradient(0deg, rgba(0,0,0,.22) 0 2px, transparent 2px 10px),
    radial-gradient(circle at 32% 22%, #fff, transparent 10%),
    radial-gradient(circle at 45% 42%, #f7e4b2, #5b4828 52%, #090806 80%);
}

.planet-explore .planet-core {
  background:
    conic-gradient(from 20deg, #f2c94c, #18d7ff, #8b5cff, #6dffb1, #f2c94c),
    radial-gradient(circle at 45% 42%, #6dffb1, #173a2a 52%, #060807 80%);
}

.planet-delivery .planet-core {
  background:
    linear-gradient(90deg, transparent 44%, rgba(0,0,0,.36) 45% 55%, transparent 56%),
    radial-gradient(circle at 32% 24%, #fff, transparent 10%),
    radial-gradient(circle at 45% 42%, #f2c94c, #69500e 52%, #080808 80%);
}

.universe-home-gateway .solar-planet:hover,
.universe-home-gateway .solar-planet:focus-visible,
.universe-home-gateway .solar-planet[aria-pressed="true"] {
  transform: translateY(calc(var(--planet-y) - 10px)) translateZ(calc((9 - var(--planet-depth)) * 24px + 34px)) rotateZ(8deg) rotateX(-58deg) scale(1.08);
  filter: saturate(1.15);
}

.universe-home-gateway .solar-planet:hover .planet-core,
.universe-home-gateway .solar-planet:focus-visible .planet-core,
.universe-home-gateway .solar-planet[aria-pressed="true"] .planet-core {
  transform: rotate(8deg);
}

.universe-home-gateway .planet-label,
.planet-action {
  z-index: 5;
  pointer-events: none;
}

.planet-action {
  position: absolute;
  top: calc(100% + 42px);
  left: 50%;
  width: max-content;
  max-width: 180px;
  transform: translateX(-50%);
  color: var(--planet-accent);
  font-size: 10px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  opacity: 0;
  transition: opacity 180ms ease, transform 180ms ease;
}

.solar-planet:hover .planet-action,
.solar-planet:focus-visible .planet-action,
.solar-planet[aria-pressed="true"] .planet-action {
  opacity: 1;
  transform: translateX(-50%) translateY(4px);
}

.solar-system-home.is-warping .solar-stage {
  animation: planetWarp 220ms ease both;
}

.solar-planet.is-launching .planet-core {
  box-shadow: 0 0 72px var(--planet-color), 0 0 160px var(--planet-accent), inset -18px -24px 30px rgba(0,0,0,.44);
}

.universe-home-gateway .travel-panel {
  align-self: start;
  grid-column: 2;
  max-width: 720px;
  justify-self: end;
  margin-top: -18px;
}

@keyframes planetWarp {
  from { transform: scale(1); opacity: 1; }
  to { transform: scale(1.035); opacity: .72; }
}

.music-featured-release-section,
.music-roster-section,
.music-listening-section,
.music-platform-section,
.artist-catalog-section {
  background:
    radial-gradient(circle at 18% 12%, rgba(139, 92, 255, 0.12), transparent 24rem),
    radial-gradient(circle at 76% 28%, rgba(24, 215, 255, 0.09), transparent 26rem),
    #05070d;
}

.featured-release-panel {
  display: grid;
  grid-template-columns: minmax(220px, 360px) minmax(0, 1fr);
  gap: clamp(22px, 5vw, 58px);
  align-items: center;
}

.featured-release-art img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border: 1px solid rgba(242,201,76,.34);
  border-radius: 8px;
  box-shadow: 0 28px 80px rgba(0,0,0,.48), 0 0 54px rgba(139,92,255,.2);
}

.featured-release-copy h2 {
  margin: 0 0 14px;
  font-size: clamp(34px, 5vw, 70px);
  line-height: .94;
}

.artist-signature-release {
  color: #f2c94c !important;
  font-size: 13px;
  font-weight: 900;
}

.music-listening-path {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.music-listening-path a,
.destination-map-card {
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 8px;
  padding: 20px;
  background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.028));
  color: #fff;
}

.music-listening-path span {
  color: #18d7ff;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.music-listening-path strong {
  display: block;
  margin: 8px 0;
  font-size: 24px;
}

.music-platform-row {
  justify-content: flex-start;
}

.artist-catalog-shell {
  display: grid;
  gap: 26px;
  min-width: 0;
  max-width: 100%;
}

.artist-catalog-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 8px;
  min-width: 0;
  max-width: 100%;
}

.artist-catalog-tabs a {
  flex: 0 0 auto;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 8px;
  padding: 10px 12px;
  background: rgba(255,255,255,.055);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.artist-catalog-group {
  scroll-margin-top: 110px;
  min-width: 0;
  max-width: 100%;
}

.artist-catalog-section > div,
.artist-catalog-group .row-heading,
.artist-catalog-group .content-rail {
  min-width: 0;
  max-width: 100%;
}

.watch-hero .hero-shade {
  background: linear-gradient(90deg, rgba(3, 5, 13, 0.9), rgba(21, 35, 75, 0.58));
}

@media (max-width: 980px) {
  .universe-home-gateway .solar-copy {
    display: grid;
  }
  .utility-link-row {
    justify-content: flex-start;
  }
  .universe-home-gateway .solar-stage {
    overflow-x: auto;
    overflow-y: visible;
    min-height: 460px;
    scroll-snap-type: x mandatory;
    padding: 0 0 28px;
  }
  .planet-route {
    min-width: 1240px;
    inset: 18% 22px 18% 58px;
    grid-template-columns: repeat(8, 132px);
  }
  .universe-home-gateway .solar-planet {
    scroll-snap-align: center;
  }
  .universe-home-gateway .travel-panel {
    grid-column: 1 / -1;
    justify-self: stretch;
    margin-top: 0;
  }
  .featured-release-panel,
  .music-listening-path {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .universe-home-gateway .solar-system-home {
    padding-top: 84px;
    grid-template-columns: 1fr;
  }
  .universe-home-gateway .solar-copy h1 {
    font-size: clamp(40px, 15vw, 72px);
  }
  .universe-home-gateway .solar-stage {
    margin-inline: -16px;
    border-block: 1px solid rgba(255,255,255,.08);
  }
  .planet-route {
    min-width: 1060px;
    grid-template-columns: repeat(8, 112px);
    gap: 20px;
  }
  .planet-sitemap {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .solar-system-home.is-warping .solar-stage,
  .universe-home-gateway .solar-planet,
  .planet-core,
  .starfield-near,
  .starfield-far {
    animation: none !important;
    transition: none !important;
  }
}

@media (max-width: 820px) {
  .dapoint-id-control {
    width: 100%;
    justify-content: stretch;
  }

  .dapoint-id-control a {
    flex: 1;
    text-align: center;
  }

  .network-stream-hero,
  .identity-page-shell {
    grid-template-columns: 1fr;
  }

  .network-stream-hero {
    min-height: auto;
    padding-top: 110px;
  }

  .network-directory {
    grid-template-columns: 1fr;
  }

  .network-directory-videos {
    min-height: 360px;
  }

  .streaming-rail {
    grid-auto-columns: minmax(190px, 74vw);
  }
}

@media (max-width: 560px) {
  .network-directory-shows > div > a {
    min-height: 92px;
    grid-template-columns: 88px minmax(0, 1fr) 20px;
    gap: 12px;
    padding: 9px 12px 9px 9px;
  }

  .network-directory-shows a > img {
    width: 88px;
    height: 70px;
  }

  .network-directory-shows a strong {
    font-size: 15px;
  }

  .network-directory-shows a small {
    font-size: 10px;
  }

  .network-directory-videos {
    min-height: 320px;
  }
}

.cinematic-universe-page {
  min-height: 100vh;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 42%, rgba(242, 201, 76, 0.16), transparent 24rem),
    radial-gradient(circle at 18% 22%, rgba(80, 112, 255, 0.2), transparent 18rem),
    radial-gradient(circle at 78% 66%, rgba(0, 220, 255, 0.14), transparent 17rem),
    #010208;
}

.cinematic-universe-page main {
  min-height: 100vh;
}

.cinematic-home-controls {
  position: fixed;
  inset: 18px 18px auto 18px;
  z-index: 80;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  pointer-events: none;
}

.cinematic-home-mark,
.cinematic-control-cluster {
  pointer-events: auto;
}

.cinematic-home-mark {
  display: inline-grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border: 1px solid rgba(242, 201, 76, 0.3);
  border-radius: 999px;
  background: rgba(2, 2, 8, 0.52);
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(18px);
}

.cinematic-home-mark img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}

.cinematic-control-cluster {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(2, 2, 8, 0.48);
  box-shadow: 0 18px 70px rgba(0, 0, 0, 0.42);
  backdrop-filter: blur(18px);
}

.cinematic-control-cluster a,
.cinematic-control-cluster button {
  min-height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  padding: 0 13px;
  color: rgba(255, 255, 255, 0.88);
  background: rgba(255, 255, 255, 0.06);
  font: inherit;
  font-size: 0.78rem;
  line-height: 36px;
  text-decoration: none;
  cursor: pointer;
}

.cinematic-control-cluster a:hover,
.cinematic-control-cluster button:hover,
.cinematic-control-cluster a:focus-visible,
.cinematic-control-cluster button:focus-visible {
  border-color: rgba(242, 201, 76, 0.75);
  color: #fff;
  outline: none;
}

.cinematic-universe-page .universe-player {
  z-index: 85;
}

.cinematic-universe-page .lil-point-companion {
  z-index: 90;
}

.best-of-home-page {
  min-height: 100vh;
  overflow-x: hidden;
  background:
    linear-gradient(135deg, rgba(146, 20, 30, 0.18), transparent 28rem),
    radial-gradient(circle at 86% 12%, rgba(242, 201, 76, 0.14), transparent 18rem),
    linear-gradient(180deg, #050505 0%, #0b0b0d 56%, #050505 100%);
  color: #fff;
}

.best-of-home-page main {
  min-height: 100vh;
}

.best-of-home {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  padding: clamp(96px, 12vw, 148px) 0 72px;
}

.best-of-hero {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(360px, 1.08fr);
  align-items: center;
  gap: clamp(28px, 5vw, 64px);
  min-height: min(760px, calc(100svh - 140px));
}

.best-of-hero-copy {
  max-width: 620px;
}

.best-of-hero-copy h1 {
  margin: 0;
  max-width: 11ch;
  font-size: clamp(3.35rem, 8vw, 7.8rem);
  line-height: 0.88;
  letter-spacing: 0;
  text-transform: uppercase;
}

.best-of-hero-copy > p:not(.section-kicker) {
  max-width: 610px;
  margin: 24px 0 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  line-height: 1.65;
}

.best-of-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.best-of-hero-collage {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  grid-template-rows: 1fr 1fr;
  gap: 12px;
  min-height: 520px;
}

.best-of-hero-collage a {
  position: relative;
  display: block;
  min-height: 0;
  overflow: hidden;
  border: 1px solid rgba(242, 201, 76, 0.18);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.42);
}

.best-of-hero-collage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 450ms ease;
}

.best-of-hero-collage a:hover img,
.best-of-hero-collage a:focus-visible img {
  transform: scale(1.04);
}

.best-of-collage-main {
  grid-row: span 2;
}

.best-of-hero-collage span {
  position: absolute;
  left: 14px;
  bottom: 14px;
  max-width: calc(100% - 28px);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  padding: 8px 12px;
  background: rgba(0, 0, 0, 0.64);
  color: #fff;
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.best-of-guide {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  margin: 8px 0 52px;
  border: 1px solid rgba(242, 201, 76, 0.18);
  border-radius: 8px;
  padding: 16px 18px;
  background: rgba(255, 255, 255, 0.06);
}

.best-of-guide img {
  width: 92px;
  height: 92px;
  object-fit: contain;
}

.best-of-guide p {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.55;
}

.best-of-guide strong {
  color: #f2c94c;
}

.best-of-featured,
.best-of-lanes,
.best-of-now {
  margin-top: 56px;
}

.best-of-section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}

.best-of-section-heading h2 {
  margin: 0;
  font-size: clamp(1.9rem, 4vw, 3.8rem);
  line-height: 0.95;
  letter-spacing: 0;
  text-transform: uppercase;
}

.best-of-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.best-of-feature-card,
.best-of-lane,
.best-of-now-list a {
  color: inherit;
  text-decoration: none;
}

.best-of-feature-card {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.best-of-feature-card:hover,
.best-of-feature-card:focus-visible,
.best-of-lane:hover,
.best-of-lane:focus-visible,
.best-of-now-list a:hover,
.best-of-now-list a:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(242, 201, 76, 0.52);
  outline: none;
}

.best-of-feature-card img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  background: #111;
}

.best-of-feature-card span,
.best-of-now-list span {
  margin: 18px 18px 8px;
  color: #f2c94c;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.best-of-feature-card strong {
  margin: 0 18px;
  font-size: 1.22rem;
  line-height: 1.12;
}

.best-of-feature-card p {
  margin: 12px 18px 20px;
  color: rgba(255, 255, 255, 0.68);
  line-height: 1.5;
}

.best-of-feature-card em {
  margin: auto 18px 18px;
  color: #fff;
  font-style: normal;
  font-weight: 900;
}

.best-of-lane-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.best-of-lane {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.05);
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.best-of-lane img {
  width: 76px;
  height: 76px;
  border-radius: 7px;
  object-fit: cover;
  background: #111;
}

.best-of-lane span {
  display: grid;
  gap: 5px;
}

.best-of-lane strong {
  font-size: 1rem;
}

.best-of-lane small {
  color: rgba(255, 255, 255, 0.64);
  line-height: 1.4;
}

.best-of-now-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.best-of-now-list a {
  display: flex;
  min-height: 168px;
  flex-direction: column;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  padding: 18px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.035));
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.best-of-now-list span {
  margin: 0 0 10px;
}

.best-of-now-list strong {
  font-size: 1.18rem;
  line-height: 1.15;
}

.best-of-now-list p {
  margin: 10px 0 0;
  color: rgba(255, 255, 255, 0.65);
  line-height: 1.48;
}

.cinematic-solar-system {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  isolation: isolate;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(circle at 50% 52%, rgba(242, 201, 76, 0.1), transparent 18rem),
    linear-gradient(180deg, rgba(4, 5, 18, 0.86), rgba(0, 0, 0, 0.96));
}

.universe-3d-canvas {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 900ms ease;
}

.universe-3d-ready .universe-3d-canvas {
  opacity: 1;
}

.universe-entry-vignette {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 50%, transparent 0 42%, rgba(0, 0, 0, 0.22) 66%, rgba(0, 0, 0, 0.82) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.52), transparent 28%, rgba(0, 0, 0, 0.6));
}

.cinematic-solar-copy {
  position: absolute;
  left: clamp(18px, 4vw, 64px);
  top: clamp(92px, 13vh, 140px);
  z-index: 6;
  max-width: min(520px, calc(100vw - 36px));
  padding: 0;
  text-align: left;
  pointer-events: none;
}

.cinematic-solar-copy h1 {
  max-width: 12ch;
  margin: 0 0 12px;
  font-size: clamp(2.8rem, 7vw, 6.8rem);
  line-height: 0.88;
  letter-spacing: 0;
  text-shadow: 0 18px 70px rgba(0, 0, 0, 0.72);
}

.cinematic-solar-copy p {
  max-width: 30rem;
  margin: 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: clamp(1rem, 1.8vw, 1.28rem);
}

.cinematic-travel-panel {
  position: absolute;
  right: clamp(18px, 4vw, 60px);
  bottom: clamp(118px, 15vh, 170px);
  z-index: 8;
  width: min(390px, calc(100vw - 36px));
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  background: rgba(2, 2, 8, 0.58);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(18px);
}

.cinematic-travel-panel h2 {
  margin-bottom: 8px;
  font-size: clamp(1.5rem, 3vw, 2.35rem);
  line-height: 1;
}

.cinematic-travel-panel p {
  margin-bottom: 14px;
  color: rgba(255, 255, 255, 0.74);
}

.cinematic-travel-panel .planet-sitemap {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}

.cinematic-travel-panel .planet-sitemap a {
  border-color: rgba(255, 255, 255, 0.13);
  background: rgba(255, 255, 255, 0.06);
}

.cinematic-fallback-stage {
  position: absolute;
  left: 50%;
  bottom: clamp(24px, 6vh, 58px);
  z-index: 7;
  width: min(1120px, calc(100vw - 32px));
  min-height: 118px;
  transform: translateX(-50%);
  padding: 0;
  transition: opacity 260ms ease;
}

.universe-3d-ready .cinematic-fallback-stage {
  opacity: 0;
  pointer-events: none;
}

.universe-3d-ready .cinematic-fallback-stage:focus-within {
  opacity: 1;
  pointer-events: auto;
}

.cinematic-fallback-stage .planet-route {
  justify-content: center;
  gap: 10px;
  padding: 22px 12px;
}

.cinematic-fallback-stage .solar-planet {
  transform: translateY(var(--planet-y)) scale(0.72);
}

.is-entering-world::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 120;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 48%, rgba(255, 255, 255, 0.94), rgba(242, 201, 76, 0.56) 16%, rgba(24, 215, 255, 0.24) 32%, rgba(0, 0, 0, 0.96) 70%),
    #000;
  animation: enterWorld 780ms ease forwards;
}

@keyframes enterWorld {
  0% {
    opacity: 0;
    transform: scale(0.88);
    filter: blur(0);
  }
  55% {
    opacity: 0.95;
    filter: blur(2px);
  }
  100% {
    opacity: 1;
    transform: scale(1.08);
    filter: blur(8px);
  }
}

.planet-about .planet-core {
  background:
    radial-gradient(circle at 32% 24%, #fff7c8, transparent 16%),
    linear-gradient(145deg, #ffe7a1, #b88b2e 48%, #5e3e0f);
}

.planet-contact .planet-core {
  background:
    radial-gradient(circle at 30% 24%, #ffffff, transparent 15%),
    linear-gradient(145deg, #c9ecff, #358cd5 46%, #16365f);
}

.planet-music .planet-core {
  background:
    radial-gradient(circle at 31% 22%, rgba(255,255,255,.95), transparent 10%),
    radial-gradient(circle at 50% 50%, transparent 0 10%, rgba(242,201,76,.5) 11% 12%, transparent 13% 23%, rgba(242,201,76,.36) 24% 25%, transparent 26% 38%, rgba(242,201,76,.25) 39% 40%, transparent 41%),
    repeating-radial-gradient(circle at 52% 50%, rgba(255,255,255,.08) 0 2px, transparent 2px 9px),
    linear-gradient(135deg, rgba(22,43,85,.9), rgba(98,21,54,.92) 48%, rgba(14,8,22,.98));
}

.planet-network .planet-core {
  background:
    radial-gradient(circle at 34% 24%, #fff3d0, transparent 10%),
    repeating-linear-gradient(90deg, transparent 0 14px, rgba(255,230,135,.22) 14px 16px),
    linear-gradient(180deg, transparent 0 42%, rgba(255,213,98,.3) 43% 47%, transparent 48%),
    radial-gradient(circle at 45% 42%, #d92736, #4f070d 52%, #080808 80%);
}

.planet-digital .planet-core {
  background:
    radial-gradient(circle at 34% 24%, #fff, transparent 10%),
    repeating-linear-gradient(30deg, rgba(24,215,255,.34) 0 2px, transparent 2px 15px),
    repeating-linear-gradient(120deg, rgba(242,201,76,.16) 0 1px, transparent 1px 18px),
    radial-gradient(circle at 44% 42%, #18d7ff, #15305f 52%, #05070d 80%);
}

.planet-merch .planet-core {
  background:
    radial-gradient(circle at 31% 23%, #fff, transparent 10%),
    repeating-linear-gradient(45deg, rgba(255,255,255,.18) 0 5px, transparent 5px 14px),
    linear-gradient(135deg, rgba(242,201,76,.42), transparent 35%),
    radial-gradient(circle at 45% 44%, #f4f4f4, #4a4a4a 48%, #090909 80%);
}

.planet-news .planet-core {
  background:
    radial-gradient(circle at 32% 22%, #fff, transparent 10%),
    repeating-linear-gradient(0deg, rgba(0,0,0,.26) 0 2px, transparent 2px 10px),
    repeating-linear-gradient(90deg, rgba(155,216,255,.28) 0 2px, transparent 2px 24px),
    radial-gradient(circle at 45% 42%, #f7faff, #314661 52%, #090806 80%);
}

.planet-delivery .planet-core {
  background:
    radial-gradient(circle at 32% 24%, #fff8ce, transparent 10%),
    repeating-linear-gradient(30deg, rgba(139,255,109,.42) 0 3px, transparent 3px 22px),
    repeating-linear-gradient(-30deg, rgba(242,201,76,.36) 0 2px, transparent 2px 26px),
    radial-gradient(circle at 45% 42%, #f2c94c, #295d24 52%, #071109 80%);
}

.planet-about .planet-core {
  background:
    radial-gradient(circle at 32% 24%, #fff7c8, transparent 16%),
    linear-gradient(90deg, transparent 43%, rgba(255,243,189,.55) 44% 56%, transparent 57%),
    repeating-radial-gradient(circle at 50% 52%, transparent 0 18px, rgba(242,201,76,.24) 19px 21px),
    linear-gradient(145deg, #ffe7a1, #b88b2e 48%, #2c1d09);
}

.planet-contact .planet-core {
  background:
    radial-gradient(circle at 30% 24%, #ffffff, transparent 15%),
    repeating-linear-gradient(90deg, rgba(155,216,255,.32) 0 2px, transparent 2px 16px),
    radial-gradient(circle at 48% 48%, #c9ecff, #358cd5 46%, #16365f 82%);
}

.universe-home-gateway .planet-core::before {
  display: block;
  inset: 8% -20%;
  border-top-color: color-mix(in srgb, var(--planet-accent), transparent 20%);
  opacity: .78;
}

.universe-home-gateway .planet-core::after {
  display: block;
  inset: 58% 22% 18%;
  border: 0;
  border-radius: 999px;
  background:
    radial-gradient(circle, color-mix(in srgb, var(--planet-accent), transparent 18%) 0 7%, transparent 8%),
    linear-gradient(90deg, transparent, rgba(255,255,255,.52), transparent);
  opacity: .6;
  transform: rotate(-16deg);
}

@media (max-width: 900px) {
  .cinematic-home-controls {
    inset: 12px;
  }

  .cinematic-home-mark {
    width: 42px;
    height: 42px;
  }

  .cinematic-control-cluster {
    max-width: calc(100vw - 72px);
    overflow-x: auto;
    border-radius: 22px;
  }

  .cinematic-solar-copy {
    top: 86px;
  }

  .cinematic-solar-copy h1 {
    max-width: 10ch;
  }

  .cinematic-travel-panel {
    right: 12px;
    bottom: 108px;
    width: calc(100vw - 24px);
    padding: 14px;
  }

  .cinematic-travel-panel .planet-sitemap {
    display: none;
  }

  .cinematic-fallback-stage {
    bottom: 14px;
    overflow-x: auto;
  }

  .universe-3d-ready .cinematic-fallback-stage {
    opacity: 0.86;
    pointer-events: auto;
  }

  .cinematic-fallback-stage .planet-route {
    justify-content: flex-start;
    width: max-content;
    min-width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .universe-3d-canvas {
    transition: none;
  }

  .is-entering-world::after {
    animation: none;
    opacity: 1;
  }
}

.artist-youtube-section,
.release-youtube-section {
  background:
    radial-gradient(circle at 18% 10%, rgba(242, 201, 76, 0.08), transparent 24rem),
    #070707;
}

.video-library-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 18px;
}

.album-playlist-video {
  display: grid;
  grid-template-columns: minmax(230px, .72fr) minmax(0, 1.28fr);
  gap: clamp(22px, 4vw, 54px);
  align-items: center;
  margin-bottom: 30px;
  border: 1px solid rgba(242, 201, 76, .3);
  padding: clamp(20px, 3.5vw, 42px);
  background: linear-gradient(135deg, rgba(242, 201, 76, .08), rgba(255, 255, 255, .025) 55%, rgba(24, 215, 255, .055));
}

.album-playlist-video-copy h3 {
  margin: 0;
  color: #fff;
  font-size: clamp(28px, 3vw, 43px);
  line-height: .95;
}

.album-playlist-video-copy > p:not(.section-kicker) {
  color: var(--muted);
  line-height: 1.55;
}

.album-playlist-video-frame {
  min-height: 0;
  aspect-ratio: 16 / 9;
}

.album-playlist-video-frame iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.youtube-video-gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.youtube-video-card {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 8px;
  overflow: hidden;
  border: 1px solid rgba(242, 201, 76, 0.18);
  border-radius: 8px;
  padding: 10px;
  color: #fff;
  background: linear-gradient(180deg, rgba(22, 22, 22, 0.96), rgba(7, 7, 7, 0.98));
  text-decoration: none;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.32);
}

.youtube-video-card:hover,
.youtube-video-card:focus-visible {
  border-color: rgba(242, 201, 76, 0.72);
  box-shadow: 0 24px 70px rgba(242, 201, 76, 0.14);
  outline: none;
}

.youtube-thumb-wrap {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  border-radius: 6px;
  background:
    radial-gradient(circle at 50% 50%, rgba(242, 201, 76, 0.16), transparent 44%),
    #101010;
}

.youtube-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 240ms ease;
}

.youtube-video-card:hover .youtube-thumb,
.youtube-video-card:focus-visible .youtube-thumb {
  transform: scale(1.045);
}

.youtube-play-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 54px;
  height: 54px;
  border-radius: 999px;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.68);
  box-shadow: 0 0 0 1px rgba(242, 201, 76, 0.65), 0 12px 34px rgba(0, 0, 0, 0.42);
}

.youtube-play-icon::before {
  content: "";
  position: absolute;
  left: 21px;
  top: 16px;
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 16px solid #f2c94c;
}

.video-type-badge {
  align-self: flex-start;
  border: 1px solid rgba(242, 201, 76, 0.38);
  border-radius: 999px;
  padding: 4px 9px;
  color: #f2c94c;
  background: rgba(242, 201, 76, 0.08);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.youtube-video-card strong {
  font-size: 1.05rem;
  line-height: 1.18;
}

.youtube-video-card small,
.youtube-video-card em,
.youtube-video-card .production-credit {
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.86rem;
  font-style: normal;
}

.youtube-video-card .production-credit {
  color: rgba(242, 201, 76, 0.84);
}

.youtube-empty-card,
.youtube-placeholder-card {
  border-color: rgba(242, 201, 76, 0.2);
}

.youtube-placeholder-card img {
  width: min(220px, 100%);
  border-radius: 8px;
  object-fit: cover;
}

.track-video-list {
  display: grid;
  gap: 9px;
  padding: 0;
  list-style: none;
}

.track-video-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding-bottom: 8px;
}
.track-list-copy,
.track-list-copy strong,
.track-list-copy small { display: block; }
.track-list-copy small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 0.72rem;
}
.track-list-actions {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 6px;
}

.track-watch-link,
.track-play-button {
  flex: 0 0 auto;
  border: 1px solid rgba(242, 201, 76, 0.36);
  border-radius: 999px;
  padding: 5px 10px;
  color: #f2c94c;
  background: rgba(242, 201, 76, 0.08);
  font-size: 0.78rem;
  font-weight: 800;
  text-decoration: none;
}
.track-play-button {
  cursor: pointer;
  border-color: rgba(24, 215, 255, 0.42);
  color: var(--cyan);
  background: rgba(24, 215, 255, 0.08);
}

.track-watch-link:hover,
.track-watch-link:focus-visible,
.track-play-button:hover,
.track-play-button:focus-visible {
  border-color: #f2c94c;
  outline: none;
}

.video-archive-tools {
  display: grid;
  grid-template-columns: minmax(220px, 1.5fr) repeat(3, minmax(160px, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

.video-archive-tools label {
  display: grid;
  gap: 6px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.video-archive-tools input,
.video-archive-tools select {
  min-height: 44px;
  border: 1px solid rgba(242, 201, 76, 0.22);
  border-radius: 8px;
  padding: 0 12px;
  color: #fff;
  background: #111;
}

.video-archive-status {
  margin: 0 0 18px;
  color: rgba(255, 255, 255, 0.68);
}

.show-art-section {
  background:
    radial-gradient(circle at 20% 0%, rgba(242, 201, 76, 0.12), transparent 22rem),
    radial-gradient(circle at 82% 18%, rgba(201, 29, 43, 0.18), transparent 26rem),
    #08090a;
}

.show-art-gallery {
  display: grid;
  grid-template-columns: minmax(220px, 0.8fr) repeat(2, minmax(260px, 1fr));
  gap: 16px;
  align-items: stretch;
}

.show-art-card {
  position: relative;
  min-height: 320px;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(242, 201, 76, 0.24);
  border-radius: 8px;
  background: #050505;
}

.show-art-card img {
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
  display: block;
}

.poster-art-card {
  aspect-ratio: 4 / 5;
}

.wide-art-card {
  aspect-ratio: 16 / 9;
}

.show-art-card figcaption {
  position: absolute;
  right: 14px;
  bottom: 14px;
  left: 14px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  background: rgba(5, 5, 5, 0.76);
  color: #fff;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

@media (max-width: 980px) {
  .show-art-gallery {
    grid-template-columns: 1fr 1fr;
  }

  .poster-art-card {
    grid-row: span 2;
  }

  .youtube-video-gallery,
  .video-archive-tools {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .show-art-gallery {
    grid-template-columns: 1fr;
  }

  .show-art-card,
  .poster-art-card,
  .wide-art-card {
    aspect-ratio: 16 / 10;
    min-height: 240px;
    grid-row: auto;
  }

  .youtube-video-gallery,
  .video-archive-tools {
    grid-template-columns: 1fr;
  }

  .album-playlist-video {
    grid-template-columns: 1fr;
    padding: 20px;
  }
}

.hyperspeed-layer {
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
  opacity: 0;
  background:
    repeating-radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.32) 0 1px, transparent 2px 28px),
    radial-gradient(circle at 50% 50%, transparent 0 18%, rgba(242, 201, 76, 0.18) 42%, rgba(24, 215, 255, 0.12) 58%, transparent 72%);
  transform: scale(0.82);
}

.universe-intro-active .hyperspeed-layer,
.is-universe-traveling .hyperspeed-layer {
  opacity: 0.72;
  animation: hyperspeedPulse 980ms ease infinite;
}

@keyframes hyperspeedPulse {
  0% {
    transform: scale(0.82) rotate(0deg);
    filter: blur(0);
  }
  50% {
    transform: scale(1.06) rotate(2deg);
    filter: blur(1px);
  }
  100% {
    transform: scale(1.24) rotate(0deg);
    filter: blur(2px);
    opacity: 0.08;
  }
}

.skip-universe-intro {
  position: absolute;
  right: clamp(18px, 4vw, 60px);
  top: 86px;
  z-index: 92;
  min-height: 38px;
  border: 1px solid rgba(242, 201, 76, 0.42);
  border-radius: 999px;
  padding: 0 14px;
  color: #f2c94c;
  background: rgba(0, 0, 0, 0.56);
  font: inherit;
  font-size: 0.82rem;
  cursor: pointer;
  backdrop-filter: blur(14px);
}

.skip-universe-intro[hidden] {
  display: none;
}

.universe-lil-point-navigator {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 12;
  width: clamp(104px, 12vw, 168px);
  border: 0;
  padding: 0;
  color: #fff;
  background: transparent;
  cursor: pointer;
  transform: translate3d(calc(var(--navigator-x, 50vw) - 50%), calc(var(--navigator-y, 50vh) - 50%), 0);
  transition: transform 820ms cubic-bezier(0.2, 0.74, 0.18, 1), opacity 420ms ease, filter 420ms ease;
  filter: drop-shadow(0 18px 28px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 20px rgba(242, 201, 76, 0.2));
}

.universe-lil-point-navigator:focus-visible {
  outline: 2px solid #f2c94c;
  outline-offset: 8px;
}

.universe-lil-point-navigator img {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: auto;
  animation: lilPointSpaceIdle 3.6s ease-in-out infinite;
}

@keyframes lilPointSpaceIdle {
  0%,
  100% {
    transform: translateY(0) rotate(-1.5deg) scale(1);
  }
  50% {
    transform: translateY(-8px) rotate(1.5deg) scale(1.025);
  }
}

.navigator-trail {
  position: absolute;
  left: 50%;
  top: 54%;
  z-index: 1;
  width: 120%;
  height: 36%;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(242, 201, 76, 0), rgba(242, 201, 76, 0.22), rgba(24, 215, 255, 0));
  filter: blur(12px);
  transform: translate(-95%, -50%) rotate(-8deg);
  opacity: 0.7;
}

.navigator-speech {
  position: absolute;
  left: 72%;
  top: 4%;
  z-index: 3;
  width: min(210px, 48vw);
  border: 1px solid rgba(242, 201, 76, 0.32);
  border-radius: 14px;
  padding: 9px 11px;
  color: #fff;
  background: rgba(3, 3, 8, 0.78);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.38);
  font-size: 0.84rem;
  line-height: 1.25;
  text-align: left;
  backdrop-filter: blur(14px);
}

.universe-lil-point-navigator.is-traveling {
  filter: drop-shadow(0 24px 38px rgba(0, 0, 0, 0.58)) drop-shadow(0 0 32px rgba(24, 215, 255, 0.32));
}

.universe-lil-point-navigator.is-traveling .navigator-trail {
  opacity: 1;
  transform: translate(-122%, -50%) rotate(-8deg) scaleX(1.7);
}

.universe-lil-point-navigator.is-intro {
  opacity: 0;
  animation: lilPointIntro 3.2s cubic-bezier(0.17, 0.72, 0.2, 1) forwards;
}

@keyframes lilPointIntro {
  0% {
    opacity: 0;
    transform: translate3d(50vw, 110vh, 0) scale(0.12) rotate(-18deg);
  }
  56% {
    opacity: 1;
    transform: translate3d(48vw, 38vh, 0) scale(1.18) rotate(8deg);
  }
  100% {
    opacity: 1;
    transform: translate3d(calc(var(--navigator-x, 50vw) - 50%), calc(var(--navigator-y, 50vh) - 50%), 0) scale(1) rotate(0);
  }
}

.universe-motion-paused .hyperspeed-layer,
.universe-motion-paused .universe-lil-point-navigator img,
.universe-motion-paused .universe-lil-point-navigator.is-intro {
  animation: none !important;
}

@media (max-width: 900px) {
  .universe-lil-point-navigator {
    width: 92px;
  }

  .navigator-speech {
    left: auto;
    right: 70%;
    top: -6px;
    width: min(190px, 58vw);
    font-size: 0.76rem;
  }

  .skip-universe-intro {
    top: 72px;
    right: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hyperspeed-layer,
  .universe-lil-point-navigator,
  .universe-lil-point-navigator img {
    animation: none !important;
    transition: none !important;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

.intro-gate-pending main,
.intro-gate-pending .cinematic-home-controls,
.intro-gate-pending .universe-player,
.intro-gate-pending .lil-point-companion,
.intro-active main,
.intro-active .cinematic-home-controls,
.intro-active .universe-player,
.intro-active .lil-point-companion {
  opacity: 0;
  pointer-events: none;
}

.intro-transitioning main,
.intro-complete main,
.intro-transitioning .cinematic-home-controls,
.intro-complete .cinematic-home-controls,
.intro-complete .universe-player,
.intro-complete .lil-point-companion {
  opacity: 1;
}

.intro-transitioning .universe-player,
.intro-transitioning .lil-point-companion,
.intro-transitioning .universe-lil-point-navigator {
  opacity: 0;
  pointer-events: none;
}

.dapoint-intro-experience {
  position: fixed;
  inset: 0;
  z-index: 220;
  overflow: hidden;
  background: #000;
  color: #fff;
  opacity: 1;
  transition: opacity 920ms ease;
}

.dapoint-intro-experience[hidden] {
  display: none;
}

.dapoint-intro-experience.is-transitioning {
  opacity: 0;
  pointer-events: none;
}

.intro-blackout {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    radial-gradient(circle at 50% 60%, rgba(242, 201, 76, 0.05), transparent 34rem),
    #000;
}

.dapoint-intro-video {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #000;
  opacity: 0;
  animation: introVideoFadeIn 900ms ease 120ms forwards;
}

@keyframes introVideoFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.intro-controls {
  position: absolute;
  inset: auto max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));
  z-index: 4;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  opacity: 0.92;
  transition: opacity 240ms ease;
}

.intro-controls.is-idle {
  opacity: 0.38;
}

.intro-sound-toggle,
.intro-skip,
.dapoint-intro-reduced button {
  min-height: 42px;
  border: 1px solid rgba(242, 201, 76, 0.44);
  border-radius: 999px;
  padding: 0 16px;
  color: #f7d46c;
  background: rgba(0, 0, 0, 0.58);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.38);
  font: inherit;
  font-size: 0.84rem;
  font-weight: 800;
  cursor: pointer;
  backdrop-filter: blur(18px);
}

.intro-sound-toggle:hover,
.intro-skip:hover,
.intro-sound-toggle:focus-visible,
.intro-skip:focus-visible,
.dapoint-intro-reduced button:hover,
.dapoint-intro-reduced button:focus-visible {
  border-color: #f2c94c;
  color: #fff;
  outline: none;
}

.dapoint-intro-reduced {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: grid;
  place-items: center;
  background: #000;
}

.dapoint-intro-reduced[hidden] {
  display: none;
}

.dapoint-intro-reduced img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.78;
}

.dapoint-intro-reduced::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 50%, transparent 0 34%, rgba(0, 0, 0, 0.72));
}

.dapoint-intro-reduced button {
  position: relative;
  z-index: 2;
  min-height: 48px;
  padding: 0 20px;
}

@media (max-width: 720px) {
  .intro-controls {
    inset: auto max(12px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
  }

  .intro-sound-toggle,
  .intro-skip {
    min-height: 40px;
    padding: 0 13px;
    font-size: 0.78rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dapoint-intro-video {
    animation: none;
    opacity: 0;
  }

  .dapoint-intro-experience,
  .dapoint-intro-experience.is-transitioning {
    transition: none;
  }
}

.admin-editor-shell {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
}

.admin-editor-workspace {
  display: grid;
  gap: 22px;
}

.admin-toolbar {
  justify-content: flex-end;
}

.admin-editor-grid {
  display: grid;
  grid-template-columns: minmax(260px, 0.9fr) minmax(320px, 1.1fr);
  gap: 18px;
}

.admin-card {
  height: 100%;
  background:
    linear-gradient(145deg, rgba(242, 189, 67, 0.12), rgba(6, 6, 8, 0.94)),
    rgba(8, 8, 10, 0.92);
  border: 1px solid rgba(242, 189, 67, 0.22);
  border-radius: 8px;
  box-shadow: 0 20px 54px rgba(0, 0, 0, 0.34);
}

.checkbox-line {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
}

.checkbox-line input {
  width: 18px;
  height: 18px;
}

.admin-preview-panel {
  display: grid;
  grid-template-columns: minmax(180px, 320px) 1fr;
  gap: 18px;
  align-items: center;
  padding: 18px;
  border: 1px solid rgba(242, 189, 67, 0.18);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.045);
}

.admin-preview-panel h3 {
  margin: 0 0 8px;
  font-size: clamp(1.45rem, 3vw, 2.4rem);
}

.admin-preview-panel p {
  margin: 0;
  color: var(--muted);
}

.admin-preview-image {
  min-height: 160px;
  border-radius: 8px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.06);
  border: 1px dashed rgba(242, 189, 67, 0.26);
}

.admin-preview-image img {
  width: 100%;
  height: 100%;
  min-height: 160px;
  object-fit: cover;
  display: block;
}

.admin-media-library {
  display: grid;
  gap: 16px;
}

.admin-media-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 14px;
}

.admin-media-card {
  display: grid;
  gap: 8px;
  padding: 8px;
  min-height: 176px;
  color: var(--text);
  text-align: left;
  border: 1px solid rgba(242, 189, 67, 0.18);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.055);
  cursor: pointer;
}

.admin-media-card:hover,
.admin-media-card:focus-visible {
  border-color: rgba(242, 189, 67, 0.62);
  transform: translateY(-1px);
}

.admin-media-card img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 6px;
}

.admin-media-card span {
  font-weight: 800;
  font-size: 0.86rem;
  overflow-wrap: anywhere;
}

.admin-empty-state {
  padding: 18px;
  border: 1px dashed rgba(242, 189, 67, 0.26);
  border-radius: 8px;
  color: var(--muted);
}

[data-admin-status][data-tone="success"] {
  color: #8bf0aa;
}

[data-admin-status][data-tone="error"] {
  color: #ff9a9a;
}

/* Private DaPoint Command Center */
.private-command-center {
  min-width: 0;
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  color: #f7f4eb;
  background: #050606;
}

.private-command-center main { min-height: 100vh; }
.command-center { min-height: 100vh; }
[hidden] { display: none !important; }

.command-center-login {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
  background:
    radial-gradient(circle at 50% 20%, rgba(219, 167, 41, 0.13), transparent 32rem),
    linear-gradient(135deg, #050606, #0b0d0e);
}

.command-center-login-card {
  width: min(460px, 100%);
  padding: clamp(28px, 5vw, 48px);
  border: 1px solid rgba(231, 180, 48, 0.42);
  background: #0b0d0e;
  box-shadow: 0 32px 90px rgba(0,0,0,0.58);
}

.command-center-login-card > img { width: 62px; height: 62px; object-fit: contain; }
.command-center-login-card > p:first-of-type { margin: 16px 0 8px; color: #e7b430; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; }
.command-center-login-card h1 { margin: 0 0 16px; color: #fff; font-size: clamp(32px, 6vw, 52px); line-height: 0.96; }
.command-center-login-card small { display: block; margin-top: 18px; color: #94989a; line-height: 1.55; }
.command-center-login-form { display: grid; gap: 14px; margin-top: 22px; }
.command-center-login-form label { display: grid; gap: 7px; color: #d9dbdc; font-size: 13px; font-weight: 800; }
.command-center-login-form input,
.reward-adjustment-form input,
.reward-adjustment-form select {
  width: 100%;
  border: 1px solid #3d4142;
  border-radius: 2px;
  padding: 12px 13px;
  color: #fff;
  background: #111415;
  font: inherit;
}

.command-center-primary {
  border: 1px solid #e7b430;
  border-radius: 2px;
  padding: 11px 15px;
  color: #090a0a;
  background: linear-gradient(135deg, #f0c557, #bd8413);
  font: inherit;
  font-weight: 900;
  cursor: pointer;
}

.command-center-app {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr);
}

.command-center-nav {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  border-right: 1px solid rgba(231, 180, 48, 0.5);
  background: linear-gradient(180deg, #0b0e0f, #070909);
}

.command-center-brand {
  min-height: 104px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 20px;
  border-bottom: 1px solid rgba(231, 180, 48, 0.45);
  color: #fff;
  text-decoration: none;
}
.command-center-brand img { width: 42px; height: 54px; object-fit: contain; }
.command-center-brand span { display: grid; }
.command-center-brand strong { font-size: 22px; }
.command-center-brand small { color: #e7b430; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; }

.command-center-nav nav { display: grid; padding-top: 16px; }
.command-center-nav nav button {
  min-height: 64px;
  display: grid;
  grid-template-columns: 30px minmax(0,1fr) auto;
  align-items: center;
  gap: 10px;
  border: 0;
  border-left: 3px solid transparent;
  padding: 0 18px;
  color: #d7d9d9;
  background: transparent;
  font: inherit;
  font-weight: 800;
  text-align: left;
  cursor: pointer;
}
.command-center-nav nav button > span { color: #e7b430; font-weight: 950; text-align: center; }
.command-center-nav nav button small { color: #737879; font-size: 10px; text-transform: uppercase; }
.command-center-nav nav button[aria-current="page"] { border-left-color: #e7b430; color: #f4c752; background: linear-gradient(90deg, rgba(231,180,48,0.22), rgba(231,180,48,0.04)); }
.command-center-nav nav button:disabled { cursor: not-allowed; opacity: 0.54; }
.command-center-nav-foot { margin-top: auto; display: grid; gap: 14px; padding: 22px; color: #e7b430; text-align: center; }
.command-center-nav-foot::before { content: ""; height: 1px; background: #a77b19; }
.command-center-nav-foot small { color: #a6aaab; text-transform: uppercase; }
.command-center-nav-foot a { color: #d2d5d5; font-size: 12px; }

.command-center-main { min-width: 0; }
.command-center-topbar {
  min-height: 82px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 14px clamp(18px, 3vw, 34px);
  border-bottom: 1px solid rgba(231, 180, 48, 0.42);
  background: #070808;
}
.command-center-topbar h1 { margin: 0; color: #fff; font-size: clamp(24px, 3vw, 36px); }
.command-center-topbar p { margin: 4px 0 0; color: #8d9293; font-size: 13px; }
.command-center-session { display: flex; align-items: center; gap: 18px; color: #d9dbdc; font-size: 13px; }
.command-center-session > span { color: #f2c75a; }
.command-center-session button,
.site-editor-heading button,
.reward-adjustment-form button:not(.command-center-primary) { border: 1px solid #484c4d; border-radius: 2px; padding: 9px 12px; color: #fff; background: transparent; cursor: pointer; }

.command-center-content { padding: clamp(18px, 3vw, 30px); }
.private-command-center main.command-center-content > section[data-command-view] { padding: 0 !important; }
.command-center-notice { margin-bottom: 18px; border-left: 3px solid #e7b430; padding: 12px 15px; color: #c7cbcc; background: rgba(231,180,48,0.07); font-size: 13px; }
.command-center-notice strong { color: #f2c75a; }

.reward-ops-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  border: 1px solid #383c3d;
  background: linear-gradient(135deg, #171a1b, #0d0f10);
}
.reward-ops-metrics article { min-height: 118px; display: grid; place-content: center; gap: 8px; padding: 18px; text-align: center; }
.reward-ops-metrics article + article { border-left: 1px solid #383c3d; }
.reward-ops-metrics span { color: #c5c8c9; font-size: 13px; }
.reward-ops-metrics strong { color: #fff; font-size: clamp(34px, 4vw, 50px); line-height: 1; }

.reward-ops-layout { display: grid; grid-template-columns: minmax(0,1fr) 260px; gap: 16px; margin-top: 16px; }
.reward-ops-primary { min-width: 0; display: grid; gap: 16px; }
.command-panel,
.reward-policy-rail { border: 1px solid #383c3d; background: linear-gradient(145deg, #16191a, #0b0d0e); }
.command-panel { min-width: 0; overflow: hidden; }
.command-panel > header { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 16px; border-bottom: 1px solid #383c3d; }
.command-panel h2,
.reward-policy-rail h2 { margin: 0; color: #e7b430; font-size: 18px; }
.command-panel header > span { color: #8d9293; font-size: 12px; text-transform: uppercase; }
.command-table-wrap { width: 100%; overflow-x: auto; }
.command-table { width: 100%; min-width: 760px; border-collapse: collapse; }
.command-table th,
.command-table td { border-right: 1px solid #343839; border-bottom: 1px solid #343839; padding: 12px 13px; color: #dfe1e1; font-size: 12px; text-align: left; vertical-align: middle; }
.command-table th { color: #e7b430; background: rgba(0,0,0,0.26); font-size: 11px; text-transform: uppercase; }
.command-table td strong { color: #fff; }
.verification-state::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: #e7b430; }
.queue-actions { display: flex; gap: 7px; }
.queue-actions button { border: 1px solid #a97a14; border-radius: 2px; padding: 7px 9px; color: #f2c75a; background: transparent; cursor: pointer; }
.queue-actions button + button { border-color: #7c3232; color: #ff8d8d; }
.queue-actions strong { color: #8bf0aa; text-transform: uppercase; }
tr.is-rejected td { opacity: 0.55; }
.command-panel-status { margin: 0; padding: 11px 14px; color: #aeb2b3; font-size: 12px; }

.reward-policy-rail { padding: 20px; }
.reward-policy-rail > article { display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 10px; padding: 22px 0; border-bottom: 1px solid rgba(231,180,48,0.35); }
.reward-policy-rail > article:last-child { border-bottom: 0; }
.reward-policy-rail article > span { width: 28px; height: 32px; display: grid; place-items: center; border: 2px solid #e7b430; color: #e7b430; font-weight: 950; }
.reward-policy-rail h3 { margin: 0 0 7px; color: #fff; font-size: 14px; }
.reward-policy-rail p { margin: 0; color: #aeb2b3; font-size: 12px; line-height: 1.5; }

.reward-adjustment-form { display: grid; grid-template-columns: minmax(180px,1fr) minmax(180px,1fr) 120px auto auto; gap: 10px; align-items: end; padding: 14px; border-bottom: 1px solid #383c3d; background: rgba(231,180,48,0.06); }
.reward-adjustment-form label { display: grid; gap: 5px; color: #d6d8d9; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.site-editor-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.site-editor-heading h2 { margin: 0; color: #fff; font-size: 30px; }
.site-editor-heading p { margin: 6px 0 0; color: #9da1a2; }

@media (max-width: 1040px) {
  .command-center-app { grid-template-columns: 86px minmax(0,1fr); }
  .command-center-brand { justify-content: center; padding: 14px; }
  .command-center-brand span,
  .command-center-nav nav button:not([aria-current="page"]) small,
  .command-center-nav-foot strong,
  .command-center-nav-foot small { display: none; }
  .command-center-nav nav button { grid-template-columns: 30px; justify-content: center; padding: 0; font-size: 0; }
  .command-center-nav nav button > span { font-size: 14px; }
  .reward-ops-layout { grid-template-columns: 1fr; }
  .reward-policy-rail { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0 18px; }
  .reward-policy-rail > h2 { grid-column: 1 / -1; }
}

@media (max-width: 720px) {
  .command-center-app { display: block; }
  .command-center-nav { position: static; width: 100%; height: auto; border-right: 0; border-bottom: 1px solid rgba(231,180,48,0.5); }
  .command-center-brand { min-height: 68px; justify-content: flex-start; }
  .command-center-brand span { display: grid; }
  .command-center-nav nav { display: flex; overflow-x: auto; padding: 0; }
  .command-center-nav nav button { min-width: 104px; min-height: 54px; grid-template-columns: 1fr; font-size: 11px; text-align: center; }
  .command-center-nav nav button > span { display: none; }
  .command-center-nav-foot { display: none; }
  .command-center-topbar { align-items: flex-start; }
  .command-center-session { display: grid; justify-items: end; gap: 4px; }
  .command-center-session > span { display: none; }
  .reward-ops-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .reward-ops-metrics article:nth-child(3) { border-left: 0; border-top: 1px solid #383c3d; }
  .reward-ops-metrics article:nth-child(4) { border-top: 1px solid #383c3d; }
  .reward-policy-rail { grid-template-columns: 1fr; }
  .reward-adjustment-form { grid-template-columns: 1fr; }
  .command-panel > header,
  .site-editor-heading { align-items: stretch; flex-direction: column; }
  .command-panel > header .command-center-primary { width: 100%; white-space: normal; text-align: center; }
}

@media (max-width: 760px) {
  .admin-editor-grid,
  .admin-preview-panel {
    grid-template-columns: 1fr;
  }

  .admin-toolbar {
    justify-content: stretch;
  }

  .admin-toolbar .button,
  .admin-toolbar button {
    width: 100%;
  }
}

@media (max-width: 720px) {
  html,
  body.home-hub-page,
  body.cinematic-universe-page {
    min-width: 0;
    overflow-x: hidden;
  }

  .cinematic-universe-page main,
  .home-hub-page main {
    min-height: 100svh;
    padding: 0;
  }

  .cinematic-home-controls {
    inset: max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) auto max(10px, env(safe-area-inset-left));
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: start;
    gap: 8px;
  }

  .cinematic-home-mark {
    width: 38px;
    height: 38px;
  }

  .cinematic-home-mark img {
    width: 25px;
    height: 25px;
  }

  .cinematic-control-cluster {
    justify-self: end;
    display: flex;
    width: min(306px, calc(100vw - 60px));
    max-width: none;
    gap: 5px;
    padding: 5px;
    border-radius: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .cinematic-control-cluster::-webkit-scrollbar {
    display: none;
  }

  .cinematic-control-cluster a,
  .cinematic-control-cluster button {
    flex: 0 0 auto;
    min-width: 0;
    min-height: 32px;
    padding: 0 7px;
    font-size: 0.66rem;
    line-height: 32px;
    text-align: center;
    white-space: nowrap;
  }

  .cinematic-control-cluster [data-replay-welcome] {
    max-width: 94px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .cinematic-solar-system,
  .universe-home-gateway .solar-system-home {
    min-height: 100svh;
    height: auto;
    display: block;
    padding: 0;
    overflow: hidden;
  }

  .universe-home-gateway .solar-system-home::before {
    inset: 58px 8px 92px;
    border-radius: 18px;
  }

  .universe-3d-canvas {
    top: 86px;
    height: calc(100svh - 250px);
    min-height: 360px;
  }

  .universe-entry-vignette {
    background:
      linear-gradient(180deg, rgba(0, 0, 0, 0.78), transparent 28%, rgba(0, 0, 0, 0.86)),
      radial-gradient(circle at 50% 42%, transparent 0 38%, rgba(0, 0, 0, 0.72) 100%);
  }

  .cinematic-solar-copy,
  .universe-home-gateway .solar-copy {
    position: absolute;
    left: max(14px, env(safe-area-inset-left));
    right: max(14px, env(safe-area-inset-right));
    top: 74px;
    z-index: 10;
    display: block;
    max-width: none;
    padding: 0;
    pointer-events: none;
  }

  .cinematic-solar-copy h1,
  .universe-home-gateway .solar-copy h1 {
    max-width: 11ch;
    margin-bottom: 7px;
    font-size: clamp(2.15rem, 12.5vw, 3.9rem);
    line-height: 0.9;
  }

  .cinematic-solar-copy p,
  .universe-home-gateway .solar-copy p {
    max-width: 18rem;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.92rem;
    line-height: 1.35;
    font-weight: 800;
  }

  .universe-lil-point-navigator {
    width: 72px;
    left: auto;
    right: max(12px, env(safe-area-inset-right));
    top: 312px;
    transform: none !important;
  }

  .navigator-speech {
    left: auto;
    right: 60px;
    top: 0;
    width: min(172px, calc(100vw - 112px));
    padding: 7px 9px;
    border-radius: 10px;
    font-size: 0.7rem;
  }

  .skip-universe-intro {
    top: 72px;
    right: max(12px, env(safe-area-inset-right));
    min-height: 32px;
    padding: 0 11px;
    font-size: 0.72rem;
  }

  .cinematic-travel-panel,
  .universe-home-gateway .travel-panel {
    position: fixed;
    left: max(12px, env(safe-area-inset-left));
    right: max(12px, env(safe-area-inset-right));
    bottom: calc(112px + env(safe-area-inset-bottom));
    z-index: 14;
    width: auto;
    max-height: 112px;
    overflow: hidden;
    padding: 11px 12px;
    border-radius: 14px;
    background: rgba(2, 2, 8, 0.74);
  }

  .cinematic-travel-panel h2,
  .universe-home-gateway .travel-panel h2 {
    margin-bottom: 4px;
    font-size: 1.2rem;
    line-height: 1;
  }

  .cinematic-travel-panel p,
  .universe-home-gateway .travel-panel p {
    display: -webkit-box;
    margin-bottom: 8px;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.76);
    font-size: 0.78rem;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .cinematic-travel-panel .planet-sitemap,
  .universe-home-gateway .travel-panel .planet-sitemap {
    display: none;
  }

  .cinematic-travel-panel .button,
  .cinematic-travel-panel a.button,
  .universe-home-gateway .travel-panel .button,
  .universe-home-gateway .travel-panel a.button {
    min-height: 34px;
    padding: 8px 10px;
    font-size: 0.72rem;
  }

  .cinematic-fallback-stage,
  .universe-home-gateway .solar-stage {
    left: 0;
    right: 0;
    bottom: calc(280px + env(safe-area-inset-bottom));
    width: 100%;
    min-height: 88px;
    height: 88px;
    margin: 0;
    padding: 0;
    border: 0;
    overflow-x: auto;
    overflow-y: visible;
    transform: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .cinematic-fallback-stage::-webkit-scrollbar,
  .universe-home-gateway .solar-stage::-webkit-scrollbar {
    display: none;
  }

  .universe-3d-ready .cinematic-fallback-stage,
  .universe-3d-ready .universe-home-gateway .solar-stage {
    opacity: 0.94;
    pointer-events: auto;
  }

  .travel-path,
  .solar-sun,
  .universe-home-gateway .solar-sun,
  .planet-orbit,
  .planet-atmosphere,
  .planet-action,
  .universe-planet-nameplate {
    display: none !important;
  }

  .planet-route,
  .cinematic-fallback-stage .planet-route {
    position: static;
    display: flex;
    min-width: max-content;
    width: max-content;
    gap: 8px;
    align-items: center;
    padding: 8px 12px 12px;
    transform: none;
  }

  .universe-home-gateway .solar-planet,
  .cinematic-fallback-stage .solar-planet,
  .universe-home-gateway .solar-planet:hover,
  .universe-home-gateway .solar-planet:focus-visible,
  .universe-home-gateway .solar-planet[aria-pressed="true"] {
    display: grid;
    grid-template-columns: 36px minmax(0, 96px);
    gap: 7px;
    align-items: center;
    width: 142px;
    min-width: 142px;
    min-height: 58px;
    padding: 8px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 14px;
    background: rgba(2, 2, 8, 0.74);
    transform: none;
    scroll-snap-align: center;
  }

  .universe-home-gateway .solar-planet[aria-pressed="true"] {
    border-color: var(--planet-accent);
    box-shadow: 0 0 24px color-mix(in srgb, var(--planet-accent), transparent 72%);
  }

  .universe-home-gateway .planet-core,
  .cinematic-fallback-stage .planet-core {
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
  }

  .universe-home-gateway .planet-core::before,
  .universe-home-gateway .planet-core::after {
    display: none;
  }

  .universe-home-gateway .planet-label,
  .cinematic-fallback-stage .planet-label {
    position: absolute;
    top: 50%;
    left: 18px;
    display: block;
    width: 66px;
    min-width: 0;
    max-width: 66px;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 999px;
    padding: 3px 4px;
    background: rgba(2,3,8,0.58);
    color: #fff;
    font-size: 0.5rem;
    line-height: 1.1;
    text-align: center;
    text-shadow: 0 1px 4px rgba(0,0,0,0.85);
    white-space: normal;
    transform: translate(-50%, -50%);
  }

  .universe-player,
  .cinematic-universe-page .universe-player {
    right: max(8px, env(safe-area-inset-right));
    bottom: max(8px, env(safe-area-inset-bottom));
    left: max(8px, env(safe-area-inset-left));
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 7px;
    padding: 7px;
    border-radius: 12px;
  }

  .player-art-wrap {
    width: 42px;
  }

  .player-main {
    gap: 4px;
  }

  .player-meta span,
  .player-status,
  .player-progress-row,
  .player-actions a[data-player-music-link],
  .player-actions a[data-player-stream-link] {
    display: none;
  }

  .player-meta strong {
    font-size: 1rem;
  }

  .player-meta small {
    font-size: 0.68rem;
  }

  .player-expand {
    min-width: 48px;
  }

  .player-controls {
    grid-column: 3;
    display: grid;
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .player-controls button:not(.player-play) {
    display: none;
  }

  .player-actions {
    grid-column: 1 / -1;
    display: flex;
    justify-content: space-between;
    gap: 6px;
  }

  .universe-player button,
  .universe-player a {
    min-height: 30px;
    padding: 7px 8px;
    font-size: 0.64rem;
  }

  .player-play {
    min-width: 54px;
  }

  .player-queue {
    grid-column: 1 / -1;
    max-height: 34svh;
  }

  .has-lil-point-companion {
    --lil-point-bottom: 88px;
  }

  .lil-point-companion,
  .cinematic-universe-page .lil-point-companion {
    right: max(8px, env(safe-area-inset-right));
    bottom: calc(112px + env(safe-area-inset-bottom));
    z-index: 88;
  }

  .lil-point-button {
    width: 56px;
    min-height: 56px;
    border-radius: 999px;
    padding: 4px;
  }

  .lil-point-sprite-wrap {
    width: 44px;
    height: 44px;
  }

  .lil-point-sprite {
    max-width: 44px;
    max-height: 44px;
  }

  .lil-point-status {
    position: absolute;
    right: -4px;
    bottom: -6px;
    min-width: 0;
    padding: 4px 6px;
    font-size: 0.56rem;
  }

  .lil-point-dialog {
    position: fixed;
    left: max(10px, env(safe-area-inset-left));
    right: max(10px, env(safe-area-inset-right));
    bottom: calc(148px + env(safe-area-inset-bottom));
    width: auto;
    max-height: calc(100svh - 190px);
    overflow-y: auto;
    padding: 12px;
  }

  .lil-point-dialog h2 {
    font-size: 1.15rem;
  }

  .lil-point-message,
  .lil-point-tour p {
    font-size: 0.86rem;
  }

  .lil-point-actions a,
  .lil-point-tools button,
  .lil-point-tour button {
    min-height: 34px;
    padding: 8px 9px;
    font-size: 0.66rem;
  }
}

@media (max-width: 390px) {
  .cinematic-control-cluster {
    width: min(286px, calc(100vw - 58px));
  }

  .cinematic-control-cluster [data-replay-welcome] {
    max-width: 86px;
  }

  .cinematic-solar-copy h1,
  .universe-home-gateway .solar-copy h1 {
    font-size: clamp(2rem, 12vw, 3.2rem);
  }

  .universe-lil-point-navigator {
    top: 300px;
    width: 62px;
  }

  .navigator-speech {
    right: 52px;
    width: min(150px, calc(100vw - 98px));
  }

  .universe-home-gateway .solar-planet,
  .cinematic-fallback-stage .solar-planet {
    width: 126px;
    min-width: 126px;
  }
}

/* Home destination carousel: the selected world stays front-and-center while its neighbors curve back into the Universe. */
.daily-universe-entry .universe-lil-point-navigator {
  right: clamp(22px, 5vw, 84px);
  left: auto;
  top: 48%;
  width: clamp(64px, 7vw, 96px);
  pointer-events: none;
  transform: none;
}

.daily-universe-entry .navigator-speech {
  display: none !important;
}

.daily-universe-entry .navigator-trail {
  display: none;
}

.daily-universe-entry[data-carousel-ready] .planet-carousel-stage {
  position: relative;
  overflow: hidden;
  touch-action: pan-y;
  user-select: none;
  perspective: 1100px;
  -webkit-tap-highlight-color: transparent;
}

.daily-universe-entry[data-carousel-ready] .planet-carousel-stage .planet-route {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  min-width: 0;
  padding: 0;
  transform: none;
  transform-style: preserve-3d;
}

.daily-universe-entry[data-carousel-ready] .planet-carousel-stage .solar-planet,
.daily-universe-entry[data-carousel-ready] .planet-carousel-stage .solar-planet:hover,
.daily-universe-entry[data-carousel-ready] .planet-carousel-stage .solar-planet:focus-visible,
.daily-universe-entry[data-carousel-ready] .planet-carousel-stage .solar-planet[aria-pressed="true"] {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  width: 176px;
  min-width: 176px;
  min-height: 174px;
  margin: 0;
  padding: 0 0 20px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  opacity: 0;
  filter: saturate(0.62) brightness(0.7);
  pointer-events: none;
  transform: translate3d(-50%, -50%, -160px) scale(0.42);
  transform-style: preserve-3d;
  transition: transform 480ms cubic-bezier(0.18, 0.8, 0.2, 1), opacity 280ms ease, filter 360ms ease;
}

.daily-universe-entry[data-carousel-ready] .planet-carousel-stage .solar-planet[data-carousel-position="0"] {
  z-index: 6;
  opacity: 1;
  filter: saturate(1.2) brightness(1.06);
  pointer-events: auto;
  transform: translate3d(-50%, -52%, 130px) scale(1.08);
}

.daily-universe-entry[data-carousel-ready] .planet-carousel-stage .solar-planet[data-carousel-position="-1"],
.daily-universe-entry[data-carousel-ready] .planet-carousel-stage .solar-planet[data-carousel-position="1"] {
  z-index: 4;
  opacity: 0.86;
  pointer-events: auto;
}

.daily-universe-entry[data-carousel-ready] .planet-carousel-stage .solar-planet[data-carousel-position="-1"] {
  transform: translate3d(calc(-50% - min(28vw, 290px)), -47%, -26px) scale(0.72) rotateY(18deg);
}

.daily-universe-entry[data-carousel-ready] .planet-carousel-stage .solar-planet[data-carousel-position="1"] {
  transform: translate3d(calc(-50% + min(28vw, 290px)), -47%, -26px) scale(0.72) rotateY(-18deg);
}

.daily-universe-entry[data-carousel-ready] .planet-carousel-stage .solar-planet[data-carousel-position="-2"],
.daily-universe-entry[data-carousel-ready] .planet-carousel-stage .solar-planet[data-carousel-position="2"] {
  z-index: 2;
  opacity: 0.36;
}

.daily-universe-entry[data-carousel-ready] .planet-carousel-stage .solar-planet[data-carousel-position="-2"] {
  transform: translate3d(calc(-50% - min(49vw, 510px)), -43%, -140px) scale(0.48) rotateY(32deg);
}

.daily-universe-entry[data-carousel-ready] .planet-carousel-stage .solar-planet[data-carousel-position="2"] {
  transform: translate3d(calc(-50% + min(49vw, 510px)), -43%, -140px) scale(0.48) rotateY(-32deg);
}

.daily-universe-entry[data-carousel-ready] .planet-carousel-stage .planet-core {
  width: 132px;
  min-width: 132px;
  height: 132px;
  min-height: 132px;
  margin: 0 auto;
  border: 1px solid color-mix(in srgb, var(--planet-accent), transparent 42%);
  box-shadow: 0 0 34px color-mix(in srgb, var(--planet-color), transparent 40%), 18px 26px 40px rgba(0,0,0,.48), inset -18px -24px 30px rgba(0,0,0,.54), inset 10px 10px 24px rgba(255,255,255,.12);
}

.daily-universe-entry[data-carousel-ready] .planet-carousel-stage .planet-label {
  position: static;
  display: block;
  width: max-content;
  max-width: 160px;
  margin: 9px auto 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: 0.04em;
  text-shadow: 0 2px 12px #000;
  transform: none;
}

.daily-universe-entry[data-carousel-ready] .planet-carousel-stage .planet-action {
  display: none;
}

.daily-universe-entry .mobile-planet-controls button {
  width: 38px;
  min-width: 38px;
  padding: 0;
  font-size: 1.8rem;
  line-height: 1;
}

@media (min-width: 721px) {
  .daily-universe-entry .daily-universe-solar-system {
    display: block;
    min-height: 790px;
    padding: 0;
  }

  .daily-universe-entry .solar-copy {
    position: absolute;
    top: 96px;
    left: clamp(38px, 8vw, 142px);
    z-index: 12;
    display: block;
    max-width: 390px;
  }

  .daily-universe-entry .solar-copy h2 {
    max-width: 7.5ch;
    margin: 0;
    font-size: clamp(4rem, 7vw, 6.75rem);
  }

  .daily-universe-entry .solar-copy p {
    max-width: 270px;
    margin-top: 22px;
  }

  .daily-universe-entry[data-carousel-ready] .planet-carousel-stage {
    position: absolute;
    top: 76px;
    right: clamp(42px, 9vw, 156px);
    left: clamp(300px, 29vw, 450px);
    width: auto;
    min-width: 0;
    height: 505px;
    min-height: 505px;
    aspect-ratio: auto;
    transform: none !important;
  }

  .daily-universe-entry .universe-lil-point-navigator {
    top: 432px;
    z-index: 13;
  }

  .daily-universe-entry .mobile-planet-controls {
    position: absolute;
    z-index: 14;
    bottom: 190px;
    left: 50%;
    display: grid;
    width: min(260px, 28vw);
    grid-template-columns: 38px 1fr 38px;
    gap: 10px;
    align-items: center;
    transform: translateX(-50%);
  }

  .daily-universe-entry .mobile-planet-controls button,
  .daily-universe-entry .mobile-planet-controls span {
    min-height: 36px;
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 999px;
    background: rgba(2,2,8,0.72);
    color: #fff;
    font-size: 0.7rem;
    font-weight: 900;
    text-align: center;
  }

  .daily-universe-entry .mobile-planet-controls span {
    display: grid;
    place-items: center;
    color: var(--gold);
    letter-spacing: 0.08em;
  }

  .daily-universe-entry .travel-panel,
  .daily-universe-entry .cinematic-travel-panel {
    position: absolute;
    right: auto;
    bottom: 38px;
    left: 50%;
    z-index: 13;
    width: min(510px, calc(100% - 48px));
    max-width: none;
    margin: 0;
    transform: translateX(-50%);
    text-align: center;
  }

  .daily-universe-entry .travel-panel .planet-sitemap {
    display: none;
  }

  .daily-universe-entry .travel-panel a.button {
    margin-top: 2px;
  }
}

@media (max-width: 720px) {
  .daily-universe-entry .daily-universe-solar-system {
    min-height: 700px;
    height: 700px;
    padding-bottom: 0;
  }

  .daily-universe-entry .solar-copy {
    top: 34px;
    text-align: center;
  }

  .daily-universe-entry .solar-copy h2 {
    max-width: 11ch;
    margin-inline: auto;
  }

  .daily-universe-entry .solar-copy p {
    display: none;
  }

  .daily-universe-entry .universe-lil-point-navigator {
    top: 204px;
    right: 8px;
    width: 58px;
  }

  .daily-universe-entry[data-carousel-ready] .planet-carousel-stage {
    position: absolute;
    top: 168px;
    right: 0;
    left: 0;
    bottom: auto;
    height: 268px;
    min-height: 268px;
    mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);
  }

  .daily-universe-entry[data-carousel-ready] .planet-carousel-stage .solar-planet {
    width: 154px;
    min-width: 154px;
    min-height: 162px;
  }

  .daily-universe-entry[data-carousel-ready] .planet-carousel-stage .planet-core {
    width: 116px;
    min-width: 116px;
    height: 116px;
    min-height: 116px;
  }

  .daily-universe-entry[data-carousel-ready] .planet-carousel-stage .solar-planet[data-carousel-position="-1"] {
    transform: translate3d(calc(-50% - 34vw), -47%, -26px) scale(0.66) rotateY(18deg);
  }

  .daily-universe-entry[data-carousel-ready] .planet-carousel-stage .solar-planet[data-carousel-position="1"] {
    transform: translate3d(calc(-50% + 34vw), -47%, -26px) scale(0.66) rotateY(-18deg);
  }

  .daily-universe-entry .mobile-planet-controls {
    top: 444px;
    bottom: auto;
    grid-template-columns: 38px 1fr 38px;
  }

  .daily-universe-entry .travel-panel,
  .daily-universe-entry .cinematic-travel-panel {
    top: auto;
    bottom: 18px;
    max-height: 174px;
    text-align: center;
  }

  .daily-universe-entry .travel-panel > span {
    display: none;
  }

  .daily-universe-entry .travel-panel p {
    display: none;
  }

  .daily-universe-entry .travel-panel a.button {
    width: min(100%, 250px);
    margin-inline: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .daily-universe-entry[data-carousel-ready] .planet-carousel-stage .solar-planet {
    transition: none;
  }
}

/* Keep the universe map in the normal document flow when it is used as the daily-home entry point. */
@media (max-width: 720px) {
  .daily-universe-entry .daily-universe-solar-system {
    min-height: 690px;
    height: 690px;
  }

  .daily-universe-entry .travel-panel,
  .daily-universe-entry .cinematic-travel-panel {
    position: absolute;
    top: auto;
    bottom: 20px;
  }

  .daily-universe-entry .solar-stage,
  .daily-universe-entry .cinematic-fallback-stage {
    position: absolute;
    top: auto;
    bottom: 170px;
  }

  .daily-universe-entry .mobile-planet-controls {
    position: absolute;
    top: auto;
    bottom: 142px;
  }
}

/* daPoint Hardwood Hoops — interest-only launch page */
.football-squares-page {
  --squares-bg: #030812;
  --squares-surface: #091323;
  --squares-panel: #0d192a;
  --squares-line: rgba(192, 218, 255, 0.16);
  --squares-muted: rgba(230, 239, 255, 0.59);
  --squares-blue: #2998ff;
  --squares-gold: #e7b54b;
  background: var(--squares-bg);
}

.football-squares-page main {
  background:
    radial-gradient(circle at 18% 10%, rgba(41, 152, 255, 0.12), transparent 29%),
    radial-gradient(circle at 82% 9%, rgba(231, 181, 75, 0.08), transparent 26%),
    var(--squares-bg);
}

.football-squares-shell {
  width: min(1460px, calc(100% - 40px));
  margin: 0 auto;
  padding: 28px 0 92px;
  color: #f7fbff;
}

.football-squares-topline {
  display: grid;
  grid-template-columns: auto minmax(220px, 1fr) auto auto;
  gap: 24px;
  align-items: center;
  min-height: 56px;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--squares-line);
}

.football-squares-mark {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  gap: 10px;
  color: #fff;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 18px;
  line-height: .77;
  letter-spacing: .025em;
}

.football-squares-mark img {
  width: 38px;
  height: 38px;
  object-fit: contain;
}

.football-squares-mark strong { color: var(--squares-blue); font-weight: 400; }

.football-squares-topline nav { display: flex; justify-self: center; gap: 28px; }
.football-squares-topline nav a, .football-squares-account, .football-squares-community a { color: var(--squares-muted); font-size: 11px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.football-squares-topline nav a:hover, .football-squares-account:hover, .football-squares-community a:hover { color: #fff; }
.football-squares-community { white-space: nowrap; }
.football-squares-account { justify-self: end; color: #fff; }

.football-squares-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 328px;
  gap: clamp(26px, 3.8vw, 60px);
  align-items: start;
  padding-top: clamp(34px, 5vw, 70px);
}

.football-squares-gamebar {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: end;
  padding-bottom: 25px;
  border-bottom: 1px solid var(--squares-line);
}

.football-squares-week, .football-squares-summary > p {
  margin: 0 0 9px;
  color: var(--squares-blue);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .15em;
}

.football-squares-gamebar h1 {
  margin: 0;
  color: #fff;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(42px, 5.1vw, 76px);
  font-weight: 400;
  line-height: .92;
  letter-spacing: .01em;
  text-transform: uppercase;
}

.football-squares-gamebar > div > p:not(.football-squares-week) {
  margin: 13px 0 0;
  color: var(--squares-muted);
  font-size: 14px;
}

.football-squares-countdown { min-width: 154px; padding-bottom: 3px; text-align: right; }
.football-squares-countdown span { display: block; color: var(--squares-muted); font-size: 9px; font-weight: 800; letter-spacing: .13em; }
.football-squares-countdown strong { display: block; margin-top: 6px; color: var(--squares-gold); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 22px; letter-spacing: .04em; }

.football-squares-reveal {
  display: flex;
  gap: 9px;
  align-items: center;
  margin: 24px 0 30px;
  color: var(--squares-muted);
  font-size: 13px;
}
.football-squares-reveal span { color: var(--squares-blue); font-size: 20px; }
.football-squares-reveal strong { color: #eef6ff; }

.football-squares-board-wrap { position: relative; padding: 29px 0 0 29px; }
.football-squares-axis { position: absolute; color: rgba(227, 239, 255, .46); font-size: 8px; font-weight: 800; letter-spacing: .13em; white-space: nowrap; }
.football-squares-away { top: 6px; left: 31px; }
.football-squares-home { left: -5px; top: 51%; transform: rotate(-90deg) translateX(-50%); transform-origin: left top; }

.football-squares-grid {
  display: grid;
  grid-template-columns: 30px repeat(10, minmax(0, 1fr));
  border: 1px solid var(--squares-line);
  background: #07111f;
  box-shadow: 0 30px 70px rgba(0, 0, 0, .28);
}

.football-squares-corner, .football-squares-digit {
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  border-right: 1px solid var(--squares-line);
  border-bottom: 1px solid var(--squares-line);
  color: var(--squares-gold);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: clamp(10px, 1.2vw, 14px);
  font-weight: 700;
}
.football-squares-corner { color: rgba(230, 239, 255, .38); font-size: 9px; }
.football-squares-col-digit:nth-child(11), .football-squares-cell:nth-child(11n) { border-right: 0; }
.football-squares-row-digit { font-size: 11px; }

.football-squares-cell {
  position: relative;
  display: grid;
  place-items: center;
  min-width: 0;
  aspect-ratio: 1;
  padding: 4px;
  overflow: hidden;
  border: 0;
  border-right: 1px solid var(--squares-line);
  border-bottom: 1px solid var(--squares-line);
  background: rgba(255, 255, 255, .006);
  color: rgba(255, 255, 255, .78);
  cursor: pointer;
  font: 700 clamp(7px, .78vw, 11px)/1.1 Arial, sans-serif;
  overflow-wrap: anywhere;
  transition: background .16s ease, box-shadow .16s ease;
}
.football-squares-cell-id {
  position: absolute;
  top: 3px;
  left: 4px;
  color: rgba(230, 239, 255, .42);
  font: 700 clamp(5px, .48vw, 8px)/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}
.football-squares-cell-name { max-width: 100%; padding: 7px 2px 1px; overflow-wrap: anywhere; }
.football-squares-cell:hover:not(:disabled), .football-squares-cell:focus-visible { z-index: 2; background: rgba(41, 152, 255, .2); box-shadow: inset 0 0 0 1px var(--squares-blue); outline: 0; }
.football-squares-cell:disabled { cursor: default; }
.football-squares-cell.is-claimed { background: rgba(255, 255, 255, .06); color: #e7f2ff; }
.football-squares-cell.is-confirmed { background: rgba(61, 195, 117, .14); }
.football-squares-cell.is-mine { box-shadow: inset 0 0 0 1px var(--squares-gold); color: #fff4cd; }
.football-squares-cell.is-selected { background: rgba(41, 152, 255, .38); color: #fff; }

.football-squares-board-note { margin: 14px 0 0 29px; color: var(--squares-muted); font-size: 12px; }

.football-squares-schedule {
  display: grid;
  grid-template-columns: 1fr 118px minmax(210px, 1.3fr);
  gap: 16px;
  align-items: end;
  margin-top: 44px;
  padding-top: 28px;
  border-top: 1px solid var(--squares-line);
}
.football-squares-schedule h2 { margin: 0; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: 27px; font-weight: 400; text-transform: uppercase; }
.football-squares-schedule p { margin: 5px 0 0; color: var(--squares-muted); font-size: 12px; }
.football-squares-schedule label { display: grid; gap: 7px; color: var(--squares-muted); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.football-squares-schedule select { width: 100%; min-height: 42px; border: 1px solid var(--squares-line); border-radius: 0; background: #0a1525; color: #eef6ff; padding: 0 11px; font: 600 12px Arial, sans-serif; }

.football-squares-summary {
  position: sticky;
  top: 22px;
  padding: 27px 25px;
  border: 1px solid var(--squares-line);
  background: linear-gradient(150deg, rgba(18, 37, 63, .96), rgba(7, 15, 28, .98));
  box-shadow: 0 28px 68px rgba(0, 0, 0, .36);
}
.football-squares-summary h2 { margin: 0; color: #fff; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: 28px; font-weight: 400; line-height: .96; text-transform: uppercase; }
.football-squares-pricing { display: grid; grid-template-columns: 1fr 1fr; margin: 23px 0 0; border-top: 1px solid var(--squares-line); border-bottom: 1px solid var(--squares-line); }
.football-squares-pricing div { padding: 16px 0; }
.football-squares-pricing div + div { padding-left: 18px; border-left: 1px solid var(--squares-line); }
.football-squares-pricing dt { color: var(--squares-muted); font-size: 10px; }
.football-squares-pricing dd { margin: 5px 0 0; color: var(--squares-gold); font: 400 24px/1 Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; }
.football-squares-availability { display: flex; align-items: baseline; gap: 7px; padding: 20px 0 17px; }
.football-squares-availability strong { color: #fff; font: 400 39px/1 Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; }
.football-squares-availability span { color: var(--squares-muted); font-size: 12px; }
.football-squares-selection { border-top: 1px solid var(--squares-line); padding: 16px 0 0; }
.football-squares-selection > span { display: block; color: var(--squares-blue); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.football-squares-selection p { margin: 9px 0 0; color: var(--squares-muted); font-size: 11px; line-height: 1.45; }
.football-squares-selection label { display: grid; grid-template-columns: 16px 1fr; gap: 9px; margin-top: 11px; color: var(--squares-muted); font-size: 11px; line-height: 1.4; }
.football-squares-selection input { margin: 1px 0 0; accent-color: var(--squares-blue); }
.football-squares-actions { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 16px; }
.football-squares-actions .button { justify-content: center; width: 100%; min-height: 44px; font-size: 12px; }
.football-squares-actions .button:disabled { opacity: .45; cursor: not-allowed; }
.football-squares-status { min-height: 17px; margin: 12px 0 0; color: var(--squares-muted); font-size: 11px; line-height: 1.4; }
.football-squares-status[data-tone="success"] { color: #7ee8a8; }
.football-squares-status[data-tone="error"] { color: #ff9a9a; }
.football-squares-payouts { margin-top: 20px; padding-top: 17px; border-top: 1px solid var(--squares-line); }
.football-squares-payouts h3, .football-squares-how h3 { margin: 0 0 11px; color: #fff; font-size: 12px; letter-spacing: .09em; text-transform: uppercase; }
.football-squares-payouts div { display: flex; justify-content: space-between; padding: 7px 0; color: var(--squares-muted); font-size: 12px; }
.football-squares-payouts b { color: #fff; }
.football-squares-how { margin-top: 18px; padding-top: 17px; border-top: 1px solid var(--squares-line); }
.football-squares-how ol { display: grid; gap: 8px; margin: 0; padding-left: 18px; color: var(--squares-muted); font-size: 11px; line-height: 1.45; }
.football-squares-how small { display: block; margin-top: 16px; color: rgba(230, 239, 255, .42); font-size: 9px; line-height: 1.45; }
.football-squares-admin { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--squares-line); }
.football-squares-admin[hidden] { display: none; }
.football-squares-admin > p { color: var(--squares-muted); font-size: 11px; line-height: 1.45; }
.football-squares-admin form { display: grid; gap: 10px; }
.football-squares-admin label { display: grid; gap: 5px; color: var(--squares-muted); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.football-squares-admin input { width: 100%; min-height: 38px; box-sizing: border-box; border: 1px solid var(--squares-line); background: #07111f; color: #fff; padding: 8px 10px; font: 600 12px Arial, sans-serif; }
.football-squares-admin-list { display: grid; gap: 6px; max-height: 220px; margin-top: 15px; overflow: auto; }
.football-squares-admin-list > p { color: var(--squares-muted); font-size: 11px; }
.football-squares-admin-list > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 7px 0; border-bottom: 1px solid var(--squares-line); color: var(--squares-muted); font-size: 11px; }
.football-squares-admin-list button { border: 0; background: transparent; color: #ffaaaa; cursor: pointer; font: 700 10px Arial, sans-serif; text-transform: uppercase; }
.football-squares-footer { display: flex; justify-content: space-between; gap: 20px; margin-top: 54px; padding-top: 18px; border-top: 1px solid var(--squares-line); color: rgba(230, 239, 255, .45); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.football-squares-footer span:last-child { display: flex; gap: 17px; }
.football-squares-footer a { color: rgba(230, 239, 255, .65); }
.football-squares-footer a:hover { color: #fff; }

.football-squares-home-shell {
  padding-bottom: 58px;
}

.squares-home-hero {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
  gap: clamp(42px, 6vw, 92px);
  align-items: center;
  min-height: min(760px, calc(100svh - 106px));
  padding: clamp(54px, 7vw, 104px) 0;
  border-bottom: 1px solid var(--squares-line);
}

.squares-home-hero-copy h1,
.squares-home-section-heading h2,
.squares-home-guide h2,
.squares-home-rules h2,
.squares-home-support h2,
.squares-home-community h2 {
  margin: 0;
  color: #fff;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-weight: 400;
  letter-spacing: .012em;
  text-transform: uppercase;
}

.squares-home-hero-copy h1 {
  max-width: 760px;
  font-size: clamp(58px, 7.2vw, 112px);
  line-height: .86;
}

.squares-home-hero-copy > p:not(.squares-home-credit-notice) {
  max-width: 670px;
  margin: 26px 0 0;
  color: var(--squares-muted);
  font-size: clamp(14px, 1.25vw, 18px);
  line-height: 1.65;
}

.squares-home-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.squares-home-hero-actions .button {
  min-height: 48px;
  padding-inline: 22px;
  font-size: 12px;
}

.squares-home-credit-notice {
  display: grid;
  gap: 8px;
  max-width: 680px;
  margin: 29px 0 0;
  padding: 18px 0 0;
  border-top: 1px solid var(--squares-line);
}

.squares-home-credit-notice strong {
  color: var(--squares-gold);
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.squares-home-credit-notice span {
  color: rgba(230, 239, 255, .46);
  font-size: 10px;
  line-height: 1.55;
}

.squares-home-hero-art {
  position: relative;
  margin: 0;
}

.squares-home-hero-art::before {
  content: "";
  position: absolute;
  inset: 11% 8%;
  border: 1px solid rgba(41, 152, 255, .22);
  background: rgba(41, 152, 255, .07);
  transform: translate(18px, 18px);
}

.squares-home-hero-art img {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1.13;
  object-fit: cover;
  object-position: center;
  border: 1px solid var(--squares-line);
  box-shadow: 0 42px 100px rgba(0, 0, 0, .5);
}

.squares-home-hero-art figcaption {
  position: relative;
  margin-top: 13px;
  color: rgba(230, 239, 255, .48);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.squares-home-live {
  padding: clamp(64px, 8vw, 116px) 0;
  border-bottom: 1px solid var(--squares-line);
}

.squares-home-section-heading {
  display: grid;
  grid-template-columns: minmax(240px, .72fr) minmax(280px, 1.28fr);
  gap: 32px;
  align-items: end;
  margin-bottom: 46px;
}

.squares-home-section-heading h2,
.squares-home-guide h2,
.squares-home-rules h2,
.squares-home-support h2,
.squares-home-community h2 {
  font-size: clamp(40px, 5vw, 72px);
  line-height: .92;
}

.squares-home-section-heading p,
.squares-home-guide p,
.squares-home-rules p,
.squares-home-support p,
.squares-home-community p {
  margin: 0;
  color: var(--squares-muted);
  font-size: 15px;
  line-height: 1.65;
}

.squares-home-live .football-squares-layout {
  padding-top: 0;
}

.squares-home-guide,
.squares-home-rules {
  display: grid;
  grid-template-columns: minmax(340px, .86fr) minmax(0, 1.14fr);
  gap: clamp(40px, 7vw, 104px);
  align-items: center;
  padding: clamp(72px, 9vw, 132px) 0;
  border-bottom: 1px solid var(--squares-line);
}

.squares-home-guide figure {
  margin: 0;
}

.squares-home-guide figure img,
.squares-home-rules-poster img {
  display: block;
  width: 100%;
  border: 1px solid var(--squares-line);
  box-shadow: 0 36px 88px rgba(0, 0, 0, .4);
}

.squares-home-guide ol {
  display: grid;
  gap: 17px;
  margin: 31px 0 29px;
  padding-left: 22px;
  color: var(--squares-muted);
  font-size: 14px;
  line-height: 1.55;
}

.squares-home-guide li::marker {
  color: var(--squares-blue);
  font-weight: 900;
}

.squares-home-guide li strong {
  color: #fff;
}

.squares-home-guide .button {
  min-height: 46px;
}

.squares-home-rules {
  grid-template-columns: minmax(0, 1fr) minmax(340px, .78fr);
}

.squares-home-rules p {
  margin-top: 25px;
}

.squares-home-rules ul {
  display: grid;
  gap: 10px;
  margin: 27px 0 0;
  padding-left: 20px;
  color: var(--squares-muted);
  font-size: 13px;
  line-height: 1.45;
}

.squares-home-rules li::marker {
  color: var(--squares-gold);
}

.squares-home-rules-poster {
  display: grid;
  gap: 12px;
  color: var(--squares-blue);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.squares-home-support {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 40px;
  align-items: end;
  padding: 58px 0;
  border-bottom: 1px solid var(--squares-line);
}

.squares-home-support h2 {
  font-size: clamp(38px, 4vw, 62px);
}

.squares-home-support p {
  max-width: 820px;
  margin-top: 18px;
}

.squares-home-community {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr) auto;
  gap: 30px;
  align-items: center;
  margin: clamp(70px, 9vw, 126px) 0 0;
  padding: clamp(28px, 4vw, 52px);
  border: 1px solid var(--squares-line);
  background: linear-gradient(115deg, rgba(41, 152, 255, .16), rgba(231, 181, 75, .08) 62%, rgba(7, 17, 31, .8));
}

.squares-home-community > img {
  width: 70px;
  height: 70px;
  object-fit: contain;
}

.squares-home-community h2 {
  font-size: clamp(30px, 3.4vw, 54px);
}

.squares-home-community p {
  max-width: 800px;
  margin-top: 11px;
  font-size: 13px;
}

.squares-home-community .button,
.squares-home-support .button {
  min-height: 48px;
  white-space: nowrap;
}

@media (max-width: 1050px) {
  .football-squares-layout { grid-template-columns: minmax(0, 1fr) 290px; gap: 26px; }
  .football-squares-shell { width: min(100% - 30px, 1460px); }
}

@media (max-width: 850px) {
  .football-squares-layout { grid-template-columns: 1fr; }
  .football-squares-summary { position: static; }
  .football-squares-topline { grid-template-columns: 1fr auto auto; gap: 14px; }
  .football-squares-topline nav { display: none; }
  .football-squares-schedule { grid-template-columns: 1fr 110px; }
  .football-squares-schedule > div { grid-column: 1 / -1; }
  .squares-home-hero { grid-template-columns: 1fr; }
  .squares-home-hero-art { width: min(100%, 720px); }
  .squares-home-section-heading { grid-template-columns: 1fr; }
  .squares-home-guide, .squares-home-rules { grid-template-columns: 1fr; }
  .squares-home-rules-poster { width: min(100%, 610px); }
  .squares-home-community { grid-template-columns: 58px 1fr; }
  .squares-home-community > img { width: 58px; height: 58px; }
  .squares-home-community .button { grid-column: 2; justify-self: start; }
}

@media (max-width: 570px) {
  .football-squares-shell { width: min(100% - 22px, 1460px); padding-top: 18px; }
  .football-squares-topline { grid-template-columns: 1fr auto; }
  .football-squares-community { display: none; }
  .football-squares-gamebar { display: block; }
  .football-squares-countdown { margin-top: 21px; text-align: left; }
  .football-squares-gamebar h1 { font-size: 43px; }
  .football-squares-reveal { align-items: flex-start; font-size: 12px; }
  .football-squares-board-wrap { padding-left: 21px; padding-top: 22px; }
  .football-squares-grid { grid-template-columns: 20px repeat(10, minmax(0, 1fr)); }
  .football-squares-corner, .football-squares-digit { font-size: 9px; }
  .football-squares-cell { padding: 1px; font-size: 6px; }
  .football-squares-cell-id { top: 2px; left: 2px; font-size: 4px; }
  .football-squares-board-note { margin-left: 21px; }
  .football-squares-home { left: -2px; font-size: 6px; }
  .football-squares-away { left: 22px; font-size: 6px; }
  .football-squares-schedule { grid-template-columns: 1fr; }
  .football-squares-schedule > div { grid-column: auto; }
  .football-squares-footer { display: grid; font-size: 8px; }
  .squares-home-hero { min-height: 0; padding: 48px 0 62px; }
  .squares-home-hero-copy h1 { font-size: 52px; }
  .squares-home-hero-actions { display: grid; }
  .squares-home-hero-actions .button { width: 100%; justify-content: center; }
  .squares-home-section-heading h2, .squares-home-guide h2, .squares-home-rules h2 { font-size: 42px; }
  .squares-home-guide, .squares-home-rules { padding: 68px 0; }
  .squares-home-guide { display: flex; flex-direction: column-reverse; }
  .squares-home-support { grid-template-columns: 1fr; align-items: start; }
  .squares-home-support .button { justify-self: start; }
  .squares-home-community { grid-template-columns: 1fr; padding: 26px 22px; }
  .squares-home-community .button { grid-column: auto; justify-self: stretch; justify-content: center; }
}

.fantasy-league-page {
  --fantasy-gold: #f5bd3d;
  --fantasy-blue: #1558e8;
  --fantasy-orange: #f07a12;
  background: #030303;
}

.fantasy-league-hero {
  display: grid;
  grid-template-columns: minmax(280px, 0.82fr) minmax(360px, 1.18fr);
  align-items: center;
  gap: clamp(30px, 6vw, 90px);
  min-height: min(860px, calc(100svh - 84px));
  padding: clamp(52px, 8vw, 112px) max(24px, calc((100vw - 1280px) / 2));
  background:
    radial-gradient(circle at 24% 46%, rgba(21, 88, 232, 0.2), transparent 34%),
    radial-gradient(circle at 78% 32%, rgba(245, 189, 61, 0.16), transparent 35%),
    linear-gradient(135deg, #020204, #0b0b0f 58%, #030303);
  overflow: hidden;
}

.fantasy-league-hero-art {
  position: relative;
}

.fantasy-league-hero-art::before {
  content: "";
  position: absolute;
  inset: 12% 8%;
  border-radius: 50%;
  background: rgba(245, 189, 61, 0.18);
  filter: blur(60px);
}

.fantasy-league-hero-art img {
  position: relative;
  width: 100%;
  max-width: 620px;
  margin-inline: auto;
  filter: drop-shadow(0 24px 55px rgba(0, 0, 0, 0.58));
}

.fantasy-league-hero-copy h1 {
  max-width: 760px;
  margin: 14px 0 20px;
  font-size: clamp(3.4rem, 7.5vw, 7.4rem);
  line-height: 0.87;
  letter-spacing: -0.055em;
  text-transform: uppercase;
}

.fantasy-league-hero-copy > p:not(.section-kicker):not(.fantasy-no-payment) {
  max-width: 720px;
  font-size: clamp(1.05rem, 1.6vw, 1.35rem);
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.76);
}

.fantasy-league-hero-actions,
.fantasy-auth-actions,
.fantasy-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.fantasy-no-payment {
  max-width: 700px;
  margin-top: 24px;
  padding: 15px 18px;
  border: 1px solid rgba(245, 189, 61, 0.35);
  border-radius: 12px;
  background: rgba(245, 189, 61, 0.075);
  color: rgba(255, 255, 255, 0.76);
}

.fantasy-league-numbers {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: min(1180px, calc(100% - 48px));
  margin: -34px auto 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  background: rgba(8, 8, 12, 0.94);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.48);
  backdrop-filter: blur(18px);
}

.fantasy-league-numbers article {
  padding: clamp(22px, 4vw, 42px);
  text-align: center;
}

.fantasy-league-numbers article + article {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.fantasy-league-numbers span,
.fantasy-plan-grid span,
.sports-fantasy-league span {
  color: var(--fantasy-gold);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.fantasy-league-numbers strong {
  display: block;
  margin: 7px 0 1px;
  font-size: clamp(2.6rem, 6vw, 5.4rem);
  line-height: 1;
}

.fantasy-league-numbers p {
  margin: 0;
  color: rgba(255, 255, 255, 0.58);
}

.fantasy-interest-section,
.fantasy-league-plan,
.fantasy-sponsor-callout {
  width: min(1180px, calc(100% - 48px));
  margin-inline: auto;
}

.fantasy-interest-section {
  display: grid;
  grid-template-columns: 0.88fr 1.12fr;
  gap: clamp(28px, 5vw, 72px);
  padding-block: clamp(80px, 11vw, 150px);
}

.fantasy-interest-copy h2,
.fantasy-league-plan h2,
.fantasy-sponsor-callout h2 {
  margin: 10px 0 18px;
  font-size: clamp(2.4rem, 5vw, 4.8rem);
  line-height: 0.98;
  letter-spacing: -0.04em;
}

.fantasy-interest-copy h2 span {
  color: var(--fantasy-gold);
}

.fantasy-interest-copy > p:not(.section-kicker) {
  color: rgba(255, 255, 255, 0.68);
  font-size: 1.08rem;
  line-height: 1.65;
}

.fantasy-interest-notice {
  margin-top: 30px;
  padding: 20px;
  border-left: 3px solid var(--fantasy-blue);
  background: rgba(21, 88, 232, 0.09);
}

.fantasy-interest-notice p {
  margin: 6px 0 0;
  color: rgba(255, 255, 255, 0.66);
  line-height: 1.55;
}

.fantasy-interest-panel {
  padding: clamp(24px, 4vw, 42px);
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.025));
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.34);
}

.fantasy-interest-panel [hidden] {
  display: none !important;
}

.fantasy-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.fantasy-form-grid label,
.fantasy-check {
  display: grid;
  gap: 8px;
  color: rgba(255, 255, 255, 0.84);
  font-size: 0.86rem;
  font-weight: 750;
}

.fantasy-form-grid label small {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 500;
}

.fantasy-form-grid input,
.fantasy-form-grid select {
  min-height: 50px;
  width: 100%;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 10px;
  background: #0b0b10;
  color: #fff;
  font: inherit;
}

.fantasy-form-wide {
  grid-column: 1 / -1;
}

.fantasy-check {
  grid-template-columns: 22px 1fr;
  align-items: start;
  margin-top: 18px;
  line-height: 1.45;
}

.fantasy-check input {
  width: 18px;
  height: 18px;
  margin-top: 1px;
  accent-color: var(--fantasy-blue);
}

.fantasy-form-status {
  min-height: 24px;
  margin: 18px 0 0;
  color: rgba(255, 255, 255, 0.68);
}

.fantasy-form-status[data-tone="success"] { color: #7deba4; }
.fantasy-form-status[data-tone="error"] { color: #ff9696; }

.fantasy-league-plan {
  padding: clamp(60px, 9vw, 120px) 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.fantasy-plan-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  margin-top: 38px;
}

.fantasy-plan-grid article {
  padding: clamp(24px, 4vw, 38px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

.fantasy-plan-grid h3 {
  margin: 10px 0 12px;
  font-size: clamp(1.5rem, 3vw, 2.2rem);
}

.fantasy-plan-grid p {
  margin: 0;
  color: rgba(255, 255, 255, 0.63);
  line-height: 1.6;
}

.fantasy-sponsor-callout {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 36px;
  margin-bottom: clamp(80px, 10vw, 140px);
  padding: clamp(30px, 6vw, 62px);
  border: 1px solid rgba(245, 189, 61, 0.3);
  border-radius: 24px;
  background:
    linear-gradient(120deg, rgba(245, 189, 61, 0.13), rgba(21, 88, 232, 0.08)),
    #08080c;
}

.fantasy-sponsor-callout h2 {
  max-width: 760px;
}

.fantasy-sponsor-callout p:not(.section-kicker) {
  max-width: 790px;
  color: rgba(255, 255, 255, 0.68);
  line-height: 1.6;
}

.sports-fantasy-league {
  display: grid;
  grid-template-columns: minmax(120px, 190px) 1fr auto;
  align-items: center;
  gap: clamp(22px, 4vw, 48px);
  width: min(1180px, calc(100% - 48px));
  margin: clamp(36px, 6vw, 76px) auto;
  padding: clamp(22px, 4vw, 42px);
  border: 1px solid rgba(245, 189, 61, 0.28);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(245, 189, 61, 0.11), rgba(21, 88, 232, 0.08));
}

.sports-fantasy-league img {
  width: 100%;
  border-radius: 14px;
}

.sports-fantasy-league h2 {
  margin: 8px 0;
  font-size: clamp(1.7rem, 3.6vw, 3.2rem);
  line-height: 1;
}

.sports-fantasy-league p {
  margin: 0;
  color: rgba(255, 255, 255, 0.66);
  line-height: 1.5;
}

@media (max-width: 860px) {
  .fantasy-league-hero,
  .fantasy-interest-section,
  .fantasy-sponsor-callout,
  .sports-fantasy-league {
    grid-template-columns: 1fr;
  }

  .fantasy-league-hero {
    padding-top: 40px;
  }

  .fantasy-league-hero-art img {
    max-width: 460px;
  }

  .fantasy-league-hero-copy {
    text-align: center;
  }

  .fantasy-league-hero-copy > p,
  .fantasy-no-payment {
    margin-inline: auto;
  }

  .fantasy-league-hero-actions,
  .fantasy-auth-actions {
    justify-content: center;
  }

  .fantasy-sponsor-callout,
  .sports-fantasy-league {
    align-items: start;
  }

  .sports-fantasy-league img {
    max-width: 220px;
  }
}

@media (max-width: 620px) {
  .fantasy-league-numbers {
    grid-template-columns: 1fr;
    margin-top: 24px;
  }

  .fantasy-league-numbers article + article {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 0;
  }

  .fantasy-interest-section,
  .fantasy-league-plan,
  .fantasy-sponsor-callout,
  .sports-fantasy-league,
  .fantasy-league-numbers {
    width: min(100% - 28px, 1180px);
  }

  .fantasy-form-grid,
  .fantasy-plan-grid {
    grid-template-columns: 1fr;
  }

  .fantasy-form-wide {
    grid-column: auto;
  }
}

/* daPoint Sports Desk */
.sports-live-ticker {
  --ticker-blue: #1688ff;
  --ticker-red: #df233e;
  --ticker-gold: #e0ad19;
  position: relative;
  min-width: 0;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 84% 0%, rgba(22, 136, 255, 0.22), transparent 34%),
    #05070a;
}

.sports-live-ticker-large {
  min-height: 390px;
  border-block: 1px solid rgba(255, 255, 255, 0.16);
}

.sports-live-ticker-compact {
  border-bottom: 1px solid var(--daily-line, rgba(255, 255, 255, 0.14));
}

.sports-ticker-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  padding: 30px clamp(22px, 6vw, 100px) 24px;
}

.sports-live-ticker-compact .sports-ticker-header {
  align-items: center;
  padding: 18px clamp(24px, 3.2vw, 52px);
}

.sports-ticker-eyebrow {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--ticker-red);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.sports-ticker-eyebrow i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 5px rgba(223, 35, 62, 0.15);
}

.sports-live-ticker.has-live-games .sports-ticker-eyebrow i {
  animation: sports-live-pulse 1.4s ease-in-out infinite;
}

.sports-ticker-header h2 {
  margin: 10px 0 0;
  color: #fff;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(44px, 5vw, 78px);
  font-weight: 400;
  letter-spacing: -0.015em;
  line-height: 0.95;
  text-transform: uppercase;
}

.sports-live-ticker-compact .sports-ticker-header h2 {
  margin-top: 7px;
  font-size: clamp(27px, 2.6vw, 40px);
}

.sports-ticker-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.sports-ticker-actions > span,
.sports-ticker-actions button,
.sports-ticker-actions a {
  color: rgba(255, 255, 255, 0.7);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sports-live-ticker.has-live-games .sports-ticker-actions > span {
  color: var(--ticker-red);
}

.sports-ticker-actions button,
.sports-ticker-actions a {
  min-height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  padding: 0 12px;
  background: transparent;
}

.sports-ticker-actions button {
  cursor: pointer;
}

.sports-ticker-actions a {
  display: inline-flex;
  align-items: center;
  color: #fff;
}

.sports-ticker-actions button:hover,
.sports-ticker-actions button:focus-visible,
.sports-ticker-actions a:hover,
.sports-ticker-actions a:focus-visible {
  border-color: var(--ticker-blue);
  color: #fff;
  background: #0754ae;
}

.sports-ticker-viewport {
  width: 100%;
  overflow: hidden;
  padding: 22px 0;
  mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent);
}

.sports-live-ticker-compact .sports-ticker-viewport {
  padding: 12px 0 15px;
}

.sports-ticker-track {
  display: flex;
  width: max-content;
  will-change: transform;
  animation: sports-ticker-scroll var(--sports-ticker-duration, 72s) linear infinite;
}

.sports-live-ticker.is-paused .sports-ticker-track,
.sports-live-ticker.is-static .sports-ticker-track,
.sports-ticker-viewport:hover .sports-ticker-track,
.sports-ticker-viewport:focus-within .sports-ticker-track {
  animation-play-state: paused;
}

.sports-live-ticker.is-static .sports-ticker-track {
  width: 100%;
  animation: none;
  transform: none;
}

.sports-live-ticker.is-static .sports-ticker-empty {
  width: calc(100% - 36px);
}

.sports-ticker-set {
  display: flex;
  gap: 10px;
  padding-right: 10px;
}

.sports-ticker-card {
  display: flex;
  width: 330px;
  min-height: 188px;
  flex-direction: column;
  border: 1px solid rgba(255, 255, 255, 0.17);
  border-top: 4px solid #7d8795;
  padding: 14px;
  color: #fff;
  background: rgba(13, 17, 23, 0.96);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24);
}

.sports-live-ticker-compact .sports-ticker-card {
  width: 270px;
  min-height: 126px;
  border-top-width: 3px;
  padding: 10px 12px;
}

.sports-ticker-card-in { border-top-color: var(--ticker-red); }
.sports-ticker-card-post { border-top-color: var(--ticker-blue); }
.sports-ticker-card-pre { border-top-color: var(--ticker-gold); }

.sports-ticker-card:hover,
.sports-ticker-card:focus-visible {
  border-color: var(--ticker-blue);
  background: #101b2a;
}

.sports-ticker-card-top,
.sports-ticker-card-bottom,
.sports-ticker-team {
  display: flex;
  align-items: center;
}

.sports-ticker-card-top {
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.11);
  padding-bottom: 10px;
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sports-live-ticker-compact .sports-ticker-card-top {
  padding-bottom: 7px;
}

.sports-ticker-card-top > b {
  color: var(--ticker-blue);
}

.sports-ticker-card-top em {
  color: rgba(255, 255, 255, 0.66);
  font-style: normal;
  font-weight: 900;
}

.sports-ticker-card-top em.is-live {
  color: var(--ticker-red);
}

.sports-ticker-matchup {
  display: grid;
  gap: 4px;
  margin: 10px 0;
}

.sports-live-ticker-compact .sports-ticker-matchup {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 8px 0 5px;
}

.sports-ticker-team {
  min-width: 0;
  gap: 9px;
}

.sports-ticker-logo {
  display: grid;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  place-items: center;
}

.sports-live-ticker-compact .sports-ticker-logo {
  width: 22px;
  height: 22px;
  flex-basis: 22px;
}

.sports-ticker-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sports-ticker-logo b {
  color: rgba(255, 255, 255, 0.62);
  font-size: 9px;
}

.sports-ticker-team > strong {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sports-live-ticker-compact .sports-ticker-team > strong {
  font-size: 10px;
}

.sports-ticker-score {
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 22px;
  font-weight: 400;
}

.sports-live-ticker-compact .sports-ticker-score {
  font-size: 17px;
}

.sports-ticker-team.is-winner > strong,
.sports-ticker-team.is-winner > .sports-ticker-score {
  color: #65afff;
}

.sports-ticker-card-bottom {
  min-width: 0;
  margin-top: auto;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.48);
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sports-ticker-empty,
.sports-ticker-loading {
  display: flex;
  min-width: min(680px, calc(100vw - 36px));
  min-height: 120px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-inline: 18px;
  padding: 24px;
  color: rgba(255, 255, 255, 0.68);
  background: rgba(255, 255, 255, 0.035);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-align: center;
  text-transform: uppercase;
}

.sports-live-ticker > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 15px clamp(22px, 6vw, 100px);
  color: rgba(255, 255, 255, 0.5);
  font-size: 10px;
  text-transform: uppercase;
}

.sports-live-ticker > footer a {
  color: #65afff;
  font-weight: 900;
}

@keyframes sports-ticker-scroll {
  to { transform: translateX(-50%); }
}

@keyframes sports-live-pulse {
  50% { opacity: 0.45; transform: scale(0.72); }
}

.global-nav-submenu.global-sports-submenu > div {
  width: 310px;
}

.sports-desk-page {
  --sports-blue: #1688ff;
  --sports-blue-deep: #0754ae;
  --sports-gold: #e0ad19;
  --sports-ink: #05070a;
  --sports-panel: #0b0e13;
  --sports-line: rgba(255, 255, 255, 0.14);
  background: #050505;
}

.sports-desk-page main {
  overflow: hidden;
}

.sports-desk-page main > section.sports-desk-hero {
  position: relative;
  display: grid;
  min-height: 650px;
  grid-template-columns: minmax(0, 1.35fr) minmax(310px, 0.65fr);
  align-items: end;
  gap: clamp(34px, 6vw, 100px);
  padding: clamp(150px, 12vw, 190px) clamp(24px, 6vw, 100px) clamp(68px, 7vw, 96px);
  border-bottom: 1px solid var(--sports-line);
  background:
    linear-gradient(90deg, rgba(5, 5, 5, 0.96) 0%, rgba(5, 5, 5, 0.74) 48%, rgba(5, 5, 5, 0.9) 100%),
    radial-gradient(circle at 78% 26%, rgba(22, 136, 255, 0.42), transparent 29%),
    linear-gradient(135deg, #03070c 0%, #07182c 55%, #050505 100%);
}

.sports-desk-hero::before,
.sports-desk-hero::after {
  position: absolute;
  pointer-events: none;
  content: "";
}

.sports-desk-hero::before {
  top: 21%;
  right: -11vw;
  width: min(58vw, 820px);
  aspect-ratio: 1;
  border: 2px solid rgba(255, 255, 255, 0.09);
  border-radius: 50%;
  box-shadow: inset 0 0 0 10vw rgba(255, 255, 255, 0.018);
}

.sports-desk-hero::after {
  inset: auto 0 17% 43%;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(224, 173, 25, 0.72), transparent);
  transform: rotate(-10deg);
}

.sports-hero-copy,
.sports-priority-board {
  position: relative;
  z-index: 1;
}

.sports-desk-mark {
  margin: 0 0 22px;
  color: var(--sports-gold);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.sports-hero-copy h1 {
  max-width: 900px;
  margin: 0;
  color: #fff;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(60px, 7.5vw, 126px);
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 0.86;
  text-transform: uppercase;
}

.sports-hero-copy > p:not(.sports-desk-mark) {
  max-width: 760px;
  margin: 30px 0 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: clamp(17px, 1.35vw, 22px);
  line-height: 1.55;
}

.sports-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 34px;
}

.sports-priority-board {
  border-top: 4px solid var(--sports-blue);
  padding: 24px;
  background: rgba(4, 7, 11, 0.84);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.36);
  backdrop-filter: blur(18px);
}

.sports-priority-board > span {
  color: var(--sports-gold);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.sports-priority-board ol {
  margin: 18px 0;
  padding: 0;
  list-style: none;
}

.sports-priority-board li {
  display: flex;
  min-height: 50px;
  align-items: center;
  gap: 16px;
  border-top: 1px solid var(--sports-line);
  color: #fff;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 22px;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.sports-priority-board li b {
  color: var(--sports-blue);
  font: 900 11px/1 Arial, sans-serif;
}

.sports-priority-board > p {
  margin: 0;
  color: rgba(255, 255, 255, 0.62);
  font-size: 12px;
  line-height: 1.55;
}

.sports-category-nav {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid var(--sports-line);
  background: #080a0e;
}

.sports-category-nav > a {
  position: relative;
  display: grid;
  min-height: 132px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-content: center;
  gap: 5px 20px;
  border-right: 1px solid var(--sports-line);
  padding: 28px clamp(20px, 3vw, 50px);
  color: #fff;
  transition: background 180ms ease, color 180ms ease;
}

.sports-category-nav > a:last-child {
  border-right: 0;
}

.sports-category-nav > a::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 4px;
  background: var(--sports-blue);
  content: "";
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 180ms ease;
}

.sports-category-nav > a:hover,
.sports-category-nav > a:focus-visible,
.sports-category-nav > a.is-active {
  color: var(--sports-blue);
  background: rgba(22, 136, 255, 0.075);
}

.sports-category-nav > a:hover::after,
.sports-category-nav > a:focus-visible::after,
.sports-category-nav > a.is-active::after {
  transform: scaleX(1);
}

.sports-category-nav span {
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(23px, 2.1vw, 34px);
  letter-spacing: 0.02em;
  line-height: 1;
  text-transform: uppercase;
}

.sports-category-nav small {
  grid-column: 1;
  color: rgba(255, 255, 255, 0.52);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sports-category-nav svg {
  width: 22px;
  height: 22px;
  grid-row: 1 / span 2;
  grid-column: 2;
  align-self: center;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.sports-desk-page main > section.sports-score-center,
.sports-desk-page main > section.sports-local-watch,
.sports-desk-page main > section.sports-desk-directory,
.sports-desk-page main > section.sports-official-sources {
  padding: clamp(74px, 9vw, 138px) clamp(22px, 6vw, 100px);
}

.sports-score-center {
  background: #f3f5f7;
  color: #090b0f;
}

.sports-desk-page main > section.sports-highlight-desk {
  padding: clamp(74px, 8vw, 118px) clamp(22px, 6vw, 100px);
}

.sports-highlight-desk {
  color: #fff;
  background: #07090c;
}

.sports-highlight-desk > header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
  padding-bottom: 28px;
}

.sports-highlight-desk .section-kicker {
  margin: 0 0 12px;
  color: var(--sports-gold);
}

.sports-highlight-desk h2 {
  margin: 0;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(48px, 6vw, 88px);
  font-weight: 400;
  letter-spacing: -0.025em;
  line-height: 0.92;
  text-transform: uppercase;
}

.sports-highlight-desk > header p:last-child {
  max-width: 700px;
  margin: 16px 0 0;
  color: rgba(255, 255, 255, 0.58);
  line-height: 1.55;
}

.sports-highlight-desk > header > a {
  border-bottom: 2px solid var(--sports-blue);
  padding-bottom: 5px;
  color: #65afff;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.sports-highlight-status {
  margin: 20px 0 0;
  color: rgba(255, 255, 255, 0.52);
  font-size: 12px;
}

.sports-highlight-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
}

.sports-highlight-card {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #fff;
  background: #0d1117;
}

.sports-highlight-card:hover,
.sports-highlight-card:focus-visible {
  border-color: var(--sports-blue);
  transform: translateY(-3px);
}

.sports-highlight-image {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background: #111927;
}

.sports-highlight-image::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(transparent 45%, rgba(0, 0, 0, 0.74));
  content: "";
}

.sports-highlight-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 240ms ease;
}

.sports-highlight-card:hover img,
.sports-highlight-card:focus-visible img {
  transform: scale(1.035);
}

.sports-highlight-image > b {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.76);
  border-radius: 50%;
  color: #fff;
  background: rgba(4, 8, 14, 0.72);
  transform: translate(-50%, -50%);
}

.sports-highlight-image > em {
  position: absolute;
  z-index: 1;
  right: 10px;
  bottom: 8px;
  color: #fff;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}

.sports-highlight-copy {
  display: flex;
  min-height: 138px;
  flex-direction: column;
  padding: 16px;
}

.sports-highlight-copy small {
  color: var(--sports-blue);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sports-highlight-copy strong {
  display: -webkit-box;
  margin-top: 10px;
  overflow: hidden;
  font-size: 15px;
  line-height: 1.3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.sports-highlight-copy > em {
  margin-top: auto;
  color: rgba(255, 255, 255, 0.48);
  font-size: 9px;
  font-style: normal;
  text-transform: uppercase;
}

.sports-score-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 30px;
  border-bottom: 2px solid #0b0d11;
  padding-bottom: 28px;
}

.sports-score-header .section-kicker,
.sports-local-heading .section-kicker,
.sports-desk-directory .section-kicker,
.sports-official-sources .section-kicker {
  margin: 0 0 12px;
  color: var(--sports-blue-deep);
}

.sports-score-header h2,
.sports-local-heading h2,
.sports-desk-directory h2,
.sports-official-sources h2 {
  margin: 0;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(48px, 6vw, 92px);
  font-weight: 400;
  letter-spacing: -0.025em;
  line-height: 0.93;
  text-transform: uppercase;
}

.sports-score-header > div > p:last-child,
.sports-local-heading > p:last-child,
.sports-official-sources > div > p:last-child {
  max-width: 760px;
  margin: 18px 0 0;
  color: #515863;
  line-height: 1.6;
}

.sports-date-controls {
  display: flex;
  align-items: end;
  gap: 7px;
}

.sports-date-controls button,
.sports-date-controls input {
  min-height: 44px;
  border: 1px solid #bcc3cc;
  border-radius: 0;
  padding: 0 13px;
  color: #0a0c10;
  background: #fff;
  font: 900 11px/1 Arial, sans-serif;
  text-transform: uppercase;
}

.sports-date-controls button {
  cursor: pointer;
}

.sports-date-controls button:hover,
.sports-date-controls button:focus-visible {
  border-color: var(--sports-blue);
  color: #fff;
  background: var(--sports-blue-deep);
}

.sports-date-controls label {
  display: grid;
  gap: 5px;
  color: #565d66;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.sports-feed-status,
.sports-score-disclosure {
  margin: 18px 0 0;
  color: #5c626b;
  font-size: 12px;
}

.sports-score-disclosure {
  border-top: 1px solid #ccd1d7;
  padding-top: 18px;
  line-height: 1.55;
}

.sports-scoreboard {
  display: grid;
  gap: 42px;
  margin-top: 38px;
}

.sports-league-board {
  min-width: 0;
}

.sports-league-board > header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 15px;
}

.sports-league-board > header span {
  display: block;
  margin-bottom: 7px;
  color: var(--sports-blue-deep);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.sports-league-board > header h3 {
  margin: 0;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(31px, 3.5vw, 50px);
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1;
  text-transform: uppercase;
}

.sports-league-board > header > a {
  border-bottom: 2px solid var(--sports-blue);
  padding-bottom: 4px;
  color: #0b3f7a;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.sports-game-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.sports-game-card {
  display: flex;
  min-width: 0;
  min-height: 250px;
  flex-direction: column;
  border: 1px solid #d2d6dc;
  border-top: 4px solid #aeb5be;
  padding: 17px;
  background: #fff;
  box-shadow: 0 8px 28px rgba(12, 22, 36, 0.06);
}

.sports-game-card.sports-game-in {
  border-top-color: #d21d35;
}

.sports-game-card.sports-game-post {
  border-top-color: var(--sports-blue-deep);
}

.sports-game-card > header,
.sports-game-card > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.sports-game-card > header {
  border-bottom: 1px solid #e1e4e8;
  padding-bottom: 12px;
  color: #69717c;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.sports-game-card > header span.is-live {
  color: #bd1530;
}

.sports-game-card > header span.is-live::before {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 6px;
  border-radius: 50%;
  background: #d21d35;
  box-shadow: 0 0 0 4px rgba(210, 29, 53, 0.12);
  content: "";
}

.sports-matchup {
  display: grid;
  gap: 4px;
  margin: 14px 0;
}

.sports-team-row {
  display: grid;
  min-width: 0;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 7px 0;
}

.sports-team-row.is-winner .sports-team-name strong,
.sports-team-row.is-winner .sports-team-score {
  color: var(--sports-blue-deep);
}

.sports-team-logo {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
}

.sports-team-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sports-team-logo b {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 1px solid #ccd1d8;
  color: #434b55;
  font-size: 10px;
}

.sports-team-name {
  min-width: 0;
}

.sports-team-name strong,
.sports-team-name small {
  display: block;
}

.sports-team-name strong {
  overflow: hidden;
  font-size: 13px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sports-team-name small {
  margin-top: 3px;
  color: #777f89;
  font-size: 9px;
}

.sports-team-score {
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 26px;
  font-weight: 400;
  letter-spacing: 0.02em;
}

.sports-tournament {
  margin: 13px 0 0;
}

.sports-tournament strong,
.sports-tournament small {
  display: block;
}

.sports-tournament strong {
  font-size: 12px;
}

.sports-tournament small {
  margin-top: 4px;
  color: #737b85;
  font-size: 9px;
  text-transform: uppercase;
}

.sports-game-card > footer {
  margin-top: auto;
  border-top: 1px solid #e1e4e8;
  padding-top: 12px;
  color: #727984;
  font-size: 9px;
  line-height: 1.35;
}

.sports-game-card > footer > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sports-game-card > footer a {
  flex: 0 0 auto;
  color: var(--sports-blue-deep);
  font-weight: 900;
  text-transform: uppercase;
}

.sports-league-empty,
.sports-local-empty {
  border: 1px solid #d2d6dc;
  margin: 0;
  padding: 28px;
  color: #59616b;
  background: #fff;
  line-height: 1.55;
}

.sports-league-board.is-loading {
  display: grid;
  min-height: 180px;
  align-content: center;
  gap: 13px;
  border: 1px solid #d6dae0;
  padding: 26px;
  background: #fff;
}

.sports-league-board.is-loading span {
  display: block;
  height: 16px;
  background: linear-gradient(90deg, #edf0f3, #dfe4e9, #edf0f3);
  background-size: 200% 100%;
  animation: sports-score-loading 1.2s linear infinite;
}

.sports-league-board.is-loading span:nth-child(1) { width: 34%; height: 30px; }
.sports-league-board.is-loading span:nth-child(2) { width: 88%; }
.sports-league-board.is-loading span:nth-child(3) { width: 68%; }

@keyframes sports-score-loading {
  to { background-position: -200% 0; }
}

.sports-desk-directory {
  color: #fff;
  background: #080b0f;
}

.sports-desk-directory-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin-top: 44px;
  background: var(--sports-line);
}

.sports-desk-directory-grid article {
  min-height: 330px;
  padding: 28px;
  background: #0b0e13;
}

.sports-desk-directory-grid article > span {
  color: var(--sports-blue);
  font-size: 11px;
  font-weight: 900;
}

.sports-desk-directory-grid h3 {
  margin: 60px 0 12px;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(34px, 3vw, 52px);
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}

.sports-desk-directory-grid p {
  color: rgba(255, 255, 255, 0.58);
  line-height: 1.55;
}

.sports-desk-directory-grid nav {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 25px;
}

.sports-desk-directory-grid nav a {
  border: 1px solid rgba(22, 136, 255, 0.54);
  padding: 8px 10px;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.sports-desk-directory-grid nav a:hover,
.sports-desk-directory-grid nav a:focus-visible {
  background: var(--sports-blue-deep);
}

.sports-local-watch {
  color: #0a0c10;
  background: #e6ad15;
}

.sports-local-heading {
  display: grid;
  max-width: 1100px;
}

.sports-local-heading .section-kicker {
  color: #413000;
}

.sports-local-heading > p:last-child {
  color: rgba(20, 15, 2, 0.7);
}

.sports-local-scoreboard {
  margin-top: 40px;
}

.sports-local-loading,
.sports-local-empty,
.sports-local-live {
  border: 1px solid rgba(0, 0, 0, 0.24);
  margin: 0;
  padding: 24px;
  background: rgba(255, 255, 255, 0.76);
}

.sports-local-empty > span,
.sports-local-live > span {
  display: block;
  margin-bottom: 10px;
  color: #513b00;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.sports-local-empty strong {
  display: block;
  font-size: 20px;
}

.sports-local-empty p {
  max-width: 780px;
  color: #5b4a1b;
  line-height: 1.55;
}

.sports-local-empty a {
  color: #143b6b;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.sports-local-doors {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 14px;
}

.sports-local-doors article {
  min-height: 275px;
  padding: clamp(24px, 3vw, 42px);
  background: #07090c;
  color: #fff;
}

.sports-local-doors article > span {
  color: var(--sports-gold);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.sports-local-doors h3 {
  margin: 18px 0 12px;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(34px, 4vw, 58px);
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}

.sports-local-doors p {
  max-width: 650px;
  color: rgba(255, 255, 255, 0.62);
  line-height: 1.55;
}

.sports-local-doors article > div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 22px;
}

.sports-local-doors a {
  border: 1px solid rgba(255, 255, 255, 0.22);
  padding: 9px 11px;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.sports-local-doors a:hover,
.sports-local-doors a:focus-visible {
  border-color: var(--sports-blue);
  background: var(--sports-blue-deep);
}

.sports-local-live .sports-game-grid {
  margin-top: 18px;
}

.sports-dapoint-view {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 30px;
  padding: clamp(64px, 8vw, 116px) clamp(22px, 6vw, 100px);
  color: #fff;
  background:
    linear-gradient(90deg, rgba(3, 7, 13, 0.98), rgba(3, 7, 13, 0.76)),
    radial-gradient(circle at 85% 25%, rgba(22, 136, 255, 0.4), transparent 32%),
    #05080d;
}

.sports-dapoint-view > div:first-child > span {
  color: var(--sports-gold);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.sports-dapoint-view h2 {
  margin: 14px 0;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(48px, 6.5vw, 104px);
  font-weight: 400;
  letter-spacing: -0.025em;
  line-height: 0.9;
  text-transform: uppercase;
}

.sports-dapoint-view p {
  max-width: 760px;
  margin: 0;
  color: rgba(255, 255, 255, 0.64);
  line-height: 1.55;
}

.sports-dapoint-view > div:last-child {
  display: grid;
  gap: 9px;
  min-width: 220px;
}

.sports-official-sources {
  display: grid;
  grid-template-columns: minmax(0, 0.7fr) minmax(420px, 1.3fr);
  gap: clamp(40px, 8vw, 130px);
  color: #fff;
  background: #0a0d11;
}

.sports-official-sources nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-self: start;
  border-top: 1px solid var(--sports-line);
}

.sports-official-sources nav a {
  display: flex;
  min-height: 60px;
  align-items: center;
  justify-content: space-between;
  border-right: 1px solid var(--sports-line);
  border-bottom: 1px solid var(--sports-line);
  padding: 0 16px;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.sports-official-sources nav a:nth-child(even) {
  border-right: 0;
}

.sports-official-sources nav a:hover,
.sports-official-sources nav a:focus-visible {
  color: var(--sports-blue);
  background: rgba(22, 136, 255, 0.08);
}

@media (max-width: 1120px) {
  .sports-highlight-grid {
    grid-template-columns: 1fr 1fr;
  }

  .sports-desk-page main > section.sports-desk-hero {
    grid-template-columns: 1fr;
  }

  .sports-priority-board {
    max-width: 580px;
  }

  .sports-category-nav,
  .sports-desk-directory-grid {
    grid-template-columns: 1fr 1fr;
  }

  .sports-category-nav > a:nth-child(2) {
    border-right: 0;
  }

  .sports-category-nav > a:nth-child(-n + 2) {
    border-bottom: 1px solid var(--sports-line);
  }

  .sports-game-grid {
    grid-template-columns: 1fr 1fr;
  }

  .sports-score-header,
  .sports-official-sources {
    grid-template-columns: 1fr;
  }

  .sports-date-controls {
    justify-content: start;
  }
}

@media (max-width: 720px) {
  .sports-ticker-header,
  .sports-live-ticker-compact .sports-ticker-header,
  .sports-highlight-desk > header {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 18px;
  }

  .sports-ticker-header {
    padding: 24px 18px 19px;
  }

  .sports-live-ticker-compact .sports-ticker-header {
    padding: 16px 18px;
  }

  .sports-ticker-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .sports-ticker-actions > span {
    width: 100%;
  }

  .sports-live-ticker-large {
    min-height: 350px;
  }

  .sports-live-ticker-compact .sports-ticker-card {
    width: 248px;
  }

  .sports-live-ticker > footer {
    align-items: flex-start;
    padding: 13px 18px;
  }

  .sports-highlight-grid {
    grid-template-columns: 1fr;
  }

  .sports-desk-page main > section.sports-desk-hero {
    min-height: 600px;
    padding: 148px 20px 64px;
  }

  .sports-hero-copy h1 {
    font-size: clamp(52px, 17vw, 78px);
  }

  .sports-hero-copy > p:not(.sports-desk-mark) {
    font-size: 16px;
  }

  .sports-hero-actions .button {
    width: 100%;
  }

  .sports-category-nav,
  .sports-desk-directory-grid,
  .sports-game-grid,
  .sports-local-doors,
  .sports-official-sources nav {
    grid-template-columns: 1fr;
  }

  .sports-category-nav > a,
  .sports-category-nav > a:nth-child(2),
  .sports-category-nav > a:last-child {
    min-height: 104px;
    border-right: 0;
    border-bottom: 1px solid var(--sports-line);
  }

  .sports-desk-page main > section.sports-score-center,
  .sports-desk-page main > section.sports-local-watch,
  .sports-desk-page main > section.sports-desk-directory,
  .sports-desk-page main > section.sports-highlight-desk,
  .sports-desk-page main > section.sports-official-sources {
    padding: 68px 18px;
  }

  .sports-score-header h2,
  .sports-local-heading h2,
  .sports-desk-directory h2,
  .sports-official-sources h2 {
    font-size: clamp(44px, 14vw, 66px);
  }

  .sports-date-controls {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .sports-date-controls label {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  .sports-date-controls input,
  .sports-date-controls button {
    width: 100%;
  }

  .sports-date-controls button[data-sports-today] {
    grid-column: 1 / -1;
  }

  .sports-game-card {
    min-height: 230px;
  }

  .sports-desk-directory-grid article {
    min-height: 260px;
  }

  .sports-desk-directory-grid h3 {
    margin-top: 34px;
  }

  .sports-dapoint-view {
    grid-template-columns: 1fr;
    padding: 68px 18px;
  }

  .sports-dapoint-view > div:last-child {
    min-width: 0;
  }

  .sports-official-sources {
    gap: 32px;
  }

  .sports-official-sources nav a,
  .sports-official-sources nav a:nth-child(even) {
    border-right: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sports-ticker-track,
  .sports-live-ticker.has-live-games .sports-ticker-eyebrow i {
    animation: none;
  }

  .sports-ticker-viewport {
    overflow-x: auto;
    mask-image: none;
  }

  .sports-highlight-card,
  .sports-highlight-image img {
    transition: none;
  }

  .sports-league-board.is-loading span {
    animation: none;
  }
}

/* Chef Brad Foods advertising placements */
.right-now-rail > a[data-category="partner"] span {
  color: var(--daily-gold);
}

.local-business-ad {
  display: grid;
  grid-template-areas:
    "heading art"
    "link art";
  grid-template-columns: minmax(190px, 0.38fr) minmax(0, 1.62fr);
  align-items: center;
  column-gap: clamp(20px, 3vw, 42px);
  row-gap: 16px;
  border-block: 1px solid rgba(242, 201, 76, 0.38);
  background: #050505;
}

.daily-home-shell > .local-business-ad,
main > .local-business-ad {
  padding: clamp(28px, 3.5vw, 46px) clamp(24px, 4.4vw, 70px);
}

.local-business-ad-heading span,
.local-business-ad-heading strong {
  display: block;
}

.local-business-ad-heading {
  grid-area: heading;
  align-self: end;
}

.local-business-ad-heading span {
  margin-bottom: 8px;
  color: var(--gold-hi);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.16em;
  line-height: 1.35;
  text-transform: uppercase;
}

.local-business-ad-heading strong {
  color: #fff;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(30px, 3.3vw, 48px);
  font-weight: 400;
  letter-spacing: 0.035em;
  line-height: 0.95;
  text-transform: uppercase;
}

.local-business-ad-art {
  grid-area: art;
  display: block;
  border: 1px solid rgba(242, 201, 76, 0.56);
  padding: 7px;
  background: #111;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.42);
  transition: border-color 180ms ease, transform 180ms ease;
}

.local-business-ad-art picture {
  display: block;
  overflow: hidden;
  aspect-ratio: 1320 / 469;
}

.local-business-ad-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.local-business-ad-link {
  grid-area: link;
  display: grid;
  min-height: 50px;
  place-items: center;
  border: 1px solid var(--gold-hi);
  padding: 10px 16px;
  color: #080603;
  background: linear-gradient(135deg, #ffe17b, var(--gold-hi) 54%, #bd8210);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 15px;
  letter-spacing: 0.05em;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  transition: filter 180ms ease, transform 180ms ease;
}

.local-business-ad-art:hover,
.local-business-ad-art:focus-visible,
.local-business-ad-link:hover,
.local-business-ad-link:focus-visible {
  transform: translateY(-2px);
}

.local-business-ad-art:hover,
.local-business-ad-art:focus-visible {
  border-color: var(--gold-hi);
}

.local-business-ad-link:hover,
.local-business-ad-link:focus-visible {
  filter: brightness(1.08);
}

@media (max-width: 900px) {
  .local-business-ad {
    grid-template-columns: minmax(160px, 0.42fr) minmax(0, 1.58fr);
  }
}

@media (max-width: 620px) {
  .local-business-ad {
    grid-template-areas:
      "heading"
      "art"
      "link";
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .daily-home-shell > .local-business-ad,
  main > .local-business-ad {
    padding: 28px 16px;
  }

  .local-business-ad-heading strong {
    font-size: 32px;
  }

  .local-business-ad-art picture {
    aspect-ratio: 16 / 9;
  }

  .local-business-ad-link {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .local-business-ad-art,
  .local-business-ad-link {
    transition: none;
  }
}

@media (max-width: 900px) {
  .home-gas-widget { grid-template-columns: minmax(0, 1fr) minmax(150px, 0.7fr); }
  .home-gas-links { grid-column: 1 / -1; grid-row: 3; text-align: left; }
  .local-guide-grid,
  .savings-source-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .savings-gas-board { grid-template-columns: minmax(0, 1fr) minmax(210px, 0.7fr); }
  .savings-gas-grades { grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .savings-gas-grades div { display: block; border-top: 0; border-left: 1px solid var(--line); padding: 6px 20px; text-align: center; }
  .savings-gas-grades div:first-child { border-left: 0; }
}

@media (max-width: 680px) {
  .home-gas-widget,
  .local-guide-grid,
  .savings-gas-board,
  .savings-truth-strip,
  .savings-source-grid,
  .savings-checklist,
  .savings-method { grid-template-columns: 1fr; }
  .home-gas-links,
  .savings-gas-grades,
  .savings-gas-board > footer { grid-column: auto; }
  .home-gas-widget { align-items: start; gap: 18px; }
  .home-gas-details,
  .home-gas-s2dp-ad,
  .home-gas-price,
  .home-gas-links { grid-column: auto; grid-row: auto; }
  .home-gas-links { text-align: left; }
  .local-guide-grid .local-nightlife-promo,
  .local-savings-promo { min-height: 390px; }
  .savings-hero::after { display: none; }
  .savings-gas-heading,
  .savings-gas-primary,
  .savings-gas-grades { padding: 28px 20px; }
  .savings-gas-primary { min-height: 220px; }
  .savings-gas-grades { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .savings-gas-grades div { padding-inline: 8px; }
  .savings-gas-grades dd { font-size: 26px; }
  .savings-gas-board > footer { display: grid; }
  .savings-source-card { min-height: 0; }
  .savings-source-card > div { margin-top: 28px; }
  .savings-featured-grid { display: flex; overflow-x: auto; padding-bottom: 6px; scroll-snap-type: x proximity; }
  .savings-featured-item { min-width: min(230px, 76vw); scroll-snap-align: start; }
  .savings-featured-item-banner { min-width: 100%; }
}

/* E-Bike Guide — facts, safer riding, charging and buying */
.ebike-guide-page {
  --ebike-black: #020202;
  --ebike-graphite: #101214;
  --ebike-line: rgba(243, 239, 231, 0.22);
  --ebike-ivory: #f3efe7;
  --ebike-muted: #bcbab5;
  --ebike-blue: #0c72ed;
  --ebike-blue-bright: #1688ff;
  --ebike-yellow: #f2c94c;
  --ebike-max: 1480px;
  overflow-x: hidden;
  background: var(--ebike-black);
  color: var(--ebike-ivory);
}

.ebike-guide-page::before { display: none; }
.ebike-guide-page main { background: var(--ebike-black); }
.ebike-guide-page a:focus-visible,
.ebike-guide-page button:focus-visible {
  outline: 3px solid var(--ebike-yellow);
  outline-offset: 4px;
}
.ebike-guide-page h1,
.ebike-guide-page h2,
.ebike-guide-page h3,
.ebike-guide-page strong {
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-weight: 400;
}
.ebike-guide-page h1,
.ebike-guide-page h2,
.ebike-guide-page h3 { text-transform: uppercase; }

.ebike-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-height: 840px;
  align-items: center;
  overflow: hidden;
  border-bottom: 1px solid var(--ebike-line);
  padding: calc(var(--global-header-height) + 70px) max(42px, calc((100vw - var(--ebike-max)) / 2)) 82px;
  isolation: isolate;
}
.ebike-hero::after {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, var(--ebike-blue), transparent);
}
.ebike-hero-image {
  position: absolute;
  z-index: 0;
  top: var(--global-header-height);
  right: 0;
  width: 66%;
  height: calc(100% - var(--global-header-height));
  object-fit: cover;
  object-position: 67% center;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, rgba(0,0,0,0.22) 10%, #000 39%);
  mask-image: linear-gradient(90deg, transparent 0, rgba(0,0,0,0.22) 10%, #000 39%);
}
.ebike-hero-copy {
  position: relative;
  z-index: 1;
  width: min(760px, 56vw);
  min-width: 0;
  max-width: 100%;
}
.ebike-hero-kicker {
  display: inline-flex;
  margin-bottom: 24px;
  border-left: 5px solid var(--ebike-yellow);
  padding: 3px 0 3px 14px;
  color: var(--ebike-blue-bright);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(20px, 1.65vw, 28px);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.ebike-hero h1 {
  max-width: 740px;
  margin: 0;
  color: var(--ebike-ivory);
  font-size: clamp(90px, 9.3vw, 154px);
  letter-spacing: -0.025em;
  line-height: 0.83;
}
.ebike-hero-copy > p {
  max-width: 690px;
  margin: 30px 0 0;
  color: var(--ebike-ivory);
  font-size: clamp(19px, 1.55vw, 26px);
  line-height: 1.45;
}
.ebike-hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 34px;
  margin-top: 38px;
}
.ebike-button,
.ebike-text-link {
  display: inline-flex;
  min-height: 62px;
  align-items: center;
  justify-content: center;
  gap: 18px;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 21px;
  letter-spacing: 0.055em;
  line-height: 1;
  text-transform: uppercase;
  transition: color 180ms ease, background 180ms ease, transform 180ms ease;
}
.ebike-button svg,
.ebike-text-link svg,
.ebike-law-rail a svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ebike-button-primary {
  min-width: 360px;
  border: 2px solid var(--ebike-blue-bright);
  padding: 0 28px;
  color: #fff;
  background: var(--ebike-blue);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2);
}
.ebike-button-primary:hover,
.ebike-button-primary:focus-visible { background: #005fcf; transform: translateY(-2px); }
.ebike-text-link {
  min-height: 44px;
  border-bottom: 2px solid var(--ebike-yellow);
  color: var(--ebike-yellow);
}
.ebike-text-link:hover,
.ebike-text-link:focus-visible { color: #fff; }
.ebike-hero-disclosure {
  display: block;
  max-width: 620px;
  margin-top: 28px;
  color: rgba(243, 239, 231, 0.7);
  font-size: 12px;
  line-height: 1.4;
}

.ebike-section {
  scroll-margin-top: calc(var(--global-header-height) + 16px);
  border-bottom: 1px solid var(--ebike-line);
  background: var(--ebike-black);
}
.ebike-facts-section,
.ebike-charge-section,
.ebike-buy-section {
  padding: clamp(82px, 8vw, 132px) max(30px, calc((100vw - var(--ebike-max)) / 2));
}
.ebike-facts-intro {
  display: grid;
  grid-template-columns: minmax(360px, 0.76fr) minmax(540px, 1.24fr);
  align-items: center;
  gap: clamp(40px, 5vw, 96px);
}
.ebike-facts-intro h2,
.ebike-charge-heading h2,
.ebike-buy-heading h2,
.ebike-sixty h2 {
  margin: 0;
  color: var(--ebike-ivory);
  font-size: clamp(72px, 7vw, 112px);
  letter-spacing: -0.02em;
  line-height: 0.86;
}
.ebike-facts-intro h2::after,
.ebike-buy-heading h2::after {
  display: block;
  width: 72px;
  height: 4px;
  margin-top: 26px;
  content: "";
  background: var(--ebike-blue);
}
.ebike-facts-intro p,
.ebike-charge-heading p,
.ebike-buy-heading p {
  max-width: 670px;
  margin: 26px 0 0;
  color: var(--ebike-muted);
  font-size: clamp(18px, 1.45vw, 25px);
  line-height: 1.55;
}
.ebike-line-bike {
  width: 100%;
  max-height: 470px;
  fill: none;
  stroke: rgba(243, 239, 231, 0.9);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 4;
}
.ebike-line-bike .ebike-line-battery {
  fill: rgba(12, 114, 237, 0.2);
  stroke: var(--ebike-blue-bright);
}
.ebike-class-rail {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 54px;
  border-top: 1px solid var(--ebike-line);
  border-bottom: 1px solid var(--ebike-line);
}
.ebike-class-rail article {
  display: grid;
  grid-template-columns: minmax(120px, 0.8fr) minmax(130px, 1fr);
  grid-template-rows: auto 1fr;
  min-height: 190px;
  align-items: center;
  border-right: 1px solid var(--ebike-line);
  padding: 28px clamp(24px, 3vw, 48px);
}
.ebike-class-rail article:last-child { border-right: 0; }
.ebike-class-rail span {
  color: var(--ebike-blue-bright);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 30px;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}
.ebike-class-rail p {
  grid-column: 1;
  margin: 8px 0 0;
  color: var(--ebike-ivory);
  font-size: 19px;
  line-height: 1.3;
}
.ebike-class-rail strong {
  grid-row: 1 / 3;
  grid-column: 2;
  color: var(--ebike-ivory);
  font-size: clamp(92px, 8vw, 132px);
  letter-spacing: -0.04em;
  line-height: 0.78;
  text-align: right;
}
.ebike-class-rail strong small {
  margin-left: 8px;
  font-size: 27px;
  letter-spacing: 0;
  text-transform: uppercase;
}
.ebike-law-rail {
  display: grid;
  grid-template-columns: 84px minmax(230px, 0.9fr) minmax(320px, 1.2fr) minmax(210px, auto);
  align-items: center;
  gap: clamp(22px, 3vw, 48px);
  margin-top: 30px;
  border: 2px solid var(--ebike-yellow);
  padding: 26px 32px;
}
.ebike-law-state {
  display: grid;
  width: 70px;
  height: 70px;
  place-items: center;
  border: 2px solid var(--ebike-yellow);
  color: var(--ebike-yellow);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 30px;
}
.ebike-law-rail p {
  margin: 0;
  color: var(--ebike-ivory);
  font-size: 17px;
  line-height: 1.48;
}
.ebike-law-rail p + p {
  border-left: 1px solid rgba(242, 201, 76, 0.55);
  padding-left: clamp(22px, 3vw, 44px);
}
.ebike-law-rail p strong { color: var(--ebike-yellow); font-family: inherit; font-weight: 900; }
.ebike-law-rail .ebike-law-inline {
  display: inline;
  color: var(--ebike-blue-bright);
  font-family: inherit;
  font-size: inherit;
  letter-spacing: 0;
  line-height: inherit;
  text-align: left;
  text-transform: none;
  text-underline-offset: 4px;
}
.ebike-law-route-note { display: block; margin-top: 8px; color: var(--ebike-muted); }
.ebike-law-rail a {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  color: var(--ebike-blue-bright);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 20px;
  letter-spacing: 0.055em;
  line-height: 1.15;
  text-align: right;
  text-decoration: underline;
  text-underline-offset: 7px;
  text-transform: uppercase;
}

.ebike-check-section { padding: 0; }
.ebike-check-layout {
  display: grid;
  grid-template-columns: minmax(420px, 0.9fr) minmax(560px, 1.1fr);
  gap: clamp(44px, 6vw, 110px);
  max-width: var(--ebike-max);
  margin: 0 auto;
  padding: clamp(78px, 7vw, 118px) 30px 72px;
}
.ebike-sixty { border-right: 1px solid var(--ebike-line); padding-right: clamp(38px, 5vw, 82px); }
.ebike-sixty h2 { font-size: clamp(54px, 5.5vw, 88px); }
.ebike-sixty-visual {
  position: relative;
  display: flex;
  min-height: 360px;
  align-items: center;
  margin-top: 18px;
}
.ebike-sixty-visual::after {
  width: 190px;
  height: 190px;
  margin-left: -40px;
  border: 12px dotted rgba(22, 136, 255, 0.72);
  border-radius: 50%;
  content: "";
}
.ebike-sixty-visual strong {
  position: relative;
  z-index: 1;
  color: var(--ebike-ivory);
  font-size: clamp(230px, 21vw, 340px);
  letter-spacing: -0.075em;
  line-height: 0.76;
}
.ebike-sixty-visual span {
  position: absolute;
  right: 46px;
  color: var(--ebike-ivory);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 25px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.ebike-sixty > p {
  margin: 12px 0 0;
  color: var(--ebike-muted);
  font-size: 15px;
}
.ebike-checklist { border-top: 1px solid var(--ebike-line); }
.ebike-check-row {
  display: grid;
  width: 100%;
  min-height: 108px;
  grid-template-columns: 42px 54px minmax(0, 1fr) 22px;
  align-items: center;
  gap: 22px;
  border: 0;
  border-bottom: 1px solid var(--ebike-line);
  border-radius: 0;
  padding: 18px 8px;
  color: var(--ebike-ivory);
  background: transparent;
  text-align: left;
  cursor: pointer;
  transition: background 160ms ease, color 160ms ease;
}
.ebike-check-row:hover,
.ebike-check-row:focus-visible { background: rgba(12, 114, 237, 0.1); }
.ebike-check-box {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 3px solid var(--ebike-blue);
}
.ebike-check-box svg,
.ebike-check-icon svg,
.ebike-check-arrow,
.ebike-buy-list article > svg,
.ebike-route-mark > svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}
.ebike-check-box svg { width: 25px; height: 25px; opacity: 0; }
.ebike-check-icon { color: var(--ebike-ivory); }
.ebike-check-icon svg { width: 48px; height: 48px; }
.ebike-check-row strong {
  display: block;
  font-size: 28px;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}
.ebike-check-row small {
  display: block;
  margin-top: 5px;
  color: var(--ebike-muted);
  font-size: 17px;
}
.ebike-check-arrow { width: 22px; height: 22px; color: var(--ebike-blue-bright); }
.ebike-check-row.is-checked .ebike-check-box { color: #fff; background: var(--ebike-blue); }
.ebike-check-row.is-checked .ebike-check-box svg { opacity: 1; }
.ebike-check-row.is-checked strong,
.ebike-check-row.is-checked small { color: var(--ebike-blue-bright); }

.ebike-road-band {
  display: grid;
  grid-template-columns: minmax(260px, 0.62fr) minmax(720px, 1.38fr);
  gap: 34px 70px;
  padding: 54px max(30px, calc((100vw - var(--ebike-max)) / 2));
  color: #fff;
  background: var(--ebike-blue);
}
.ebike-road-band h3 {
  grid-row: 1 / 3;
  margin: 0;
  border-right: 1px solid rgba(255,255,255,0.65);
  padding-right: 46px;
  font-size: clamp(48px, 4.6vw, 76px);
  line-height: 0.91;
}
.ebike-road-band ol {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ebike-road-band li { border-right: 1px solid rgba(255,255,255,0.42); padding: 0 28px; }
.ebike-road-band li:first-child { padding-left: 0; }
.ebike-road-band li:last-child { border-right: 0; }
.ebike-road-band li span {
  display: block;
  color: #000;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 40px;
}
.ebike-road-band li strong {
  display: block;
  margin-top: 9px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.25;
}
.ebike-road-band > p {
  margin: 0;
  border-top: 1px solid rgba(255,255,255,0.55);
  padding-top: 22px;
  font-size: 17px;
  line-height: 1.4;
}
.ebike-road-band > p::before { margin-right: 10px; color: var(--ebike-yellow); content: "▲"; }

.ebike-battery-guide {
  padding: clamp(82px, 8vw, 132px) max(30px, calc((100vw - var(--ebike-max)) / 2));
  background:
    radial-gradient(circle at 14% 23%, rgba(12, 114, 237, 0.18), transparent 27rem),
    #050607;
}
.ebike-battery-heading {
  display: grid;
  grid-template-columns: minmax(460px, 0.92fr) minmax(380px, 0.78fr);
  align-items: end;
  gap: clamp(44px, 7vw, 120px);
  border-bottom: 1px solid var(--ebike-line);
  padding-bottom: 40px;
}
.ebike-battery-heading > div > span {
  color: var(--ebike-blue-bright);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 18px;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.ebike-battery-heading h2 {
  margin: 13px 0 0;
  font-size: clamp(70px, 7.2vw, 112px);
  letter-spacing: -0.025em;
  line-height: 0.84;
}
.ebike-battery-heading > p {
  margin: 0;
  color: var(--ebike-muted);
  font-size: clamp(18px, 1.4vw, 23px);
  line-height: 1.58;
}
.ebike-battery-heading > p strong { color: var(--ebike-yellow); font-family: inherit; font-weight: 900; }
.ebike-battery-baseline {
  display: grid;
  grid-template-columns: minmax(420px, 0.85fr) minmax(520px, 1.15fr);
  align-items: stretch;
  gap: clamp(40px, 6vw, 100px);
  padding: clamp(48px, 6vw, 88px) 0;
}
.ebike-battery-pack {
  position: relative;
  display: grid;
  min-height: 440px;
  align-content: center;
  border: 2px solid rgba(83, 160, 255, 0.84);
  border-radius: 28px;
  padding: 52px;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.14), transparent 28%),
    linear-gradient(135deg, #132b4d, #07101c 62%, #020304);
  box-shadow: inset 0 0 42px rgba(22, 136, 255, 0.17), 0 28px 90px rgba(0,0,0,0.42);
}
.ebike-battery-pack::before {
  position: absolute;
  top: -16px;
  left: 52px;
  width: 90px;
  height: 18px;
  border: 2px solid rgba(83, 160, 255, 0.84);
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  content: "";
  background: #0b1728;
}
.ebike-battery-pack > span,
.ebike-battery-result > span,
.ebike-range-planner > span {
  color: var(--ebike-blue-bright);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.ebike-battery-pack > strong {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-top: 30px;
  color: #fff;
  font-size: clamp(48px, 5vw, 78px);
  letter-spacing: -0.02em;
  line-height: 0.9;
}
.ebike-battery-pack > strong b { color: var(--ebike-yellow); font: inherit; }
.ebike-battery-pack > strong i { color: var(--ebike-blue-bright); font: inherit; font-size: 0.6em; }
.ebike-battery-pack output {
  display: block;
  margin-top: 28px;
  color: var(--ebike-ivory);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(56px, 6vw, 92px);
  line-height: 0.9;
}
.ebike-battery-pack small { margin-top: 12px; color: var(--ebike-muted); font-size: 15px; }
.ebike-battery-formula { border-top: 1px solid var(--ebike-line); }
.ebike-battery-formula p {
  display: grid;
  grid-template-columns: minmax(145px, 0.38fr) minmax(0, 1fr);
  gap: 28px;
  margin: 0;
  border-bottom: 1px solid var(--ebike-line);
  padding: 34px 0;
}
.ebike-battery-formula strong { color: var(--ebike-ivory); font-size: 25px; letter-spacing: 0.025em; text-transform: uppercase; }
.ebike-battery-formula span { color: var(--ebike-muted); font-size: 17px; line-height: 1.58; }
.ebike-battery-formula b { color: var(--ebike-yellow); }
.ebike-battery-lab {
  display: grid;
  grid-template-columns: minmax(300px, 0.62fr) minmax(260px, 0.55fr) minmax(420px, 0.83fr);
  border: 1px solid var(--ebike-line);
  background: #0c0e11;
}
.ebike-battery-controls,
.ebike-battery-result,
.ebike-range-planner { min-width: 0; padding: 30px; }
.ebike-battery-controls {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  border-right: 1px solid var(--ebike-line);
}
.ebike-battery-controls label {
  display: block;
  color: var(--ebike-muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.ebike-battery-controls select {
  width: 100%;
  min-height: 58px;
  margin-top: 10px;
  border: 1px solid rgba(22, 136, 255, 0.7);
  border-radius: 0;
  padding: 0 14px;
  color: #fff;
  background: #050607;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 24px;
}
.ebike-battery-result { border-right: 1px solid var(--ebike-line); }
.ebike-battery-result > strong { display: block; margin-top: 14px; color: var(--ebike-yellow); font-size: clamp(42px, 4vw, 62px); line-height: 0.9; }
.ebike-battery-result p { margin: 18px 0 0; color: var(--ebike-muted); font-size: 14px; line-height: 1.5; }
.ebike-range-planner {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.ebike-range-planner > span { grid-column: 1 / -1; }
.ebike-range-planner div { min-width: 0; border-left: 2px solid var(--ebike-blue); padding-left: 13px; }
.ebike-range-planner strong { display: block; color: var(--ebike-ivory); font-size: clamp(25px, 2vw, 34px); white-space: nowrap; }
.ebike-range-planner small { display: block; margin-top: 8px; color: var(--ebike-muted); font-size: 11px; line-height: 1.35; text-transform: uppercase; }
.ebike-battery-compare {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  margin-top: 28px;
  padding-bottom: 18px;
  scroll-snap-type: x mandatory;
  scrollbar-color: var(--ebike-blue) #17191c;
  cursor: grab;
  touch-action: pan-y;
}
.ebike-battery-compare article {
  flex: 0 0 min(340px, 78vw);
  min-height: 270px;
  scroll-snap-align: start;
  border: 1px solid var(--ebike-line);
  border-top: 5px solid #3d444d;
  padding: 28px;
  background: #101214;
}
.ebike-battery-compare article.is-preferred { border-color: var(--ebike-yellow); border-top-color: var(--ebike-yellow); background: linear-gradient(145deg, rgba(242, 201, 76, 0.1), #101214 42%); }
.ebike-battery-compare span { color: var(--ebike-blue-bright); font-size: 12px; font-weight: 900; letter-spacing: 0.09em; text-transform: uppercase; }
.ebike-battery-compare article.is-preferred span { color: var(--ebike-yellow); }
.ebike-battery-compare strong { display: block; margin-top: 40px; color: var(--ebike-ivory); font-size: 44px; line-height: 0.95; text-transform: uppercase; }
.ebike-battery-compare p { margin: 22px 0 0; color: var(--ebike-muted); font-size: 15px; line-height: 1.55; }
.ebike-battery-compare p b { color: var(--ebike-yellow); }
.ebike-battery-cost,
.ebike-battery-compatibility {
  display: grid;
  align-items: center;
  gap: 28px;
  margin-top: 28px;
  padding: 26px 30px;
}
.ebike-battery-cost { grid-template-columns: minmax(280px, 0.55fr) minmax(0, 1.45fr); color: #050607; background: var(--ebike-yellow); }
.ebike-battery-cost > div { display: flex; align-items: center; gap: 18px; }
.ebike-battery-cost > div > span { display: grid; width: 54px; height: 54px; place-items: center; border: 3px solid currentColor; font-family: Impact, sans-serif; font-size: 32px; }
.ebike-battery-cost strong { font-size: 28px; letter-spacing: 0.025em; text-transform: uppercase; }
.ebike-battery-cost p { margin: 0; font-size: 16px; line-height: 1.52; }
.ebike-battery-compatibility {
  grid-template-columns: minmax(250px, 0.42fr) minmax(0, 1fr) auto auto;
  border: 1px solid rgba(22, 136, 255, 0.72);
  background: rgba(12, 114, 237, 0.1);
}
.ebike-battery-compatibility strong { color: var(--ebike-yellow); font-size: 25px; letter-spacing: 0.035em; text-transform: uppercase; }
.ebike-battery-compatibility p { margin: 0; color: var(--ebike-ivory); font-size: 16px; line-height: 1.52; }
.ebike-battery-compatibility a { color: var(--ebike-blue-bright); font-size: 12px; font-weight: 900; text-decoration: underline; text-underline-offset: 5px; text-transform: uppercase; }
.ebike-battery-range-note { margin: 20px 0 0; color: var(--ebike-muted); font-size: 12px; line-height: 1.5; }

.ebike-charge-heading {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 28px;
  align-items: start;
  border-bottom: 1px solid var(--ebike-line);
  padding-bottom: 28px;
}
.ebike-charge-heading > span {
  display: grid;
  width: 100px;
  height: 100px;
  place-items: center;
  border: 1px solid var(--ebike-line);
  color: var(--ebike-blue);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 64px;
}
.ebike-charge-heading h2 { font-size: clamp(70px, 7.2vw, 116px); }
.ebike-charge-heading p { margin-top: 16px; }
.ebike-charge-layout {
  display: grid;
  grid-template-columns: minmax(480px, 1fr) minmax(580px, 1fr);
  align-items: center;
  gap: clamp(46px, 6vw, 100px);
  padding-top: 40px;
}
.ebike-charge-layout > img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: left center;
  transform: scale(1.12);
  transform-origin: left center;
  -webkit-mask-image: linear-gradient(90deg, #000 70%, transparent 100%);
  mask-image: linear-gradient(90deg, #000 70%, transparent 100%);
}
.ebike-charge-rules { margin: 0; padding: 0; list-style: none; }
.ebike-charge-rules li {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  min-height: 112px;
  align-items: center;
  border-bottom: 1px solid var(--ebike-line);
}
.ebike-charge-rules li:first-child { border-top: 1px solid var(--ebike-line); }
.ebike-charge-rules span {
  align-self: stretch;
  display: grid;
  place-items: center;
  border-right: 1px solid var(--ebike-line);
  color: var(--ebike-blue-bright);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 48px;
}
.ebike-charge-rules strong {
  padding: 20px 0 20px 30px;
  color: var(--ebike-ivory);
  font-size: 26px;
  letter-spacing: 0.035em;
  line-height: 1.08;
  text-transform: uppercase;
}
.ebike-emergency-strip {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr) auto;
  align-items: center;
  gap: 28px;
  margin-top: 40px;
  padding: 24px 32px;
  color: #070707;
  background: var(--ebike-yellow);
}
.ebike-charger-warning {
  display: grid;
  grid-template-columns: minmax(230px, 0.55fr) minmax(420px, 1.45fr) auto;
  align-items: center;
  gap: 28px;
  margin-top: 40px;
  border: 1px solid rgba(20, 129, 255, 0.72);
  padding: 24px 32px;
  background: rgba(12, 114, 237, 0.09);
}
.ebike-charger-warning strong {
  color: var(--ebike-yellow);
  font-size: 24px;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}
.ebike-charger-warning p { margin: 0; color: var(--ebike-ivory); font-size: 17px; line-height: 1.5; }
.ebike-charger-warning a {
  color: var(--ebike-blue-bright);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 17px;
  letter-spacing: 0.05em;
  text-decoration: underline;
  text-underline-offset: 6px;
  text-transform: uppercase;
}
.ebike-charger-warning a:hover,
.ebike-charger-warning a:focus-visible { color: var(--ebike-yellow); }
.ebike-emergency-strip > span {
  display: grid;
  width: 54px;
  height: 48px;
  place-items: center;
  border: 4px solid #070707;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 32px;
}
.ebike-emergency-strip p { margin: 0; font-size: 18px; line-height: 1.38; }
.ebike-emergency-strip p strong { font-family: inherit; font-weight: 900; }
.ebike-emergency-strip a {
  border-bottom: 2px solid #070707;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 18px;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.ebike-buy-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.65fr);
  align-items: end;
  gap: 60px;
  border-bottom: 1px solid var(--ebike-line);
  padding-bottom: 36px;
}
.ebike-buy-heading h2 { font-size: clamp(68px, 5.8vw, 94px); }
.ebike-route-mark { display: flex; align-items: center; justify-content: flex-end; color: var(--ebike-blue-bright); }
.ebike-route-mark > svg { width: 130px; height: 130px; }
.ebike-route-mark > span { width: min(300px, 24vw); border-top: 4px dashed var(--ebike-blue-bright); }
.ebike-buy-gallery {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(340px, 0.75fr);
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 42px 0 26px;
}
.ebike-buy-gallery figure {
  position: relative;
  min-height: 272px;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--ebike-line);
  background: var(--ebike-graphite);
}
.ebike-buy-gallery-primary { grid-row: 1 / 3; }
.ebike-buy-gallery img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 272px;
  object-fit: cover;
  transition: transform 420ms ease;
}
.ebike-buy-gallery-primary img { min-height: 560px; }
.ebike-buy-gallery figure:hover img { transform: scale(1.025); }
.ebike-buy-gallery figcaption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  gap: 6px;
  padding: 54px 24px 22px;
  color: var(--ebike-ivory);
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.9));
}
.ebike-buy-gallery figcaption span {
  color: var(--ebike-yellow);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.ebike-buy-gallery figcaption strong {
  font-size: clamp(21px, 2vw, 32px);
  letter-spacing: 0.025em;
  line-height: 1;
  text-transform: uppercase;
}
.ebike-buy-gallery figcaption small {
  max-width: 580px;
  color: rgba(243, 239, 231, 0.8);
  font-size: 14px;
  line-height: 1.45;
}
.ebike-buy-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ebike-buy-list article {
  display: grid;
  grid-template-columns: 58px 68px minmax(0, 1fr);
  min-height: 150px;
  align-items: center;
  gap: 22px;
  border-bottom: 1px solid var(--ebike-line);
  padding: 24px 34px 24px 0;
}
.ebike-buy-list article:nth-child(even) { border-left: 1px solid var(--ebike-line); padding-left: 34px; }
.ebike-buy-list article > svg { width: 52px; height: 52px; color: var(--ebike-blue-bright); }
.ebike-buy-list article > span { color: var(--ebike-blue-bright); font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: 43px; }
.ebike-buy-list article p { margin: 0; border-left: 1px solid var(--ebike-line); padding-left: 26px; }
.ebike-buy-list article strong { display: block; font-size: 25px; letter-spacing: 0.035em; text-transform: uppercase; }
.ebike-buy-list article small { display: block; margin-top: 6px; color: var(--ebike-muted); font-size: 17px; line-height: 1.35; }
.ebike-resources {
  display: grid;
  grid-template-columns: minmax(320px, 0.8fr) minmax(650px, 1.2fr);
  align-items: center;
  gap: 48px;
  margin-top: 34px;
  border: 1px solid rgba(242, 201, 76, 0.62);
  padding: 28px 32px;
}
.ebike-resources > p { margin: 0; color: var(--ebike-ivory); font-size: 17px; line-height: 1.55; }
.ebike-resources nav { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 18px 26px; }
.ebike-resources a {
  color: var(--ebike-blue-bright);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 17px;
  letter-spacing: 0.05em;
  text-decoration: underline;
  text-underline-offset: 6px;
  text-transform: uppercase;
}
.ebike-resources a:hover,
.ebike-resources a:focus-visible { color: var(--ebike-yellow); }
.ebike-fact-date {
  margin: 34px 0 0;
  color: var(--ebike-muted);
  font-size: 14px;
  text-align: center;
}

.ebike-brands {
  margin-top: clamp(72px, 7vw, 112px);
  border-top: 1px solid var(--ebike-line);
  padding-top: clamp(58px, 6vw, 92px);
}
.ebike-brands-heading {
  display: grid;
  grid-template-columns: minmax(210px, 0.45fr) minmax(320px, 0.8fr) minmax(360px, 1fr);
  align-items: end;
  gap: 36px;
  padding-bottom: 38px;
}
.ebike-brands-heading > span,
.ebike-brand-group > div:first-child > span,
.ebike-thread-form > span,
.ebike-forum-rules > span,
.ebike-forum-toolbar span {
  color: var(--ebike-blue-bright);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 20px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.ebike-brands-heading h3 {
  margin: 0;
  font-size: clamp(52px, 5vw, 78px);
  line-height: 0.9;
}
.ebike-brands-heading p,
.ebike-brand-group > div:first-child p,
.ebike-brand-note {
  margin: 0;
  color: var(--ebike-muted);
  font-size: 16px;
  line-height: 1.55;
}
.ebike-brand-group {
  display: grid;
  grid-template-columns: minmax(220px, 0.38fr) minmax(0, 1.62fr);
  gap: 36px;
  border-top: 1px solid var(--ebike-line);
  padding: 30px 0;
}
.ebike-brand-group > div:first-child p { max-width: 280px; margin-top: 10px; }
.ebike-brand-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.ebike-brand-card {
  display: flex;
  min-height: 220px;
  flex-direction: column;
  border: 1px solid var(--ebike-line);
  padding: 24px;
  color: var(--ebike-ivory);
  background: var(--ebike-graphite);
  transition: border-color 160ms ease, transform 160ms ease, background 160ms ease;
}
.ebike-brand-card:hover,
.ebike-brand-card:focus-visible {
  border-color: var(--ebike-blue-bright);
  background: #15191e;
  transform: translateY(-3px);
}
.ebike-brand-card > span {
  color: var(--ebike-yellow);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.ebike-brand-card strong {
  margin-top: 18px;
  font-size: 29px;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}
.ebike-brand-card p {
  margin: 12px 0 26px;
  color: var(--ebike-muted);
  font-size: 14px;
  line-height: 1.48;
}
.ebike-brand-card small {
  margin-top: auto;
  color: var(--ebike-blue-bright);
  font-weight: 900;
  text-transform: uppercase;
}
.ebike-brand-note { border-top: 1px solid var(--ebike-line); padding-top: 22px; font-size: 13px; }
.ebike-amazon-block {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px 42px;
  margin-top: 50px;
  border: 2px solid var(--ebike-yellow);
  padding: 34px;
}
.ebike-amazon-block h3 { margin: 8px 0; font-size: 40px; }
.ebike-amazon-block > div p { margin: 0; color: var(--ebike-muted); }
.ebike-amazon-block .ebike-affiliate-disclosure {
  grid-column: 1 / -1;
  margin: 0;
  border-top: 1px solid var(--ebike-line);
  padding-top: 18px;
  color: var(--ebike-muted);
  font-size: 14px;
  line-height: 1.5;
}
.ebike-affiliate-disclosure strong { color: var(--ebike-yellow); }

.ebike-community-section {
  padding: clamp(82px, 8vw, 132px) max(30px, calc((100vw - var(--ebike-max)) / 2));
  background:
    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px),
    #080a0d;
  background-size: 42px 42px;
}
.ebike-community-heading {
  display: grid;
  grid-template-columns: minmax(480px, 1fr) minmax(360px, 0.75fr);
  align-items: end;
  gap: 60px;
  border-bottom: 1px solid var(--ebike-line);
  padding-bottom: 42px;
}
.ebike-beta-badge {
  display: inline-flex;
  border: 1px solid var(--ebike-yellow);
  padding: 8px 12px;
  color: var(--ebike-yellow);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.ebike-community-heading h2 {
  margin: 18px 0 0;
  font-size: clamp(78px, 7.5vw, 122px);
  letter-spacing: -0.03em;
  line-height: 0.84;
}
.ebike-community-heading > p {
  margin: 0;
  color: var(--ebike-muted);
  font-size: clamp(18px, 1.35vw, 22px);
  line-height: 1.55;
}
.ebike-community-prompts {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  border-bottom: 1px solid var(--ebike-line);
  padding: 22px 0;
}
.ebike-community-prompts span {
  border: 1px solid var(--ebike-line);
  padding: 9px 13px;
  color: var(--ebike-muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.ebike-forum-shell {
  display: grid;
  grid-template-columns: minmax(310px, 0.42fr) minmax(0, 1.58fr);
  gap: clamp(32px, 4vw, 68px);
  padding-top: 42px;
}
.ebike-forum-compose { display: flex; flex-direction: column; gap: 18px; }
.ebike-forum-rules,
.ebike-forum-auth,
.ebike-thread-form {
  border: 1px solid var(--ebike-line);
  padding: 26px;
  background: rgba(16, 18, 20, 0.94);
}
.ebike-forum-rules h3 { margin: 10px 0 18px; font-size: 38px; line-height: 0.98; }
.ebike-forum-rules ul { margin: 0; padding-left: 20px; color: var(--ebike-muted); }
.ebike-forum-rules li { margin-top: 10px; line-height: 1.45; }
.ebike-forum-rules a { display: inline-flex; margin-top: 22px; color: var(--ebike-yellow); font-weight: 900; }
.ebike-forum-auth p { margin: 0 0 18px; color: var(--ebike-muted); line-height: 1.5; }
.ebike-forum-auth > div { display: flex; flex-wrap: wrap; gap: 10px; }
.ebike-forum-auth a,
.ebike-forum-load-more {
  border: 1px solid var(--ebike-blue-bright);
  padding: 11px 15px;
  color: #fff;
  background: var(--ebike-blue);
  font-weight: 900;
  text-transform: uppercase;
}
.ebike-thread-form { display: grid; gap: 17px; }
.ebike-thread-form[hidden] { display: none; }
.ebike-thread-form label,
.ebike-comment-form label,
.ebike-report-form label,
.ebike-forum-toolbar label {
  display: grid;
  gap: 7px;
  color: var(--ebike-muted);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.ebike-thread-form input,
.ebike-thread-form textarea,
.ebike-thread-form select,
.ebike-comment-form textarea,
.ebike-report-form select,
.ebike-report-form textarea,
.ebike-forum-toolbar select {
  width: 100%;
  border: 1px solid var(--ebike-line);
  border-radius: 0;
  padding: 13px 14px;
  color: var(--ebike-ivory);
  background: #050607;
  font: 16px/1.4 Arial, Helvetica, sans-serif;
}
.ebike-thread-form .ebike-button { width: 100%; min-width: 0; padding-inline: 16px; }
.ebike-thread-form [aria-live],
.ebike-comment-form [aria-live] { min-height: 18px; margin: 0; color: var(--ebike-yellow); font-size: 13px; line-height: 1.4; }
.ebike-forum-feed { min-width: 0; }
.ebike-forum-toolbar {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  border-bottom: 2px solid var(--ebike-blue-bright);
  padding: 0 0 20px;
}
.ebike-forum-toolbar strong { display: block; margin-top: 6px; color: var(--ebike-muted); font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 500; }
.ebike-forum-toolbar select { min-width: 180px; padding-block: 10px; }
.ebike-forum-list { display: grid; gap: 18px; padding-top: 20px; }
.ebike-forum-loading,
.ebike-forum-empty {
  margin: 0;
  border: 1px dashed var(--ebike-line);
  padding: 48px 24px;
  color: var(--ebike-muted);
  font-size: 17px;
  line-height: 1.6;
  text-align: center;
}
.ebike-thread-card {
  border: 1px solid var(--ebike-line);
  background: rgba(3, 4, 5, 0.94);
}
.ebike-thread-main { padding: 26px; }
.ebike-thread-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: var(--ebike-muted);
  font-size: 12px;
  text-transform: uppercase;
}
.ebike-thread-meta span:first-child {
  color: var(--ebike-yellow);
  font-weight: 900;
  letter-spacing: 0.08em;
}
.ebike-thread-card h3 { margin: 14px 0 10px; font-size: clamp(28px, 2.5vw, 40px); line-height: 1; text-transform: none; }
.ebike-thread-body { margin: 0; color: var(--ebike-muted); font-size: 16px; line-height: 1.58; white-space: pre-wrap; }
.ebike-thread-byline { margin: 18px 0 0; color: var(--ebike-ivory); font-size: 13px; }
.ebike-thread-byline strong { font-family: Arial, Helvetica, sans-serif; font-weight: 900; }
.ebike-thread-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}
.ebike-thread-actions button,
.ebike-comment-form button,
.ebike-report-form button {
  border: 1px solid var(--ebike-line);
  border-radius: 0;
  padding: 10px 13px;
  color: var(--ebike-ivory);
  background: transparent;
  font-weight: 900;
  cursor: pointer;
}
.ebike-thread-actions button:hover,
.ebike-comment-form button:hover,
.ebike-report-form button:hover { border-color: var(--ebike-blue-bright); color: var(--ebike-blue-bright); }
.ebike-thread-comments {
  border-top: 1px solid var(--ebike-line);
  padding: 0 26px 24px;
}
.ebike-comment {
  border-bottom: 1px solid var(--ebike-line);
  padding: 19px 0;
}
.ebike-comment p { margin: 0; color: var(--ebike-muted); line-height: 1.55; white-space: pre-wrap; }
.ebike-comment small { display: block; margin-top: 10px; color: var(--ebike-ivory); }
.ebike-comment-form,
.ebike-report-form {
  display: grid;
  gap: 11px;
  margin-top: 18px;
}
.ebike-report-form { max-width: 520px; border-left: 3px solid var(--ebike-yellow); padding-left: 15px; }
.ebike-report-form[hidden],
.ebike-comment-form[hidden] { display: none; }
.ebike-thread-status {
  display: inline-flex;
  margin-left: auto;
  color: var(--ebike-yellow);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.ebike-forum-load-more { display: block; width: 100%; margin-top: 18px; cursor: pointer; }
.ebike-community-note { margin: 34px 0 0; color: var(--ebike-muted); font-size: 13px; line-height: 1.5; }

@media (max-width: 1180px) {
  .ebike-hero { min-height: 820px; }
  .ebike-hero-image { width: 72%; }
  .ebike-facts-intro,
  .ebike-charge-layout { grid-template-columns: minmax(340px, 0.8fr) minmax(430px, 1.2fr); }
  .ebike-class-rail article { grid-template-columns: 1fr; }
  .ebike-class-rail strong { grid-row: auto; grid-column: 1; margin-top: 24px; text-align: left; }
  .ebike-law-rail { grid-template-columns: 70px 1fr 1fr; }
  .ebike-law-rail a { grid-column: 2 / -1; justify-content: flex-start; text-align: left; }
  .ebike-check-layout { grid-template-columns: minmax(330px, 0.75fr) minmax(470px, 1.25fr); }
  .ebike-sixty-visual::after { display: none; }
  .ebike-sixty-visual span { right: 0; }
  .ebike-road-band { grid-template-columns: 250px minmax(0, 1fr); }
  .ebike-road-band ol { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 28px; }
  .ebike-road-band li:nth-child(2) { border-right: 0; }
  .ebike-road-band li:nth-child(3) { padding-left: 0; }
  .ebike-battery-heading { grid-template-columns: minmax(390px, 0.9fr) minmax(330px, 0.75fr); }
  .ebike-battery-baseline { grid-template-columns: minmax(360px, 0.8fr) minmax(440px, 1.2fr); }
  .ebike-battery-lab { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ebike-range-planner { grid-column: 1 / -1; border-top: 1px solid var(--ebike-line); }
  .ebike-battery-result { border-right: 0; }
  .ebike-battery-compatibility { grid-template-columns: minmax(220px, 0.5fr) minmax(0, 1fr); }
  .ebike-brands-heading { grid-template-columns: 200px 1fr; }
  .ebike-brands-heading p { grid-column: 2; }
  .ebike-brand-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ebike-community-heading { grid-template-columns: 1fr 0.7fr; }
}

@media (max-width: 900px) {
  .ebike-hero {
    min-height: 880px;
    align-items: end;
    padding: calc(var(--global-header-height) + 360px) 24px 58px;
  }
  .ebike-hero-image {
    top: var(--global-header-height);
    width: 100%;
    height: 500px;
    object-position: 68% center;
    -webkit-mask-image: linear-gradient(180deg, #000 54%, transparent 100%);
    mask-image: linear-gradient(180deg, #000 54%, transparent 100%);
  }
  .ebike-hero-copy { width: 100%; }
  .ebike-hero h1 { font-size: clamp(68px, 15vw, 106px); }
  .ebike-facts-section,
  .ebike-battery-guide,
  .ebike-charge-section,
  .ebike-buy-section { padding-inline: 24px; }
  .ebike-facts-intro,
  .ebike-battery-heading,
  .ebike-battery-baseline,
  .ebike-charge-layout,
  .ebike-buy-heading { grid-template-columns: 1fr; }
  .ebike-battery-heading { align-items: start; gap: 28px; }
  .ebike-battery-pack { min-height: 380px; }
  .ebike-battery-cost,
  .ebike-battery-compatibility { grid-template-columns: 1fr; gap: 16px; }
  .ebike-line-bike { max-width: 700px; margin: 12px auto 0; }
  .ebike-law-rail { grid-template-columns: 62px 1fr; }
  .ebike-law-rail p + p { grid-column: 2; border-left: 0; padding-left: 0; }
  .ebike-law-rail a { grid-column: 2; }
  .ebike-check-layout { grid-template-columns: 1fr; padding-inline: 24px; }
  .ebike-sixty { border-right: 0; padding-right: 0; }
  .ebike-sixty-visual { min-height: 290px; }
  .ebike-sixty-visual span { left: 230px; right: auto; }
  .ebike-road-band { grid-template-columns: 1fr; padding-inline: 24px; }
  .ebike-road-band h3 { grid-row: auto; border-right: 0; padding-right: 0; }
  .ebike-road-band > p { grid-column: 1; }
  .ebike-charge-layout > img { max-width: 760px; margin: 0 auto; }
  .ebike-charger-warning { grid-template-columns: 1fr; gap: 14px; }
  .ebike-buy-heading { gap: 16px; }
  .ebike-route-mark { justify-content: flex-start; }
  .ebike-route-mark > svg { width: 88px; height: 88px; }
  .ebike-route-mark > span { width: 180px; }
  .ebike-buy-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto auto;
  }
  .ebike-buy-gallery-primary { grid-row: auto; grid-column: 1 / -1; }
  .ebike-buy-gallery-primary img { min-height: 460px; }
  .ebike-buy-list { grid-template-columns: 1fr; }
  .ebike-buy-list article:nth-child(even) { border-left: 0; padding-left: 0; }
  .ebike-resources { grid-template-columns: 1fr; }
  .ebike-resources nav { justify-content: flex-start; }
  .ebike-brands-heading,
  .ebike-brand-group,
  .ebike-community-heading,
  .ebike-forum-shell { grid-template-columns: 1fr; }
  .ebike-brands-heading p { grid-column: 1; }
  .ebike-brand-group > div:first-child p { max-width: 620px; }
  .ebike-community-heading { gap: 28px; }
  .ebike-forum-compose { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ebike-thread-form { grid-column: 1 / -1; }
  .ebike-amazon-block { grid-template-columns: 1fr; }
  .ebike-amazon-block .ebike-affiliate-disclosure { grid-column: 1; }
}

@media (max-width: 640px) {
  .ebike-hero { min-height: 810px; padding: calc(var(--global-header-height) + 320px) 18px 48px; }
  .ebike-hero-image { height: 440px; object-position: 70% center; }
  .ebike-hero h1 { font-size: clamp(54px, 17vw, 82px); line-height: 0.86; }
  .ebike-hero-copy > p { margin-top: 22px; font-size: 18px; }
  .ebike-hero-actions { align-items: stretch; gap: 20px; margin-top: 28px; }
  .ebike-button,
  .ebike-text-link { width: 100%; min-width: 0; font-size: 18px; }
  .ebike-text-link { justify-content: flex-start; }
  .ebike-facts-section,
  .ebike-battery-guide,
  .ebike-charge-section,
  .ebike-buy-section { padding: 72px 18px; }
  .ebike-facts-intro h2,
  .ebike-charge-heading h2,
  .ebike-buy-heading h2 { font-size: clamp(58px, 18vw, 78px); }
  .ebike-line-bike { margin-top: 26px; }
  .ebike-class-rail { grid-template-columns: 1fr; }
  .ebike-class-rail article { grid-template-columns: minmax(0, 1fr) auto; min-height: 150px; border-right: 0; border-bottom: 1px solid var(--ebike-line); padding: 24px 8px; }
  .ebike-class-rail article:last-child { border-bottom: 0; }
  .ebike-class-rail strong { grid-row: 1 / 3; grid-column: 2; margin-top: 0; font-size: 86px; text-align: right; }
  .ebike-class-rail strong small { font-size: 20px; }
  .ebike-law-rail { grid-template-columns: 1fr; gap: 18px; padding: 24px 20px; }
  .ebike-law-state { width: 58px; height: 58px; }
  .ebike-law-rail p + p,
  .ebike-law-rail a { grid-column: 1; }
  .ebike-check-layout { gap: 34px; padding: 68px 18px 52px; }
  .ebike-sixty h2 { font-size: 54px; }
  .ebike-sixty-visual { min-height: 215px; }
  .ebike-sixty-visual strong { font-size: 210px; }
  .ebike-sixty-visual span { left: 180px; font-size: 19px; }
  .ebike-check-row { min-height: 92px; grid-template-columns: 34px 42px minmax(0, 1fr); gap: 14px; }
  .ebike-check-icon svg { width: 38px; height: 38px; }
  .ebike-check-row strong { font-size: 22px; }
  .ebike-check-row small { font-size: 14px; }
  .ebike-check-arrow { display: none; }
  .ebike-road-band { gap: 30px; padding: 44px 18px; }
  .ebike-road-band h3 { font-size: 52px; }
  .ebike-road-band ol { grid-template-columns: 1fr; }
  .ebike-road-band li,
  .ebike-road-band li:nth-child(3) { display: grid; grid-template-columns: 48px 1fr; align-items: center; border-right: 0; border-bottom: 1px solid rgba(255,255,255,0.4); padding: 14px 0; }
  .ebike-road-band li span { font-size: 31px; }
  .ebike-road-band li strong { margin-top: 0; }
  .ebike-battery-heading h2 { font-size: clamp(56px, 17vw, 74px); }
  .ebike-battery-heading > p { font-size: 17px; }
  .ebike-battery-baseline { gap: 42px; padding: 52px 0; }
  .ebike-battery-pack { min-height: 330px; border-radius: 20px; padding: 34px 24px; }
  .ebike-battery-pack::before { left: 34px; width: 70px; }
  .ebike-battery-pack > strong { flex-wrap: wrap; font-size: 44px; }
  .ebike-battery-pack output { font-size: 58px; }
  .ebike-battery-formula p { grid-template-columns: 1fr; gap: 10px; padding: 26px 0; }
  .ebike-battery-formula strong { font-size: 23px; }
  .ebike-battery-formula span { font-size: 16px; }
  .ebike-battery-lab { grid-template-columns: 1fr; }
  .ebike-battery-controls,
  .ebike-battery-result,
  .ebike-range-planner { padding: 24px 18px; }
  .ebike-battery-controls { border-right: 0; border-bottom: 1px solid var(--ebike-line); }
  .ebike-battery-result { border-bottom: 1px solid var(--ebike-line); }
  .ebike-range-planner { grid-column: 1; border-top: 0; gap: 12px; }
  .ebike-range-planner strong { font-size: 25px; }
  .ebike-battery-compare { margin-right: -18px; }
  .ebike-battery-cost,
  .ebike-battery-compatibility { padding: 22px 18px; }
  .ebike-battery-cost > div { align-items: flex-start; }
  .ebike-battery-compatibility a { display: inline-flex; width: fit-content; }
  .ebike-charge-heading { grid-template-columns: 68px minmax(0, 1fr); gap: 18px; }
  .ebike-charge-heading > span { width: 64px; height: 64px; font-size: 40px; }
  .ebike-charge-heading h2 { font-size: 52px; }
  .ebike-charge-layout { gap: 28px; }
  .ebike-charge-layout > img { aspect-ratio: 4 / 3; }
  .ebike-charge-rules li { grid-template-columns: 62px minmax(0, 1fr); min-height: 94px; }
  .ebike-charge-rules span { font-size: 36px; }
  .ebike-charge-rules strong { padding-left: 20px; font-size: 21px; }
  .ebike-emergency-strip { grid-template-columns: 48px 1fr; gap: 16px; padding: 22px 18px; }
  .ebike-charger-warning { padding: 22px 18px; }
  .ebike-emergency-strip > span { width: 44px; height: 42px; }
  .ebike-emergency-strip a { grid-column: 1 / -1; justify-self: start; }
  .ebike-buy-list article { grid-template-columns: 42px 48px minmax(0, 1fr); min-height: 130px; gap: 14px; padding-right: 0; }
  .ebike-buy-gallery { grid-template-columns: 1fr; gap: 12px; margin-top: 30px; }
  .ebike-buy-gallery-primary { grid-column: 1; }
  .ebike-buy-gallery figure,
  .ebike-buy-gallery img,
  .ebike-buy-gallery-primary img { min-height: 0; aspect-ratio: 3 / 2; }
  .ebike-buy-gallery figcaption { padding: 46px 18px 18px; }
  .ebike-buy-gallery figcaption strong { font-size: 21px; }
  .ebike-buy-list article > svg { width: 38px; height: 38px; }
  .ebike-buy-list article > span { font-size: 34px; }
  .ebike-buy-list article p { padding-left: 16px; }
  .ebike-buy-list article strong { font-size: 21px; }
  .ebike-buy-list article small { font-size: 14px; }
  .ebike-resources { gap: 24px; padding: 24px 20px; }
  .ebike-resources nav { display: grid; grid-template-columns: 1fr; }
  .ebike-fact-date { text-align: left; }
  .ebike-hero-kicker { margin-bottom: 18px; font-size: 18px; }
  .ebike-hero-disclosure { margin-top: 20px; }
  .ebike-brands-heading h3 { font-size: 52px; }
  .ebike-brand-grid,
  .ebike-forum-compose { grid-template-columns: 1fr; }
  .ebike-brand-card { min-height: 0; }
  .ebike-thread-form { grid-column: 1; }
  .ebike-community-section { padding: 72px 18px; }
  .ebike-community-heading h2 { font-size: clamp(66px, 19vw, 84px); }
  .ebike-community-prompts { overflow-x: auto; flex-wrap: nowrap; }
  .ebike-community-prompts span { flex: 0 0 auto; }
  .ebike-forum-toolbar { align-items: stretch; flex-direction: column; }
  .ebike-forum-toolbar select { min-width: 0; }
  .ebike-thread-main,
  .ebike-thread-comments { padding-right: 18px; padding-left: 18px; }
  .ebike-thread-meta { align-items: flex-start; flex-direction: column; gap: 6px; }
  .ebike-thread-status { width: 100%; margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .ebike-button,
  .ebike-buy-gallery img,
  .ebike-text-link,
  .ebike-check-row,
  .ebike-brand-card { transition: none; }
  .ebike-buy-gallery figure:hover img { transform: none; }
}

/* DaPoint E-Bike World — origin story, Owe Me and community expansion */
.ebike-brand-ribbon {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid var(--ebike-line);
  background: #050607;
}
.ebike-brand-ribbon a {
  display: grid;
  min-height: 116px;
  place-items: center;
  gap: 8px;
  border-right: 1px solid var(--ebike-line);
  padding: 16px;
  color: var(--ebike-muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  text-align: center;
  text-transform: uppercase;
}
.ebike-brand-ribbon a:last-child { border-right: 0; }
.ebike-brand-ribbon a:hover,
.ebike-brand-ribbon a:focus-visible { color: var(--ebike-yellow); background: #101214; }
.ebike-brand-ribbon img { width: min(190px, 86%); height: 52px; object-fit: contain; }

.ebike-origin-section,
.ebike-owe-me-section {
  border-bottom: 1px solid var(--ebike-line);
  padding: clamp(72px, 7vw, 116px) max(30px, calc((100vw - var(--ebike-max)) / 2));
  background: #080a0c;
}
.ebike-world-heading {
  display: grid;
  grid-template-columns: minmax(180px, .35fr) minmax(430px, .9fr) minmax(300px, .65fr);
  align-items: end;
  gap: 36px;
}
.ebike-world-heading > span,
.ebike-local-law-alert > span,
.ebike-owe-copy > span,
.ebike-video-brief > span,
.ebike-photo-world > div:first-child > span {
  color: var(--ebike-blue-bright);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 17px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.ebike-world-heading h2 { margin: 0; font-size: clamp(62px, 6.6vw, 104px); line-height: .87; }
.ebike-world-heading p { margin: 0; color: var(--ebike-muted); font-size: 18px; line-height: 1.6; }
.ebike-story-rail,
.ebike-law-detail-rail,
.ebike-photo-rail,
.ebike-knowledge-rail {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-color: var(--ebike-blue) #17191c;
  cursor: grab;
  touch-action: pan-y;
}
[data-swipe-rail].is-dragging { cursor: grabbing; user-select: none; scroll-snap-type: none; }
.ebike-story-rail { margin-top: 44px; padding: 0 0 22px; }
.ebike-story-rail article {
  flex: 0 0 min(350px, 78vw);
  min-height: 310px;
  scroll-snap-align: start;
  border: 1px solid var(--ebike-line);
  border-top: 5px solid var(--ebike-blue);
  padding: 30px;
  background: #101214;
}
.ebike-story-rail article.is-impact { border-top-color: #e43c45; }
.ebike-story-rail span { color: var(--ebike-blue-bright); font-size: 12px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.ebike-story-rail strong { display: block; margin-top: 42px; font-size: 43px; line-height: .94; text-transform: uppercase; }
.ebike-story-rail p { margin: 24px 0 0; color: var(--ebike-muted); font-size: 17px; line-height: 1.55; }
.ebike-swipe-hint { margin: 12px 0 0; color: var(--ebike-yellow); font-size: 12px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }

.ebike-owe-me-section {
  display: grid;
  grid-template-columns: minmax(220px, .42fr) minmax(350px, .78fr) minmax(330px, .8fr);
  gap: clamp(28px, 4vw, 60px);
  align-items: center;
  background: #050607;
}
.ebike-owe-art { position: relative; }
.ebike-owe-art img { width: 100%; border: 1px solid var(--ebike-line); box-shadow: 16px 16px 0 rgba(12, 114, 237, .28); }
.ebike-owe-art span { position: absolute; right: 10px; bottom: 10px; border: 1px solid #fff; padding: 5px 7px; background: #000; font-size: 9px; font-weight: 900; text-transform: uppercase; }
.ebike-owe-copy h2 { margin: 10px 0 18px; font-size: clamp(86px, 8vw, 130px); line-height: .8; }
.ebike-owe-copy p { color: var(--ebike-muted); font-size: 17px; line-height: 1.55; }
.ebike-owe-copy .ebike-owe-lede { color: var(--ebike-ivory); font-size: clamp(24px, 2.4vw, 38px); font-weight: 900; line-height: 1.05; }
.ebike-owe-copy audio { width: 100%; margin-top: 18px; color-scheme: dark; }
.ebike-owe-actions { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; margin-top: 26px; }
.ebike-owe-actions .ebike-button { min-width: 0; min-height: 54px; font-size: 17px; }
.ebike-video-brief { border: 1px solid var(--ebike-line); border-top: 4px solid var(--ebike-yellow); padding: 18px; background: #101214; }
.ebike-video-brief > span { color: var(--ebike-yellow); font-size: 13px; }
.ebike-video-brief img { width: 100%; aspect-ratio: 16 / 9; margin-top: 16px; object-fit: cover; }
.ebike-video-brief h3 { margin: 18px 0 8px; font-size: 36px; line-height: .95; }
.ebike-video-brief p { margin: 0; color: var(--ebike-muted); font-size: 14px; line-height: 1.55; }

.ebike-local-law-alert {
  display: grid;
  grid-template-columns: minmax(220px, .4fr) minmax(350px, .8fr) minmax(360px, 1fr) auto;
  gap: 28px;
  align-items: center;
  margin-top: 38px;
  border: 1px solid var(--ebike-yellow);
  padding: 25px 28px;
  background: #11120e;
}
.ebike-local-law-alert > span { color: var(--ebike-yellow); font-size: 14px; }
.ebike-local-law-alert h3 { margin: 0; font-size: 31px; line-height: .96; }
.ebike-local-law-alert p { margin: 0; color: var(--ebike-muted); line-height: 1.5; }
.ebike-local-law-alert a { color: var(--ebike-blue-bright); font-weight: 900; white-space: nowrap; }
.ebike-law-detail-rail { margin-top: 22px; padding-bottom: 18px; }
.ebike-law-detail-rail article { flex: 0 0 min(360px, 82vw); min-height: 260px; scroll-snap-align: start; border: 1px solid var(--ebike-line); padding: 26px; background: #101214; }
.ebike-law-detail-rail span { color: var(--ebike-blue-bright); font-size: 12px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.ebike-law-detail-rail h3 { margin: 28px 0 12px; font-size: 32px; line-height: .96; }
.ebike-law-detail-rail p { color: var(--ebike-muted); line-height: 1.5; }
.ebike-law-detail-rail a { color: var(--ebike-yellow); font-weight: 900; }

.ebike-community-prompts { overflow-x: auto; flex-wrap: nowrap; scroll-snap-type: x proximity; }
.ebike-community-prompts a { flex: 0 0 auto; scroll-snap-align: start; border: 1px solid var(--ebike-line); padding: 11px 16px; color: var(--ebike-muted); font-size: 12px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.ebike-community-prompts a:first-child,
.ebike-community-prompts a:hover,
.ebike-community-prompts a:focus-visible { border-color: var(--ebike-blue-bright); color: #fff; background: var(--ebike-blue); }
.ebike-photo-world { display: grid; grid-template-columns: minmax(250px, .42fr) minmax(0, 1.58fr); gap: 30px; align-items: center; border-bottom: 1px solid var(--ebike-line); padding: 30px 0; }
.ebike-photo-world h3 { margin: 8px 0 0; font-size: 35px; line-height: .95; }
.ebike-photo-rail { padding-bottom: 12px; }
.ebike-photo-rail figure { flex: 0 0 min(310px, 72vw); scroll-snap-align: start; margin: 0; border: 1px solid var(--ebike-line); background: #101214; }
.ebike-photo-rail img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.ebike-photo-rail figcaption { padding: 11px 13px; color: var(--ebike-muted); font-size: 11px; font-weight: 900; text-transform: uppercase; }
.ebike-photo-upload input { border-style: dashed; padding: 18px; cursor: pointer; }
.ebike-photo-upload small { color: var(--ebike-muted); font-size: 11px; font-weight: 500; letter-spacing: 0; text-transform: none; }
.ebike-photo-preview { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.ebike-photo-preview[hidden] { display: none; }
.ebike-photo-preview figure { min-width: 0; margin: 0; border: 1px solid var(--ebike-line); }
.ebike-photo-preview img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.ebike-photo-preview figcaption { overflow: hidden; padding: 7px; color: var(--ebike-muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.ebike-thread-form .ebike-photo-consent { display: grid; grid-template-columns: 20px 1fr; align-items: start; gap: 10px; color: var(--ebike-muted); font-size: 11px; font-weight: 600; letter-spacing: 0; line-height: 1.45; text-transform: none; }
.ebike-photo-consent input { width: 18px; height: 18px; margin: 0; padding: 0; accent-color: var(--ebike-blue); }
.ebike-thread-photos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 20px; }
.ebike-thread-photos img { width: 100%; aspect-ratio: 16 / 10; border: 1px solid var(--ebike-line); object-fit: cover; }
.ebike-thread-photos[data-count="1"] { grid-template-columns: minmax(0, 1fr); }
.ebike-thread-photos[data-count="1"] img { max-height: 520px; }
.ebike-knowledge-rail { margin-top: 52px; padding-bottom: 18px; }
.ebike-knowledge-rail a { display: grid; flex: 0 0 min(300px, 76vw); min-height: 220px; align-content: end; scroll-snap-align: start; border: 1px solid var(--ebike-line); padding: 24px; color: var(--ebike-ivory); background: #101214; }
.ebike-knowledge-rail a:hover,
.ebike-knowledge-rail a:focus-visible { border-color: var(--ebike-blue-bright); }
.ebike-knowledge-rail span { color: var(--ebike-blue-bright); font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: 38px; }
.ebike-knowledge-rail strong { margin-top: 25px; font-size: 29px; text-transform: uppercase; }
.ebike-knowledge-rail small { margin-top: 7px; color: var(--ebike-muted); }

/* Keep the persistent station useful without letting it cover the app. */
@media (min-width: 761px) {
  .site-radio-player { right: 18px; left: auto; width: min(920px, calc(100vw - 36px)); grid-template-columns: 120px minmax(280px, 1fr) auto; }
  .site-radio-links { display: none; }
  .site-radio-logo { height: 52px; }
  .site-radio-brand > span { display: none; }
  .has-site-radio-player { padding-bottom: 104px; }
  body.has-site-radio-player.has-lil-point-companion { --lil-point-bottom: 108px; }
}

@media (max-width: 980px) {
  .ebike-world-heading,
  .ebike-owe-me-section { grid-template-columns: 1fr; }
  .ebike-world-heading { align-items: start; }
  .ebike-owe-art { width: min(360px, 72vw); }
  .ebike-video-brief { display: grid; grid-template-columns: minmax(220px, .8fr) minmax(260px, 1fr); gap: 12px 22px; }
  .ebike-video-brief > span { grid-column: 1 / -1; }
  .ebike-video-brief img { grid-row: 2 / span 2; margin: 0; }
  .ebike-local-law-alert { grid-template-columns: 1fr 1fr; }
  .ebike-local-law-alert a { white-space: normal; }
  .ebike-photo-world { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .ebike-brand-ribbon { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
  .ebike-brand-ribbon a { flex: 0 0 48vw; scroll-snap-align: start; }
  .ebike-origin-section,
  .ebike-owe-me-section { padding: 66px 18px; }
  .ebike-world-heading h2 { font-size: clamp(56px, 17vw, 78px); }
  .ebike-story-rail { margin-right: -18px; }
  .ebike-story-rail article { min-height: 280px; }
  .ebike-owe-copy h2 { font-size: 86px; }
  .ebike-video-brief { grid-template-columns: 1fr; }
  .ebike-video-brief > span { grid-column: 1; }
  .ebike-video-brief img { grid-row: auto; }
  .ebike-local-law-alert { grid-template-columns: 1fr; padding: 22px 20px; }
  .ebike-photo-preview,
  .ebike-thread-photos { grid-template-columns: 1fr; }
  .ebike-community-prompts { margin-right: -18px; }
  .ebike-photo-rail,
  .ebike-knowledge-rail { margin-right: -18px; }
  .site-radio-player { grid-template-columns: 54px minmax(0, 1fr) auto; }
  .site-radio-logo { width: 54px; height: 44px; }
  .site-radio-logo img { object-fit: cover; }
  .site-radio-player .site-radio-heading,
  .site-radio-player .site-radio-progress,
  .site-radio-player .site-radio-links { display: none; }
  .site-radio-title-line strong { font-size: 16px; }
  .has-site-radio-player { padding-bottom: 92px; }
  body.has-site-radio-player.has-lil-point-companion { --lil-point-bottom: 94px; }
}

/* Bobby ReeZy biography and B.Ray's Boom Boom Room premiere */
.boom-room-hero .hero-image,
.bobby-reezy-hero .hero-image {
  object-position: center 32%;
}

.boom-room-hero .hero-shade,
.bobby-reezy-hero .hero-shade {
  background:
    linear-gradient(90deg, rgba(2, 2, 3, 0.94) 0%, rgba(15, 4, 5, 0.76) 50%, rgba(2, 2, 3, 0.28) 100%),
    linear-gradient(0deg, rgba(2, 2, 3, 0.84), transparent 52%);
}

.boom-room-section,
.bobby-biography-section,
.boom-room-experience-section {
  background:
    radial-gradient(circle at 84% 14%, rgba(198, 28, 31, 0.2), transparent 28rem),
    radial-gradient(circle at 15% 76%, rgba(24, 139, 170, 0.12), transparent 30rem),
    #050505;
}

.boom-room-premiere {
  display: grid;
  grid-template-columns: minmax(280px, 0.8fr) minmax(340px, 1.2fr);
  gap: clamp(30px, 6vw, 84px);
  align-items: center;
  max-width: var(--max);
  margin: 0 auto;
  border-block: 1px solid rgba(242, 201, 76, 0.28);
  padding-block: clamp(26px, 5vw, 64px);
}

.boom-room-copy h2 {
  max-width: 10ch;
  margin: 10px 0 20px;
  color: #fff;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(52px, 7vw, 98px);
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 0.86;
  text-transform: uppercase;
}

.boom-room-copy > p:not(.section-kicker) {
  max-width: 630px;
  color: rgba(255, 255, 255, 0.75);
  font-size: clamp(16px, 1.6vw, 19px);
  line-height: 1.7;
}

.boom-room-copy .boom-room-status {
  border-left: 3px solid rgba(242, 201, 76, 0.7);
  padding-left: 14px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.88rem;
}

.boom-room-video-stage {
  display: grid;
  margin: 0;
  justify-items: center;
  overflow: hidden;
  border: 1px solid rgba(242, 201, 76, 0.36);
  background: #000;
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.62), 0 0 70px rgba(198, 28, 31, 0.12);
}

.boom-room-video-stage video {
  display: block;
  width: 100%;
  max-height: min(76svh, 820px);
  aspect-ratio: 9 / 16;
  background: #000;
  object-fit: contain;
}

.boom-room-video-stage figcaption {
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  padding: 12px 14px;
  color: rgba(255, 255, 255, 0.66);
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  text-align: center;
}

.boom-room-premiere.is-compact {
  margin-bottom: clamp(34px, 6vw, 76px);
}

.boom-room-premiere.is-compact .boom-room-copy h2 {
  font-size: clamp(46px, 6vw, 82px);
}

.boom-room-premiere.is-compact .boom-room-video-stage video {
  max-height: min(68svh, 680px);
}

.bobby-biography-layout {
  display: grid;
  grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
  gap: clamp(34px, 6vw, 88px);
  align-items: start;
  max-width: var(--max);
  margin: 0 auto;
}

.bobby-bio-facts {
  overflow: hidden;
  border: 1px solid rgba(242, 201, 76, 0.3);
  background: rgba(255, 255, 255, 0.045);
}

.bobby-bio-facts > img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center top;
}

.bobby-bio-facts h3 {
  margin: 0;
  border-block: 1px solid rgba(242, 201, 76, 0.24);
  padding: 18px 20px;
  color: #fff;
  font-size: clamp(28px, 3vw, 38px);
}

.bobby-bio-facts dl {
  margin: 0;
}

.bobby-bio-facts dl > div {
  display: grid;
  grid-template-columns: minmax(94px, 0.72fr) minmax(0, 1.28fr);
  gap: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding: 13px 16px;
}

.bobby-bio-facts dl > div:last-child {
  border-bottom: 0;
}

.bobby-bio-facts dt {
  color: #f2c94c;
  font-size: 0.75rem;
  font-weight: 900;
}

.bobby-bio-facts dd {
  margin: 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: 0.84rem;
  line-height: 1.45;
}

.bobby-bio-article {
  max-width: 820px;
}

.bobby-bio-article h3 {
  margin: 38px 0 10px;
  color: #fff;
  font-size: clamp(25px, 3vw, 38px);
}

.bobby-bio-article p {
  color: rgba(255, 255, 255, 0.72);
  font-size: clamp(16px, 1.6vw, 19px);
  line-height: 1.78;
}

.bobby-bio-article .bobby-bio-lead {
  margin-top: 0;
  color: rgba(255, 255, 255, 0.9);
  font-size: clamp(19px, 2.2vw, 25px);
  line-height: 1.62;
}

.boom-room-pillars {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: var(--max);
  margin: 0 auto;
  border-block: 1px solid rgba(242, 201, 76, 0.25);
}

.boom-room-pillars article {
  min-height: 240px;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
  padding: clamp(22px, 3vw, 38px);
}

.boom-room-pillars article:last-child {
  border-right: 0;
}

.boom-room-pillars span {
  color: #f2c94c;
  font-family: Georgia, serif;
  font-size: 1.4rem;
}

.boom-room-pillars h3 {
  margin: 28px 0 12px;
  color: #fff;
  font-size: clamp(24px, 3vw, 36px);
}

.boom-room-pillars p {
  margin: 0;
  color: rgba(255, 255, 255, 0.67);
  line-height: 1.65;
}

@media (max-width: 900px) {
  .boom-room-premiere,
  .bobby-biography-layout {
    grid-template-columns: 1fr;
  }

  .boom-room-video-stage {
    width: min(100%, 560px);
    justify-self: center;
  }

  .bobby-bio-facts {
    width: min(100%, 480px);
  }
}

@media (max-width: 640px) {
  .boom-room-premiere {
    gap: 26px;
  }

  .boom-room-copy h2 {
    font-size: clamp(48px, 16vw, 72px);
  }

  .boom-room-pillars {
    grid-template-columns: 1fr;
  }

  .boom-room-pillars article {
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }

  .boom-room-pillars article:last-child {
    border-bottom: 0;
  }

  .bobby-bio-facts dl > div {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

/* DaPoint Store — server-approved catalog with Stripe-hosted checkout */
.store-hero .hero-shade {
  background:
    linear-gradient(90deg, rgba(4, 4, 4, 0.98) 0%, rgba(4, 4, 4, 0.75) 52%, rgba(4, 4, 4, 0.34) 100%),
    linear-gradient(0deg, #050505 0%, transparent 46%);
}

.store-shopping-hub-section {
  background:
    radial-gradient(circle at 84% 12%, rgba(19, 120, 234, 0.15), transparent 25rem),
    radial-gradient(circle at 8% 86%, rgba(224, 173, 25, 0.09), transparent 23rem),
    #050505;
}

.store-destination-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  width: min(1180px, 100%);
  margin: 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.14);
}

.store-destination-card {
  display: flex;
  min-height: 270px;
  flex-direction: column;
  padding: clamp(24px, 3vw, 38px);
  color: var(--global-cream);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.055), transparent 56%),
    #090909;
  transition: background 180ms ease, color 180ms ease;
}

.store-destination-card:hover,
.store-destination-card:focus-visible {
  color: #fff;
  background:
    linear-gradient(145deg, rgba(19, 120, 234, 0.2), transparent 58%),
    #0a0d12;
}

.store-destination-card > span {
  color: var(--global-gold);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.store-destination-card > strong {
  display: block;
  margin-top: 28px;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(30px, 3vw, 45px);
  font-weight: 400;
  line-height: 0.95;
  text-transform: uppercase;
}

.store-destination-card > p {
  margin: 14px 0 24px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.58;
}

.store-destination-card > p b {
  margin-right: 5px;
  color: var(--global-gold);
  font-size: 18px;
}

.store-destination-card > em {
  margin-top: auto;
  color: var(--global-blue-bright);
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.store-destination-savings {
  background:
    radial-gradient(circle at 88% 10%, rgba(24, 215, 255, 0.16), transparent 14rem),
    #071016;
}

.storefront-section,
.storefront-embed-section,
.store-confirmation-section {
  background:
    radial-gradient(circle at 88% 12%, rgba(19, 120, 234, 0.11), transparent 26rem),
    radial-gradient(circle at 12% 90%, rgba(224, 173, 25, 0.08), transparent 24rem),
    #070707;
}

.storefront-shell,
.storefront-embed,
.store-confirmation-card {
  width: min(1180px, 100%);
  margin: 0 auto;
}

.store-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
}

.store-toolbar button {
  min-height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0 17px;
  color: var(--global-cream);
  background: rgba(255, 255, 255, 0.035);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.store-toolbar button:hover,
.store-toolbar button:focus-visible,
.store-toolbar button[aria-pressed="true"] {
  border-color: var(--global-blue-bright);
  color: #fff;
  background: rgba(19, 120, 234, 0.2);
}

.store-status-panel {
  display: grid;
  gap: 6px;
  min-height: 76px;
  align-content: center;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-left: 4px solid var(--global-blue-bright);
  padding: 16px 20px;
  background: rgba(255, 255, 255, 0.035);
}

.store-status-panel span,
.store-confirmation-card > span {
  color: var(--global-gold);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.store-status-panel strong {
  color: var(--global-cream);
  line-height: 1.45;
}

.store-status-panel[data-state="ready"] {
  border-left-color: #53d37d;
}

.store-status-panel[data-state="activation"],
.store-status-panel[data-state="empty"],
.store-status-panel[data-state="cancelled"] {
  border-left-color: var(--global-gold);
}

.store-status-panel[data-state="error"] {
  border-left-color: #f04c55;
}

.store-product-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 18px;
}

.store-product-card {
  display: grid;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background:
    linear-gradient(155deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.018)),
    #090909;
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.34);
}

.store-product-card[hidden] {
  display: none;
}

.store-product-card[data-source="dapoint"] {
  border-color: rgba(224, 173, 25, 0.5);
  background:
    radial-gradient(circle at 82% 8%, rgba(224, 173, 25, 0.13), transparent 15rem),
    linear-gradient(155deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.018)),
    #090909;
}

.store-product-card[data-source="printful"] {
  border-color: rgba(76, 178, 255, 0.38);
}

.store-product-art {
  position: relative;
  aspect-ratio: 1.2;
  overflow: hidden;
  background:
    radial-gradient(circle at center, rgba(224, 173, 25, 0.15), transparent 56%),
    #030303;
}

.store-product-art img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 18px;
}

.store-product-art span {
  position: absolute;
  top: 14px;
  left: 14px;
  border: 1px solid rgba(224, 173, 25, 0.5);
  padding: 7px 9px;
  color: var(--global-gold);
  background: rgba(2, 2, 2, 0.86);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.store-product-copy {
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 22px;
}

.store-product-copy h3 {
  margin: 0;
  color: #fff;
  font-size: clamp(25px, 2.4vw, 36px);
  line-height: 0.98;
}

.store-product-copy p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.store-product-artist {
  color: var(--global-blue-bright) !important;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.store-product-fulfillment {
  font-size: 12px;
}

.store-variant-picker {
  display: grid;
  gap: 7px;
}

.store-variant-picker > span {
  color: var(--global-gold);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.store-variant-picker select {
  width: 100%;
  min-height: 46px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 0;
  padding: 0 38px 0 13px;
  color: #fff;
  background: #111;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
}

.store-variant-picker select:hover,
.store-variant-picker select:focus-visible {
  border-color: var(--global-blue-bright);
  outline: none;
}

.store-product-buy {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 4px;
}

.store-product-buy > strong {
  color: var(--global-gold);
  font-size: 24px;
}

.store-product-buy .button {
  min-height: 44px;
  padding: 10px 14px;
  font-size: 12px;
}

.store-product-buy .button:disabled {
  cursor: wait;
  opacity: 0.62;
}

.store-product-note {
  border-top: 1px solid rgba(255, 255, 255, 0.11);
  padding-top: 12px;
  font-size: 11px;
}

.storefront-link {
  margin: 20px 0 0;
}

.store-trust-grid .data-card {
  min-height: 250px;
}

.store-confirmation-card {
  display: grid;
  gap: 16px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-top: 4px solid var(--global-blue-bright);
  padding: clamp(24px, 5vw, 52px);
  background:
    radial-gradient(circle at 100% 0, rgba(19, 120, 234, 0.12), transparent 26rem),
    rgba(255, 255, 255, 0.04);
}

.store-confirmation-card[data-state="paid"] {
  border-top-color: #53d37d;
}

.store-confirmation-card[data-state="error"] {
  border-top-color: #f04c55;
}

.store-confirmation-card h3 {
  max-width: 760px;
  margin: 0;
  font-size: clamp(34px, 5vw, 62px);
  line-height: 0.95;
}

.store-confirmation-card p {
  max-width: 760px;
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
}

.store-confirmation-card ul {
  display: grid;
  gap: 1px;
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
  background: rgba(255, 255, 255, 0.12);
}

.store-confirmation-card li,
.store-confirmation-total {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 15px 17px;
  background: #0a0a0a;
}

.store-downloads {
  display: grid;
  justify-items: start;
  gap: 12px;
  border: 1px solid rgba(224, 173, 25, 0.5);
  padding: clamp(22px, 4vw, 38px);
  background:
    radial-gradient(circle at 90% 15%, rgba(224, 173, 25, 0.16), transparent 16rem),
    rgba(224, 173, 25, 0.045);
}

.store-downloads > span {
  color: var(--global-gold);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.store-downloads h4 {
  margin: 0;
  color: #fff;
  font-size: clamp(24px, 3vw, 36px);
}

.store-downloads small {
  color: rgba(255, 255, 255, 0.62);
  line-height: 1.6;
}

.store-confirmation-total {
  border-top: 1px solid rgba(224, 173, 25, 0.5);
  color: var(--global-gold);
  font-size: 20px;
}

.amazon-storefront-section {
  background:
    radial-gradient(circle at 82% 18%, rgba(255, 179, 71, 0.16), transparent 25rem),
    linear-gradient(145deg, #100b05 0%, #060606 52%, #090909 100%);
}

.amazon-storefront-card {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);
  width: min(1180px, 100%);
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid rgba(255, 179, 71, 0.42);
  background: #090909;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.4);
}

.amazon-storefront-copy {
  display: grid;
  min-width: 0;
  align-content: center;
  justify-items: start;
  gap: 18px;
  padding: clamp(28px, 5vw, 64px);
}

.amazon-storefront-label {
  color: #ffb347;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.amazon-storefront-copy h3 {
  margin: 0;
  color: #fff;
  font-size: clamp(30px, 4vw, 56px);
  line-height: 0.98;
}

.amazon-storefront-copy > p {
  max-width: 680px;
  margin: 0;
  color: rgba(255, 255, 255, 0.73);
  line-height: 1.75;
}

.amazon-storefront-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.amazon-storefront-categories span {
  border: 1px solid rgba(255, 179, 71, 0.28);
  padding: 8px 11px;
  color: rgba(255, 255, 255, 0.78);
  background: rgba(255, 179, 71, 0.06);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.amazon-storefront-cta.button-primary {
  border-color: #ffb347;
  color: #090909;
  background: #ffb347;
}

.amazon-storefront-cta.button-primary:hover,
.amazon-storefront-cta.button-primary:focus-visible {
  border-color: #ffd28a;
  background: #ffd28a;
}

.amazon-storefront-visual {
  position: relative;
  min-width: 0;
  min-height: 460px;
  margin: 0;
  overflow: hidden;
  border-left: 1px solid rgba(255, 179, 71, 0.28);
  background: #120d07;
}
.amazon-storefront-visual img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 460px;
  object-fit: cover;
  object-position: 58% center;
}
.amazon-storefront-visual figcaption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  gap: 6px;
  padding: 72px 24px 24px;
  color: #fff;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.9));
}
.amazon-storefront-visual figcaption strong { font-size: clamp(21px, 2.2vw, 30px); line-height: 1.04; }
.amazon-storefront-visual figcaption span {
  color: rgba(255, 255, 255, 0.68);
  font-size: 11px;
  line-height: 1.45;
}

.amazon-storefront-disclosure {
  grid-column: 1 / -1;
  margin: 0;
  border-top: 1px solid rgba(255, 179, 71, 0.22);
  padding: 15px clamp(22px, 4vw, 48px);
  color: rgba(255, 255, 255, 0.58);
  background: #050505;
  font-size: 12px;
  line-height: 1.6;
}

.amazon-storefront-disclosure strong {
  color: #ffb347;
}

@media (max-width: 960px) {
  .store-destination-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .store-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .store-product-buy {
    align-items: stretch;
    flex-direction: column;
  }

  .amazon-storefront-card {
    grid-template-columns: 1fr;
  }

  .amazon-storefront-visual {
    min-height: 270px;
    border-top: 1px solid rgba(255, 179, 71, 0.28);
    border-left: 0;
  }
  .amazon-storefront-visual img { min-height: 270px; aspect-ratio: 16 / 8; }

  .amazon-storefront-disclosure {
    grid-column: 1;
  }
}

@media (max-width: 620px) {
  .store-destination-grid {
    grid-template-columns: 1fr;
  }

  .store-destination-card {
    min-height: 230px;
  }

  .store-toolbar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .store-toolbar button {
    width: 100%;
  }

  .store-product-grid {
    grid-template-columns: 1fr;
  }

  .store-product-art {
    aspect-ratio: 1.1;
  }

  .store-confirmation-card li,
  .store-confirmation-total {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  .amazon-storefront-copy {
    padding: 30px 22px;
  }

  .amazon-storefront-cta {
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  .amazon-storefront-visual,
  .amazon-storefront-visual img {
    min-height: 220px;
  }
}

@media (max-width: 900px) {
  .crypto-market-grid {
    grid-template-columns: 1fr;
  }
  .crypto-market-shell-compact .crypto-market-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .crypto-market-shell-compact .crypto-market-card:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 620px) {
  .crypto-market-shell {
    width: min(var(--max), calc(100% - 28px));
  }
  .crypto-market-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }
  .crypto-market-status { text-align: left; }
  .crypto-market-shell-compact .crypto-market-grid {
    grid-template-columns: 1fr;
  }
  .crypto-market-shell-compact .crypto-market-card:last-child {
    grid-column: auto;
  }
  .crypto-market-card header {
    grid-template-columns: 40px minmax(0, 1fr) auto;
  }
  .crypto-symbol {
    width: 40px;
    height: 40px;
  }
  .crypto-chart-frame,
  .crypto-market-shell-compact .crypto-chart-frame {
    height: 180px;
  }
  .crypto-market-footer {
    align-items: flex-start;
    flex-direction: column;
  }
  .crypto-market-footer .text-link { margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .crypto-chart-skeleton { animation: none; }
}

/* Sitewide daPoint Radio + official iframe player */
.has-site-radio-player {
  padding-bottom: 126px;
}

.site-radio-player {
  position: fixed;
  z-index: 82;
  right: 18px;
  bottom: max(14px, env(safe-area-inset-bottom));
  left: 18px;
  display: grid;
  grid-template-columns: 154px minmax(320px, 1fr) auto minmax(220px, 0.7fr);
  gap: 14px;
  align-items: center;
  border: 1px solid rgba(242, 201, 76, 0.48);
  border-radius: 10px;
  padding: 10px 12px;
  background:
    linear-gradient(135deg, rgba(4, 4, 4, 0.97), rgba(17, 17, 17, 0.96)),
    radial-gradient(circle at 12% 0, rgba(18, 128, 255, 0.22), transparent 40%);
  box-shadow: 0 22px 62px rgba(0, 0, 0, 0.56), 0 0 34px rgba(242, 201, 76, 0.11);
  color: #fff;
  backdrop-filter: blur(20px);
}

.site-radio-brand {
  position: relative;
  display: grid;
  min-width: 0;
  place-items: center;
}

.site-radio-logo {
  display: block;
  width: 100%;
  height: 64px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 5px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
}

.site-radio-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 44%;
}

.site-radio-brand > span {
  position: absolute;
  right: -2px;
  bottom: -3px;
  display: inline-flex;
  gap: 5px;
  align-items: center;
  border: 1px solid rgba(255, 64, 78, 0.42);
  border-radius: 999px;
  padding: 4px 7px;
  background: #090909;
  color: #ff4150;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.site-radio-brand > span i,
.radio-embed-topline > span i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ff2739;
  box-shadow: 0 0 0 4px rgba(255, 39, 57, 0.12);
  animation: siteRadioLivePulse 1.8s ease-in-out infinite;
}

.site-radio-now {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  min-width: 0;
  gap: 10px;
  align-items: center;
}

.site-radio-art {
  width: 54px;
  height: 54px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 5px;
  object-fit: cover;
}

.site-radio-now-copy {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.site-radio-heading,
.site-radio-title-line {
  display: flex;
  min-width: 0;
  gap: 8px;
  align-items: center;
}

.site-radio-heading {
  justify-content: space-between;
  color: var(--electric-blue, #1880ff);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.site-radio-heading button {
  border: 0;
  padding: 3px 0;
  background: transparent;
  color: var(--gold, #f2c94c);
  font: inherit;
  cursor: pointer;
}

.site-radio-title-line strong {
  overflow: hidden;
  color: #fff;
  font-family: var(--display-font);
  font-size: clamp(19px, 2vw, 25px);
  line-height: 0.95;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.site-radio-title-line small,
.radio-embed-now b {
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 2px;
  padding: 2px 4px;
  color: #d2d2d2;
  font-size: 8px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.site-radio-now-copy > span {
  overflow: hidden;
  color: #d6af34;
  font-size: 11px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.site-radio-progress,
.radio-embed-progress {
  display: grid;
  grid-template-columns: 34px minmax(80px, 1fr) 34px;
  gap: 7px;
  align-items: center;
  color: #8f8f8f;
  font-size: 9px;
  font-weight: 850;
}

.site-radio-progress > i,
.radio-embed-progress > i {
  position: relative;
  display: block;
  height: 3px;
  overflow: hidden;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.13);
}

.site-radio-progress b,
.radio-embed-progress b {
  position: absolute;
  inset: 0 auto 0 0;
  display: block;
  width: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, #0c77ff, #38bdff);
  box-shadow: 0 0 10px rgba(24, 128, 255, 0.62);
}

.site-radio-controls {
  display: flex;
  gap: 7px;
  align-items: center;
}

.site-radio-controls button,
.site-radio-links a,
.radio-embed-controls button {
  min-height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 5px;
  padding: 8px 10px;
  background: rgba(255, 255, 255, 0.045);
  color: #fff;
  font-size: 10px;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.site-radio-controls button,
.radio-embed-controls button {
  cursor: pointer;
}

.site-radio-controls button:hover,
.site-radio-controls button:focus-visible,
.site-radio-links a:hover,
.site-radio-links a:focus-visible,
.radio-embed-controls button:hover,
.radio-embed-controls button:focus-visible {
  border-color: var(--gold, #f2c94c);
  color: var(--gold, #f2c94c);
}

.site-radio-controls .site-radio-play,
.radio-embed-controls .radio-embed-play {
  min-width: 66px;
  border-color: #0c77ff;
  background: #0c77ff;
  color: #fff;
}

.site-radio-controls [data-radio-go-live].is-live {
  border-color: rgba(255, 39, 57, 0.6);
  color: #ff4150;
}

.site-radio-controls label {
  display: grid;
  gap: 2px;
  color: #8f8f8f;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.site-radio-controls input,
.radio-embed-controls input {
  width: 78px;
  accent-color: var(--gold, #f2c94c);
}

.site-radio-links {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 6px;
  align-items: center;
}

.site-radio-links p {
  grid-column: 1 / -1;
  overflow: hidden;
  margin: 0;
  color: #929292;
  font-size: 9px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.site-radio-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 6px 8px;
  text-decoration: none;
}

.site-radio-queue {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  padding-top: 9px;
}

.site-radio-queue[hidden] {
  display: none;
}

.site-radio-queue > span {
  display: grid;
  min-width: 0;
  gap: 2px;
  border-left: 2px solid rgba(24, 128, 255, 0.7);
  padding-left: 9px;
}

.site-radio-queue strong,
.site-radio-queue small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.site-radio-queue strong {
  font-size: 10px;
  text-transform: uppercase;
}

.site-radio-queue small {
  color: #8f8f8f;
  font-size: 9px;
}

body.has-site-radio-player.has-lil-point-companion {
  --lil-point-bottom: 132px;
}

.radio-embed-share {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  gap: clamp(20px, 4vw, 44px);
  align-items: start;
}

.radio-embed-preview {
  width: 100%;
  min-height: 280px;
  border: 1px solid rgba(242, 201, 76, 0.35);
  border-radius: 12px;
  background: #050505;
}

.radio-embed-code-panel {
  display: grid;
  gap: 12px;
}

.radio-embed-code-panel label {
  color: var(--gold, #f2c94c);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.radio-embed-code-panel textarea {
  width: 100%;
  resize: vertical;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 7px;
  padding: 13px;
  background: #090909;
  color: #d8d8d8;
  font: 12px/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.radio-embed-code-panel button {
  cursor: pointer;
}

.radio-embed-page {
  min-width: 280px;
  min-height: 100%;
  margin: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% -10%, rgba(24, 128, 255, 0.24), transparent 46%),
    #050505;
  color: #fff;
}

.radio-embed-page::before {
  display: none;
}

.radio-embed-page main {
  display: grid;
  grid-template-rows: auto 1fr;
  width: 100%;
  max-width: none;
  min-height: 100vh;
  margin: 0;
  padding: 10px;
  align-items: start;
}

.radio-embed-page .radio-embed-player[data-radio-embed-player] {
  align-self: start;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 16px;
  align-content: start;
  border: 1px solid rgba(242, 201, 76, 0.38);
  border-radius: 10px;
  padding: 12px;
  background: linear-gradient(145deg, rgba(5, 5, 5, 0.96), rgba(17, 17, 17, 0.95));
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.44);
}

.radio-embed-topline {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.radio-embed-topline a,
.radio-embed-topline > span {
  display: inline-flex;
  align-items: center;
}

.radio-embed-topline a {
  gap: 8px;
  color: #fff;
  text-decoration: none;
}

.radio-embed-topline img {
  width: 176px;
  height: 50px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 5px;
  background: #fff;
  object-fit: cover;
  object-position: center 44%;
}

.radio-embed-topline > span {
  gap: 7px;
  color: #ff4150;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.radio-embed-now {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 12px;
  min-width: 0;
}

.radio-embed-now > img {
  width: 78px;
  height: 78px;
  border-radius: 5px;
  object-fit: cover;
}

.radio-embed-now > div {
  display: grid;
  min-width: 0;
  align-content: center;
  gap: 2px;
}

.radio-embed-now small {
  color: #1880ff;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.radio-embed-now strong {
  overflow: hidden;
  font-family: var(--display-font);
  font-size: clamp(20px, 5vw, 30px);
  line-height: 0.95;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.radio-embed-now > div > span {
  color: #d6af34;
  font-size: 11px;
  font-weight: 850;
}

.radio-embed-now p {
  overflow: hidden;
  margin: 3px 0 0;
  color: #909090;
  font-size: 10px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.radio-embed-progress {
  grid-column: 1;
}

.radio-embed-controls {
  grid-column: 2;
  grid-row: 2 / span 2;
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 7px;
  align-content: center;
}

.radio-embed-controls label {
  display: grid;
  place-items: center;
}

.radio-embed-state {
  grid-column: 1 / -1;
  margin: 0;
  color: #8d8d8d;
  font-size: 9px;
  text-align: center;
}

.radio-embed-powered {
  grid-row: 2;
  align-self: end;
  justify-self: end;
  margin: 6px 5px 0;
  color: #888;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-decoration: none;
  text-transform: uppercase;
}

@keyframes siteRadioLivePulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.52; transform: scale(0.78); }
}

@media (max-width: 1050px) {
  .site-radio-player {
    grid-template-columns: 136px minmax(260px, 1fr) auto;
  }

  .site-radio-links {
    grid-column: 2 / -1;
    grid-template-columns: 1fr auto auto;
  }

  .site-radio-links p {
    grid-column: auto;
  }
}

@media (max-width: 760px) {
  .has-site-radio-player {
    padding-bottom: 154px;
  }

  .site-radio-player {
    right: 8px;
    bottom: max(7px, env(safe-area-inset-bottom));
    left: 8px;
    grid-template-columns: 94px minmax(0, 1fr) auto;
    gap: 8px;
    padding: 8px;
  }

  .site-radio-logo {
    width: 94px;
    height: 52px;
  }

  .site-radio-now {
    grid-template-columns: minmax(0, 1fr);
  }

  .site-radio-art {
    display: none;
  }

  .site-radio-brand > span {
    right: -3px;
    font-size: 7px;
  }

  .site-radio-heading button {
    display: none;
  }

  .site-radio-title-line strong {
    font-size: 18px;
  }

  .site-radio-progress {
    grid-template-columns: 29px minmax(40px, 1fr) 29px;
    gap: 4px;
    font-size: 8px;
  }

  .site-radio-controls {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .site-radio-controls button {
    min-height: 31px;
    padding: 6px 8px;
    font-size: 9px;
  }

  .site-radio-controls [data-radio-mute],
  .site-radio-controls label {
    display: none;
  }

  .site-radio-links {
    grid-column: 1 / -1;
    grid-template-columns: 1fr auto auto;
  }

  .site-radio-links p {
    grid-column: auto;
    font-size: 8px;
  }

  .site-radio-links a {
    min-height: 24px;
    font-size: 8px;
  }

  .site-radio-queue {
    grid-template-columns: 1fr;
    max-height: 120px;
    overflow-y: auto;
  }

  body.has-site-radio-player.has-lil-point-companion {
    --lil-point-bottom: 158px;
  }

  .radio-embed-share {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 470px) {
  .radio-embed-page main {
    padding: 7px;
  }

  .radio-embed-page .radio-embed-player[data-radio-embed-player] {
    gap: 7px 9px;
    padding: 9px;
  }

  .radio-embed-topline img {
    width: 142px;
    height: 43px;
  }

  .radio-embed-now {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 8px;
  }

  .radio-embed-now > img {
    width: 58px;
    height: 58px;
  }

  .radio-embed-now strong {
    font-size: 19px;
  }

  .radio-embed-now p {
    display: none;
  }

  .radio-embed-controls {
    gap: 5px;
  }

  .radio-embed-controls button {
    min-height: 30px;
    padding: 6px 7px;
    font-size: 8px;
  }

  .radio-embed-controls [data-radio-mute] {
    display: none;
  }

  .radio-embed-controls input {
    width: 62px;
  }

  .site-radio-player {
    grid-template-columns: 82px minmax(0, 1fr) auto;
  }

  .site-radio-logo {
    width: 82px;
  }

  .site-radio-controls [data-radio-go-live] {
    display: none;
  }

  .site-radio-controls {
    grid-template-columns: 1fr;
  }
}

@media print {
  .site-radio-player,
  .radio-embed-preview {
    display: none !important;
  }
}

/* Unified daPointPlace navigation and homepage ecosystem flow */
:root {
  --global-header-height: 88px;
  --global-blue: #1378ea;
  --global-blue-bright: #1688ff;
  --global-gold: #e0ad19;
  --global-cream: #f1eadc;
  --global-line: rgba(255, 255, 255, 0.17);
}

.site-header.global-header {
  position: fixed;
  z-index: 120;
  inset: 0 0 auto;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) auto auto;
  min-height: var(--global-header-height);
  gap: clamp(12px, 1.5vw, 24px);
  padding: 10px clamp(18px, 3vw, 48px);
  border-bottom: 1px solid var(--global-line);
  border-radius: 0;
  background: rgba(2, 2, 2, 0.97);
  box-shadow: 0 14px 45px rgba(0, 0, 0, 0.34);
  backdrop-filter: blur(18px);
}

.global-brand {
  min-width: 0;
  gap: 12px;
}

.global-brand .brand-logo {
  width: 54px;
  height: 64px;
  flex: 0 0 54px;
  filter: drop-shadow(0 0 12px rgba(224, 173, 25, 0.24));
}

.global-brand strong {
  color: #fff;
  font-size: clamp(19px, 1.55vw, 25px);
  letter-spacing: -0.035em;
  white-space: nowrap;
}

.global-brand small {
  color: var(--global-gold);
  font-size: 12px;
}

.site-header.global-header .global-nav {
  display: flex;
  align-self: stretch;
  align-items: stretch;
  justify-content: center;
  gap: clamp(5px, 0.7vw, 13px);
  min-width: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
}

.global-nav-group {
  display: contents;
}

.global-nav-group h2,
.global-nav-message,
.global-nav .global-mobile-only {
  display: none;
}

.site-header.global-header .global-nav a {
  position: relative;
  display: grid;
  min-width: 0;
  place-items: center;
  border: 0;
  border-radius: 0;
  padding: 0 clamp(4px, 0.45vw, 9px);
  color: var(--global-cream);
  background: transparent;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(12px, 0.95vw, 16px);
  font-weight: 700;
  letter-spacing: 0.045em;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

.site-header.global-header .global-nav a.global-mobile-only {
  display: none;
}

.site-header.global-header .global-nav a::after {
  right: 4px;
  bottom: 0;
  left: 4px;
  height: 3px;
  background: var(--global-blue-bright);
}

.site-header.global-header .global-nav a:hover,
.site-header.global-header .global-nav a:focus-visible,
.site-header.global-header .global-nav a.is-active {
  color: var(--global-blue-bright);
  background: transparent;
}

.site-header.global-header .global-nav a:hover::after,
.site-header.global-header .global-nav a:focus-visible::after,
.site-header.global-header .global-nav a.is-active::after {
  transform: scaleX(1);
}

.global-nav a > svg {
  display: none;
}

.global-nav-submenu {
  position: relative;
  align-self: stretch;
}

.global-nav-submenu > summary {
  position: relative;
  display: flex;
  height: 100%;
  align-items: center;
  gap: 6px;
  padding: 0 clamp(4px, 0.45vw, 9px);
  color: var(--global-cream);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(12px, 0.95vw, 16px);
  font-weight: 700;
  letter-spacing: 0.045em;
  line-height: 1;
  list-style: none;
  cursor: pointer;
  text-transform: uppercase;
  white-space: nowrap;
}

.global-nav-submenu > summary::-webkit-details-marker {
  display: none;
}

.global-nav-submenu > summary::after {
  position: absolute;
  right: 4px;
  bottom: 0;
  left: 4px;
  height: 3px;
  background: var(--global-blue-bright);
  content: "";
  transform: scaleX(0);
  transition: transform 180ms ease;
}

.global-nav-submenu > summary:hover,
.global-nav-submenu > summary:focus-visible,
.global-nav-submenu > summary.is-active {
  color: var(--global-blue-bright);
}

.global-nav-submenu > summary:hover::after,
.global-nav-submenu > summary:focus-visible::after,
.global-nav-submenu > summary.is-active::after,
.global-nav-submenu[open] > summary::after {
  transform: scaleX(1);
}

.global-nav-submenu > summary svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: var(--global-gold);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
  transition: transform 180ms ease;
}

.global-nav-submenu[open] > summary svg {
  transform: rotate(180deg);
}

.global-nav-submenu > div {
  position: absolute;
  z-index: 4;
  top: calc(100% + 12px);
  left: 0;
  display: grid;
  width: 220px;
  border: 1px solid var(--global-line);
  background: rgba(5, 5, 5, 0.99);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5);
}

.global-nav-submenu.global-network-submenu > div {
  width: 292px;
}

.global-nav-submenu.global-music-submenu > div {
  width: 250px;
}

.global-nav-submenu.global-store-submenu > div {
  right: 0;
  left: auto;
  width: 286px;
}

.site-header.global-header .global-nav-submenu > div a.global-nav-submenu-link {
  display: flex;
  min-height: 46px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0 14px;
  color: var(--global-cream);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  text-align: left;
  text-transform: uppercase;
}

.site-header.global-header .global-nav-submenu > div a.global-nav-submenu-link:last-child {
  border-bottom: 0;
}

.site-header.global-header .global-nav-submenu > div a.global-nav-submenu-link:hover,
.site-header.global-header .global-nav-submenu > div a.global-nav-submenu-link:focus-visible,
.site-header.global-header .global-nav-submenu > div a.global-nav-submenu-link.is-active {
  color: var(--global-blue-bright);
  background: rgba(19, 120, 234, 0.1);
}

.site-header.global-header .global-nav-submenu > div a.global-nav-submenu-link::after {
  display: none;
}

.site-header.global-header .global-nav-submenu > div a.global-nav-submenu-link svg {
  display: block;
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.global-nav-nested-submenu {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.global-nav-nested-submenu > summary {
  display: flex;
  min-height: 46px;
  align-items: center;
  justify-content: space-between;
  padding: 0 14px;
  color: var(--global-cream);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  list-style: none;
  cursor: pointer;
  text-transform: uppercase;
}

.global-nav-nested-submenu > summary::-webkit-details-marker {
  display: none;
}

.global-nav-nested-submenu > summary:hover,
.global-nav-nested-submenu > summary:focus-visible,
.global-nav-nested-submenu > summary.is-active {
  color: var(--global-blue-bright);
  background: rgba(19, 120, 234, 0.1);
}

.global-nav-nested-submenu > summary svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
  transition: transform 180ms ease;
}

.global-nav-nested-submenu[open] > summary svg {
  transform: rotate(180deg);
}

.global-nav-nested-submenu > div {
  display: grid;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(19, 120, 234, 0.06);
}

.site-header.global-header .global-nav-nested-submenu > div a.global-nav-submenu-link {
  min-height: 42px;
  padding-left: 26px;
  font-size: 11px;
}

.global-mobile-submenu {
  display: none;
}

.global-mobile-nested-submenu {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.global-mobile-nested-submenu > summary {
  display: flex;
  min-height: 46px;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
  color: var(--global-cream);
  font-size: 13px;
  font-weight: 900;
  list-style: none;
  cursor: pointer;
  text-transform: uppercase;
}

.global-mobile-nested-submenu > summary::-webkit-details-marker {
  display: none;
}

.global-mobile-nested-submenu > summary:hover,
.global-mobile-nested-submenu > summary:focus-visible,
.global-mobile-nested-submenu > summary.is-active {
  color: var(--global-blue-bright);
  background: rgba(19, 120, 234, 0.08);
}

.global-mobile-nested-submenu > summary svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
  transition: transform 180ms ease;
}

.global-mobile-nested-submenu[open] > summary svg {
  transform: rotate(180deg);
}

.global-mobile-nested-submenu > div {
  display: grid;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(19, 120, 234, 0.07);
}

.site-header.global-header .global-nav a.global-mobile-nested-submenu-link {
  min-height: 44px;
  padding-left: 48px;
  font-size: 12px;
}

.global-more {
  position: relative;
  align-self: center;
  color: var(--global-cream);
}

.global-more summary {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  gap: 7px;
  border: 1px solid var(--global-line);
  padding: 0 11px;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 13px;
  letter-spacing: 0.06em;
  list-style: none;
  cursor: pointer;
  text-transform: uppercase;
}

.global-more summary::-webkit-details-marker {
  display: none;
}

.global-more summary svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: var(--global-gold);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
  transition: transform 180ms ease;
}

.global-more[open] summary svg {
  transform: rotate(180deg);
}

.global-more > div {
  position: absolute;
  z-index: 4;
  top: calc(100% + 12px);
  right: 0;
  display: grid;
  width: 230px;
  border: 1px solid var(--global-line);
  background: rgba(5, 5, 5, 0.99);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5);
}

.global-more > div a {
  display: flex;
  min-height: 46px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0 14px;
  color: var(--global-cream);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.global-more > div a:last-child {
  border-bottom: 0;
}

.global-more > div a:hover,
.global-more > div a:focus-visible,
.global-more > div a.is-active {
  color: var(--global-blue-bright);
  background: rgba(19, 120, 234, 0.1);
}

.global-more > div a svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.site-header.global-header .global-account-actions {
  width: auto;
  flex-wrap: nowrap;
  justify-content: flex-end;
  gap: 8px;
  white-space: nowrap;
}

.site-header.global-header .global-account-actions a {
  display: inline-grid;
  min-height: 42px;
  place-items: center;
  border: 0;
  border-radius: 0;
  padding: 0 12px;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 13px;
  letter-spacing: 0.055em;
  line-height: 1;
  text-transform: uppercase;
}

.site-header.global-header .global-signin {
  color: var(--global-cream);
  background: transparent;
}

.site-header.global-header .global-join {
  color: #fff;
  background: var(--global-blue);
}

.global-menu-toggle {
  display: none;
}

.daily-home-page .daily-home-shell {
  padding-top: var(--global-header-height);
}

.daily-universe-entry {
  border-bottom: 1px solid var(--daily-line);
  background:
    radial-gradient(circle at 20% 18%, rgba(85, 68, 255, .15), transparent 25rem),
    radial-gradient(circle at 82% 68%, rgba(24, 215, 255, .11), transparent 28rem),
    #020308;
}

.daily-universe-entry .daily-universe-solar-system {
  min-height: min(880px, 78vw);
  padding-block: clamp(54px, 6vw, 92px);
}

.daily-universe-entry .solar-title {
  margin: 0;
  max-width: 8.8ch;
  color: #fff;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(48px, 5.4vw, 86px);
  line-height: .9;
  text-transform: uppercase;
}

.daily-universe-entry .solar-title + p {
  max-width: 25rem;
}

@media (max-width: 720px) {
  .daily-universe-entry .daily-universe-solar-system {
    min-height: 690px;
    padding: 0;
  }

  .daily-universe-entry .solar-title {
    max-width: 9.5ch;
    font-size: clamp(2rem, 11vw, 3.35rem);
  }

  .daily-universe-entry .travel-panel,
  .daily-universe-entry .cinematic-travel-panel {
    position: absolute;
    top: auto;
    bottom: 20px;
  }

  .daily-universe-entry .solar-stage,
  .daily-universe-entry .cinematic-fallback-stage {
    position: absolute;
    top: auto;
    bottom: 170px;
  }

  .daily-universe-entry .mobile-planet-controls {
    position: absolute;
    top: auto;
    bottom: 142px;
  }
}

.home-ecosystem-rail {
  display: grid;
  grid-template-columns: minmax(160px, 0.8fr) repeat(5, minmax(0, 1fr));
  border-top: 1px solid var(--daily-line);
  border-bottom: 1px solid var(--daily-line);
  background: #030303;
}

.home-ecosystem-rail > header {
  display: grid;
  align-content: center;
  padding: 24px clamp(20px, 2.8vw, 42px);
}

.home-ecosystem-rail > header h2 {
  max-width: 130px;
  color: var(--daily-ivory);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(24px, 2vw, 34px);
  letter-spacing: 0.02em;
  line-height: 0.94;
  text-transform: uppercase;
}

.home-ecosystem-rail > header p {
  margin: 8px 0 0;
  color: var(--daily-muted);
  font-size: 12px;
  text-transform: uppercase;
}

.home-ecosystem-rail > a {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 12px;
  min-height: 126px;
  border-left: 1px solid var(--daily-line);
  padding: 20px clamp(14px, 1.8vw, 25px);
  transition: background 180ms ease, color 180ms ease;
}

.home-ecosystem-rail > a > svg:first-child {
  width: 40px;
  height: 40px;
  fill: none;
  stroke: var(--global-gold);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.6;
}

.home-ecosystem-rail > a:nth-of-type(odd) > svg:first-child {
  stroke: var(--global-blue-bright);
}

.home-ecosystem-rail > a span {
  min-width: 0;
}

.home-ecosystem-rail > a strong,
.home-ecosystem-rail > a small {
  display: block;
}

.home-ecosystem-rail > a strong {
  color: var(--daily-ivory);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(17px, 1.4vw, 22px);
  letter-spacing: 0.035em;
  line-height: 1;
  text-transform: uppercase;
}

.home-ecosystem-rail > a small {
  margin-top: 7px;
  overflow: hidden;
  color: var(--daily-muted);
  font-size: 11px;
  line-height: 1.35;
}

.ecosystem-route-arrow {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.home-ecosystem-rail > a:hover,
.home-ecosystem-rail > a:focus-visible {
  color: var(--global-blue-bright);
  background: rgba(19, 120, 234, 0.08);
}

@media (max-width: 1360px) {
  .site-header.global-header {
    grid-template-columns: minmax(200px, 240px) minmax(0, 1fr) auto auto;
    gap: 10px;
    padding-inline: 20px;
  }

  .global-brand .brand-logo {
    width: 46px;
    height: 58px;
    flex-basis: 46px;
  }

  .global-brand strong {
    font-size: 19px;
  }

  .global-brand small {
    font-size: 10px;
  }

  .site-header.global-header .global-nav {
    gap: 3px;
  }

  .site-header.global-header .global-nav a {
    font-size: 12px;
  }
}

@media (max-width: 1180px) {
  :root {
    --global-header-height: 78px;
  }

  body.global-menu-open {
    overflow: hidden;
  }

  .site-header.global-header {
    grid-template-areas: "brand account menu";
    grid-template-columns: minmax(0, 1fr) auto auto;
    min-height: var(--global-header-height);
    padding: 8px 18px;
  }

  .global-brand {
    grid-area: brand;
    width: fit-content;
  }

  .global-brand .brand-logo {
    width: 44px;
    height: 54px;
    flex-basis: 44px;
  }

  .global-brand strong {
    font-size: 18px;
  }

  .global-brand small {
    font-size: 10px;
  }

  .global-menu-toggle {
    grid-area: menu;
    display: inline-grid;
    width: 44px;
    height: 44px;
    place-content: center;
    gap: 5px;
    justify-self: end;
    border: 1px solid var(--global-line);
    border-radius: 0;
    background: rgba(255, 255, 255, 0.04);
  }

  .global-menu-toggle span {
    width: 19px;
    height: 2px;
    background: var(--global-cream);
    transition: transform 180ms ease, opacity 180ms ease;
  }

  .global-header.is-open .global-menu-toggle span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }

  .global-header.is-open .global-menu-toggle span:nth-child(2) {
    opacity: 0;
  }

  .global-header.is-open .global-menu-toggle span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  .site-header.global-header .global-account-actions {
    grid-area: account;
    display: flex;
  }

  .global-more {
    display: none;
  }

  .global-nav-submenu {
    display: none;
  }

  .global-mobile-submenu {
    display: block;
  }

  .global-mobile-submenu > summary {
    display: flex;
    min-height: 50px;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(255, 255, 255, 0.13);
    padding: 0 12px;
    color: var(--global-cream);
    font-size: 14px;
    font-weight: 800;
    list-style: none;
    cursor: pointer;
  }

  .global-mobile-submenu > summary::-webkit-details-marker {
    display: none;
  }

  .global-mobile-submenu > summary:hover,
  .global-mobile-submenu > summary:focus-visible,
  .global-mobile-submenu > summary.is-active {
    color: var(--global-blue-bright);
    background: rgba(19, 120, 234, 0.08);
  }

  .global-mobile-submenu > summary svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    transition: transform 180ms ease;
  }

  .global-mobile-submenu[open] > summary svg {
    transform: rotate(180deg);
  }

  .global-mobile-submenu > div {
    display: grid;
    background: rgba(19, 120, 234, 0.06);
  }

  .site-header.global-header .global-nav a.global-mobile-submenu-link {
    display: flex;
    min-height: 46px;
    padding-left: 30px;
    font-size: 13px;
  }

  .site-header.global-header .global-nav,
  .global-header.is-open .global-nav {
    position: absolute;
    z-index: 119;
    top: 100%;
    right: auto;
    bottom: auto;
    left: 0;
    display: none;
    width: min(680px, 92vw);
    height: calc(100dvh - var(--global-header-height));
    max-height: calc(100dvh - var(--global-header-height));
    overflow-y: auto;
    align-content: start;
    border: 1px solid var(--global-line);
    border-left: 0;
    padding: 20px clamp(18px, 4vw, 38px) 34px;
    background: rgba(4, 4, 4, 0.99);
    box-shadow: 28px 30px 90px rgba(0, 0, 0, 0.65);
    overscroll-behavior: contain;
  }

  .global-header.is-open .global-nav {
    display: block;
  }

  .global-nav-group {
    display: block;
    margin-bottom: 22px;
  }

  .global-nav-group h2 {
    display: block;
    margin: 0 0 8px;
    color: var(--global-blue-bright);
    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
    font-size: 16px;
    letter-spacing: 0.13em;
    line-height: 1;
    text-transform: uppercase;
  }

  .global-nav-group-shop-and-more h2,
  .global-nav-group-business h2 {
    color: var(--global-gold);
  }

  .site-header.global-header .global-nav a.global-mobile-only {
    display: flex;
  }

  .site-header.global-header .global-nav a,
  .global-header.is-open .global-nav a {
    display: flex;
    min-height: 50px;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(255, 255, 255, 0.13);
    padding: 0 12px;
    color: var(--global-cream);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0;
    text-align: left;
    text-transform: none;
  }

  .site-header.global-header .global-nav-group a:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
  }

  .site-header.global-header .global-nav a::after {
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    width: 3px;
    height: auto;
    transform: scaleY(0);
  }

  .site-header.global-header .global-nav a:hover::after,
  .site-header.global-header .global-nav a:focus-visible::after,
  .site-header.global-header .global-nav a.is-active::after {
    transform: scaleY(1);
  }

  .site-header.global-header .global-nav a:hover,
  .site-header.global-header .global-nav a:focus-visible,
  .site-header.global-header .global-nav a.is-active {
    color: var(--global-blue-bright);
    background: rgba(19, 120, 234, 0.08);
  }

  .global-nav a > svg {
    display: block;
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
  }

  .global-nav-message {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    border: 1px solid rgba(19, 120, 234, 0.58);
    padding: 14px;
  }

  .global-nav-message img {
    width: 42px;
    height: 42px;
    object-fit: contain;
  }

  .global-nav-message p {
    margin: 0;
  }

  .global-nav-message strong,
  .global-nav-message span {
    display: block;
  }

  .global-nav-message strong {
    color: var(--global-blue-bright);
    font-size: 11px;
    letter-spacing: 0.09em;
    text-transform: uppercase;
  }

  .global-nav-message span {
    margin-top: 4px;
    color: var(--global-cream);
    font-size: 12px;
    line-height: 1.35;
  }

  .global-nav-message > a {
    min-height: 38px !important;
    border: 1px solid var(--global-blue) !important;
    padding: 0 12px !important;
    color: var(--global-blue-bright) !important;
    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif !important;
    text-transform: uppercase !important;
  }

  .home-ecosystem-rail {
    grid-template-columns: minmax(150px, 0.7fr) repeat(5, minmax(190px, 1fr));
    overflow-x: auto;
  }
}

@media (max-width: 720px) {
  :root {
    --global-header-height: 72px;
  }

  .site-header.global-header {
    gap: 8px;
    padding-inline: 12px;
  }

  .global-brand {
    gap: 7px;
  }

  .global-brand .brand-logo {
    width: 38px;
    height: 48px;
    flex-basis: 38px;
  }

  .global-brand strong {
    font-size: 16px;
  }

  .global-brand small {
    margin-top: 2px;
    font-size: 8px;
  }

  .site-header.global-header .global-account-actions a {
    min-height: 38px;
    padding-inline: 9px;
    font-size: 10px;
  }

  .site-header.global-header .global-signin {
    display: none;
  }

  .global-menu-toggle {
    width: 40px;
    height: 40px;
  }

  .site-header.global-header .global-nav,
  .global-header.is-open .global-nav {
    left: -12px;
    width: 100vw;
    border-right: 0;
    padding: 18px 16px calc(28px + env(safe-area-inset-bottom));
  }

  .global-nav-message {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .global-nav-message > a {
    grid-column: 1 / -1;
    width: 100%;
  }

  .home-ecosystem-rail {
    grid-template-columns: none;
    grid-auto-columns: minmax(220px, 78vw);
    grid-auto-flow: column;
    overflow-x: auto;
    scroll-snap-type: x proximity;
  }

  .home-ecosystem-rail > header,
  .home-ecosystem-rail > a {
    min-height: 116px;
    scroll-snap-align: start;
  }

  .home-ecosystem-rail > header h2 {
    font-size: 30px;
  }
}

@media (max-width: 420px) {
  .global-brand strong {
    font-size: 15px;
  }

  .global-brand small {
    max-width: 126px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .site-header.global-header .global-account-actions a {
    padding-inline: 7px;
    font-size: 9px;
  }
}

/* Wyndy Sky artist world */
.wyndy-sky-page {
  --wyndy-ink: #050405;
  --wyndy-panel: #0a080b;
  --wyndy-ivory: #f8f3ec;
  --wyndy-muted: #bbb4bc;
  --wyndy-violet: #ae5cff;
  --wyndy-violet-deep: #6e2ca5;
  --wyndy-gold: #d9a83b;
  --wyndy-line: rgba(217, 168, 59, 0.34);
  background: var(--wyndy-ink);
  color: var(--wyndy-ivory);
}

.wyndy-sky-page::before {
  opacity: 0.22;
  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,0.28) 0 0.5px, transparent 0.8px);
  background-size: 5px 5px;
  mask-image: none;
}

.wyndy-sky-page main {
  overflow: hidden;
  background: var(--wyndy-ink);
}

.wyndy-sky-page .site-header {
  min-height: 76px;
  gap: clamp(16px, 2vw, 34px);
  border-color: rgba(217, 168, 59, 0.22);
  padding-block: 10px;
  background: rgba(5, 4, 5, 0.94);
  box-shadow: none;
}

.wyndy-sky-page .brand {
  min-width: 210px;
}

.wyndy-sky-page .site-nav {
  border: 0;
  padding: 0;
  background: transparent;
  font-size: 11px;
}

.wyndy-sky-page .site-nav a {
  border-radius: 0;
  padding-inline: 7px;
}

.wyndy-sky-page .site-nav a:hover,
.wyndy-sky-page .site-nav a:focus-visible {
  color: var(--wyndy-violet);
  background: transparent;
}

.wyndy-sky-page .dapoint-id-create {
  border-color: var(--wyndy-gold);
  color: #0a0702;
  background: var(--wyndy-gold);
}

/* Unified daPoint ID */
.dapoint-id-page {
  --id-bg: #070809;
  --id-surface: #0d0f10;
  --id-surface-2: #111315;
  --id-text: #f6f3ed;
  --id-muted: #aaa9a5;
  --id-gold: #e2b83f;
  --id-gold-bright: #f2d06f;
  --id-line: rgba(226, 184, 63, 0.28);
  --id-line-soft: rgba(255, 255, 255, 0.12);
  min-width: 320px;
  background: var(--id-bg);
  color: var(--id-text);
}

.dapoint-id-page main {
  min-height: calc(100svh - var(--global-header-height, 78px));
  background: var(--id-bg);
}

.dapoint-id-page button,
.dapoint-id-page input,
.dapoint-id-page select {
  font: inherit;
}

.dapoint-id-page svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.75;
}

.site-header.global-header .global-account-actions button {
  min-height: 42px;
  border: 1px solid rgba(244, 200, 94, 0.38);
  padding: 0 12px;
  color: var(--global-cream);
  background: transparent;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 12px;
  letter-spacing: 0.055em;
  text-transform: uppercase;
  cursor: pointer;
}

.id-auth-surface {
  position: relative;
  display: grid;
  grid-template-columns: minmax(320px, 0.88fr) minmax(420px, 0.92fr);
  grid-template-rows: 1fr auto;
  gap: clamp(42px, 8vw, 130px);
  width: min(1180px, calc(100% - 44px));
  min-height: calc(100svh - var(--global-header-height, 78px));
  margin: 0 auto;
  padding: clamp(78px, 9vw, 126px) 0 28px;
  align-items: center;
}

.dapoint-auth-page .site-header.global-header .global-nav,
.dapoint-auth-page .site-header.global-header .global-more,
.dapoint-auth-page .site-header.global-header .global-account-actions,
.dapoint-auth-page .global-menu-toggle {
  display: none;
}

.dapoint-auth-page .site-header.global-header {
  grid-template-columns: 1fr;
  border-bottom-color: var(--id-line);
  background: #050505;
}

.id-auth-utility {
  position: absolute;
  top: 24px;
  right: 0;
  display: flex;
  gap: 34px;
}

.id-auth-utility a,
.id-auth-footer a {
  color: var(--id-text);
  font-size: 15px;
  text-decoration: none;
}

.id-auth-utility a:hover,
.id-auth-utility a:focus-visible,
.id-auth-footer a:hover,
.id-auth-footer a:focus-visible {
  color: var(--id-gold-bright);
}

.id-auth-intro h1,
.id-auth-form h2,
.id-account-topbar h1,
.id-view-heading h2 {
  margin: 0;
  font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
  font-weight: 500;
  letter-spacing: -0.045em;
}

.id-auth-intro h1 {
  max-width: 640px;
  font-size: clamp(50px, 5.8vw, 82px);
  line-height: 0.98;
}

.id-auth-intro > .id-auth-eyebrow {
  margin: 0 0 12px;
  border: 0;
  padding: 0;
  color: var(--id-gold-bright);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.id-auth-intro > p {
  max-width: 590px;
  margin: 36px 0 30px;
  border-top: 2px solid var(--id-gold);
  padding-top: 24px;
  color: #d1cec8;
  font-size: clamp(18px, 2vw, 23px);
  line-height: 1.55;
}

.id-auth-intro > .id-auth-connected-note {
  margin: 16px 0 0;
  border: 0;
  padding: 0;
  color: var(--id-gold-bright);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0.02em;
}

.id-auth-connection {
  position: relative;
  display: grid;
  gap: 34px;
  max-width: 460px;
}

.id-auth-connection > div {
  display: grid;
  grid-template-columns: 52px 1fr;
  min-height: 86px;
  align-items: center;
  gap: 18px;
  border: 1px solid var(--id-line);
  border-radius: 12px;
  padding: 15px 22px;
  background: var(--id-surface);
}

.id-auth-connection img {
  width: 52px;
  height: 52px;
  object-fit: contain;
}

.id-auth-connection strong {
  font-size: 20px;
}

.id-auth-connection > span {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border: 1px solid var(--id-gold);
  border-radius: 50%;
  color: #080706;
  background: var(--id-gold);
  transform: translate(-50%, -50%);
}

.id-auth-connection::before {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 56px;
  content: "";
  background: var(--id-gold);
  transform: translate(-50%, -50%);
}

.id-auth-form {
  display: grid;
  gap: 18px;
  border: 1px solid var(--id-line);
  border-radius: 12px;
  padding: clamp(28px, 4vw, 52px);
  background: var(--id-surface);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.42);
}

.id-auth-form-simple { gap: 15px; }
.id-auth-form-simple .id-auth-s2dp { min-height: 58px; }
.id-auth-form-simple .id-auth-divider { margin-block: 1px; }
.id-auth-switch { margin: 0; color: var(--id-muted); font-size: 13px; text-align: center; }
.id-auth-switch a { color: var(--id-gold-bright); font-weight: 900; text-decoration: underline; text-underline-offset: 3px; }

.id-auth-form header {
  margin-bottom: 4px;
}

.id-auth-form h2 {
  font-size: clamp(42px, 4vw, 60px);
  line-height: 1;
}

.id-auth-form header p {
  margin: 12px 0 0;
  color: var(--id-muted);
  font-size: 14px;
  line-height: 1.55;
}

.id-s2dp-existing {
  display: grid;
  gap: 3px;
  border: 1px solid rgba(226, 184, 63, 0.32);
  border-radius: 8px;
  padding: 12px 14px;
  color: var(--id-text);
  background: rgba(226, 184, 63, 0.07);
  font-size: 13px;
  line-height: 1.4;
  text-decoration: none;
}

.id-auth-s2dp {
  display: grid;
  grid-template-columns: 44px 1fr;
  min-height: 68px;
  align-items: center;
  gap: 14px;
  border: 1px solid var(--id-gold);
  border-radius: 8px;
  padding: 10px 16px;
  color: #090806;
  background: var(--id-gold);
  text-decoration: none;
}

.id-auth-s2dp img {
  width: 44px;
  height: 44px;
  object-fit: contain;
}

.id-auth-s2dp span { display: grid; gap: 2px; }
.id-auth-s2dp strong { font-size: 15px; font-weight: 950; }
.id-auth-s2dp small { font-size: 11px; font-weight: 700; line-height: 1.35; }

.id-auth-s2dp:hover,
.id-auth-s2dp:focus-visible {
  background: var(--id-gold-bright);
}

.id-s2dp-existing strong { color: var(--id-gold-bright); }
.id-s2dp-existing span { color: var(--id-muted); }

a.id-s2dp-existing:hover,
a.id-s2dp-existing:focus-visible {
  border-color: var(--id-gold-bright);
  background: rgba(226, 184, 63, 0.12);
}

.id-auth-form > label:not(.id-check),
.id-security-layout form > label {
  display: grid;
  gap: 8px;
  color: var(--id-text);
  font-size: 14px;
  font-weight: 800;
}

.id-auth-form input:not([type="checkbox"]),
.id-auth-form select,
.id-security-layout input {
  width: 100%;
  min-height: 56px;
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 6px;
  padding: 0 16px;
  color: var(--id-text);
  background: #090a0b;
  outline: 0;
}

.id-auth-form select {
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--id-gold-bright) 50%), linear-gradient(135deg, var(--id-gold-bright) 50%, transparent 50%);
  background-position: calc(100% - 20px) 24px, calc(100% - 14px) 24px;
  background-repeat: no-repeat;
  background-size: 6px 6px, 6px 6px;
}

.id-auth-form input:focus,
.id-auth-form select:focus,
.id-security-layout input:focus {
  border-color: var(--id-gold-bright);
  box-shadow: 0 0 0 3px rgba(226, 184, 63, 0.16);
}

.id-artist-signup-note {
  margin: -7px 0 0;
  border-left: 3px solid var(--id-gold);
  padding: 11px 13px;
  color: var(--id-muted);
  background: rgba(226, 184, 63, 0.07);
  font-size: 12px;
  line-height: 1.5;
}

.id-artist-signup-note strong,
.id-check a { color: var(--id-gold-bright); }
.id-check a { text-decoration: underline; text-underline-offset: 2px; }

.id-password-field {
  position: relative;
  display: block;
}

.id-password-field input {
  padding-right: 72px !important;
}

.id-password-field button {
  position: absolute;
  top: 0;
  right: 8px;
  height: 56px;
  border: 0;
  color: var(--id-gold-bright);
  background: transparent;
  cursor: pointer;
}

.id-forgot-link {
  justify-self: end;
  margin-top: -8px;
  color: var(--id-gold-bright);
  font-size: 14px;
}

.id-password-hint {
  margin: -10px 0 0;
  color: var(--id-muted);
  font-size: 12px;
}

.id-check {
  display: grid;
  grid-template-columns: 24px 1fr;
  align-items: start;
  gap: 10px;
  color: #d8d5ce;
  font-size: 14px;
  line-height: 1.45;
}

.id-check input {
  width: 20px;
  height: 20px;
  margin: 0;
  accent-color: var(--id-gold);
}

.id-auth-primary,
.id-auth-secondary,
.id-s2dp-button,
.id-ecosystem-access button,
.id-ecosystem-access a,
.id-view-heading > a,
.id-security-layout button,
.id-preferences-form > button,
.id-protected-surface a {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid var(--id-gold);
  border-radius: 6px;
  padding: 0 18px;
  color: #090806;
  background: var(--id-gold);
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
}

.id-auth-primary:hover,
.id-auth-primary:focus-visible,
.id-s2dp-button:hover,
.id-s2dp-button:focus-visible,
.id-ecosystem-access button:hover,
.id-ecosystem-access button:focus-visible,
.id-security-layout button:hover,
.id-security-layout button:focus-visible,
.id-preferences-form > button:hover,
.id-preferences-form > button:focus-visible {
  background: var(--id-gold-bright);
}

.id-auth-secondary {
  color: var(--id-gold-bright);
  background: transparent;
}

.id-auth-divider {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 16px;
  color: var(--id-muted);
  font-size: 12px;
  text-transform: uppercase;
}

.id-auth-divider::before,
.id-auth-divider::after {
  height: 1px;
  content: "";
  background: var(--id-line-soft);
}

.id-auth-security {
  display: grid;
  grid-template-columns: 24px 1fr;
  align-items: start;
  gap: 12px;
  margin: 2px 0 0;
  color: #d0cec8;
  font-size: 13px;
  line-height: 1.5;
}

.id-auth-security svg {
  color: var(--id-gold-bright);
}

.id-auth-status {
  min-height: 20px;
  margin: 0;
  color: var(--id-muted);
  font-size: 13px;
}

.id-auth-status[data-tone="error"] { color: #ff847c; }
.id-auth-status[data-tone="success"] { color: #91d65c; }

.id-auth-footer {
  grid-column: 1 / -1;
  display: flex;
  justify-content: center;
  gap: clamp(24px, 5vw, 66px);
  border-top: 1px solid var(--id-line);
  padding-top: 26px;
}

.id-account-shell {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  min-height: calc(100svh - var(--global-header-height, 78px));
  background: var(--id-bg);
}

.id-account-sidebar {
  position: sticky;
  top: var(--global-header-height, 78px);
  display: flex;
  height: calc(100svh - var(--global-header-height, 78px));
  flex-direction: column;
  border-right: 1px solid var(--id-line-soft);
  background: #0a0c0d;
}

.id-account-brand {
  display: block;
  min-height: 140px;
  border-bottom: 1px solid var(--id-line-soft);
  padding: 28px 28px 22px;
  color: var(--id-text);
  text-decoration: none;
}

.id-account-brand > span,
.id-account-brand > strong {
  font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
  font-size: 32px;
  letter-spacing: -0.05em;
}

.id-account-brand > span { color: var(--id-gold-bright); }
.id-account-brand > strong { margin-left: 5px; }
.id-account-brand small { display: block; margin-top: 10px; color: var(--id-muted); font-size: 12px; line-height: 1.5; }

.id-account-sidebar nav {
  display: grid;
  padding: 10px 0;
}

.id-account-sidebar nav button {
  position: relative;
  display: grid;
  grid-template-columns: 26px 1fr auto;
  min-height: 54px;
  align-items: center;
  gap: 12px;
  border: 0;
  border-left: 4px solid transparent;
  padding: 0 22px;
  color: #dedbd5;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.id-account-sidebar nav button:hover,
.id-account-sidebar nav button:focus-visible,
.id-account-sidebar nav button[aria-pressed="true"] {
  color: var(--id-gold-bright);
  background: rgba(226, 184, 63, 0.07);
}

.id-account-sidebar nav button[aria-pressed="true"] {
  border-left-color: var(--id-gold-bright);
}

.id-account-sidebar nav b {
  display: grid;
  min-width: 24px;
  height: 24px;
  place-items: center;
  border: 1px solid var(--id-gold);
  border-radius: 50%;
  font-size: 11px;
}

.id-account-help {
  margin-top: auto;
  border-top: 1px solid var(--id-line-soft);
  padding: 22px 28px 26px;
}

.id-account-help span,
.id-account-help a { display: block; font-size: 12px; }
.id-account-help a { margin-top: 5px; color: var(--id-gold-bright); font-weight: 800; }

.id-account-workspace {
  min-width: 0;
  padding: clamp(28px, 4vw, 54px);
}

.id-account-topbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 24px;
  margin-bottom: 28px;
}

.id-account-topbar h1 {
  font-size: clamp(38px, 4.2vw, 62px);
  line-height: 1;
}

.id-account-topbar p {
  margin: 7px 0 0;
  color: var(--id-muted);
  font-size: 13px;
}

.id-secure-state {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-right: 1px solid var(--id-line-soft);
  padding-right: 24px;
  color: #91d65c;
  font-size: 13px;
  font-weight: 800;
}

.id-s2dp-button { min-height: 46px; color: var(--id-text); background: transparent; }

.id-account-loading,
.id-account-error {
  display: grid;
  min-height: 420px;
  place-items: center;
  align-content: center;
  gap: 14px;
  border: 1px solid var(--id-line-soft);
  text-align: center;
}

.id-account-loading span {
  width: 34px;
  height: 34px;
  border: 2px solid var(--id-line-soft);
  border-top-color: var(--id-gold);
  border-radius: 50%;
  animation: idSpin 800ms linear infinite;
}

@keyframes idSpin { to { transform: rotate(360deg); } }

.id-account-error h2 { margin: 0; }
.id-account-error p { max-width: 560px; margin: 0; color: var(--id-muted); }
.id-account-error a { color: var(--id-gold-bright); font-weight: 900; }

.id-reward-progress {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 210px;
  gap: 28px;
  border: 1px solid var(--id-gold);
  border-radius: 10px;
  padding: clamp(22px, 3vw, 34px);
  background: var(--id-surface);
}

.id-reward-main {
  display: grid;
  grid-template-columns: 86px minmax(170px, 0.46fr) minmax(260px, 1fr);
  align-items: center;
  gap: clamp(18px, 3vw, 34px);
}

.id-reward-star {
  display: grid;
  width: 78px;
  height: 78px;
  place-items: center;
  border: 1px solid var(--id-gold);
  border-radius: 50%;
  color: var(--id-gold-bright);
  font-size: 40px;
}

.id-reward-main > div > strong {
  display: block;
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1;
}

.id-reward-main strong small { font-size: 0.48em; font-weight: 500; }
.id-reward-main p { margin: 8px 0 0; color: #d3d0ca; }

.id-progress-track {
  position: relative;
  height: 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.2);
}

.id-progress-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--id-gold-bright);
}

.id-progress-track span {
  position: absolute;
  top: 17px;
  color: var(--id-muted);
  font-size: 11px;
}

.id-progress-track span:last-child { right: 0; }

.id-reward-progress dl {
  display: grid;
  align-content: center;
  margin: 0;
  border-left: 1px solid var(--id-line-soft);
  padding-left: 28px;
}

.id-reward-progress dl div { display: flex; justify-content: space-between; gap: 18px; padding: 10px 0; }
.id-reward-progress dl div + div { border-top: 1px solid var(--id-line-soft); }
.id-reward-progress dt { color: var(--id-muted); font-size: 12px; }
.id-reward-progress dd { margin: 0; color: var(--id-text); font-weight: 900; }

.id-ecosystem-access { margin-top: 10px; border: 1px solid var(--id-line-soft); border-radius: 8px; padding: 0 20px; background: var(--id-surface); }
.id-ecosystem-access > h2 { margin: 0; border-bottom: 1px solid var(--id-line-soft); padding: 18px 0 12px; font-size: 15px; text-transform: uppercase; }
.id-ecosystem-access article { display: grid; grid-template-columns: 46px minmax(180px, 1fr) minmax(190px, 0.7fr) auto; align-items: center; gap: 16px; padding: 16px 0; }
.id-ecosystem-access article + article { border-top: 1px solid var(--id-line-soft); }
.id-ecosystem-access article > img { width: 46px; height: 46px; object-fit: contain; }
.id-ecosystem-access article > div strong,
.id-ecosystem-access article > div small { display: block; }
.id-ecosystem-access article > div small { margin-top: 4px; color: var(--id-muted); font-size: 11px; }
.id-ecosystem-access article > b { display: inline-flex; align-items: center; gap: 7px; color: #91d65c; font-size: 12px; }
.id-ecosystem-access a,
.id-ecosystem-access button { min-height: 40px; color: var(--id-text); background: transparent; font-size: 12px; }
.id-ecosystem-access a svg,
.id-ecosystem-access button svg { width: 16px; height: 16px; }

.id-overview-columns {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 26px;
  border-top: 1px solid var(--id-line-soft);
}

.id-overview-columns > section { min-width: 0; padding: 18px; }
.id-overview-columns > section + section { border-left: 1px solid var(--id-line-soft); }
.id-overview-columns > section > header { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; border-bottom: 1px solid var(--id-line-soft); padding-bottom: 10px; }
.id-overview-columns h2 { margin: 0; font-size: 15px; }
.id-overview-columns h2 small { color: var(--id-muted); font-size: 10px; font-weight: 500; }
.id-overview-columns header button,
.id-summary-row button { border: 0; padding: 0; color: var(--id-gold-bright); background: transparent; font-size: 11px; font-weight: 800; cursor: pointer; }

.id-message-row,
.id-order-row,
.id-activity-row,
.id-summary-row {
  position: relative;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
  border-bottom: 1px solid var(--id-line-soft);
  padding: 15px 0;
}

.id-sector-mark,
.id-order-row > span,
.id-activity-row > span,
.id-summary-row > span {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid var(--id-gold);
  border-radius: 50%;
  color: var(--id-gold-bright);
  font-family: Georgia, serif;
  font-size: 12px;
  font-weight: 900;
}

.id-message-row header { display: flex; justify-content: space-between; gap: 10px; }
.id-message-row header strong,
.id-message-row h3,
.id-order-row strong,
.id-activity-row strong,
.id-summary-row strong { font-size: 12px; line-height: 1.35; }
.id-message-row h3 { margin: 5px 0 0; color: #d8d5cf; font-weight: 600; }
.id-message-row p { margin: 9px 0 0; color: var(--id-muted); font-size: 13px; line-height: 1.55; }
.id-message-row time,
.id-activity-row time { color: var(--id-muted); font-size: 10px; white-space: nowrap; }
.id-message-row a { display: inline-flex; align-items: center; gap: 6px; margin-top: 11px; color: var(--id-gold-bright); font-size: 12px; font-weight: 800; }
.id-message-row a svg { width: 15px; height: 15px; }
.id-unread-dot { width: 8px; height: 8px; margin-top: 5px; border-radius: 50%; background: var(--id-gold-bright); }
.id-order-row small,
.id-order-row p,
.id-activity-row small,
.id-summary-row small { display: block; margin-top: 4px; color: var(--id-muted); font-size: 10px; line-height: 1.45; }
.id-order-row p { font-size: 12px; }
.id-order-row > b { color: #91d65c; font-size: 10px; text-transform: capitalize; }
.id-summary-row button { align-self: center; border: 1px solid var(--id-line); padding: 7px 9px; }

.id-view-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  border-bottom: 1px solid var(--id-line);
  padding-bottom: 24px;
}

.id-view-heading h2 { font-size: clamp(44px, 5vw, 68px); }
.id-view-heading p { max-width: 680px; margin: 10px 0 0; color: var(--id-muted); line-height: 1.55; }
.id-view-heading > a { min-height: 42px; }
.id-account-view > .id-reward-progress,
.id-reward-progress.is-detail { margin-top: 28px; }
.id-reward-rules { max-width: 820px; margin-top: 20px; border-left: 3px solid var(--id-gold); padding: 14px 20px; background: var(--id-surface); }
.id-reward-rules h3 { margin: 0; }
.id-reward-rules p { margin: 8px 0 0; color: var(--id-muted); line-height: 1.6; }

.id-inbox-list,
.id-order-list,
.id-activity-list { max-width: 980px; margin-top: 18px; }

.id-connected-order-lanes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  max-width: 980px;
  margin-top: 22px;
}
.id-connected-order-lanes article { display: grid; grid-template-columns: 48px 1fr; align-items: center; gap: 12px; border: 1px solid var(--id-line); border-radius: 9px; padding: 16px; background: rgba(255, 255, 255, 0.025); }
.id-connected-order-lanes img { width: 42px; height: 42px; object-fit: contain; }
.id-connected-order-lanes strong,
.id-connected-order-lanes small { display: block; }
.id-connected-order-lanes small { margin-top: 4px; color: var(--id-muted); font-size: 11px; line-height: 1.45; }
.id-connected-order-lanes a { grid-column: 1 / -1; justify-self: start; color: var(--id-gold-bright); font-size: 12px; font-weight: 900; }
.id-inbox-list .id-message-row { grid-template-columns: 44px minmax(0, 1fr) auto; padding: 22px 4px; }
.id-inbox-list .id-sector-mark { width: 42px; height: 42px; }
.id-inbox-list .id-message-row header strong,
.id-inbox-list .id-message-row h3,
.id-order-list .id-order-row strong,
.id-activity-list .id-activity-row strong { font-size: 15px; }
.id-order-list .id-order-row,
.id-activity-list .id-activity-row { padding: 20px 4px; }

.id-empty-state { padding: 24px 0; color: var(--id-muted); }
.id-empty-state strong { color: var(--id-text); }
.id-empty-state p { margin: 7px 0 0; font-size: 12px; line-height: 1.5; }
.id-empty-state a { display: inline-block; margin-top: 12px; color: var(--id-gold-bright); font-size: 12px; font-weight: 900; }

.id-security-layout {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-top: 28px;
  background: var(--id-line-soft);
}

.id-security-layout > form,
.id-security-layout > section {
  display: grid;
  align-content: start;
  gap: 16px;
  padding: clamp(20px, 3vw, 32px);
  background: var(--id-surface);
}

.id-security-layout h3 { margin: 0 0 8px; font-size: 21px; }
.id-security-layout button,
.id-preferences-form > button { justify-self: start; min-height: 44px; }
.id-security-layout p,
.id-preferences-form > p { min-height: 18px; margin: 0; color: var(--id-muted); font-size: 12px; }
.id-security-layout input:disabled { color: var(--id-muted); opacity: 0.72; }
.id-security-layout section > div article { display: grid; grid-template-columns: 34px 1fr auto; gap: 10px; border-bottom: 1px solid var(--id-line-soft); padding: 12px 0; }
.id-security-layout section > div span { color: var(--id-gold-bright); }
.id-security-layout section > div strong,
.id-security-layout section > div small { display: block; }
.id-security-layout section > div small { margin-top: 4px; color: var(--id-muted); font-size: 10px; }
.id-security-layout section > div b { color: #91d65c; font-size: 10px; }
.id-security-layout .id-danger-button { margin-top: 14px; border-color: #ff5c54; color: #ff847c; background: transparent; }

.id-preferences-form {
  display: grid;
  max-width: 900px;
  margin-top: 28px;
  border-top: 1px solid var(--id-line-soft);
}

.id-preferences-form > label {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 26px;
  border-bottom: 1px solid var(--id-line-soft);
  padding: 22px 4px;
}

.id-preferences-form strong,
.id-preferences-form small { display: block; }
.id-preferences-form small { margin-top: 6px; color: var(--id-muted); line-height: 1.5; }
.id-preferences-form input { width: 23px; height: 23px; accent-color: var(--id-gold); }
.id-preferences-form > button { margin-top: 22px; }

.id-protected-surface {
  display: grid;
  min-height: calc(100svh - var(--global-header-height, 78px));
  place-content: center;
  padding: 40px 22px;
  text-align: center;
}
.id-protected-surface h1 { margin: 0; font-family: "Iowan Old Style", Georgia, serif; font-size: clamp(52px, 8vw, 96px); font-weight: 500; }
.id-protected-surface p { max-width: 680px; margin: 14px auto 0; color: var(--id-muted); line-height: 1.6; }
.id-protected-surface > div { display: flex; justify-content: center; gap: 12px; margin-top: 28px; }
.id-protected-surface a + a { color: var(--id-gold-bright); background: transparent; }

@media (max-width: 1180px) {
  .id-account-shell { grid-template-columns: minmax(0, 1fr); }
  .id-account-sidebar { position: sticky; z-index: 6; top: var(--global-header-height, 78px); height: auto; border-right: 0; border-bottom: 1px solid var(--id-line-soft); }
  .id-account-brand,
  .id-account-help { display: none; }
  .id-account-sidebar nav { grid-auto-columns: minmax(118px, 1fr); grid-auto-flow: column; overflow-x: auto; padding: 0; }
  .id-account-sidebar nav button { grid-template-columns: 24px auto auto; min-height: 58px; justify-content: center; border-left: 0; border-bottom: 3px solid transparent; padding: 0 14px; }
  .id-account-sidebar nav button[aria-pressed="true"] { border-left-color: transparent; border-bottom-color: var(--id-gold); }
  .id-overview-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .id-overview-columns > section:nth-child(3) { border-left: 0; }
  .id-overview-columns > section:nth-child(n + 3) { border-top: 1px solid var(--id-line-soft); }
}

@media (max-width: 900px) {
  .id-auth-surface { grid-template-columns: 1fr; gap: 42px; padding-top: 88px; }
  .id-auth-intro { max-width: 680px; }
  .id-auth-connection { display: grid; grid-template-columns: 1fr 1fr; max-width: none; gap: 14px; }
  .id-auth-connection > span { display: none; }
  .id-auth-connection::before { display: none; }
  .id-auth-footer { flex-wrap: wrap; }
  .id-account-topbar { grid-template-columns: minmax(0, 1fr) auto; }
  .id-secure-state { display: none; }
  .id-reward-progress { grid-template-columns: 1fr; }
  .id-reward-main { grid-template-columns: 76px 1fr; }
  .id-progress-track { grid-column: 1 / -1; margin: 8px 6px 18px; }
  .id-reward-progress dl { grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--id-line-soft); border-left: 0; padding: 16px 0 0; }
  .id-reward-progress dl div { padding: 7px 12px; }
  .id-reward-progress dl div + div { border-top: 0; border-left: 1px solid var(--id-line-soft); }
  .id-ecosystem-access article { grid-template-columns: 46px minmax(0, 1fr) auto; }
  .id-ecosystem-access article > b { grid-column: 2 / -1; }
  .id-security-layout { grid-template-columns: 1fr; }
}

@media (max-width: 650px) {
  .site-header.global-header .global-account-actions button { min-height: 38px; padding-inline: 8px; font-size: 9px; }
  .id-auth-surface { width: min(100% - 28px, 540px); padding-top: 76px; }
  .id-auth-utility { top: 18px; }
  .id-auth-intro h1 { font-size: clamp(46px, 14vw, 64px); }
  .id-auth-intro > p { font-size: 17px; }
  .id-auth-connection { grid-template-columns: 1fr; }
  .id-auth-form { padding: 24px 18px; }
  .id-connected-order-lanes { grid-template-columns: 1fr; }
  .id-auth-footer { gap: 18px 26px; }
  .id-auth-footer a { font-size: 12px; }
  .id-account-sidebar nav { grid-auto-columns: minmax(88px, 1fr); }
  .id-account-sidebar nav button { grid-template-columns: 1fr; justify-items: center; gap: 4px; min-height: 62px; padding: 6px 10px; font-size: 10px; }
  .id-account-sidebar nav b { position: absolute; top: 4px; right: 8px; }
  .id-account-workspace { padding: 24px 14px 48px; }
  .id-account-topbar { grid-template-columns: 1fr; gap: 16px; }
  .id-account-topbar h1 { font-size: 40px; }
  .id-s2dp-button { width: 100%; }
  .id-reward-progress { padding: 18px 14px; }
  .id-reward-main { grid-template-columns: 58px 1fr; }
  .id-reward-star { width: 54px; height: 54px; font-size: 28px; }
  .id-reward-main > div > strong { font-size: 34px; }
  .id-ecosystem-access { padding-inline: 14px; }
  .id-ecosystem-access article { grid-template-columns: 42px 1fr; }
  .id-ecosystem-access article > b { grid-column: 1 / -1; }
  .id-ecosystem-access article > a,
  .id-ecosystem-access article > button { grid-column: 1 / -1; width: 100%; }
  .id-overview-columns { grid-template-columns: 1fr; }
  .id-overview-columns > section + section { border-top: 1px solid var(--id-line-soft); border-left: 0; }
  .id-view-heading { align-items: start; flex-direction: column; }
  .id-view-heading h2 { font-size: 46px; }
  .id-inbox-list .id-message-row { grid-template-columns: 42px minmax(0, 1fr); }
  .id-inbox-list .id-message-row > .id-unread-dot { position: absolute; top: 20px; right: 2px; }
  .id-security-layout > form,
  .id-security-layout > section { padding: 22px 16px; }
  .id-protected-surface > div { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  .id-account-loading span { animation: none; }
}

/* Artist Server */
.artist-server-page { --artist-bg: #071019; --artist-panel: #0b1620; --artist-panel-2: #0e1a25; --artist-line: rgba(164, 188, 202, .19); --artist-text: #f6eee0; --artist-muted: #a8b6c2; --artist-gold: #e5ae28; --artist-blue: #8abbe3; background: var(--artist-bg); color: var(--artist-text); }
.artist-server-page .global-header { display: none; }
.artist-server-page main { min-height: 100svh; }
.artist-access-page { display: grid; min-height: 100svh; place-content: center; padding: 36px 22px; background: radial-gradient(circle at 52% 0%, rgba(42, 72, 97, .18), transparent 35rem), var(--artist-bg); }
.artist-access-page > div { width: min(100%, 580px); border: 1px solid var(--artist-line); border-left: 3px solid var(--artist-gold); border-radius: 8px; padding: clamp(26px, 5vw, 52px); background: rgba(12, 24, 35, .72); }
.artist-access-brand { position: fixed; top: 28px; left: 32px; color: var(--artist-gold); font-family: Georgia, serif; font-size: 29px; text-decoration: none; }
.artist-access-page h1 { margin: 7px 0 0; color: #f7ecdc; font-family: Georgia, serif; font-size: clamp(38px, 6vw, 58px); font-weight: 500; letter-spacing: -.055em; line-height: 1.02; }
.artist-access-page p { color: var(--artist-muted); line-height: 1.6; }
.artist-access-page > div > p:first-child { margin: 0; color: var(--artist-gold); font-size: 12px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.artist-access-page form { margin-top: 28px; }
.artist-access-page form label { display: grid; gap: 8px; max-width: 360px; margin-bottom: 16px; color: #e8ddcf; font-size: 13px; font-weight: 800; }
.artist-access-page form select { min-height: 44px; border: 1px solid var(--artist-line); border-radius: 5px; padding: 0 11px; color: var(--artist-text); background: #08111a; font: inherit; font-weight: 500; }
.artist-access-page button { min-height: 46px; border: 1px solid var(--artist-gold); border-radius: 5px; padding: 0 18px; color: #1c1507; background: var(--artist-gold); font-weight: 900; cursor: pointer; }
.artist-access-page button:disabled { cursor: not-allowed; opacity: .56; }
.artist-access-page [data-artist-access-status] { min-height: 26px; margin: 13px 0 0; font-size: 13px; }
.artist-access-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 19px 0 6px; }
.artist-access-actions a { display: flex; min-height: 44px; align-items: center; justify-content: center; border: 1px solid var(--artist-line); border-radius: 5px; padding: 8px 12px; color: var(--artist-blue); font-size: 12px; font-weight: 800; text-align: center; }
.artist-access-actions a:first-child { border-color: var(--artist-gold); color: #1c1507; background: var(--artist-gold); }
.artist-access-page > div > a { color: var(--artist-blue); font-size: 13px; }
.artist-access-page > div > small { display: block; max-width: 520px; margin: 19px 0 16px; color: var(--artist-muted); font-size: 11px; line-height: 1.55; }
.artist-server, .artist-server * { box-sizing: border-box; }
.artist-server { display: grid; grid-template-columns: 250px minmax(0, 1fr); min-height: 100svh; background: radial-gradient(circle at 52% 0%, rgba(42, 72, 97, .18), transparent 35rem), var(--artist-bg); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.artist-server button, .artist-server input, .artist-server textarea { font: inherit; }
.artist-server button { color: inherit; cursor: pointer; }
.artist-server svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.artist-server-sidebar { position: sticky; top: 0; display: flex; flex-direction: column; height: 100svh; overflow: hidden auto; border-right: 1px solid var(--artist-line); background: rgba(5, 13, 20, .7); }
.artist-server-logo { display: flex; align-items: center; gap: 7px; height: 103px; padding: 20px 32px; color: var(--artist-gold); font-family: Georgia, serif; font-size: 38px; text-decoration: none; }
.artist-server-logo img { width: 39px; height: 39px; object-fit: contain; filter: sepia(.9) saturate(1.45) hue-rotate(345deg) brightness(1.1); }
.artist-server-nav { display: grid; gap: 2px; padding: 0 11px 18px; }
.artist-server-nav button, .artist-channel { display: grid; grid-template-columns: 28px 1fr; align-items: center; gap: 12px; min-height: 51px; border: 0; border-left: 3px solid transparent; padding: 0 18px; color: #e9e0d3; background: transparent; text-align: left; font-size: 15px; }
.artist-server-nav button:hover, .artist-server-nav button[aria-pressed="true"], .artist-channel:hover, .artist-channel.is-active { border-left-color: var(--artist-gold); color: var(--artist-gold); background: rgba(221, 170, 41, .08); }
.artist-server-channels { margin-top: auto; border-top: 1px solid var(--artist-line); padding: 20px 11px 16px; }
.artist-server-channels > div:first-child { display: flex; align-items: center; justify-content: space-between; padding: 0 18px 11px; color: var(--artist-gold); font-size: 12px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.artist-server-channels > div:first-child button { border: 0; padding: 0; color: #d7c9b8; background: transparent; }
.artist-server-channels > div:first-child svg { width: 19px; height: 19px; }
.artist-channel { position: relative; min-height: 37px; padding-block: 0; color: #d1c9c0; font-size: 14px; }
.artist-channel svg { width: 16px; height: 16px; color: #aeb9bf; }
.artist-channel b { width: 7px; height: 7px; border-radius: 50%; background: var(--artist-blue); }
.artist-server-voice-label { padding: 21px 18px 8px; color: var(--artist-gold); font-size: 12px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.artist-server-profile { display: grid; grid-template-columns: 47px 1fr 30px; align-items: center; gap: 12px; border-top: 1px solid var(--artist-line); padding: 21px 20px; }
.artist-server-profile strong, .artist-server-profile small { display: block; }
.artist-server-profile strong { font-size: 15px; }
.artist-server-profile small { margin-top: 2px; color: var(--artist-muted); font-size: 12px; }
.artist-server-profile i { display: inline-block; width: 8px; height: 8px; margin-right: 4px; border-radius: 50%; background: #49ca9c; }
.artist-server-profile button, .artist-server-profile > a { border: 0; padding: 0; color: #cfc7bc; background: transparent; font-size: 20px; text-decoration: none; }
.artist-avatar { display: grid; place-items: center; flex: 0 0 auto; width: 48px; height: 48px; overflow: hidden; border: 1px solid rgba(231, 179, 48, .9); border-radius: 50%; color: var(--artist-gold); background: #101a23; font-family: Georgia, serif; font-size: 24px; line-height: .78; text-align: center; }
.artist-avatar-wyndy, .artist-avatar-ace { font-family: Inter, sans-serif; font-size: 11px; font-weight: 900; line-height: .8; }
.artist-avatar-wyndy { color: #ffe26a; }
.artist-avatar-ace { color: #f1b12a; }
.artist-server-workspace { min-width: 0; }
.artist-server-topbar { display: flex; align-items: center; justify-content: space-between; min-height: 76px; border-bottom: 1px solid var(--artist-line); padding: 0 28px; background: rgba(7, 16, 25, .55); }
.artist-server-topbar > strong { margin-left: 12px; font-family: Georgia, serif; font-size: 18px; font-weight: 500; }
.artist-server-topbar > div { display: flex; align-items: center; gap: 17px; }
.artist-menu-button { display: none; border: 0; background: transparent; font-size: 22px; }
.artist-server-search { display: flex; align-items: center; width: 265px; height: 42px; border: 1px solid var(--artist-line); border-radius: 6px; padding: 0 12px; color: #e7dfd3; }
.artist-server-search span { font-size: 25px; transform: rotate(-25deg); }
.artist-server-search input { width: 100%; border: 0; outline: 0; color: var(--artist-text); background: transparent; font-size: 13px; }
.artist-server-search input::placeholder { color: #c0c5c8; opacity: 1; }
.artist-top-icon { border: 0; color: #e0d6ca; background: transparent; font-size: 21px; }
.artist-install-button { min-height: 34px; border: 1px solid rgba(138, 187, 227, .65); border-radius: 5px; padding: 0 10px; color: #cce9ff; background: rgba(138, 187, 227, .08); font-size: 11px; font-weight: 800; }
.artist-approvals-button { min-height: 34px; border: 1px solid rgba(229, 174, 40, .64); border-radius: 5px; padding: 0 10px; color: var(--artist-gold); background: transparent; font-size: 11px; font-weight: 800; }
.artist-server-main { display: grid; grid-template-columns: minmax(500px, 1fr) 454px; min-height: calc(100svh - 76px); }
.artist-server-feed { min-width: 0; border-right: 1px solid var(--artist-line); padding: 33px 28px 70px; }
.artist-server-greeting { padding: 0 2px 22px; }
.artist-server-greeting h1, .artist-server-rail h2, .artist-modal h2 { margin: 0; color: #f7ecdc; font-family: Georgia, "Times New Roman", serif; font-weight: 500; letter-spacing: -.045em; }
.artist-server-greeting h1 { font-size: clamp(42px, 4vw, 58px); line-height: 1; }
.artist-server-greeting p { display: flex; align-items: center; gap: 12px; margin: 14px 0 0; color: var(--artist-muted); font-size: 16px; }
.artist-server-greeting svg { color: var(--artist-gold); }
.artist-network-command { margin: 0 0 24px; border: 1px solid rgba(229, 174, 40, .4); border-radius: 10px; overflow: hidden; background: linear-gradient(135deg, rgba(229, 174, 40, .1), rgba(11, 26, 37, .6) 42%, rgba(10, 20, 29, .92)); }
.artist-network-command > header { display: flex; align-items: end; justify-content: space-between; gap: 18px; padding: 24px 23px 19px; border-bottom: 1px solid var(--artist-line); }
.artist-network-command > header p, .artist-network-panel header p { margin: 0 0 5px; color: var(--artist-gold); font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.artist-network-command h2, .artist-network-panel h3 { margin: 0; color: #f7ecdc; font-family: Georgia, "Times New Roman", serif; font-weight: 500; letter-spacing: -.035em; }
.artist-network-command h2 { font-size: clamp(28px, 3vw, 37px); }
.artist-network-command > header span { display: block; max-width: 610px; margin-top: 7px; color: var(--artist-muted); font-size: 13px; line-height: 1.45; }
.artist-network-pitch, .artist-network-panel header > button, .artist-network-list button { min-height: 34px; border: 1px solid rgba(229, 174, 40, .7); border-radius: 5px; padding: 0 10px; color: #211704; background: var(--artist-gold); font-size: 11px; font-weight: 900; white-space: nowrap; }
.artist-network-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-bottom: 1px solid var(--artist-line); }
.artist-network-stats article { min-height: 100px; padding: 16px 18px; border-right: 1px solid var(--artist-line); }
.artist-network-stats article:last-child { border-right: 0; }
.artist-network-stats span, .artist-network-stats small { display: block; color: var(--artist-muted); font-size: 10px; line-height: 1.35; }
.artist-network-stats span { color: #c4c8c9; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.artist-network-stats strong { display: block; margin: 8px 0 6px; color: #fff0d7; font-family: Georgia, serif; font-size: 19px; font-weight: 500; line-height: 1.05; }
.artist-network-grid { display: grid; grid-template-columns: 1.1fr 1fr; }
.artist-network-panel { min-width: 0; padding: 18px; border-right: 1px solid var(--artist-line); border-bottom: 1px solid var(--artist-line); }
.artist-network-panel:nth-child(2) { border-right: 0; }
.artist-network-panel:last-child { grid-column: 1 / -1; border-right: 0; border-bottom: 0; }
.artist-network-panel > header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.artist-network-panel h3 { font-size: 22px; }
.artist-network-benefits > p { max-width: 660px; margin: 13px 0 14px; color: var(--artist-muted); font-size: 12px; line-height: 1.5; }
.artist-network-list { display: grid; gap: 8px; margin-top: 14px; }
.artist-network-list article { display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid rgba(164, 188, 202, .15); border-radius: 6px; padding: 10px; background: rgba(3, 10, 16, .24); }
.artist-network-list strong, .artist-network-list small { display: block; }
.artist-network-list strong { color: #f5e9d8; font-size: 13px; }
.artist-network-list small { margin-top: 3px; color: var(--artist-muted); font-size: 10px; line-height: 1.35; }
.artist-network-status { flex: 0 0 auto; border: 1px solid rgba(138, 187, 227, .42); border-radius: 999px; padding: 4px 7px; color: #c4e7ff; background: rgba(138, 187, 227, .07); font-size: 9px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.artist-network-status.is-rotation, .artist-network-status.is-approved, .artist-network-status.is-completed { border-color: rgba(73, 202, 156, .5); color: #9becce; background: rgba(73, 202, 156, .07); }
.artist-network-status.is-not_selected, .artist-network-status.is-declined, .artist-network-status.is-rejected { border-color: rgba(224, 132, 112, .5); color: #ffc1b4; background: rgba(224, 132, 112, .07); }
.artist-composer, .artist-post, .artist-calendar, .artist-requests, .artist-writing-preview { border: 1px solid var(--artist-line); border-radius: 7px; background: rgba(12, 24, 35, .68); }
.artist-composer { display: grid; grid-template-columns: 54px 1fr; gap: 15px; padding: 20px 17px 14px; }
.artist-composer label { color: var(--artist-gold); font-size: 11px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.artist-composer footer small { color: var(--artist-muted); font-size: 10px; line-height: 1.35; }
.artist-composer textarea { width: 100%; resize: vertical; border: 0; outline: 0; padding: 7px 0; color: var(--artist-text); background: transparent; font-size: 16px; }
.artist-composer textarea::placeholder { color: #c3c7c7; opacity: 1; }
.artist-composer footer { display: flex; align-items: center; justify-content: space-between; margin-top: 9px; }
.artist-composer footer > div { display: flex; gap: 22px; }
.artist-composer footer button:not([type="submit"]) { border: 0; padding: 0; color: #cfc7bc; background: transparent; }
.artist-composer footer button[type="submit"], .artist-modal-form > button { min-width: 114px; min-height: 37px; border: 1px solid #e6ad24; border-radius: 5px; color: #211704; background: var(--artist-gold); font-weight: 800; }
.artist-server-feed-list { display: grid; gap: 15px; margin-top: 16px; }
.artist-post { display: grid; grid-template-columns: 71px 1fr; gap: 14px; padding: 21px 17px 17px; }
.artist-post > .artist-avatar { width: 48px; height: 48px; }
.artist-post header { display: flex; align-items: baseline; gap: 15px; }
.artist-post h2 { margin: 0; color: #f1e6d6; font-family: Georgia, serif; font-size: 19px; font-weight: 500; }
.artist-post h2 em { margin-left: 4px; color: var(--artist-gold); font-family: Inter, sans-serif; font-size: 13px; font-style: normal; }
.artist-post h2 .artist-role { border: 1px solid var(--artist-gold); border-radius: 3px; padding: 2px 7px; font-size: 11px; }
.artist-post time { color: var(--artist-muted); font-size: 12px; }
.artist-post > div > a { display: inline-block; margin-top: 6px; color: var(--artist-blue); font-size: 13px; text-decoration: none; }
.artist-post p { max-width: 640px; margin: 12px 0 0; color: #eee5d8; font-size: 15px; line-height: 1.52; }
.artist-post mark { color: var(--artist-gold); background: transparent; }
.artist-audio-actions { display: flex; align-items: stretch; gap: 8px; margin-top: 14px; }
.artist-audio-preview { display: grid; grid-template-columns: 23px 1fr auto; align-items: center; gap: 11px; width: min(100%, 530px); min-height: 42px; border: 1px solid var(--artist-line); border-radius: 5px; padding: 0 15px; color: #d9d1c7; background: #0a141d; text-align: left; font-size: 13px; }
.artist-audio-preview svg { width: 16px; height: 16px; fill: currentColor; }
.artist-audio-preview span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.artist-audio-preview small { color: var(--artist-muted); }
.artist-audio-preview.is-playing { border-color: var(--artist-gold); color: var(--artist-gold); }
.artist-audio-download { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 42px; border: 1px solid rgba(229, 174, 40, .72); border-radius: 5px; padding: 0 13px; color: var(--artist-gold); background: rgba(229, 174, 40, .05); font-size: 12px; font-weight: 800; text-decoration: none; }
.artist-audio-download:hover, .artist-audio-download:focus-visible { background: rgba(229, 174, 40, .15); }
.artist-audio-download svg { width: 17px; height: 17px; }
.artist-post footer { display: flex; align-items: center; gap: 22px; margin-top: 18px; }
.artist-post footer button { display: inline-flex; align-items: center; gap: 7px; border: 0; padding: 0; color: #c7c3bc; background: transparent; font-size: 13px; }
.artist-post footer button svg { width: 20px; height: 20px; }
.artist-post footer .artist-post-save { margin-left: auto; }
.artist-post footer button.is-selected { color: var(--artist-gold); }
.artist-post-new { animation: artist-post-in .35s ease-out; }
@keyframes artist-post-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
.artist-server-rail { display: grid; align-content: start; gap: 14px; padding: 21px 24px 40px; }
.artist-calendar, .artist-requests, .artist-writing-preview { padding: 19px 18px; }
.artist-calendar > header, .artist-requests > header, .artist-writing-preview > header { display: flex; align-items: center; justify-content: space-between; }
.artist-server-rail h2 { font-size: 24px; }
.artist-calendar header button { border: 0; padding: 0 5px; color: #ded5c9; background: transparent; font-family: Georgia, serif; font-size: 29px; line-height: 1; }
.artist-calendar-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 11px 4px; align-items: center; margin: 21px 0 19px; text-align: center; }
.artist-calendar-grid > span { color: #d7d0c7; font-size: 12px; }
.artist-calendar-grid > b, .artist-calendar-grid > i { display: grid; place-items: center; min-height: 20px; color: #f2e8dc; font-size: 13px; font-style: normal; font-weight: 500; }
.artist-calendar-grid > i { color: #7e8990; }
.artist-calendar-grid .is-selected { width: 38px; height: 38px; justify-self: center; border-radius: 50%; color: #201804; background: var(--artist-gold); font-weight: 900; }
.artist-calendar-event { display: grid; grid-template-columns: 11px 1fr auto; align-items: center; gap: 10px; min-height: 64px; border: 1px solid var(--artist-line); border-left: 3px solid var(--artist-gold); border-radius: 5px; padding: 9px 12px; }
.artist-calendar-event > span { width: 9px; height: 9px; border-radius: 50%; background: var(--artist-gold); }
.artist-calendar-event strong, .artist-calendar-event small { display: block; }
.artist-calendar-event strong { color: var(--artist-gold); font-family: Georgia, serif; font-size: 18px; font-weight: 500; }
.artist-calendar-event small, .artist-calendar-event time { color: var(--artist-muted); font-size: 12px; }
.artist-outline-action { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 40px; margin-top: 12px; border: 1px solid var(--artist-gold); border-radius: 5px; color: var(--artist-gold); background: transparent; font-family: Georgia, serif; font-size: 18px; }
.artist-outline-action svg { width: 19px; }
.artist-requests > header button, .artist-writing-preview > header button { border: 0; padding: 0; color: var(--artist-blue); background: transparent; font-size: 13px; }
.artist-requests > button { display: grid; grid-template-columns: 45px 1fr 17px; align-items: center; gap: 10px; width: 100%; min-height: 55px; margin-top: 11px; border: 1px solid var(--artist-line); border-radius: 5px; padding: 7px 10px; color: #efe6da; background: transparent; text-align: left; }
.artist-requests > button > span, .artist-writing-preview > button > span { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--artist-gold); border-radius: 50%; color: var(--artist-gold); }
.artist-requests > button > span svg { width: 21px; }
.artist-requests > button > svg { width: 16px; }
.artist-requests strong, .artist-requests small { display: block; }
.artist-requests strong { font-family: Georgia, serif; font-size: 16px; font-weight: 500; }
.artist-requests small { margin-top: 3px; color: var(--artist-muted); font-size: 11px; }
.artist-writing-preview > button { display: grid; grid-template-columns: 60px 1fr; width: 100%; margin-top: 15px; border: 1px solid var(--artist-line); border-radius: 6px; padding: 15px 12px 12px; color: #efe6da; background: transparent; text-align: left; }
.artist-writing-preview > button > span { width: 47px; height: 47px; }
.artist-writing-preview > button > span svg { width: 24px; }
.artist-writing-preview strong, .artist-writing-preview small { display: block; }
.artist-writing-preview strong { color: var(--artist-gold); font-family: Georgia, serif; font-size: 21px; font-weight: 500; }
.artist-writing-preview small { margin-top: 3px; color: var(--artist-muted); font-size: 12px; }
.artist-writing-preview p { margin: 13px 0 0; color: #d2ccc2; font-size: 13px; line-height: 1.45; }
.artist-writing-preview em { grid-column: 1 / -1; margin-top: 13px; color: var(--artist-gold); font-size: 12px; font-style: normal; text-align: right; }
.artist-modal[hidden] { display: none; }
.artist-modal { position: fixed; z-index: 70; inset: 0; display: grid; place-items: center; padding: 20px; }
.artist-modal-backdrop { position: absolute; inset: 0; background: rgba(0, 7, 13, .78); backdrop-filter: blur(7px); }
.artist-modal > section { position: relative; width: min(100%, 510px); border: 1px solid rgba(229, 174, 40, .55); border-radius: 10px; padding: 29px; background: #0b1721; box-shadow: 0 25px 70px rgba(0, 0, 0, .52); }
.artist-modal header p { margin: 9px 0 23px; color: var(--artist-muted); font-size: 14px; line-height: 1.5; }
.artist-modal h2 { font-size: 33px; }
.artist-modal-close { position: absolute; top: 16px; right: 16px; border: 0; padding: 3px; color: var(--artist-muted); background: transparent; }
.artist-modal-form { display: grid; gap: 16px; }
.artist-modal-form > div { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.artist-modal-form label { display: grid; gap: 7px; color: #e8ddcf; font-size: 13px; font-weight: 700; }
.artist-modal-form input, .artist-modal-form textarea { width: 100%; border: 1px solid var(--artist-line); border-radius: 5px; outline: 0; padding: 11px 12px; color: var(--artist-text); background: #08111a; font-weight: 400; }
.artist-modal-form select { width: 100%; min-height: 43px; border: 1px solid var(--artist-line); border-radius: 5px; outline: 0; padding: 0 11px; color: var(--artist-text); background: #08111a; font-weight: 400; }
.artist-modal-form textarea { min-height: 94px; resize: vertical; line-height: 1.5; }
.artist-modal-form input:focus, .artist-modal-form textarea:focus { border-color: var(--artist-gold); box-shadow: 0 0 0 3px rgba(229, 174, 40, .12); }
.artist-modal-form .artist-checkbox { grid-template-columns: 17px 1fr; align-items: start; gap: 9px; font-weight: 500; line-height: 1.45; }
.artist-modal-form .artist-checkbox input { width: 16px; height: 16px; margin: 1px 0 0; accent-color: var(--artist-gold); }
.artist-modal-form > button { justify-self: start; min-height: 43px; margin-top: 4px; }
.artist-approval-list { display: grid; gap: 9px; }
.artist-approval-list article { display: flex; align-items: center; justify-content: space-between; gap: 14px; border: 1px solid var(--artist-line); border-radius: 6px; padding: 12px; }
.artist-approval-list strong, .artist-approval-list small { display: block; }
.artist-approval-list strong { font-family: Georgia, serif; font-size: 17px; font-weight: 500; }
.artist-approval-list small { margin-top: 3px; color: var(--artist-muted); font-size: 11px; }
.artist-approval-list article > div:last-child { display: flex; gap: 7px; }
.artist-approval-actions { flex-wrap: wrap; justify-content: flex-end; }
.artist-approval-actions select { min-height: 32px; border: 1px solid var(--artist-line); border-radius: 4px; padding: 0 7px; color: var(--artist-text); background: #08111a; font-size: 11px; }
.artist-approval-list button { min-height: 32px; border: 1px solid var(--artist-gold); border-radius: 4px; padding: 0 9px; color: #1c1507; background: var(--artist-gold); font-size: 11px; font-weight: 800; }
.artist-approval-list button[data-artist-decision="reject"] { color: #e7d7c7; border-color: var(--artist-line); background: transparent; }
.artist-empty { color: var(--artist-muted); }
.artist-server-status { position: fixed; z-index: 90; right: 26px; bottom: 24px; margin: 0; border: 1px solid rgba(229, 174, 40, .68); border-radius: 6px; padding: 12px 15px; color: #f7ecd9; background: #13222c; box-shadow: 0 10px 30px rgba(0,0,0,.28); font-size: 13px; }
.artist-mobile-dock { display: none; }

@media (max-width: 1240px) {
  .artist-server { grid-template-columns: 214px minmax(0, 1fr); }
  .artist-server-main { grid-template-columns: minmax(440px, 1fr) 355px; }
  .artist-server-logo { padding-inline: 24px; }
  .artist-server-feed { padding-inline: 21px; }
  .artist-server-rail { padding-inline: 16px; }
  .artist-server-search { width: 190px; }
}
@media (max-width: 980px) {
  .artist-server { grid-template-columns: 74px minmax(0, 1fr); }
  .artist-server-logo { justify-content: center; padding: 18px; }
  .artist-server-logo span, .artist-server-nav span, .artist-server-channels, .artist-server-profile > div, .artist-server-profile button { display: none; }
  .artist-server-nav { padding: 0 7px; }
  .artist-server-nav button { display: grid; grid-template-columns: 1fr; justify-items: center; min-height: 52px; padding: 0; }
  .artist-server-profile { grid-template-columns: 1fr; justify-items: center; padding: 16px 0; }
  .artist-server-main { grid-template-columns: minmax(0, 1fr) 320px; }
  .artist-server-search { width: 150px; }
}
@media (max-width: 760px) {
  .artist-server-page { background: var(--artist-bg); }
  .artist-server { display: block; }
  .artist-server-sidebar { position: fixed; z-index: 60; left: 0; width: 250px; transform: translateX(-102%); transition: transform .2s ease; box-shadow: 18px 0 45px rgba(0,0,0,.36); }
  .artist-server.is-menu-open .artist-server-sidebar { transform: translateX(0); }
  .artist-server-logo { justify-content: flex-start; padding-inline: 27px; }
  .artist-server-logo span, .artist-server-nav span, .artist-server-channels, .artist-server-profile > div, .artist-server-profile button { display: initial; }
  .artist-server-nav { padding: 0 11px 18px; }
  .artist-server-nav button { display: grid; grid-template-columns: 28px 1fr; justify-items: initial; padding: 0 18px; }
  .artist-server-profile { grid-template-columns: 47px 1fr 30px; justify-items: initial; padding: 21px 20px; }
  .artist-server-topbar { min-height: 64px; padding: 0 16px; }
  .artist-menu-button { display: block; }
  .artist-server-topbar > strong { font-size: 16px; }
  .artist-server-topbar > div { gap: 7px; }
  .artist-install-button { min-height: 32px; padding-inline: 8px; }
  .artist-approvals-button { min-height: 32px; padding-inline: 8px; font-size: 10px; }
  .artist-server-search { display: none; }
  .artist-server-main { display: block; min-height: auto; }
  .artist-server-feed { border-right: 0; padding: 23px 14px 96px; scroll-margin-top: 72px; }
  .artist-server-greeting h1 { font-size: 39px; }
  .artist-server-greeting p { font-size: 14px; }
  .artist-network-command > header { display: block; padding: 20px 16px 16px; }
  .artist-network-pitch { width: 100%; margin-top: 16px; min-height: 40px; }
  .artist-network-stats { grid-template-columns: 1fr 1fr; }
  .artist-network-stats article { min-height: 94px; padding: 13px; }
  .artist-network-stats article:nth-child(2) { border-right: 0; }
  .artist-network-stats article:nth-child(-n+2) { border-bottom: 1px solid var(--artist-line); }
  .artist-network-grid { grid-template-columns: 1fr; }
  .artist-network-panel, .artist-network-panel:nth-child(2), .artist-network-panel:last-child { grid-column: auto; border-right: 0; }
  .artist-network-panel:last-child { border-bottom: 0; }
  .artist-network-list article { align-items: flex-start; }
  .artist-composer { grid-template-columns: 46px 1fr; padding-inline: 13px; }
  .artist-post { grid-template-columns: 54px 1fr; gap: 9px; padding: 17px 12px 14px; }
  .artist-post header { display: block; }
  .artist-post time { display: block; margin-top: 4px; }
  .artist-post footer { gap: 15px; }
  .artist-audio-preview { grid-template-columns: 18px minmax(0, 1fr) auto; gap: 7px; padding-inline: 12px; font-size: 12px; }
  .artist-audio-actions { gap: 6px; }
  .artist-audio-download { min-width: 42px; padding: 0 10px; }
  .artist-audio-download span { display: none; }
  .artist-server-rail { padding: 0 14px 104px; }
  .artist-calendar, .artist-requests, .artist-writing-preview { scroll-margin-top: 78px; }
  .artist-modal > section { padding: 25px 18px; }
  .artist-modal-form > div { grid-template-columns: 1fr; }
  .artist-modal { align-items: end; padding: 0; }
  .artist-modal > section { width: 100%; max-height: min(86dvh, 760px); overflow: auto; border-right: 0; border-bottom: 0; border-left: 0; border-radius: 14px 14px 0 0; padding-bottom: calc(25px + env(safe-area-inset-bottom)); }
  .artist-mobile-dock { position: fixed; z-index: 55; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(4, 1fr); min-height: calc(63px + env(safe-area-inset-bottom)); border-top: 1px solid var(--artist-line); padding-bottom: env(safe-area-inset-bottom); background: rgba(6, 15, 23, .97); backdrop-filter: blur(16px); }
  .artist-mobile-dock a { display: grid; place-content: center; gap: 3px; min-height: 61px; color: #c8c4bd; font-size: 10px; font-weight: 700; text-align: center; text-decoration: none; }
  .artist-mobile-dock svg { width: 18px; height: 18px; margin: auto; color: var(--artist-gold); }
  .artist-server-status { right: 14px; bottom: calc(77px + env(safe-area-inset-bottom)); left: 14px; text-align: center; }
}

.wyndy-sky-page h1,
.wyndy-sky-page h2 {
  font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
  font-weight: 500;
  letter-spacing: -0.055em;
}

.wyndy-sky-page a:focus-visible,
.wyndy-sky-page button:focus-visible {
  outline: 2px solid var(--wyndy-violet);
  outline-offset: 4px;
}

.wyndy-hero {
  position: relative;
  display: grid;
  min-height: 760px;
  align-items: center;
  isolation: isolate;
  overflow: hidden;
  border-bottom: 1px solid var(--wyndy-line);
}

.wyndy-hero-media,
.wyndy-hero-edge {
  position: absolute;
  inset: 0 0 0 auto;
  width: min(61vw, 980px);
}

.wyndy-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 58% center;
}

.wyndy-hero-edge {
  z-index: 1;
  width: min(70vw, 1120px);
  pointer-events: none;
  background:
    linear-gradient(90deg, var(--wyndy-ink) 0, rgba(5,4,5,0.96) 12%, rgba(5,4,5,0.38) 46%, transparent 70%),
    linear-gradient(0deg, rgba(5,4,5,0.84), transparent 24%);
}

.wyndy-hero-content {
  position: relative;
  z-index: 3;
  width: min(650px, 48vw);
  margin-left: max(44px, calc((100vw - 1440px) / 2));
  padding: 132px 0 76px;
}

.wyndy-hero h1 {
  margin: 0;
  color: var(--wyndy-ivory);
  font-size: clamp(82px, 9vw, 148px);
  line-height: 0.84;
}

.wyndy-hero-content > p {
  max-width: 590px;
  margin: 30px 0 0;
  color: #ded7de;
  font-size: clamp(18px, 1.55vw, 24px);
  line-height: 1.48;
}

.wyndy-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 32px;
}

.wyndy-hero-catalog-link {
  display: inline-block;
  margin-top: 24px;
  border-bottom: 1px solid rgba(217, 168, 59, 0.58);
  padding-bottom: 6px;
  color: var(--wyndy-muted);
  font-size: 13px;
  font-weight: 800;
}

.wyndy-hero-catalog-link:hover,
.wyndy-hero-catalog-link:focus-visible {
  color: var(--wyndy-gold);
}

.wyndy-button {
  display: inline-flex;
  min-height: 58px;
  align-items: center;
  justify-content: center;
  gap: 28px;
  border: 1px solid;
  border-radius: 3px;
  padding: 0 24px;
  font-size: 15px;
  font-weight: 800;
  transition: border-color 180ms ease, color 180ms ease, background 180ms ease, transform 180ms ease;
}

.wyndy-button svg,
.wyndy-text-link svg,
.wyndy-feature-copy em svg,
.wyndy-connections-grid em svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.wyndy-button:hover,
.wyndy-button:focus-visible {
  transform: translateY(-2px);
}

.wyndy-button-primary {
  border-color: var(--wyndy-gold);
  color: #090603;
  background: var(--wyndy-gold);
}

.wyndy-button-primary:hover,
.wyndy-button-primary:focus-visible {
  background: #f0c664;
}

.wyndy-button-secondary {
  border-color: rgba(174, 92, 255, 0.76);
  color: var(--wyndy-ivory);
  background: rgba(5, 4, 5, 0.72);
}

.wyndy-button-secondary:hover,
.wyndy-button-secondary:focus-visible {
  border-color: var(--wyndy-violet);
  color: var(--wyndy-violet);
}

.wyndy-wind-lines {
  position: absolute;
  z-index: 2;
  bottom: 8px;
  left: -40px;
  width: min(58vw, 900px);
  height: 220px;
  fill: none;
  stroke: rgba(217, 168, 59, 0.37);
  stroke-width: 1;
  pointer-events: none;
}

.wyndy-identity-section,
.wyndy-catalog-section,
.wyndy-video-section,
.wyndy-connections-section {
  width: min(100%, 1600px);
  margin-inline: auto;
  padding: clamp(78px, 8vw, 124px) max(40px, calc((100vw - 1440px) / 2));
}

.wyndy-identity-section {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(360px, 0.82fr);
  gap: clamp(50px, 8vw, 140px);
  align-items: center;
  min-height: 680px;
  border-bottom: 1px solid var(--wyndy-line);
  background:
    radial-gradient(circle at 77% 46%, rgba(174, 92, 255, 0.08), transparent 26rem),
    var(--wyndy-ink);
}

.wyndy-section-label {
  margin: 0 0 20px;
  color: var(--wyndy-violet);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.wyndy-section-copy h2 {
  margin: 0;
  font-size: clamp(58px, 6.8vw, 104px);
  line-height: 0.92;
}

.wyndy-section-copy h2 br {
  display: none;
}

.wyndy-section-copy > p:not(.wyndy-section-label) {
  max-width: 820px;
  margin: 28px 0 0;
  color: var(--wyndy-muted);
  font-size: clamp(18px, 1.55vw, 23px);
  line-height: 1.58;
}

.wyndy-proof-rail {
  display: grid;
  grid-template-columns: 1fr 1.25fr 0.8fr;
  margin-top: 38px;
  border-block: 1px solid var(--wyndy-line);
}

.wyndy-proof-rail span {
  min-height: 86px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-right: 1px solid var(--wyndy-line);
  padding: 18px clamp(14px, 2vw, 28px);
  color: var(--wyndy-muted);
  font-size: 14px;
}

.wyndy-proof-rail span:first-child {
  padding-left: 0;
}

.wyndy-proof-rail span:last-child {
  border-right: 0;
}

.wyndy-proof-rail strong {
  color: var(--wyndy-gold);
  font-family: "Iowan Old Style", Georgia, serif;
  font-size: 40px;
  font-weight: 500;
}

.wyndy-identity-art {
  position: relative;
  display: grid;
  min-height: 440px;
  margin: 0;
  place-items: center;
  overflow: hidden;
}

.wyndy-identity-art::before {
  position: absolute;
  width: 74%;
  aspect-ratio: 1;
  border: 1px solid rgba(217, 168, 59, 0.24);
  border-radius: 50%;
  content: "";
  box-shadow: 0 0 90px rgba(174, 92, 255, 0.12);
}

.wyndy-identity-art .wyndy-wind-lines {
  top: 12%;
  right: -10%;
  bottom: auto;
  left: auto;
  width: 125%;
  transform: rotate(-8deg);
}

.wyndy-identity-art img {
  position: relative;
  z-index: 1;
  width: min(100%, 520px);
  max-height: 480px;
  object-fit: contain;
  filter: drop-shadow(0 22px 52px rgba(0,0,0,0.6));
}

.wyndy-catalog-section {
  border-bottom: 1px solid var(--wyndy-line);
  background:
    linear-gradient(90deg, transparent 0 49.9%, rgba(255,255,255,0.026) 50%, transparent 50.1%),
    var(--wyndy-panel);
}

.wyndy-catalog-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 30px;
}

.wyndy-catalog-heading h2 {
  max-width: 900px;
  margin: 0;
  font-size: clamp(54px, 6.5vw, 98px);
  line-height: 0.94;
}

.wyndy-text-link {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 18px;
  border-bottom: 1px solid var(--wyndy-violet);
  padding: 10px 0;
  color: var(--wyndy-ivory);
  font-size: 14px;
  font-weight: 800;
}

.wyndy-text-link:hover,
.wyndy-text-link:focus-visible {
  color: var(--wyndy-violet);
}

.wyndy-catalog-tabs {
  display: flex;
  gap: 34px;
  margin-top: 40px;
  border-bottom: 1px solid rgba(255,255,255,0.14);
}

.wyndy-catalog-tabs button {
  position: relative;
  border: 0;
  padding: 0 2px 16px;
  color: var(--wyndy-muted);
  background: transparent;
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
}

.wyndy-catalog-tabs button::after {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 3px;
  content: "";
  background: var(--wyndy-violet);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 180ms ease;
}

.wyndy-catalog-tabs button:hover,
.wyndy-catalog-tabs button:focus-visible,
.wyndy-catalog-tabs button[aria-selected="true"] {
  color: var(--wyndy-violet);
}

.wyndy-catalog-tabs button[aria-selected="true"]::after {
  transform: scaleX(1);
}

.wyndy-catalog-layout {
  display: grid;
  grid-template-columns: minmax(330px, 0.82fr) minmax(0, 1.65fr);
  gap: clamp(18px, 2vw, 28px);
  margin-top: 28px;
}

.wyndy-feature-release {
  display: grid;
  grid-template-columns: minmax(155px, 0.9fr) minmax(170px, 1.1fr);
  min-height: 326px;
  border: 1px solid rgba(217, 168, 59, 0.68);
  padding: 12px;
  background: #080708;
  transition: border-color 180ms ease, transform 180ms ease;
}

.wyndy-feature-release:hover,
.wyndy-feature-release:focus-visible {
  border-color: var(--wyndy-violet);
  transform: translateY(-3px);
}

.wyndy-feature-art {
  position: relative;
  display: grid;
  min-width: 0;
  place-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 38%, rgba(174, 92, 255, 0.2), transparent 42%),
    #050405;
}

.wyndy-feature-art .wyndy-wind-lines {
  top: 15%;
  right: -55%;
  bottom: auto;
  left: auto;
  width: 190%;
  opacity: 0.8;
  transform: rotate(-16deg);
}

.wyndy-feature-art img {
  position: relative;
  z-index: 1;
  width: 125%;
  max-width: none;
  height: 100%;
  object-fit: contain;
}

.wyndy-feature-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: clamp(18px, 2.4vw, 38px);
}

.wyndy-feature-copy > span {
  color: var(--wyndy-violet);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.wyndy-feature-copy > strong {
  margin-top: 16px;
  color: var(--wyndy-ivory);
  font-family: "Iowan Old Style", Georgia, serif;
  font-size: clamp(38px, 3.5vw, 58px);
  font-weight: 500;
  line-height: 0.9;
}

.wyndy-feature-copy small {
  margin-top: 18px;
  color: var(--wyndy-muted);
  font-size: 13px;
  line-height: 1.4;
}

.wyndy-feature-copy em,
.wyndy-connections-grid em {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-top: 28px;
  color: var(--wyndy-violet);
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
}

.wyndy-release-rail {
  display: grid;
  grid-auto-columns: minmax(178px, 1fr);
  grid-auto-flow: column;
  gap: 18px;
  min-width: 0;
  overflow-x: auto;
  padding-bottom: 18px;
  scroll-snap-type: x mandatory;
  scrollbar-color: var(--wyndy-violet) rgba(255,255,255,0.08);
  scrollbar-width: thin;
}

.wyndy-release-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  scroll-snap-align: start;
}

.wyndy-release-card[hidden] {
  display: none;
}

.wyndy-release-art {
  position: relative;
  display: grid;
  width: 100%;
  aspect-ratio: 1;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.16);
  background: #0c0a0e;
}

.wyndy-release-art img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 260ms ease;
}

.wyndy-release-card:hover .wyndy-release-art img,
.wyndy-release-card:focus-visible .wyndy-release-art img {
  transform: scale(1.035);
}

.wyndy-release-card.is-generic-art .wyndy-release-art {
  background:
    linear-gradient(145deg, rgba(174,92,255,0.16), transparent 48%),
    radial-gradient(circle at 74% 28%, rgba(217,168,59,0.25), transparent 28%),
    #09070a;
}

.wyndy-release-card.is-generic-art:nth-child(3n + 2) .wyndy-release-art {
  background:
    linear-gradient(28deg, rgba(217,168,59,0.2), transparent 50%),
    radial-gradient(circle at 22% 20%, rgba(174,92,255,0.2), transparent 30%),
    #09070a;
}

.wyndy-release-card.is-generic-art:nth-child(3n) .wyndy-release-art {
  background:
    linear-gradient(160deg, rgba(174,92,255,0.22), transparent 46%),
    radial-gradient(circle at 80% 76%, rgba(217,168,59,0.18), transparent 32%),
    #070607;
}

.wyndy-release-card.is-generic-art .wyndy-release-art img {
  position: absolute;
  top: 16px;
  left: 16px;
  width: 58px;
  height: 58px;
  object-fit: contain;
  filter: sepia(1) saturate(1.3) brightness(1.25);
}

.wyndy-release-art-title {
  position: relative;
  z-index: 1;
  max-width: 88%;
  color: var(--wyndy-ivory);
  font-family: "Iowan Old Style", Georgia, serif;
  font-size: clamp(25px, 2vw, 34px);
  line-height: 0.92;
  text-align: center;
}

.wyndy-release-artist {
  margin-top: 14px;
  overflow: hidden;
  color: var(--wyndy-muted);
  font-size: 11px;
  font-weight: 800;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.wyndy-release-card > strong {
  margin-top: 7px;
  color: var(--wyndy-ivory);
  font-size: 18px;
  line-height: 1.12;
}

.wyndy-release-card > small {
  margin-top: 7px;
  color: var(--wyndy-gold);
  font-size: 12px;
}

.wyndy-catalog-section[data-active-filter="singles"] .wyndy-feature-release,
.wyndy-catalog-section[data-active-filter="collaborations"] .wyndy-feature-release {
  display: none;
}

.wyndy-catalog-section[data-active-filter="singles"] .wyndy-release-rail,
.wyndy-catalog-section[data-active-filter="collaborations"] .wyndy-release-rail {
  grid-column: 1 / -1;
}

.wyndy-catalog-status {
  margin: 12px 0 0;
  color: var(--wyndy-muted);
  font-size: 12px;
}

.wyndy-video-section {
  display: grid;
  grid-template-columns: minmax(280px, 0.67fr) minmax(540px, 1.33fr);
  gap: clamp(48px, 7vw, 120px);
  align-items: center;
  border-bottom: 1px solid var(--wyndy-line);
}

.wyndy-video-copy h2,
.wyndy-connections-heading h2 {
  margin: 0;
  font-size: clamp(58px, 6.3vw, 96px);
  line-height: 0.9;
}

.wyndy-video-copy > p:not(.wyndy-section-label) {
  max-width: 480px;
  margin: 26px 0 0;
  color: var(--wyndy-muted);
  font-size: 18px;
  line-height: 1.6;
}

.wyndy-video-copy .wyndy-button {
  margin-top: 30px;
}

.wyndy-video-copy > span {
  display: block;
  margin-top: 20px;
  color: var(--wyndy-gold);
  font-size: 13px;
  font-weight: 800;
}

.wyndy-video-frame {
  position: relative;
  display: block;
  overflow: hidden;
  border: 1px solid rgba(217, 168, 59, 0.54);
  border-radius: 3px;
  background: #080708;
  box-shadow: 0 24px 80px rgba(0,0,0,0.5);
}

.wyndy-video-frame img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  filter: saturate(0.9) contrast(1.06);
  transition: filter 240ms ease, transform 360ms ease;
}

.wyndy-video-frame:hover img,
.wyndy-video-frame:focus-visible img {
  filter: saturate(1.05) contrast(1.06);
  transform: scale(1.015);
}

.wyndy-play-control {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  width: 78px;
  height: 78px;
  place-items: center;
  color: #fff;
  transform: translate(-50%, -50%);
}

.wyndy-play-control svg {
  width: 100%;
  height: 100%;
}

.wyndy-play-control circle {
  fill: rgba(5,4,5,0.78);
  stroke: var(--wyndy-violet);
  stroke-width: 2;
}

.wyndy-play-control path {
  fill: var(--wyndy-ivory);
}

.wyndy-connections-section {
  display: grid;
  grid-template-columns: minmax(260px, 0.6fr) minmax(0, 1.4fr);
  gap: clamp(52px, 7vw, 120px);
  align-items: end;
  background:
    radial-gradient(circle at 8% 70%, rgba(174, 92, 255, 0.1), transparent 22rem),
    var(--wyndy-ink);
}

.wyndy-connections-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-block: 1px solid var(--wyndy-line);
}

.wyndy-connections-grid > a {
  min-height: 250px;
  border-right: 1px solid var(--wyndy-line);
  padding: 30px clamp(20px, 2.4vw, 38px);
  transition: background 180ms ease;
}

.wyndy-connections-grid > a:last-child {
  border-right: 0;
}

.wyndy-connections-grid > a:hover,
.wyndy-connections-grid > a:focus-visible {
  background: rgba(174, 92, 255, 0.06);
}

.wyndy-connections-grid span {
  color: var(--wyndy-gold);
  font-family: "Iowan Old Style", Georgia, serif;
  font-size: 26px;
}

.wyndy-connections-grid strong {
  display: block;
  margin-top: 28px;
  color: var(--wyndy-ivory);
  font-size: 17px;
  line-height: 1.3;
}

.wyndy-connections-grid p {
  min-height: 48px;
  margin: 12px 0 0;
  color: var(--wyndy-muted);
  font-size: 14px;
  line-height: 1.5;
}

.wyndy-sky-page .expanded-footer {
  border-color: var(--wyndy-line);
  background: #040304;
}

@media (max-width: 1180px) {
  .wyndy-sky-page .site-header {
    grid-template-columns: auto 1fr auto;
  }

  .wyndy-sky-page .site-nav {
    display: none;
  }

  .wyndy-sky-page .menu-toggle {
    display: inline-grid;
  }

  .wyndy-sky-page .site-header.is-open .site-nav {
    display: grid;
  }

  .wyndy-hero-media {
    width: 68vw;
  }

  .wyndy-hero-content {
    width: min(560px, 53vw);
  }

  .wyndy-identity-section {
    grid-template-columns: minmax(0, 1.25fr) minmax(290px, 0.75fr);
  }

  .wyndy-section-copy h2 br {
    display: initial;
  }

  .wyndy-catalog-layout {
    grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.1fr);
  }

  .wyndy-feature-release {
    grid-template-columns: 1fr;
  }

  .wyndy-feature-art {
    min-height: 230px;
  }

  .wyndy-video-section {
    grid-template-columns: minmax(250px, 0.7fr) minmax(430px, 1.3fr);
  }

  .wyndy-connections-section {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 780px) {
  .wyndy-sky-page .site-header {
    grid-template-columns: 1fr auto;
  }

  .wyndy-sky-page .dapoint-id-control {
    display: none;
  }

  .wyndy-hero {
    min-height: 790px;
    align-items: end;
  }

  .wyndy-hero-media,
  .wyndy-hero-edge {
    inset: 0;
    width: 100%;
    height: 56%;
  }

  .wyndy-hero-media img {
    object-position: 60% center;
  }

  .wyndy-hero-edge {
    z-index: 1;
    height: 68%;
    background:
      linear-gradient(0deg, var(--wyndy-ink) 0, rgba(5,4,5,0.9) 20%, transparent 58%),
      linear-gradient(90deg, rgba(5,4,5,0.42), transparent 44%);
  }

  .wyndy-hero-content {
    width: 100%;
    margin: 0;
    padding: 400px 22px 56px;
  }

  .wyndy-hero h1 {
    font-size: clamp(66px, 20vw, 98px);
  }

  .wyndy-hero-content > p {
    font-size: 17px;
  }

  .wyndy-hero-actions {
    display: grid;
  }

  .wyndy-button {
    width: 100%;
    justify-content: space-between;
  }

  .wyndy-hero > .wyndy-wind-lines {
    width: 110%;
    opacity: 0.55;
  }

  .wyndy-identity-section,
  .wyndy-catalog-section,
  .wyndy-video-section,
  .wyndy-connections-section {
    padding: 68px 22px;
  }

  .wyndy-identity-section,
  .wyndy-video-section {
    grid-template-columns: 1fr;
  }

  .wyndy-section-copy h2,
  .wyndy-catalog-heading h2,
  .wyndy-video-copy h2,
  .wyndy-connections-heading h2 {
    font-size: clamp(50px, 15vw, 76px);
  }

  .wyndy-proof-rail {
    grid-template-columns: 1fr;
  }

  .wyndy-proof-rail span,
  .wyndy-proof-rail span:first-child {
    min-height: 66px;
    border-right: 0;
    border-bottom: 1px solid var(--wyndy-line);
    padding-inline: 0;
  }

  .wyndy-proof-rail span:last-child {
    border-bottom: 0;
  }

  .wyndy-identity-art {
    min-height: 330px;
  }

  .wyndy-catalog-heading {
    align-items: start;
    flex-direction: column;
  }

  .wyndy-catalog-tabs {
    gap: 24px;
    overflow-x: auto;
  }

  .wyndy-catalog-layout {
    grid-template-columns: 1fr;
  }

  .wyndy-feature-release {
    grid-template-columns: minmax(130px, 0.8fr) minmax(150px, 1.2fr);
    min-height: 290px;
  }

  .wyndy-release-rail {
    grid-auto-columns: minmax(210px, 72vw);
  }

  .wyndy-video-section {
    gap: 38px;
  }

  .wyndy-video-frame {
    grid-row: 1;
  }

  .wyndy-connections-grid {
    grid-template-columns: 1fr;
  }

  .wyndy-connections-grid > a {
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid var(--wyndy-line);
    padding-inline: 0;
  }

  .wyndy-connections-grid > a:last-child {
    border-bottom: 0;
  }

  .wyndy-connections-grid p {
    min-height: 0;
  }
}

@media (max-width: 480px) {
  .wyndy-sky-page .brand {
    min-width: 0;
  }

  .wyndy-sky-page .brand small {
    display: none;
  }

  .wyndy-hero {
    min-height: 780px;
  }

  .wyndy-hero-content {
    padding-top: 390px;
  }

  .wyndy-feature-release {
    grid-template-columns: 1fr;
  }

  .wyndy-feature-art {
    min-height: 230px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wyndy-sky-page *,
  .wyndy-sky-page *::before,
  .wyndy-sky-page *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

@media (max-width: 720px) {
  .home-solar-page,
  .cinematic-universe-page {
    overflow-x: hidden;
  }

  .home-solar-page main,
  .cinematic-universe-page main {
    min-height: 100svh;
  }

  .cinematic-solar-system,
  .universe-home-gateway .solar-system-home {
    position: relative;
    min-height: 100svh;
    padding: 0 0 calc(180px + env(safe-area-inset-bottom));
  }

  .universe-3d-canvas {
    top: 0;
    height: 100svh;
    min-height: 100svh;
    opacity: 0.62;
  }

  .cinematic-solar-copy,
  .universe-home-gateway .solar-copy {
    top: calc(72px + env(safe-area-inset-top));
    left: max(16px, env(safe-area-inset-left));
    right: max(16px, env(safe-area-inset-right));
    text-align: left;
  }

  .cinematic-solar-copy h1,
  .universe-home-gateway .solar-copy h1 {
    max-width: 9.5ch;
    font-size: clamp(2rem, 11vw, 3.35rem);
  }

  .cinematic-solar-copy p,
  .universe-home-gateway .solar-copy p {
    max-width: 15rem;
    font-size: 0.86rem;
  }

  .universe-lil-point-navigator {
    top: calc(178px + env(safe-area-inset-top));
    right: max(12px, env(safe-area-inset-right));
    width: 64px;
  }

  .navigator-speech {
    right: 54px;
    width: min(152px, calc(100vw - 108px));
    font-size: 0.68rem;
  }

  .cinematic-fallback-stage,
  .universe-home-gateway .solar-stage {
    position: fixed;
    z-index: 12;
    top: clamp(342px, 47svh, 430px);
    left: 0;
    right: 0;
    bottom: auto;
    height: 158px;
    min-height: 158px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 24vw;
    touch-action: pan-x;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
  }

  .planet-route,
  .cinematic-fallback-stage .planet-route {
    position: static;
    display: flex;
    width: max-content;
    min-width: max-content;
    gap: 14px;
    align-items: center;
    padding: 10px 28vw 16px;
    transform: none;
  }

  .universe-home-gateway .solar-planet,
  .cinematic-fallback-stage .solar-planet,
  .universe-home-gateway .solar-planet:hover,
  .universe-home-gateway .solar-planet:focus-visible,
  .universe-home-gateway .solar-planet[aria-pressed="true"] {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    align-content: center;
    gap: 9px;
    width: min(54vw, 220px);
    min-width: min(54vw, 220px);
    min-height: 132px;
    padding: 12px 10px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    background:
      radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--planet-color), transparent 72%), transparent 58%),
      rgba(3, 4, 12, 0.62);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 18px 34px rgba(0,0,0,0.34);
    transform: none;
    scroll-snap-align: center;
  }

  .universe-home-gateway .solar-planet[aria-pressed="true"],
  .cinematic-fallback-stage .solar-planet[aria-pressed="true"] {
    border-color: color-mix(in srgb, var(--planet-accent), #fff 10%);
    background:
      radial-gradient(circle at 50% 26%, color-mix(in srgb, var(--planet-color), transparent 46%), transparent 62%),
      rgba(5, 6, 16, 0.78);
    box-shadow:
      0 0 28px color-mix(in srgb, var(--planet-color), transparent 52%),
      0 20px 42px rgba(0,0,0,0.48);
  }

  .universe-home-gateway .planet-core,
  .cinematic-fallback-stage .planet-core {
    width: 76px;
    min-width: 76px;
    height: 76px;
    min-height: 76px;
  }

  .universe-home-gateway .solar-planet[aria-pressed="true"] .planet-core,
  .cinematic-fallback-stage .solar-planet[aria-pressed="true"] .planet-core {
    transform: scale(1.14);
  }

  .universe-home-gateway .planet-label,
  .cinematic-fallback-stage .planet-label {
    position: absolute;
    top: 50px;
    left: 50%;
    width: 124px;
    max-width: 124px;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 999px;
    padding: 5px 7px;
    background: rgba(2,3,8,0.62);
    color: #fff;
    font-size: 0.68rem;
    line-height: 1.05;
    text-align: center;
    text-shadow: 0 1px 4px rgba(0,0,0,0.86);
  }

  .mobile-planet-controls {
    position: fixed;
    z-index: 15;
    top: clamp(512px, 66svh, 596px);
    left: max(18px, env(safe-area-inset-left));
    right: max(18px, env(safe-area-inset-right));
    bottom: auto;
    display: grid;
    grid-template-columns: minmax(58px, auto) 1fr minmax(58px, auto);
    gap: 10px;
    align-items: center;
    pointer-events: auto;
  }

  .mobile-planet-controls button,
  .mobile-planet-controls span {
    min-height: 34px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    background: rgba(2, 2, 8, 0.68);
    color: #fff;
    font-size: 0.68rem;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    backdrop-filter: blur(14px);
  }

  .mobile-planet-controls button:disabled {
    opacity: 0.42;
  }

  .mobile-planet-controls span {
    display: grid;
    place-items: center;
    color: var(--gold);
    letter-spacing: 0.08em;
  }

  .cinematic-travel-panel,
  .universe-home-gateway .travel-panel {
    position: fixed;
    z-index: 14;
    top: clamp(556px, 72svh, 642px);
    left: max(12px, env(safe-area-inset-left));
    right: max(12px, env(safe-area-inset-right));
    bottom: auto;
    display: grid;
    gap: 7px;
    max-height: 138px;
    padding: 13px 14px;
    border-radius: 16px;
    background:
      linear-gradient(145deg, color-mix(in srgb, var(--selected-color), transparent 86%), rgba(255,255,255,0.025)),
      rgba(2, 2, 8, 0.84);
    backdrop-filter: blur(18px);
  }

  .cinematic-travel-panel > span,
  .universe-home-gateway .travel-panel > span {
    font-size: 0.62rem;
    letter-spacing: 0.12em;
  }

  .cinematic-travel-panel h2,
  .universe-home-gateway .travel-panel h2 {
    font-size: clamp(1.28rem, 7vw, 1.9rem);
    line-height: 0.95;
  }

  .cinematic-travel-panel p,
  .universe-home-gateway .travel-panel p {
    -webkit-line-clamp: 2;
    margin: 0;
    font-size: 0.78rem;
    line-height: 1.25;
  }

  .cinematic-travel-panel .button,
  .cinematic-travel-panel a.button,
  .universe-home-gateway .travel-panel .button,
  .universe-home-gateway .travel-panel a.button {
    min-height: 32px;
    width: fit-content;
    padding: 7px 11px;
    font-size: 0.66rem;
  }

  .universe-player,
  .cinematic-universe-page .universe-player {
    z-index: 16;
  }
}

@media (max-width: 390px) {
  .cinematic-fallback-stage,
  .universe-home-gateway .solar-stage {
    top: clamp(318px, 42svh, 342px);
    height: 148px;
    min-height: 148px;
  }

  .universe-home-gateway .solar-planet,
  .cinematic-fallback-stage .solar-planet,
  .universe-home-gateway .solar-planet:hover,
  .universe-home-gateway .solar-planet:focus-visible,
  .universe-home-gateway .solar-planet[aria-pressed="true"] {
    width: 58vw;
    min-width: 58vw;
    min-height: 122px;
  }

  .universe-home-gateway .planet-core,
  .cinematic-fallback-stage .planet-core {
    width: 66px;
    min-width: 66px;
    height: 66px;
    min-height: 66px;
  }

  .mobile-planet-controls {
    top: clamp(472px, 59svh, 502px);
  }

  .cinematic-travel-panel,
  .universe-home-gateway .travel-panel {
    top: clamp(522px, 65svh, 548px);
    max-height: 132px;
    padding: 12px;
  }
}

@media (max-width: 920px) {
  .best-of-home {
    width: min(100% - 22px, 680px);
    padding: 92px 0 52px;
  }

  .best-of-hero {
    grid-template-columns: 1fr;
    gap: 28px;
    min-height: 0;
  }

  .best-of-hero-copy h1 {
    max-width: 10ch;
    font-size: clamp(3rem, 17vw, 5rem);
  }

  .best-of-hero-copy > p:not(.section-kicker) {
    margin-top: 18px;
    font-size: 1rem;
  }

  .best-of-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .best-of-actions .button {
    width: 100%;
    justify-content: center;
  }

  .best-of-hero-collage {
    grid-template-columns: 1fr 1fr;
    min-height: 0;
  }

  .best-of-collage-main {
    grid-column: 1 / -1;
    grid-row: auto;
    aspect-ratio: 16 / 10;
  }

  .best-of-hero-collage a:not(.best-of-collage-main) {
    aspect-ratio: 1 / 1;
  }

  .best-of-guide {
    grid-template-columns: 72px minmax(0, 1fr);
    margin-bottom: 42px;
    padding: 13px;
  }

  .best-of-guide img {
    width: 72px;
    height: 72px;
  }

  .best-of-feature-grid,
  .best-of-lane-grid,
  .best-of-now-list {
    grid-template-columns: 1fr;
  }

  .best-of-feature-card {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr);
    grid-template-rows: auto auto 1fr auto;
    column-gap: 14px;
    padding: 10px;
  }

  .best-of-feature-card img {
    grid-row: 1 / -1;
    height: 100%;
    min-height: 154px;
    border-radius: 7px;
  }

  .best-of-feature-card span,
  .best-of-feature-card strong,
  .best-of-feature-card p,
  .best-of-feature-card em {
    margin-left: 0;
    margin-right: 0;
  }

  .best-of-feature-card span {
    margin-top: 4px;
  }

  .best-of-feature-card p {
    margin-bottom: 14px;
  }

  .best-of-now-list a {
    min-height: 0;
  }
}

@media (max-width: 560px) {
  .best-of-home-page .site-header {
    background: rgba(5, 5, 5, 0.92);
    backdrop-filter: blur(18px);
  }

  .best-of-home {
    width: calc(100% - 18px);
    padding-top: 86px;
  }

  .best-of-hero-copy h1 {
    max-width: 9ch;
    font-size: clamp(2.62rem, 18vw, 4.3rem);
  }

  .best-of-hero-collage {
    gap: 9px;
  }

  .best-of-hero-collage span {
    left: 9px;
    bottom: 9px;
    max-width: calc(100% - 18px);
    padding: 7px 9px;
    font-size: 0.62rem;
  }

  .best-of-guide {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 12px;
    font-size: 0.9rem;
  }

  .best-of-guide img {
    width: 58px;
    height: 58px;
  }

  .best-of-feature-card {
    grid-template-columns: 104px minmax(0, 1fr);
  }

  .best-of-feature-card img {
    min-height: 148px;
  }

  .best-of-feature-card strong {
    font-size: 1.05rem;
  }

  .best-of-feature-card p,
  .best-of-lane small,
  .best-of-now-list p {
    font-size: 0.9rem;
  }

  .best-of-lane {
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 12px;
  }

  .best-of-lane img {
    width: 64px;
    height: 64px;
  }

  .cinematic-control-cluster {
    max-width: calc(100vw - 92px);
    overflow-x: auto;
    scrollbar-width: none;
  }

  .cinematic-control-cluster::-webkit-scrollbar {
    display: none;
  }
}

/* Simplified artist workspace overrides intentionally live last. */
.artist-server-page { --artist-bg: #050708; --artist-panel: #090c0e; --artist-panel-2: #0d1114; --artist-line: rgba(255,255,255,.14); --artist-text: #f4f2ec; --artist-muted: #999d9e; --artist-gold: #e3ad22; --artist-blue: #258dff; }
.artist-server { grid-template-columns: 230px minmax(0, 1fr); background: var(--artist-bg); }
.artist-server-sidebar { background: #030405; }
.artist-server-logo { height: 84px; padding: 18px 24px; font-family: Georgia, serif; font-size: 30px; }
.artist-server-nav { gap: 5px; padding: 20px 10px; }
.artist-server-nav button { min-height: 48px; padding: 0 16px; font-size: 14px; }
.artist-server-profile { margin-top: auto; padding: 18px; }
.artist-server-topbar { min-height: 64px; padding: 0 24px; background: #050708; }
.artist-server-topbar > strong { margin: 0; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: 20px; letter-spacing: .035em; text-transform: uppercase; }
.artist-top-id { color: var(--artist-blue); font-size: 12px; font-weight: 800; text-decoration: none; }
.artist-server-main { grid-template-columns: minmax(0, 1fr) 310px; min-height: calc(100svh - 64px); }
.artist-server-feed { padding: 34px clamp(24px, 4vw, 58px) 70px; }
.artist-server-greeting { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; border-bottom: 1px solid var(--artist-line); padding: 0 0 28px; }
.artist-server-greeting h1 { font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: clamp(42px, 5vw, 68px); letter-spacing: .01em; text-transform: uppercase; }
.artist-server-greeting p { margin: 0; font-size: 14px; }
.artist-home-actions { display: flex; flex-wrap: wrap; gap: 9px; align-items: start; margin-top: 14px; }
.artist-home-actions button, .artist-home-actions a { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; border: 1px solid var(--artist-gold); padding: 0 14px; color: #f6f1e8; background: transparent; font-size: 11px; font-weight: 900; text-decoration: none; text-transform: uppercase; }
.artist-home-actions button:first-child { color: #080706; background: var(--artist-gold); }
.artist-network-command { margin-top: 28px; border: 0; border-radius: 0; background: transparent; }
.artist-network-command > header { align-items: center; border-bottom: 1px solid var(--artist-line); padding: 0 0 24px; }
.artist-network-command h2 { font-family: Georgia, "Times New Roman", serif; font-size: clamp(28px, 3vw, 42px); }
.artist-network-stats { grid-template-columns: 1fr; border-bottom: 1px solid var(--artist-line); }
.artist-network-stats article { display: grid; min-height: 72px; grid-template-columns: 170px minmax(130px, .45fr) 1fr; align-items: center; gap: 20px; border-right: 0; border-bottom: 1px solid var(--artist-line); padding: 13px 4px; }
.artist-network-stats article:last-child { border-bottom: 0; }
.artist-network-stats strong { margin: 0; font-family: inherit; font-size: 15px; }
.artist-network-stats small { font-size: 11px; }
.artist-network-grid { grid-template-columns: 1fr; }
.artist-network-panel, .artist-network-panel:nth-child(2), .artist-network-panel:last-child { grid-column: auto; border-right: 0; border-bottom: 1px solid var(--artist-line); padding: 20px 4px; }
.artist-network-panel h3 { font-family: inherit; font-size: 19px; }
.artist-composer { grid-template-columns: 40px 1fr; margin-top: 24px; border-radius: 0; padding: 18px; background: #0a0d0f; }
.artist-server-feed-list { margin-top: 14px; }
.artist-post { grid-template-columns: 44px 1fr; border-radius: 0; padding: 18px; background: #0a0d0f; }
.artist-post > .artist-avatar { width: 36px; height: 36px; }
.artist-server-rail { gap: 0; border-left: 1px solid var(--artist-line); padding: 28px 22px 40px; }
.artist-private-beta, .artist-calendar, .artist-requests, .artist-writing-preview { border: 0; border-bottom: 1px solid var(--artist-line); border-radius: 0; padding: 20px 0; background: transparent; }
.artist-private-beta h2 { margin: 0; font-size: 22px; }
.artist-private-beta p { color: var(--artist-muted); line-height: 1.55; }
.artist-private-beta a { color: var(--artist-blue); font-size: 12px; text-decoration: none; }
.artist-server-rail h2 { font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: 22px; letter-spacing: .02em; text-transform: uppercase; }

@media (max-width: 1050px) {
  .artist-server-main { grid-template-columns: 1fr; }
  .artist-server-rail { grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--artist-line); border-left: 0; padding: 0 24px 100px; }
  .artist-private-beta { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
  .artist-server-greeting { display: block; }
  .artist-home-actions { display: grid; grid-template-columns: 1fr 1fr; margin-top: 22px; }
  .artist-home-actions button:first-child { grid-column: 1 / -1; }
  .artist-network-command > header { display: grid; align-items: start; }
  .artist-network-command > header button { justify-self: start; }
  .artist-network-stats article { grid-template-columns: 1fr; gap: 5px; }
  .artist-server-rail { display: block; padding-inline: 14px; }
}

/* Living DaPoint space layer — two lightweight twinkle planes, no canvas tax. */
body:not(.private-command-center) { background-color: #000; }
.universe-starfield {
  position: fixed;
  z-index: 71;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  contain: strict;
  mix-blend-mode: screen;
}
.universe-starfield span {
  position: absolute;
  inset: -8%;
  opacity: .38;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.96) 0 1px, transparent 1.45px),
    radial-gradient(circle, rgba(145,198,255,.9) 0 .8px, transparent 1.35px),
    radial-gradient(circle, rgba(255,225,145,.82) 0 .7px, transparent 1.2px);
  background-position: 17px 31px, 83px 11px, 29px 97px;
  background-size: 173px 191px, 239px 211px, 307px 281px;
  will-change: opacity, transform;
  animation: universeStarsTwinkle 9s ease-in-out infinite alternate;
}
.universe-starfield span + span {
  opacity: .23;
  filter: blur(.25px);
  background-image:
    radial-gradient(circle, rgba(255,255,255,.96) 0 1.6px, transparent 2.25px),
    radial-gradient(circle, rgba(102,169,255,.88) 0 1px, transparent 1.8px);
  background-position: 51px 73px, 13px 19px;
  background-size: 421px 367px, 557px 463px;
  animation-duration: 13s;
  animation-direction: alternate-reverse;
}
@keyframes universeStarsTwinkle {
  0% { opacity: .16; transform: translate3d(0, 0, 0) scale(1); }
  42% { opacity: .42; }
  72% { opacity: .24; }
  100% { opacity: .52; transform: translate3d(-.45%, .3%, 0) scale(1.012); }
}
.ebike-guide-page main,
.ebike-guide-page .ebike-section,
.ebike-guide-page .ebike-origin-section,
.ebike-guide-page .ebike-owe-me-section,
.ebike-guide-page .ebike-community-section { background-color: rgba(0, 0, 0, .9); }

/* Deeper fallback planets while WebGL loads or reduced hardware takes over. */
.universe-home-gateway .planet-core,
.cinematic-fallback-stage .planet-core {
  isolation: isolate;
  background-blend-mode: screen, overlay, normal;
  box-shadow:
    0 0 34px color-mix(in srgb, var(--planet-color), transparent 38%),
    16px 24px 42px rgba(0,0,0,.58),
    inset -24px -28px 34px rgba(0,0,0,.72),
    inset 13px 11px 20px rgba(255,255,255,.18);
}
.universe-home-gateway .planet-core::before,
.cinematic-fallback-stage .planet-core::before {
  position: absolute;
  z-index: 1;
  inset: 4%;
  content: "";
  border: 0;
  border-radius: 50%;
  background:
    radial-gradient(ellipse at 24% 34%, rgba(255,255,255,.46) 0 5%, transparent 6%),
    radial-gradient(ellipse at 66% 24%, color-mix(in srgb, var(--planet-accent), transparent 34%) 0 8%, transparent 9%),
    radial-gradient(ellipse at 72% 67%, rgba(0,0,0,.54) 0 12%, transparent 13%),
    radial-gradient(ellipse at 38% 72%, color-mix(in srgb, var(--planet-color), #000 34%) 0 17%, transparent 18%),
    conic-gradient(from 28deg, transparent 0 12%, rgba(255,255,255,.18) 13% 17%, transparent 18% 34%, rgba(0,0,0,.28) 35% 48%, transparent 49% 100%);
  opacity: .76;
  mix-blend-mode: normal;
  transform: rotate(-13deg);
  filter: contrast(1.18) saturate(1.2);
  animation: fallbackPlanetSurface 22s linear infinite;
}
.universe-home-gateway .planet-core::after,
.cinematic-fallback-stage .planet-core::after {
  position: absolute;
  z-index: 2;
  inset: 7%;
  content: "";
  border: 0;
  border-radius: 50%;
  background:
    repeating-radial-gradient(ellipse at 50% 112%, transparent 0 9px, rgba(255,255,255,.17) 10px, transparent 11px 19px),
    repeating-linear-gradient(103deg, transparent 0 15px, rgba(255,255,255,.09) 16px, transparent 18px 32px);
  opacity: .78;
  mix-blend-mode: soft-light;
  transform: rotate(7deg);
}
.planet-home .planet-core::before,
.planet-music .planet-core::before {
  background:
    radial-gradient(ellipse at 29% 27%, rgba(235,220,255,.92) 0 7%, transparent 8%),
    radial-gradient(ellipse at 68% 64%, rgba(27,3,68,.92) 0 18%, transparent 19%),
    radial-gradient(ellipse at 36% 69%, rgba(45,196,255,.76) 0 14%, transparent 15%),
    conic-gradient(from 18deg, transparent 0 13%, rgba(244,210,94,.7) 14% 18%, transparent 19% 35%, rgba(89,36,210,.9) 36% 52%, transparent 53% 100%);
}
.planet-local .planet-core::before,
.planet-news .planet-core::before {
  background:
    radial-gradient(ellipse at 31% 24%, rgba(245,236,197,.8) 0 8%, transparent 9%),
    radial-gradient(ellipse at 27% 58%, rgba(24,111,84,.78) 0 20%, transparent 21%),
    radial-gradient(ellipse at 72% 66%, rgba(83,145,55,.68) 0 18%, transparent 19%),
    conic-gradient(from 55deg, rgba(48,139,199,.4), rgba(27,72,108,.58), rgba(54,143,90,.48), rgba(48,139,199,.4));
}
.planet-sports .planet-core::before {
  background:
    repeating-linear-gradient(12deg, transparent 0 13px, rgba(255,255,255,.25) 14px 16px, transparent 17px 30px),
    radial-gradient(circle at 32% 28%, rgba(255,255,255,.86) 0 5%, transparent 6%),
    conic-gradient(from 30deg, #0a356e, #258dff, #071a39, #e3ad22, #0a356e);
}
.planet-network .planet-core::before {
  background:
    repeating-linear-gradient(90deg, transparent 0 12px, rgba(255,219,109,.28) 13px 15px, transparent 16px 29px),
    repeating-radial-gradient(circle at 50% 50%, transparent 0 12px, rgba(255,68,73,.24) 13px, transparent 15px 25px),
    radial-gradient(circle at 35% 28%, rgba(255,255,255,.74), transparent 12%),
    #6f0d17;
}
.planet-digital .planet-core::before {
  background:
    linear-gradient(90deg, transparent 48%, rgba(92,242,255,.62) 49% 51%, transparent 52%),
    linear-gradient(0deg, transparent 48%, rgba(92,242,255,.42) 49% 51%, transparent 52%),
    repeating-linear-gradient(45deg, transparent 0 17px, rgba(216,247,255,.17) 18px, transparent 20px 34px),
    radial-gradient(circle at 33% 27%, #66efff, #06356c 43%, #021329 76%);
  background-size: 31px 31px, 31px 31px, auto, auto;
}
.planet-merch .planet-core::before,
.planet-universe .planet-core::before {
  background:
    radial-gradient(circle at 23% 29%, rgba(255,250,218,.82) 0 6%, transparent 7%),
    radial-gradient(ellipse at 69% 63%, rgba(0,0,0,.58) 0 17%, transparent 18%),
    repeating-radial-gradient(circle at 50% 50%, transparent 0 12px, rgba(242,201,76,.22) 13px, transparent 15px 27px),
    conic-gradient(from 10deg, #0c1118, #b78620, #29220f, #d8b64b, #0c1118);
}
@keyframes fallbackPlanetSurface { to { transform: rotate(347deg); } }
.universe-home-gateway .planet-atmosphere,
.cinematic-fallback-stage .planet-atmosphere {
  inset: -23%;
  background:
    radial-gradient(circle at 34% 30%, color-mix(in srgb, var(--planet-accent), transparent 72%), transparent 34%),
    radial-gradient(circle, transparent 52%, color-mix(in srgb, var(--planet-color), transparent 54%) 68%, transparent 74%);
  filter: blur(5px);
  animation: planetAtmosphereBreathe 5.8s ease-in-out infinite alternate;
}
.universe-home-gateway .planet-orbit,
.cinematic-fallback-stage .planet-orbit { box-shadow: 0 0 16px color-mix(in srgb, var(--planet-accent), transparent 58%); }
@keyframes planetAtmosphereBreathe { to { opacity: 1; transform: scale(1.055) rotate(2deg); } }

@media (max-width: 720px) {
  .universe-starfield span { background-size: 151px 169px, 211px 193px, 281px 263px; }
  .universe-starfield span + span { background-size: 367px 331px, 487px 421px; }
  .universe-3d-ready .universe-portal-entry .cinematic-fallback-stage {
    opacity: 0 !important;
    pointer-events: none !important;
  }
  .universe-portal-entry .universe-3d-canvas { touch-action: pan-y; }
}
@media (prefers-reduced-motion: reduce) {
  .universe-starfield span,
  .universe-home-gateway .planet-atmosphere,
  .cinematic-fallback-stage .planet-atmosphere { animation: none; }
  .universe-starfield span { opacity: .28; }
}

/* Final portal positioning overrides. These live last to remain above legacy carousel breakpoints. */
.universe-portal-entry { padding: 0 !important; }
.universe-portal-entry .universe-portal-solar-system { width: 100% !important; min-height: 100svh !important; height: 100svh !important; padding: 0 !important; }
@media (min-width: 721px) {
  .universe-portal-entry .solar-copy {
    top: max(14px, env(safe-area-inset-top)) !important;
    right: auto !important;
    left: 50% !important;
    width: min(900px, calc(100% - 48px)) !important;
    max-width: none !important;
    transform: translateX(-50%) !important;
    text-align: center !important;
  }
  .universe-portal-entry .solar-copy h1 { max-width: none !important; margin: 0 auto !important; font-size: clamp(54px, 6vw, 82px) !important; }
  .universe-portal-entry[data-carousel-ready] .planet-carousel-stage {
    top: clamp(230px, 30vh, 330px) !important;
    right: 8vw !important;
    left: 8vw !important;
    height: min(390px, 40vh) !important;
    min-height: 310px !important;
  }
  .universe-portal-entry .mobile-planet-controls { bottom: clamp(170px, 20vh, 220px) !important; }
  .universe-portal-entry .travel-panel { bottom: clamp(28px, 5vh, 60px) !important; width: min(520px, calc(100% - 48px)) !important; padding: 20px 24px !important; }
  .universe-portal-entry .universe-lil-point-navigator { top: auto !important; right: auto !important; bottom: 24px !important; left: max(10px, 2vw) !important; width: clamp(68px, 8vw, 108px) !important; }
}

@media (max-width: 720px) {
  .universe-portal-entry .solar-copy { top: calc(10px + env(safe-area-inset-top)) !important; right: 14px !important; left: 14px !important; width: auto !important; text-align: center !important; transform: none !important; }
  .universe-portal-entry .solar-copy h1 { max-width: 11ch !important; margin-inline: auto !important; font-size: clamp(38px, 12vw, 52px) !important; }
  .universe-portal-entry[data-carousel-ready] .planet-carousel-stage { top: clamp(242px, 31svh, 300px) !important; height: 230px !important; min-height: 230px !important; }
  .universe-portal-entry .mobile-planet-controls { top: auto !important; right: 18px !important; bottom: 178px !important; left: 18px !important; }
  .universe-portal-entry .travel-panel { top: auto !important; right: 14px !important; bottom: max(20px, env(safe-area-inset-bottom)) !important; left: 14px !important; max-height: none !important; min-height: 132px !important; padding: 16px 14px !important; }
  .universe-portal-entry .universe-lil-point-navigator { top: auto !important; right: auto !important; bottom: 16px !important; left: -5px !important; width: 62px !important; }
}

/* App-shell finishing pass for touch-first DaPoint Home. */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
.home-app-dock { display: none; }

@media (max-width: 720px) {
  .daily-home-page { padding-bottom: calc(78px + env(safe-area-inset-bottom)); overscroll-behavior-y: contain; }
  .daily-home-page .daily-home-shell { padding-bottom: calc(84px + env(safe-area-inset-bottom)); }
  .home-app-dock {
    position: fixed;
    z-index: 120;
    right: 10px;
    bottom: max(8px, env(safe-area-inset-bottom));
    left: 10px;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: stretch;
    min-height: 62px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 20px;
    padding: 5px;
    background: rgba(3, 4, 10, .88);
    box-shadow: 0 14px 38px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter: blur(18px) saturate(1.18);
    -webkit-backdrop-filter: blur(18px) saturate(1.18);
  }
  .home-app-dock a {
    display: grid;
    min-width: 0;
    min-height: 52px;
    place-items: center;
    align-content: center;
    gap: 3px;
    border-radius: 14px;
    color: rgba(255,255,255,.65);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .035em;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }
  .home-app-dock svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
  .home-app-dock a[aria-current="page"] { color: #06060b; background: linear-gradient(135deg, #f3c84c, #e3ad22); box-shadow: 0 5px 16px rgba(227,173,34,.28); }
  .home-app-dock a:active { transform: scale(.95); }
  .daily-home-page .radio-controls button,
  .daily-home-page .daily-actions a,
  .daily-home-page .daily-actions button { min-height: 44px; touch-action: manipulation; }
}

/* Artist roster invitation flow. */
.artist-invite-button {
  min-height: 36px;
  border: 1px solid var(--artist-gold);
  border-radius: 5px;
  padding: 0 12px;
  color: #171003;
  background: var(--artist-gold);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .035em;
  text-transform: uppercase;
  white-space: nowrap;
}
.artist-invite-button:hover,
.artist-invite-button:focus-visible {
  background: #f0bd38;
  box-shadow: 0 0 0 3px rgba(229, 174, 40, .14);
}
.artist-invite-destination {
  margin: -2px 0 0;
  border-left: 3px solid var(--artist-gold);
  padding: 9px 11px;
  color: var(--artist-muted);
  background: rgba(229, 174, 40, .07);
  font-size: 12px;
  line-height: 1.4;
}
.artist-invite-destination strong { color: #f6ead7; }

@media (max-width: 760px) {
  .artist-server-topbar .artist-invite-button { min-height: 34px; padding-inline: 9px; font-size: 10px; }
  .artist-server-topbar .artist-top-id { display: none; }
  .artist-home-actions [data-artist-invite] { min-height: 44px; }
}