@font-face{font-family:'Cinzel Decorative';src:url('assets/fonts/CinzelDecorative-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{color-scheme:dark;--black:#090909;--gold:#d2ac60;--silver:#e7e7e7;--muted:#aaa9a5;--line:#ffffff20;font-family:Arial,Helvetica,sans-serif;background:var(--black);color:var(--silver)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:7px}.skip-link{position:fixed;top:-80px;left:20px;background:var(--gold);color:#000;padding:14px;z-index:20}.skip-link:focus{top:16px}
.header{position:absolute;z-index:5;top:0;left:0;width:100%;padding:16px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff13}.brand{display:block;width:72px;height:72px}.brand img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}nav{display:flex;align-items:center;gap:34px}nav a{text-transform:uppercase;letter-spacing:.14em;font-size:.875rem;padding:14px 0;position:relative;transition:color .2s}nav a:after{content:"";position:absolute;bottom:4px;left:0;width:0;height:1px;background:var(--gold);transition:width .25s}nav a:hover,nav a.active{color:var(--gold)}nav a:hover:after,nav a.active:after{width:100%}.menu-toggle{display:none}
.hero{position:relative;isolation:isolate;min-height:800px;min-height:max(800px,100svh);display:grid;place-items:center;background:url('assets/skyline.png') center center/cover no-repeat;padding:125px 24px 100px;text-align:center}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0009 0%,#0004 30%,#0005 60%,#090909 100%)}.hero-content{width:100%;animation:rise-in 1s ease both}.eyebrow{color:var(--gold);font-size:.75rem;text-transform:uppercase;letter-spacing:.24em;font-weight:600;line-height:1.8;margin:0 0 20px}.hero-logo{display:block;width:clamp(265px,29vw,390px);height:auto;margin:0 auto 20px;filter:drop-shadow(0 8px 18px #0008)}h1{font-family:'Cinzel Decorative',Georgia,serif;font-size:clamp(2rem,4.5vw,4.8rem);font-weight:700;line-height:1.2;letter-spacing:.015em;text-transform:uppercase;margin:0;color:#e7bd69;text-wrap:balance;filter:drop-shadow(0 3px 9px #000b)}@supports (background-clip:text){h1{background:linear-gradient(180deg,#fff0bd 8%,#e9c16e 38%,#b78330 55%,#edca80 76%,#fff0bd 100%);background-clip:text;-webkit-background-clip:text;color:transparent}h1 .gold{color:inherit}}.gold{color:var(--gold)}.hero-subtitle{font-size:1rem;letter-spacing:.17em;margin:23px 0 33px;color:#e4e1da}.hero-subtitle span{color:var(--gold);margin:0 7px}.hero-actions{display:flex;justify-content:center;gap:16px}.button{display:inline-flex;gap:22px;align-items:center;justify-content:center;min-height:54px;padding:16px 25px;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--gold);transition:background .25s,box-shadow .25s,transform .25s}.primary{background:linear-gradient(110deg,#dcbc78,#b28a42);color:#13100a}.secondary{background:#09090975;color:#f1ece3;border-color:#c4b18e8c;backdrop-filter:blur(6px)}.button:hover{transform:translateY(-3px);box-shadow:0 4px 25px #d2ac602b}.secondary:hover{background:#d2ac6020;border-color:var(--gold)}.play{font-size:1.3rem;line-height:1;color:var(--gold)}.hero-bottom{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;color:#aaa69e;font-size:.75rem;text-transform:uppercase;letter-spacing:.13em}.hero-bottom a{color:#dad5ca}.hero-bottom a span{display:inline-block;margin-left:14px;color:var(--gold)}
.content-wrap{max-width:1320px;margin:auto;padding:0 6%}.section{padding:75px 0;border-bottom:1px solid var(--line);scroll-margin-top:25px}h2{font-size:clamp(2rem,3.5vw,3.3rem);letter-spacing:-.045em;line-height:1.1;margin:0}.artists-section{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.empty-state{border-left:1px solid #b28a4266;padding:12px 0 12px 35px}.small-label{font-size:.75rem;color:var(--gold);letter-spacing:.15em;text-transform:uppercase}.empty-state p,.section-copy{font-size:1.35rem;line-height:1.4;margin:16px 0}.empty-state>span:last-child,.muted{color:var(--muted);font-size:1rem;line-height:1.7}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.about-section,.contact-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.about-section>p{font-size:1.2rem;line-height:1.8;color:#bbb9b2}footer{max-width:1320px;margin:auto;padding:35px 6%;display:flex;justify-content:space-between;gap:24px;font-size:.75rem;color:var(--muted)}footer>a:first-child{text-transform:uppercase;letter-spacing:.1em;color:var(--gold)}footer a:hover{color:var(--gold)}@keyframes rise-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.hero-logo{width:440px}}
@media(max-width:800px){.header{padding:12px 6%}.brand{width:62px;height:62px}nav{gap:18px}nav a{font-size:.75rem}.hero-bottom>span{display:none}.hero-bottom{justify-content:center}.hero{min-height:max(740px,100svh)}.hero-logo{width:335px}.eyebrow{letter-spacing:.18em}.media-grid{gap:35px}}
@media(max-width:600px){.header{padding:10px 6%}.menu-toggle{display:flex;gap:12px;align-items:center;border:1px solid #d2ac6055;color:#eadfc9;background:#0006;padding:12px;font-size:.875rem}.menu-toggle span{color:var(--gold)}nav{display:none;position:absolute;top:83px;left:0;right:0;background:#0a0a0af5;padding:20px 6%;border-bottom:1px solid #d2ac6044;grid-template-columns:1fr 1fr;gap:5px 28px}nav.open{display:grid}nav a{font-size:.875rem;padding:14px 0}.hero{padding:115px 22px 90px;min-height:max(760px,100svh);background-position:48% center}.hero-logo{width:290px;max-width:82vw;margin-bottom:24px}.hero .eyebrow{font-size:.75rem;letter-spacing:.12em;margin-bottom:15px}h1{font-size:clamp(1.8rem,7.8vw,2.8rem);max-width:420px;margin:auto;line-height:1.25}.hero-subtitle{font-size:.875rem;letter-spacing:.07em;line-height:1.8;margin:19px 0 27px}.hero-subtitle span{margin:0 3px}.hero-actions{flex-direction:column;align-items:center;gap:12px}.button{width:100%;max-width:310px;font-size:.75rem;min-height:52px}.hero-bottom{font-size:.75rem;letter-spacing:.07em;bottom:25px}.section{padding:52px 0}.artists-section,.about-section,.contact-section,.media-grid{grid-template-columns:1fr;gap:28px}.media-grid{gap:0}.empty-state{padding-left:22px}.about-section>p{margin:0}footer{flex-wrap:wrap;font-size:.75rem;padding:30px 6%;gap:20px}footer>a:first-child{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}


/* Artist portraits sit over the skyline foreground, below the listening buttons. */
.hero-artists{display:block;width:min(880px,92%);height:auto;margin:32px auto -45px;pointer-events:none;mask-image:linear-gradient(to bottom,#000 84%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 84%,transparent 100%)}
@media(max-width:600px){.hero-artists{width:100%;margin:28px auto -20px}}

/* Supporting hero text stays readable without competing with the main artwork. */
.hero .eyebrow{font-size:.9375rem}
.header nav a{font-size:1rem}
.hero-bottom{font-size:.875rem;gap:20px}
@media(min-width:801px) and (max-width:1100px){.header nav{gap:22px}.hero-bottom{letter-spacing:.08em}}
@media(max-width:800px){.header nav a{font-size:.9375rem}}
@media(max-width:600px){.hero .eyebrow{font-size:.875rem}.header nav a{font-size:1rem}.hero-bottom{font-size:.8125rem;letter-spacing:.06em;text-align:center}}