/* Music pages and the portal's Annie release feature. */
.annie-spotlight {display:grid;grid-template-columns:200px minmax(0,1fr);gap:clamp(24px,5vw,60px);align-items:center;max-width:1180px;margin:auto;padding:64px clamp(18px,4vw,28px) 0;}
.spotlight-art img {display:block;width:100%;height:auto;border-radius:6px;border:1px solid var(--line);}
.annie-spotlight h2 {font-size:clamp(2.4rem,5vw,4rem);margin-bottom:18px;}
.annie-spotlight p:not(.eyebrow) {color:#d7e5f6;line-height:1.7;margin-bottom:24px;}
.release-link {color:var(--bright-gold);font-weight:750;line-height:1.6;}
.release-link:hover,.release-link:focus-visible {text-decoration:underline;text-underline-offset:5px;}
.music-skip {position:fixed;top:8px;left:8px;z-index:50;background:var(--bright-gold);color:var(--ink);padding:14px;transform:translateY(-150%);}
.music-skip:focus {transform:none;}
.music-hero {min-height:760px;min-height: min(960px, 100svh);position:relative;display:flex;align-items:center;padding:160px clamp(22px,6vw,96px) 70px;isolation:isolate;}
.music-hero-picture,.music-hero-shade {position:absolute;inset:0;z-index:-1;}
.music-hero-picture img {width:100%;height:100%;object-fit:cover;object-position:center top;}
.music-hero-shade {background:linear-gradient(90deg,rgba(0,8,20,.92),rgba(0,8,20,.6) 38%,rgba(0,8,20,.05) 70%),linear-gradient(0deg,var(--ink),transparent 36%);}
.music-hero-copy {max-width:650px;}
.music-hero h1 {font-size:clamp(5rem,11vw,10rem);line-height:.95;max-width:none;margin-bottom:16px;}
.music-tagline {font-size:clamp(1.65rem,3vw,2.6rem);font-weight:800;line-height:1.15;margin-bottom:18px;}
.music-lead {font-size:clamp(1rem,1.8vw,1.22rem);line-height:1.6;color:#d7e5f6;}
.music-release {font-size:1.1rem;font-weight:800;line-height:1.6;margin:26px 0;}
.music-release span {font-size:.9rem;font-weight:500;color:var(--muted);}
.album-section {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(30px,6vw,84px);align-items:start;}
.album-art {margin:0;position:sticky;top:130px;}
.album-art img {display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:6px;}
.album-art figcaption {color:var(--muted);font-size:.75rem;padding-top:14px;text-transform:uppercase;font-weight:750;}
.album-copy h2 {font-size:clamp(2.3rem,4vw,3.7rem);margin-bottom:24px;line-height:1.04;}
.album-copy p {color:#d7e5f6;line-height:1.75;}
.album-tracks {list-style:none;padding:0;margin:32px 0 24px;}
.album-tracks li {display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--line);font-size:.94rem;min-height:52px;}
.album-tracks li:last-child {border-bottom:1px solid var(--line);}
.track-number,.track-pending {color:var(--muted);font-size:.75rem;}
.track-name {font-weight:700;}
.album-tracks a {color:var(--bright-gold);font-size:.82rem;font-weight:800;padding:6px 0;}
.album-tracks a:hover,.album-tracks a:focus-visible {text-decoration:underline;}
.music-story-band {background:var(--navy);border-block:1px solid var(--line);}
.music-story-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(30px,6vw,84px);}
.music-story-grid h2 {font-size:clamp(2.6rem,4.5vw,4rem);line-height:1.04;}
.music-video-heading {display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:32px;}
.music-video-heading h2 {font-size:clamp(2.4rem,5vw,4rem);}
.music-video-frame {border:1px solid var(--line);background:#000;border-radius:8px;overflow:hidden;}
.music-video-frame iframe {display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;}
.music-video-note {color:var(--muted);line-height:1.7;margin:20px 0 0;}
.music-final {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;padding-top:0;}
.music-final h2 {font-size:clamp(2.8rem,5vw,4.6rem);line-height:1.04;margin-bottom:22px;}
.music-final p:not(.eyebrow) {color:#d7e5f6;line-height:1.6;}
.music-final-actions {display:flex;flex-direction:column;gap:14px;text-align:center;}
.annie-page a:focus-visible,.portal-page a:focus-visible {outline:2px solid var(--bright-gold);outline-offset:5px;}
@media(max-width:1100px) {.portal-page .site-header {flex-direction:column;align-items:stretch;gap:8px;}.portal-page .site-nav {justify-content:space-between;overflow-x:auto;}.portal-page .site-nav a {flex:0 0 auto;}.portal-page .hero {padding-top:180px;}}
@media(max-width:860px) {.annie-page .site-nav {overflow-x:auto;gap:20px;}.annie-page .site-nav a {flex:0 0 auto;}.music-hero {min-height:800px;}.music-hero-copy {max-width:450px;}.music-hero-shade {background:linear-gradient(90deg,rgba(0,8,20,.9),rgba(0,8,20,.55) 50%,rgba(0,8,20,.1)),linear-gradient(0deg,var(--ink),transparent 40%);}.album-section,.music-story-grid {grid-template-columns:1fr;}.album-art {position:static;max-width:420px;width:100%;margin:auto;}.music-final {grid-template-columns:1fr;}.music-final-actions {align-items:start;text-align:left;}}
@media(max-width:600px) {.annie-spotlight {grid-template-columns:1fr;padding-top:42px;}.spotlight-art {max-width:240px;}.annie-spotlight .hero-actions {align-items:stretch;flex-direction:column;}.music-hero {min-height:940px;align-items:end;padding:470px 22px 48px;}.music-hero-picture img {object-position:center top;}.music-hero-shade {background:linear-gradient(0deg,var(--ink) 0%,rgba(0,8,20,.92) 32%,rgba(0,8,20,.05) 78%);}.music-hero h1 {font-size:clamp(4.6rem,20vw,7rem);}.music-hero-copy {width:100%;}.music-tagline {font-size:1.8rem;}.music-lead {font-size:1rem;}.music-release {margin:20px 0;}.music-desktop-break {display:none;}.music-hero .hero-actions {flex-direction:column;align-items:stretch;}.music-hero .button {width:100%;}.album-tracks li {gap:10px;font-size:.84rem;}.track-pending {font-size:.68rem;}.music-video-heading {align-items:start;flex-direction:column;}.music-final-actions {align-items:stretch;}.portal-page .project-topline {flex-wrap:wrap;}.annie-page :target {scroll-margin-top:140px;}}

/* Featured YouTube channel on Casdera's Annie page. */
.annie-page .annie-youtube-feature {display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:34px;padding:30px;border:1px solid rgba(255,214,10,.25);border-radius:8px;background:var(--navy);}
.annie-page .annie-youtube-icon {display:grid;place-items:center;width:64px;height:64px;background:rgba(255,255,255,.06);border-radius:12px;color:#f03;}
.annie-page .annie-youtube-copy .eyebrow {font-size:.7rem;margin-bottom:10px;}
.annie-page .annie-youtube-copy h3 {font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.15;margin-bottom:10px;}
.annie-page .annie-youtube-copy>p:last-child {color:#d7e5f6;font-size:.95rem;line-height:1.65;margin:0;}
.annie-page .annie-youtube-button {background:#c81b1b;color:#fff;padding:14px 20px;text-align:center;}
.annie-page .annie-youtube-button:hover,.annie-page .annie-youtube-button:focus-visible {background:#a31515;}
@media(max-width:860px) {.annie-page .annie-youtube-feature {grid-template-columns:auto minmax(0,1fr);}.annie-page .annie-youtube-button {grid-column:1/-1;width:fit-content;}}
@media(max-width:600px) {.annie-page .annie-youtube-feature {padding:22px 18px;gap:18px;}.annie-page .annie-youtube-icon {width:48px;height:48px;border-radius:8px;}.annie-page .annie-youtube-icon svg {width:32px;height:24px;}.annie-page .annie-youtube-copy .eyebrow {font-size:.6rem;line-height:1.5;}.annie-page .annie-youtube-copy>p:last-child {font-size:.85rem;}.annie-page .annie-youtube-button {width:100%;font-size:.9rem;}}
