.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero{position:relative;grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr);background:linear-gradient(90deg,rgba(5,5,5,.98),rgba(5,5,5,.58)),url('../images/studio/booth-waveform.webp') center/cover}.hero::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--rose),transparent);opacity:.45}.hero-copy,.hero-sound{position:relative;z-index:1}.hero h1{max-width:9ch;letter-spacing:-.035em}.hero-tags{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;padding:0;margin:2.4rem 0 0}.hero-tags li{border:1px solid rgba(212,0,122,.35);color:#d8c5d0;padding:.28rem .7rem;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.hero-sound{border:1px solid rgba(255,255,255,.12);border-top:2px solid var(--rose);background:rgba(8,6,8,.78);padding:1.4rem;backdrop-filter:blur(12px)}.hero-sound p{font:600 1.3rem var(--serif);margin:0}.hero-sound p span{display:block;color:var(--rose);font:500 .62rem var(--sans);letter-spacing:.18em;text-transform:uppercase;margin-bottom:.5rem}.hero-sound .wave{height:14rem}.split-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,7vw,7rem)}.section-copy{color:var(--muted);font-size:clamp(1.05rem,2vw,1.32rem);max-width:40rem}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.5rem}.section-heading h2{margin:.3rem 0}.section-heading>p{max-width:28rem;color:var(--muted)}.demo-section{max-width:none;background:#080708}.demo-list{border-top:1px solid var(--line)}.audio-card{display:grid;grid-template-columns:4rem minmax(12rem,.85fr) minmax(18rem,1.15fr);gap:clamp(1rem,4vw,3rem);align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--line);transition:background .2s}.audio-card.is-playing{background:linear-gradient(90deg,rgba(212,0,122,.09),transparent)}.audio-number{color:var(--rose);font-size:.75rem;letter-spacing:.1em}.audio-copy h3{font:600 clamp(1.5rem,3vw,2.2rem)/1.1 var(--serif);margin:.2rem 0}.audio-copy>p:last-child{color:var(--muted);margin:.35rem 0}.audio-meta{color:var(--rose);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.audio-controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem}.audio-play{width:3.5rem;height:3.5rem;border-radius:50%;border:1px solid var(--rose);background:var(--rose);color:#fff;font-weight:800;cursor:pointer}.audio-card.is-playing .audio-play{background:transparent}.audio-controls input[type=range]{accent-color:var(--rose);padding:0;border:0}.audio-controls output{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.76rem}.section-action{text-align:right;margin-top:2rem}.text-link{color:#fff;text-decoration-color:var(--rose);text-underline-offset:.3em}.genre-section{text-align:center}.genre-grid{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:3rem 0 0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.genre-grid li{padding:2rem 1rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font:600 clamp(1.25rem,3vw,2rem) var(--serif)}.studio-preview{max-width:none;background:#100d10}.studio-image{position:relative}.studio-image::before{content:"";position:absolute;inset:-1rem 1rem 1rem -1rem;border:1px solid rgba(212,0,122,.45)}.studio-image img{position:relative;display:block;width:100%;height:auto;filter:saturate(.8) contrast(1.05)}.about-preview{border-top:1px solid var(--line)}.final-cta{text-align:center;padding:clamp(5rem,12vw,10rem) 1.25rem;background:radial-gradient(circle at center,rgba(212,0,122,.13),transparent 45%)}.final-cta h2{font:600 clamp(2.7rem,7vw,6.5rem)/.98 var(--serif);max-width:12ch;margin:1rem auto}.final-cta p:not(.eyebrow){color:var(--muted);margin-bottom:2rem}@media(max-width:900px){.audio-card{grid-template-columns:3rem 1fr}.audio-controls{grid-column:2}.genre-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.hero{grid-template-columns:1fr}.hero-sound .wave{height:7rem}.split-section{grid-template-columns:1fr}.section-heading{display:block}.audio-card{grid-template-columns:2rem 1fr}.audio-controls{grid-template-columns:auto 1fr}.audio-controls output{grid-column:2}.genre-grid{grid-template-columns:1fr}.studio-preview .studio-image{order:2}}
