:root{color-scheme:dark;--line:rgba(255,255,255,.48)}*{box-sizing:border-box}html{background:#050708}body{min-height:100svh;margin:0;color:#fff;font-family:Arial,Helvetica,sans-serif}.backdrop,.shade{position:fixed;inset:0;width:100%;height:100%}.backdrop{z-index:-3;object-fit:cover}.shade{z-index:-2;background:linear-gradient(180deg,rgba(2,5,7,.35),rgba(2,5,7,.75)),radial-gradient(circle at 50% 35%,transparent,rgba(0,0,0,.48))}.site-header{position:fixed;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem clamp(1.1rem,4vw,3rem)}.brand{color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:1.15rem;text-decoration:none}.music-button{display:flex;align-items:center;gap:.55rem;max-width:13rem;border:1px solid var(--line);border-radius:99rem;padding:.65rem .95rem;background:rgba(4,7,9,.58);color:#fff;font:inherit;font-size:.74rem;letter-spacing:.08em;cursor:pointer;backdrop-filter:blur(10px)}.music-button:disabled{cursor:default;opacity:.65}.view{display:none;min-height:100svh;padding:6.5rem clamp(1.25rem,6vw,6rem) 3rem}.view.is-active{display:grid}.home{place-items:center;text-align:center}.home-inner{width:min(60rem,100%);text-shadow:0 2px 22px #000}h1,h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.05em}h1{font-size:clamp(3.4rem,11vw,8.2rem);line-height:.9}h2{font-size:clamp(3.5rem,9vw,7rem);line-height:.95}.identity{margin:1.2rem 0 0;font-size:clamp(.85rem,2vw,1.05rem);letter-spacing:.34em;text-transform:lowercase}.tagline{margin:1.5rem 0 0;letter-spacing:.12em;line-height:1.6}.route-label,.eyebrow{margin:3rem 0 1rem;font-size:.76rem;letter-spacing:.27em;text-transform:uppercase}.entryways{display:flex;justify-content:center;gap:1rem}.entryways a,.card{border:1px solid var(--line);color:#fff;text-decoration:none;backdrop-filter:blur(9px);transition:background .2s,color .2s,transform .2s}.entryways a{min-width:10rem;padding:1rem 1.4rem;font-size:.8rem;letter-spacing:.17em;text-transform:uppercase}.entryways a:hover,.entryways a:focus-visible,.card:hover,.card:focus-visible{background:#fff;color:#080a0b;outline:none;transform:translateY(-2px)}.route{align-items:center}.route-inner{width:min(70rem,100%);margin:auto}.back{display:inline-block;margin-bottom:2.75rem;color:#fff;font-size:.78rem;letter-spacing:.16em;text-decoration:none;text-transform:uppercase}.eyebrow{margin:0 0 .7rem}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2.5rem}.card{display:block;min-height:10rem;padding:1.5rem;background:rgba(4,8,10,.48)}.card h3{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:400}.card p{margin:.7rem 0 0;font-size:.96rem;line-height:1.55}@media(max-width:42rem){.entryways{flex-direction:column;align-items:center}.entryways a{width:min(100%,17rem)}.cards{grid-template-columns:1fr}.site-header{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.backdrop{display:none}.entryways a,.card{transition:none}}

body{isolation:isolate}.site-header{background:linear-gradient(#080b0de6,transparent)}
.entrance{flex:1;max-width:19rem}.entrance a{display:block}.entrance p{font-size:1rem;line-height:1.5;margin:.8rem 0}.entrance small{font-size:.9rem;color:#ddd}
.music-button{min-height:44px;font-size:.875rem;max-width:12rem}.route-label,.eyebrow,.back,.entryways a{font-size:.875rem}
.detail-copy{max-width:46rem;line-height:1.7;font-size:1.05rem}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:2rem}
.media-item{padding:1.25rem;background:#081014e8;border:1px solid #ffffff45;border-radius:6px}.media-item h3{font-family:Georgia,serif;font-size:1.5rem;font-weight:400;margin:0 0 1rem}.media-item p{line-height:1.6}.media-item video{width:100%;max-height:65vh;background:#000}.media-item audio{width:100%}.media-item iframe{width:100%;aspect-ratio:16/9;border:0}.media-item a{color:#fff}.youtube-start{padding:1rem;background:#fff;color:#111;border:0;cursor:pointer;font-size:1rem}.showcase-links{margin-top:2rem}.media-item:only-child{grid-column:1/-1}
@media(max-width:42rem){.media-grid{grid-template-columns:1fr}.entrance{width:100%}.entryways{gap:1.5rem}.home h1{overflow-wrap:anywhere}.site-header .brand{max-width:45%}}

/* Native audio controls work even before JavaScript initializes. */
.site-header{flex-wrap:wrap}.site-header #siteAudio{width:min(300px,100%);height:40px}.site-header .music-button{display:none}@media(max-width:42rem){.site-header #siteAudio{width:100%;max-width:300px}.view{padding-top:9rem}}

.music-control{width:min(320px,100%)}.site-header .music-control #siteAudio{width:100%;height:40px}.music-control p{font-size:.875rem;line-height:1.3;margin:.3rem 0 0;max-height:3.9em;overflow:auto;color:#fff}.site-header{background:#071015ed}.view{padding-top:10rem}h2{overflow-wrap:anywhere;font-size:clamp(2.5rem,7vw,6rem)}.media-item{min-width:0}.site-header .brand{flex-shrink:0}@media(max-width:42rem){.site-header{position:relative}.view{padding-top:2rem;min-height:calc(100svh - 140px)}.music-control{width:100%}.site-header .brand{max-width:100%}}

/* Version 8: reserve header space and display the complete video frame. */
body{display:flex;flex-direction:column;min-height:100svh}
.site-header{position:relative;inset:auto;flex:none;background:#071015}
main{position:relative;isolation:isolate;display:grid;flex:1;background:#050708}
.backdrop,.shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.backdrop{z-index:0;object-fit:contain;object-position:center top}
.shade{z-index:1}
main>.view{grid-area:1/1;position:relative;z-index:2;min-height:0;padding:clamp(2rem,5vh,4rem) clamp(1.25rem,6vw,6rem)}
.home h1:focus,.route h2:focus{outline:none}
@media(max-width:42rem){
 .backdrop{height:auto;aspect-ratio:2/1}
 main>.home{padding-top:calc(50vw + 1.5rem)}
 .home h1{font-size:clamp(2.75rem,11vw,4rem)}
 .site-header .music-control{width:100%}
}
@media(prefers-reduced-motion:reduce){main>.home{padding-top:2rem}}