/* Silver light, optical edges, and quiet content planes. */
.site-breadcrumb { width: calc(100% - 56px); max-width: 1370px; margin: 0 auto 14px; padding: 0 8px; display: flex; align-items: center; gap: 14px; color: #626b79; font-size: 12px; line-height: 1.8; }
.site-breadcrumb a { padding: 5px 0; color: #435e87; }
.site-breadcrumb a:hover { text-decoration: underline; text-underline-offset: 4px; }
@media(max-width: 850px) { .site-breadcrumb { width: calc(100% - 28px); margin-bottom: 10px; } }
:root {
  color-scheme: light;
  --ink: #202631;
  --muted: #626b79;
  --accent: #435e87;
  --wash: #edf1f8;
  --paper: #f6f7fb;
  --line: rgba(86, 106, 142, .16);
  --glass-fill: rgba(255, 255, 255, .64);
  --glass-edge: rgba(255, 255, 255, .9);
  --glass-shadow: 0 14px 42px -20px rgba(36, 49, 80, .26), 0 2px 5px rgba(60, 74, 104, .035), inset 0 1px 0 rgba(255, 255, 255, .95), inset 0 -1px 0 rgba(96, 113, 145, .13);
  --spring: cubic-bezier(.2, .85, .2, 1.08);
}
body { background: var(--paper); padding-top: 18px; position: relative; isolation: isolate; }
.ambient-field { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; background: linear-gradient(160deg, #fafbfd, #f2f4f9 48%, #fcfcfe); }
.ambient-field span { position: absolute; width: 75vw; height: 75vw; border-radius: 50%; filter: blur(40px); opacity: .8; }
.ambient-field span:nth-child(1) { top: -42vw; right: -10vw; background: radial-gradient(circle, #d5e4ff 0%, #ecf0fc 42%, transparent 68%); }
.ambient-field span:nth-child(2) { top: 24vh; left: -45vw; background: radial-gradient(circle, #e0e2f4, transparent 66%); }
.ambient-field span:nth-child(3) { bottom: -65vw; right: -12vw; background: radial-gradient(circle, #dce9fb, transparent 69%); }
.glass-surface {
  position: relative;
  isolation: isolate;
  border: 1px solid rgba(255, 255, 255, .78);
  background: linear-gradient(145deg, rgba(255, 255, 255, .72), rgba(250, 252, 255, .46));
  box-shadow: var(--glass-shadow);
  -webkit-backdrop-filter: blur(22px) saturate(135%);
  backdrop-filter: blur(22px) saturate(135%);
}
.glass-surface::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  background: linear-gradient(145deg, #fff 0%, rgba(255,255,255,.35) 29%, rgba(124,147,189,.24) 52%, #fff 77%, rgba(166,187,222,.38));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  z-index: 2;
}
.glass-surface::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(320px circle at var(--light-x, 18%) var(--light-y, 0%), rgba(255,255,255,.72), transparent 62%);
  opacity: var(--light-strength, .26);
  transition: opacity .5s ease;
  z-index: -1;
}
.site-header { position: sticky; top: 16px; width: calc(100% - 56px); max-width: 1370px; height: 84px; padding: 0 27px; margin: 0 auto 24px; border-radius: 28px; gap: 24px; z-index: 40; }
.site-header.glass-surface { background: rgba(255,255,255,.7); -webkit-backdrop-filter: blur(30px) saturate(145%); backdrop-filter: blur(30px) saturate(145%); }
.brand b { color: #303845; font-size: 17px; }
.brand-icon i { background: linear-gradient(#9facbd, #394b63); }
.site-header nav { gap: 6px; }
.site-header nav a { font-size: 13px; padding: 11px 12px; border-radius: 18px; color: #5a6474; }
.site-header nav a::after { display: none; }
.site-header nav a:hover, .site-header nav a.is-current { color: #202b3c; background: rgba(255,255,255,.66); box-shadow: inset 0 1px 0 white, 0 2px 8px #4053740c; }
.source-trigger { border-radius: 20px; background: rgba(255,255,255,.54); box-shadow: inset 0 1px 0 white, 0 4px 12px #30456508; border-color: #ffffffb8; }
.hero { border-radius: 34px; background: #eff2f7; border: 1px solid #fff; box-shadow: 0 22px 65px -35px #3a496835; min-height: 720px; }
.hero-photo { width: 65%; }
.hero-photo::after { background: linear-gradient(90deg, #eff2f7 0%, #eff2f7a6 10%, transparent 40%), linear-gradient(0deg, #e8edf42b, transparent 45%); }
.hero-copy { margin: 28px 0 80px 3%; padding: 33px 35px 32px; width: 48%; border-radius: 29px; pointer-events: auto; }
.hero-copy.glass-surface { background: linear-gradient(125deg, #ffffffcc, #ffffff73 66%, #f6f8fd54); -webkit-backdrop-filter: blur(15px) saturate(118%); backdrop-filter: blur(15px) saturate(118%); }
.hero-name { font-size: 21px; margin-top: 26px; }
.hero-name span { color: #68788d; }
.hero h1 { font-size: clamp(60px, 6.15vw, 86px); line-height: 1.17; color: #293343; text-shadow: 0 1px 0 #ffffffb3; }
.title-period { color: #8094b2; }
.hero-intro { color: #5a6677; }
.hero-tags span { background: #ffffff4d; border: 1px solid #ffffffe0; color: #586779; box-shadow: inset 0 -1px 0 #7e8fac12; }
.hero-type { color: #b8c5d532; left: 38%; bottom: 38px; }
.hero-note { background: #ffffff78; color: #24344a; border-radius: 24px; border: 1px solid #ffffffc9; bottom: 29px; box-shadow: var(--glass-shadow); -webkit-backdrop-filter: blur(25px) saturate(140%); backdrop-filter: blur(25px) saturate(140%); }
.primary { background: linear-gradient(145deg, #ffffffda, #e5edf7a3); color: #26364d; border: 1px solid #ffffffed; box-shadow: inset 0 2px 2px #fff, inset 0 -1px 1px #8096b43b, 0 9px 20px -12px #233e6b80; border-radius: 22px; padding: 15px 22px; }
.primary:hover { background: linear-gradient(145deg, #fff, #e4edfba8); box-shadow: inset 0 2px 2px #fff, inset 0 -1px 1px #8096b452, 0 14px 26px -14px #233e6b80; }
.primary span { display: grid; place-items: center; width: 27px; height: 27px; background: #ffffffad; border: 1px solid #ffffffed; border-radius: 50%; font-size: 20px; }
.scroll-label { color: #566880; left: 5%; }
.reading-progress { height: 2px; background: linear-gradient(90deg, #b1c1d9, #7892b9, #d5e2f5); }
.glass-orbit { position: absolute; right: 5%; top: 24%; width: 122px; height: 122px; border-radius: 50%; border: 1px solid #ffffff9c; z-index: 2; pointer-events: none; background: radial-gradient(circle at 26% 20%, #ffffff4a, transparent 55%); box-shadow: inset 2px 3px 2px #ffffffb5, inset -2px -3px 5px #54688b30, 0 10px 30px #23324912; -webkit-backdrop-filter: blur(3px) saturate(130%); backdrop-filter: blur(3px) saturate(130%); }
.glass-orbit span { position: absolute; inset: 7px; border: 1px solid #ffffff30; border-radius: inherit; box-shadow: inset -1px -2px 1px #ffffff80; }
.hero-note { position: absolute; }
.site-header.is-scrolled { background: rgba(250, 252, 255, .86); box-shadow: 0 16px 45px -23px #24334d59, inset 0 1px 0 white, inset 0 -1px 0 #8294b61f; }
.site-header { transition: background .5s, box-shadow .5s; }
.edition-bar { color: #737f90; }
.music-section, .value-section, .next-section { background: transparent; }
.music-section { position: relative; background: linear-gradient(155deg, #e9eef783, #f8faff66 45%, #edf1f954); border-block: 1px solid #fff; }
.value-section { margin-inline: 28px; border: 1px solid #ffffffd6; background: linear-gradient(140deg, #e9edf780, #f9fbff73 55%, #e4ebf780); box-shadow: inset 0 1px 0 white, 0 10px 40px -35px #33476733; border-radius: 34px; }
.next-section { background: linear-gradient(135deg, #e9eff97d, #f8fafc70 55%, #e7edf68f); border-top: 1px solid white; }
.profile-strip { border-bottom-color: #cbd5e32e; gap: 22px; }
.stat { padding: 25px 18px; border: 0; border-radius: 24px; background: linear-gradient(130deg, #ffffffc9, #ffffff57); box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #7589a814, 0 8px 28px -20px #3b507640; }
.stat strong { color: #344358; font-weight: 400; }
.section-heading .eyebrow { color: #6a7f9b; }
.section-heading h2 { color: #293342; }
.voice-layout { gap: 28px; align-items: stretch; }
.voice-analysis { border-radius: 28px; padding: 30px; min-width: 0; }
.voice-analysis.glass-surface, .audience-content.glass-surface, .timeline-main.glass-surface { background: linear-gradient(145deg, #ffffffc7, #f8fbffc2); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
/* All tab panels share one grid cell, reserving the tallest panel's height. */
#voice-panel, #audience-panel { display: grid; }
.voice-panel, .audience-panel { grid-area: 1 / 1; min-width: 0; }
.voice-panel[aria-hidden="true"], .audience-panel[aria-hidden="true"] { visibility: hidden; pointer-events: none; }
.stage-figure { align-self: stretch; width: 100%; border-radius: 28px; border: 5px solid #ffffffd6; box-shadow: var(--glass-shadow); }
.stage-figure::after { background: linear-gradient(transparent, #122036dc); }
.stage-figure figcaption a { color: #e3e9f4; }
@media(max-width: 850px) { .stage-figure { height: 390px; } }
@media(max-width: 500px) { .stage-figure { height: 330px; } }
.voice-tabs, .filter-group, .year-buttons, .audience-tabs {
  position: relative;
  isolation: isolate;
  overflow: visible;
  background: rgba(201, 211, 229, .22);
  border: 1px solid #ffffff7a;
  box-shadow: inset 0 1px 3px #6d82a414, 0 1px 0 #ffffffd9;
  border-radius: 22px;
  padding: 5px;
}
.voice-tabs { gap: 5px; margin-bottom: 26px; }
.voice-tabs button { flex: 1; padding: 12px 6px; font-size: 14px; white-space: nowrap; }
.voice-tabs button::after { display: none; }
.filter-group { gap: 4px; }
.filter-group button { padding: 11px 22px; font-size: 14px; }
.filter-group button.active { background: transparent; box-shadow: none; color: #283f60; }
.voice-tabs button, .filter-group button, .year-buttons button, .audience-tabs button, .site-header nav a { position: relative; z-index: 1; transition: color .3s, transform .45s var(--spring); }
.glass-selection {
  display: block;
  position: absolute;
  top: var(--selection-y, 5px);
  left: var(--selection-x, 5px);
  width: var(--selection-width, 0px);
  height: var(--selection-height, 0px);
  border-radius: 17px;
  pointer-events: none;
  background: radial-gradient(ellipse at 32% -20%, #fff, #ffffff66 55%), linear-gradient(145deg, #ffffffc2, #e5edfc7a);
  border: 1px solid #ffffffe8;
  box-shadow: inset 0 1px 1px white, inset 0 -1px 1px #6685b13b, 0 4px 10px -4px #364e7833;
  -webkit-backdrop-filter: blur(9px) saturate(125%);
  backdrop-filter: blur(9px) saturate(125%);
  transition: left .5s var(--spring), top .5s var(--spring), width .5s var(--spring), height .5s var(--spring), opacity .25s;
  z-index: 0;
}
.glass-selection[hidden] { display: none; }
.site-header nav { position: relative; isolation: isolate; }
.site-header nav a:hover, .site-header nav a.is-current { background: transparent; box-shadow: none; }
.site-header nav .glass-selection { border-radius: 17px; }
.voice-tabs button[aria-selected=true], .audience-tabs button[aria-selected=true], .year-buttons button[aria-selected=true] { color: #304869; }
.voice-panel-title { font-size: 26px; }
.panel-tag { color: #8191a8; letter-spacing: 2px; }
.evidence-chip { background: linear-gradient(120deg, #edf2fbb8, #f6f9fdad); border: 1px solid #fff; color: #50678a; border-radius: 12px; }
.voice-verdict { border-left: 2px solid #bbcae0; }
.quote-mark { color: #acbbd0; }
.quote-line { border: 0; }
.music-grid { gap: 28px; }
.music-card { border-radius: 27px; padding: 12px 12px 18px; transform: translateY(0); transition: transform .55s var(--spring), box-shadow .55s, background .4s; }
.music-card.glass-surface { background: linear-gradient(140deg, #ffffffa6, #ffffff4d); -webkit-backdrop-filter: blur(12px) saturate(120%); backdrop-filter: blur(12px) saturate(120%); }
.music-card:hover { transform: translateY(-7px); box-shadow: 0 25px 48px -25px #3d507b5c, inset 0 1px 0 white, inset 0 -1px 0 #7d91b430; }
.music-card h3, .music-card p, .music-card-meta { margin-left: 8px; margin-right: 8px; }
.music-card p { min-height: 26px; }
.music-card-meta { border-top-color: #adbcd129; margin-top: 15px; }
.album-image { border-radius: 18px; background: #e5eaf2; }
.album-image::after { border-radius: 18px; box-shadow: inset 0 0 0 1px #ffffff69; }
.album-year { color: #28374b; background: #f7faffad; border-color: #ffffffe0; box-shadow: inset 0 1px 1px white, 0 2px 5px #2532460f; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.album-type { background: #ffffffd9; color: #394e6b; border: 1px solid #ffffffa6; border-radius: 9px; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
.album-arrow { background: #ffffffad; color: #3a4e6c; border: 1px solid #fff; box-shadow: var(--glass-shadow); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
.timeline-layout { grid-template-columns: .85fr 2.4fr; gap: 35px; border-top: 0; padding-top: 0; align-items: center; }
.timeline-main { border-radius: 28px; padding: 30px; min-width: 0; }
.big-decade { color: #647b9c; }
.year-buttons { gap: 5px; border-radius: 21px; }
.year-buttons button { padding: 12px 6px; flex: 1; font-size: 16px; color: #7b8ba3; }
.year-buttons button::after { display: none; }
.timeline-content { padding: 29px 6px 0; min-height: 235px; }
.timeline-content .watermark-year { color: #9aaec51a; bottom: 15px; }
.timeline-content .pill { background: #e8eef7a8; border: 1px solid white; }
.value-card { border-radius: 25px; padding: 30px 25px; transition: transform .5s var(--spring), box-shadow .5s; }
.value-card.glass-surface { background: linear-gradient(145deg, #ffffffcf, #fbfcffc2); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.value-card:hover { box-shadow: 0 22px 45px -25px #3d507b59, inset 0 1px 0 white, inset 0 -1px 0 #7d91b430; }
.card-index { color: #7389a8; }
.evidence-block { border-color: #9bafca33; }
.card-foot { color: #758194; }
.methodology { border-color: #b6c5da59; padding: 21px 22px; border-radius: 19px; background: #ffffff69; box-shadow: inset 0 1px 0 white; }
.audience-layout { gap: 30px; align-items: stretch; }
.audience-visual { border-radius: 28px; border: 5px solid #ffffffc9; box-shadow: var(--glass-shadow); height: auto; min-height: 590px; }
.audience-visual img { position: absolute; inset: 0; }
.audience-visual::after { background: linear-gradient(transparent, #23314985); }
.fan-snapshot { position: absolute; border-radius: 24px; padding: 22px 25px; }
.fan-snapshot.glass-surface { position: absolute; background: linear-gradient(120deg, #ffffffdd, #f0f5ffe0); -webkit-backdrop-filter: blur(25px) saturate(115%); backdrop-filter: blur(25px) saturate(115%); }
.fan-snapshot strong { color: #3d5271; }
.audience-content { padding: 28px; border-radius: 28px; min-width: 0; display: flex; flex-direction: column; }
.audience-content > .section-note { margin-top: auto; padding-top: 17px; }
.audience-tabs { gap: 3px; border-radius: 22px; }
.audience-tabs button { border: 0; border-radius: 17px; padding: 15px 16px; font-size: 18px; }
.audience-tabs button[aria-selected=true] { background: transparent; padding: 15px 16px; }
.audience-tabs button>span { color: #7389a8; }
.audience-panel-content { min-height: 286px; }
.audience-panel-content dt { color: #607b9e; }
.next-layout { gap: 25px; }
.latest-album, .tour-card { border-radius: 27px; }
.latest-album.glass-surface, .tour-card.glass-surface { background: linear-gradient(145deg, #ffffffbf, #fbfcffb3); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.latest-album-art img { border-radius: 16px; box-shadow: 0 8px 24px -15px #4c5e7b4d; border: 1px solid #fff; }
.status-badge { color: #506685; background: #e6edf6bd; border: 1px solid #ffffffb3; border-radius: 9px; }
.status-badge.outlined { background: #f5f8fd8f; border-color: #becde08a; }
.tour-row { border-color: #a8b7ce33; }
.tour-row time { color: #5e7696; }
.tour-row>a { border-radius: 50%; transition: background .3s, transform .4s var(--spring); }
.tour-row>a:hover { background: #ffffffbd; transform: translate(2px, -2px); }
.news-line { border-bottom-color: #afbed238; }
.outlook { border-top: 1px solid #ffffffb3; padding-top: 8px; }
.pill { background: #ffffff40; border: 1px solid #ccd6e780; color: #667b97; border-radius: 8px; }
.site-footer { border-top-color: #c3cddb54; }
.footer-name { color: #4c5d75; }
dialog.glass-surface { position: fixed; border-radius: 32px; background: linear-gradient(135deg, #ffffffed, #f4f7fff0); border: 1px solid #fff; box-shadow: 0 42px 120px -35px #1a2d5299, inset 0 2px 1px #fff, inset 0 -1px 1px #7794bd59; -webkit-backdrop-filter: blur(30px) saturate(130%); backdrop-filter: blur(30px) saturate(130%); }
dialog[open] { animation: glassOpen .45s var(--spring) both; }
dialog::backdrop { background: #283a584f; -webkit-backdrop-filter: blur(8px) saturate(85%); backdrop-filter: blur(8px) saturate(85%); }
.close-dialog, #music-dialog>.close-dialog { background: #ffffffb8; border: 1px solid #fff; box-shadow: inset 0 1px 1px white, inset 0 -1px 0 #6c83a32e, 0 5px 12px -6px #364e7833; transition: transform .4s var(--spring), background .3s; }
.close-dialog:hover { transform: rotate(90deg); background: white; }
.work-note { background: #e6edf5a8; border: 1px solid #fff; border-radius: 14px; }
.work-detail .work-analysis { border-left-color: #a2b9d8; }
.track-list span { border: 1px solid #fff; background: #e9eff7a8; border-radius: 8px; }
.source-item.highlight { background: #e4edf6b3; box-shadow: inset 0 1px 0 #fff; border-radius: 16px; }
.source-item { border-color: #a8bad333; }
.source-links a { color: #476890; }
.is-pressed, .primary.is-pressed:hover, .music-card.is-pressed:hover { transform: scale(.975); }
button:focus-visible, a:focus-visible, summary:focus-visible, [role=tabpanel]:focus-visible { outline: 3px solid #7f9fc6; outline-offset: 4px; }
.glass-orbit { animation: orbitFloat 9s ease-in-out infinite; }
@keyframes orbitFloat { 0%,100% { transform: translateY(0) rotate(-4deg); } 50% { transform: translateY(-13px) rotate(5deg); } }
@keyframes glassOpen { from { opacity: 0; transform: translateY(15px) scale(.965); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media(max-width: 1150px) { .voice-analysis { padding: 25px; }.voice-panel-title { font-size: 24px; }.voice-tabs button { font-size: 13px; }.music-grid { gap: 22px; }.timeline-main { padding: 25px; }.audience-content { padding: 25px; }.audience-visual { min-height: 620px; }.audience-panel-content dl { grid-template-columns: 65px 1fr; gap: 12px; } }
@media(max-width: 850px) { .profile-strip { gap: 14px; }.stat { padding: 22px 17px; }.voice-analysis { padding: 28px; }.voice-tabs button { font-size: 14px; }.stage-figure { min-height: 390px; }.voice-layout { gap: 25px; }.music-card { padding: 10px 10px 16px; border-radius: 24px; }.timeline-layout { grid-template-columns: 1fr; gap: 25px; }.timeline-intro { display: flex; align-items: center; gap: 30px; }.timeline-intro .fine-label { display: none; }.timeline-content { min-height: 205px; }.value-section { margin-inline: 14px; border-radius: 28px; }.value-card { padding: 27px; }.audience-visual { height: 440px; min-height: 0; }.fan-snapshot { width: 270px; }.audience-panel-content { min-height: 260px; }.audience-content { padding: 27px; }.latest-album, .tour-card { padding: 26px; }.methodology { padding-inline: 18px; } }
@media(max-width: 500px) {
  .profile-strip { gap: 9px; }.stat { padding: 18px 10px; border-radius: 18px; }.stat:first-of-type { padding-left: 10px; }.stat strong { font-size: 31px; }.stat .ref { font-size: 11px; }
  .voice-analysis { padding: 23px 20px; border-radius: 24px; }.voice-tabs { gap: 0; padding: 4px; }.voice-tabs button { font-size: 13px; padding: 12px 5px; }.voice-panel-title { font-size: 23px; }.stage-figure { border-width: 4px; min-height: 330px; border-radius: 24px; }
  .filter-group { gap: 0; padding: 4px; border-radius: 21px; }.filter-group button { padding: 10px 7px; font-size: 12px; }.music-toolbar { gap: 17px; }.music-grid { gap: 19px 11px; }.music-card { padding: 8px 8px 14px; border-radius: 22px; }.album-image,.album-image::after { border-radius: 15px; }.music-card h3,.music-card p,.music-card-meta { margin-left: 3px; margin-right: 3px; }.music-card h3 { font-size: 15px; }.music-card p { font-size: 12px; min-height: 44px; }.music-card-meta { font-size: 10px; }.album-type { bottom: 7px; left: 7px; font-size: 10px; }.album-year { font-size: 10px; left: 9px; top: 9px; }
  .timeline-main { padding: 22px 17px; border-radius: 24px; }.year-buttons { gap: 0; padding: 4px; }.year-buttons button { font-size: 12px; padding: 12px 4px; }.timeline-content { padding: 26px 4px 0; min-height: 248px; }.timeline-content h3 { font-size: 23px; }.timeline-content p { font-size: 15px; }.timeline-intro { gap: 25px; }.big-decade { font-size: 75px; }
  .value-card { padding: 25px; border-radius: 25px; }.value-card>p { font-size: 15px; }.audience-content { padding: 24px 20px; border-radius: 24px; }.audience-visual { border-width: 4px; border-radius: 24px; height: 430px; }.fan-snapshot { width: 235px; padding: 18px 20px; border-radius: 21px; }.audience-tabs button,.audience-tabs button[aria-selected=true] { padding: 15px 13px; font-size: 17px; }.audience-panel-content { min-height: 327px; }.audience-content .analysis-label { gap: 7px; }.audience-content .pill { font-size: 11px; }.audience-panel-content dl { grid-template-columns: 61px 1fr; gap: 11px; }
  .latest-album,.tour-card { padding: 23px; border-radius: 24px; }.latest-album { grid-template-columns: 1fr; gap: 24px; }.latest-album-art { max-width: 220px; margin: auto; }.latest-album>div:last-child { padding: 0 3px 3px; }.latest-album h3 { margin: 13px 0; }.latest-album p br { display: none; }.latest-album p { font-size: 14px; }.record-label { font-size: 11px; }.tour-row div span { font-size: 11px; }.tour-row time { min-width: 54px; }.outlook { gap: 23px; }
  dialog.glass-surface { border-radius: 27px; }.work-detail-image img { border-radius: 16px; }#music-dialog { padding: 30px 22px; }
}
@media(max-width: 1150px) { .site-header { gap: 15px; padding: 0 20px; }.site-header nav a { padding: 10px 8px; font-size: 12px; }.brand b { font-size: 15px; }.hero-copy { width: 53%; padding: 32px 28px; }.hero h1 { font-size: 72px; }.hero-note { max-width: 39%; padding: 16px; }.glass-orbit { width: 95px; height: 95px; top: 14%; } }
@media(max-width: 850px) { body { padding-top: 12px; }.site-header { top: 10px; width: calc(100% - 28px); height: 74px; border-radius: 24px; margin-bottom: 15px; }.hero { min-height: 760px; border-radius: 28px; height: auto; }.hero-photo { width: 100%; opacity: 1; }.hero-photo::after { background: linear-gradient(90deg, #eff2f7c9, #eff2f729 70%), linear-gradient(0deg, #e4ebf3a1, transparent 65%); }.hero-copy { width: 70%; margin: 24px 0 135px 24px; padding: 34px; }.hero-copy.glass-surface { background: linear-gradient(125deg, #ffffffe0, #ffffffa6); }.hero h1 { font-size: 68px; }.hero-note { max-width: none; left: auto; right: 22px; bottom: 25px; }.scroll-label { display: flex; bottom: 44px; }.glass-orbit { width: 95px; height: 95px; right: 6%; top: 42%; } }
@media(max-width: 500px) { .site-header { padding: 0 16px; gap: 12px; }.brand b { font-size: 14px; letter-spacing: 1.5px; }.brand b span { font-size: 11px; letter-spacing: 1px; }.source-trigger { padding: 10px 12px; font-size: 12px; }.hero { min-height: 748px; }.hero-copy { margin: 22px 15px 138px; width: calc(100% - 30px); padding: 28px 22px; }.hero-copy .eyebrow { font-size: 11px; letter-spacing: 1.5px; }.hero h1 { font-size: clamp(42px, 14vw, 65px); letter-spacing: -2px; }.hero-name { margin-top: 26px; font-size: 19px; letter-spacing: 3px; }.hero-name span { font-size: 10px; margin-left: 6px; letter-spacing: .8px; }.hero-intro { font-size: 14px; }.hero-tags { gap: 5px; margin-top: 24px; flex-wrap: wrap; }.hero-tags span { font-size: 11px; }.hero-note { left: 15px; right: 15px; bottom: 20px; }.hero-note div span { font-size: 10px; }.scroll-label { display: none; }.glass-orbit { top: auto; bottom: 104px; right: 24px; width: 65px; height: 65px; }.hero-photo img { object-position: 65% 40%; } }

/* Standard blur is the baseline: no required SVG backdrop filters on Safari. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .glass-surface, .hero-copy.glass-surface, .hero-note, .fan-snapshot.glass-surface, .site-header.glass-surface, dialog.glass-surface { background: #f9fbfff5; }
  .glass-selection, .album-type, .album-year { background: #f5f8ff; }
  .glass-orbit { background: #ffffff8f; }
}
@media(prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  .glass-surface, .hero-copy.glass-surface, .hero-note, .fan-snapshot.glass-surface, .site-header.glass-surface, dialog.glass-surface { background: #fafbfe; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .glass-surface::after, .ambient-field, .glass-orbit { display: none; }
  .glass-selection, .album-type, .album-year { background: #edf2f9; -webkit-backdrop-filter: none; backdrop-filter: none; }
  :root { --muted: #49586c; --line: #9dabc2; }
}
@media(prefers-reduced-motion: reduce) {
  .glass-orbit { animation: none; }.glass-selection, .glass-surface, .glass-surface::after { transition: none; }
  .is-pressed,.music-card:hover,.primary:hover { transform: none; }
}