/* LumiLino v111: seasonal entry points. Scoped to avoid changing games and song pages. */
.autumn-home .autumn-hero {
  background: radial-gradient(ellipse at 90% 30%, #ffe4a2 0, transparent 48%), linear-gradient(125deg, #e0f7ef, #b7e9dd 56%, #ffefc9);
}
.autumn-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); align-items: center; gap: 70px; padding-block: 38px 42px; }
.autumn-copy { max-width: 610px; }
.autumn-eyebrow { display: flex; align-items: center; gap: 9px; margin-bottom: 20px; }
.autumn-eyebrow > span { color: #9a5914; font-size: 1.3rem; }
.autumn-home .autumn-hero h1 { font-size: clamp(2.6rem, 4.7vw, 4.2rem); line-height: 1.04; letter-spacing: -.047em; color: #064852; }
.autumn-home .autumn-hero h1 > span { margin-top: 12px; font-size: .71em; line-height: 1.12; color: #285a57; letter-spacing: -.035em; }
.autumn-home .autumn-hero .lead { max-width: 460px; margin: 21px 0; font-size: 1.04rem; font-weight: 550; }
.autumn-video-cta { min-height: 58px; }
.autumn-listen { display: grid; grid-template-columns: minmax(120px, .85fr) minmax(190px, 1.35fr); max-width: 440px; gap: 10px; margin-top: 14px; }
.autumn-listen .hero-spotify-secondary { background: rgba(255,255,255,.82); border: 1px solid rgba(16,108,113,.18); color: #255b5f; box-shadow: none; }
.streaming-entry { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 16px; min-height: 64px; border: 1px solid #59877e; border-radius: 17px; background: #fffef7; color: #124c50; text-decoration: none; transition: background .18s ease; }
.streaming-entry strong, .streaming-entry small { display: block; }
.streaming-entry strong { font-size: 1rem; line-height: 1.3; font-weight: 850; }
.streaming-entry small { margin-top: 3px; font-size: .74rem; line-height: 1.3; color: #496763; }
.streaming-entry > span:last-child { font-size: 1.3rem; }
.streaming-entry:hover { background: #eaf8ee; }
.autumn-detail { margin: 16px 0 0; font-size: .83rem; color: #305d59; }
.autumn-detail a { display: inline-flex; align-items: center; min-height: 44px; text-underline-offset: 4px; }
.autumn-poster { position: relative; display: block; width: 320px; max-width: 100%; margin-inline: auto; border: 6px solid #fff9e8; border-radius: 27px; background: #ba5425; box-shadow: 0 20px 50px #77582733; overflow: hidden; text-decoration: none; }
.autumn-poster > img { width: 100%; height: auto; }
.autumn-poster-play { position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 10px; white-space: nowrap; padding: 10px 16px 10px 10px; border-radius: 99px; background: #fff9ef; color: #673117; font-size: .85rem; font-weight: 850; box-shadow: 0 4px 16px #36140838; }
.autumn-poster-play > span { display: grid; place-items: center; width: 33px; height: 33px; border-radius: 50%; background: #c42d29; color: #fff; font-size: .75rem; }
.autumn-poster:hover .autumn-poster-play { background: #fff; }
.autumn-current-strip { padding: 11px 0; border-bottom: 1px solid #e6e7d7; background: #fffaf0; }
.autumn-current-strip > div { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; column-gap: 16px; }
.autumn-current-strip > div > span { font-size: .75rem; color: #5f6c62; }
.autumn-current-strip a { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 5px; min-height: 44px; font-size: .84rem; text-underline-offset: 4px; }
.autumn-bio .bio-shell { width: min(calc(100% - 24px), 620px); }
.bio-music-actions { display: grid; grid-template-columns: minmax(110px, .8fr) minmax(185px, 1.3fr); gap: 8px; margin: 3px 0 14px; }
.bio-music-actions .btn { min-height: 64px; padding: 11px 12px; box-shadow: none; }
.bio-music-actions .streaming-entry { border-color: #5e9385; }
.bio-lantern .bio-thumb { position: relative; }
.bio-lantern-badge { position: absolute; top: 13px; left: 13px; padding: 6px 12px; border-radius: 99px; background: #fff0b4; color: #674018; font-size: .73rem; font-weight: 850; box-shadow: 0 3px 10px #2e210426; }
.autumn-bio .bio-lantern h2 { margin: 0 0 5px; font-size: clamp(1.8rem, 7vw, 2.3rem); line-height: 1.1; color: #064852; }
.bio-lantern-description { margin: 0 0 12px; color: #44615e; font-size: .86rem; line-height: 1.4; }
.bio-lantern .bio-copy > .btn { width: 100%; min-height: 53px; font-size: .94rem; padding: 12px; }
.bio-latest { display: grid; grid-template-columns: 96px minmax(0,1fr) 18px; align-items: center; gap: 12px; padding: 10px; margin-top: 14px; border: 1px solid #b1d4c9; border-radius: 19px; background: #fffef8; color: #0b4b51; text-decoration: none; }
.bio-latest > img { width: 96px; height: 64px; object-fit: cover; border-radius: 10px; }
.bio-latest > span { display: grid; gap: 2px; }
.bio-latest small { font-size: .66rem; font-weight: 750; color: #4c6d60; }
.bio-latest strong { font-size: .92rem; line-height: 1.2; }
.bio-latest > span > span { font-size: .7rem; }
.autumn-home :is(.streaming-entry, .autumn-poster, .autumn-detail a, .autumn-current-strip a):focus-visible,
.autumn-bio :is(.streaming-entry, .bio-latest, .bio-thumb):focus-visible { outline: 3px solid #073e48; outline-offset: 4px; }
@media (max-width: 980px) {
  .autumn-grid { grid-template-columns: minmax(0,1fr) minmax(240px,.8fr); gap: 30px; padding-block: 32px; }
  .autumn-poster { width: 300px; }
  .autumn-home .autumn-hero h1 { font-size: clamp(2.4rem, 5vw, 3.6rem); }
  .autumn-listen { grid-template-columns: minmax(105px,.75fr) minmax(165px,1.25fr); gap: 8px; }
  .autumn-listen .btn { padding-inline: 12px; }
  .streaming-entry { padding-inline: 13px; }
  .autumn-video-cta { font-size: .9rem; padding-inline: 14px; }
}
@media (max-width: 700px) {
  .autumn-grid { grid-template-columns: 1fr; gap: 20px; padding-block: 24px 30px; }
  .autumn-copy { text-align: center; max-width: 480px; margin-inline: auto; width: 100%; }
  .autumn-eyebrow { justify-content: center; margin-bottom: 12px; font-size: .68rem; letter-spacing: .09em; }
  .autumn-home .autumn-hero h1 { font-size: clamp(2rem, 9.5vw, 3.6rem); }
  .autumn-home .autumn-hero h1 > span { margin-top: 7px; font-size: .68em; }
  .autumn-home .autumn-hero .lead { margin: 15px auto 17px; font-size: .92rem; line-height: 1.5; max-width: 360px; }
  .autumn-video-cta { width: 100%; min-height: 54px; }
  .autumn-listen { margin: 10px auto 0; text-align: left; }
  .autumn-listen .btn { font-size: .94rem; }
  .autumn-detail { margin-top: 7px; font-size: .76rem; }
  .autumn-poster { width: 240px; border-width: 4px; border-radius: 21px; }
  .autumn-poster-play { bottom: 12px; padding-block: 6px; font-size: .78rem; }
  .autumn-current-strip { padding-block: 6px; }
  .autumn-current-strip > div { column-gap: 9px; }
  .autumn-bio .bio-copy { padding: 13px; }
}
@media (max-width: 360px) {
  .autumn-home .wrap { width: calc(100% - 28px); }
  .autumn-home .nav-links a.nav-game-link { padding-inline: 9px; }
  .bio-music-actions { grid-template-columns: 103px minmax(0,1fr); }
  .streaming-entry { padding-inline: 10px; gap: 7px; }
  .streaming-entry strong { font-size: .91rem; }
  .bio-lantern .bio-copy > .btn { font-size: .81rem; gap: 7px; }
  .bio-latest { grid-template-columns: 80px minmax(0,1fr) 14px; gap: 9px; }
  .bio-latest > img { width: 80px; height: 57px; }
}
@media (prefers-reduced-motion: reduce) {
  .autumn-home *, .autumn-bio * { scroll-behavior: auto !important; }
  .autumn-home .btn, .autumn-bio .btn, .streaming-entry { transition: none; }
}

/* v112: clear video first, followed by the general LumiLino artist profiles. */
.music-choice-heading { margin: 17px 0 8px; font-size: .79rem; font-weight: 750; line-height: 1.4; color: #315f59; }
.autumn-listen { margin-top: 0; }
.bio-music-panel { padding: 14px 0 0; }
.bio-music-panel .music-choice-heading { margin: 0 3px 8px; }
.bio-music-actions { margin: 0; }
.bio-season-label { margin-bottom: 5px; }
@media (max-width:700px) { .autumn-listen { margin-top:0; } .autumn-copy .music-choice-heading { margin-top:14px; } }