.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:root { --bg:#08090a; --surface:#111315; --ink:#eceef0; --muted:#858b91; --accent:#ed263b; --accent-2:#8e969d; --line:rgba(225,230,234,.22); --display:Impact,"Arial Narrow","Yu Gothic",sans-serif; }
body { background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px); background-size:100% 7px; }
.exp-header { background:rgba(8,9,10,.88); }
.echo-hero::after { position:absolute; inset:72px 0 0; opacity:.22; background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.09) 6px); content:""; pointer-events:none; animation:echoScan 7s linear infinite; }
.echo-hero h1 em { color:transparent; font-style:normal; -webkit-text-stroke:1px #b8bec3; }
.echo-deck { position:relative; margin:0; background:radial-gradient(circle at 50% 50%,#1d2022,#08090a 70%); box-shadow:inset 0 0 0 10px #0d0f10; }
.echo-deck img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.echo-deck::before { position:absolute; inset:0; background:linear-gradient(200deg,rgba(8,9,10,.1),rgba(8,9,10,.82) 78%); content:""; }
.waveform { position:absolute; z-index:2; right:5%; bottom:14%; left:5%; display:flex; gap:3px; align-items:center; height:28%; padding:12px; border:1px solid var(--line); background:rgba(0,0,0,.72); }
.waveform i { flex:1; height:var(--h,40%); background:linear-gradient(var(--accent),#f1f3f4); animation:echoBars 1.4s ease-in-out infinite alternate; }.waveform i:nth-child(3n){--h:90%;animation-delay:.2s}.waveform i:nth-child(3n+1){--h:30%;animation-delay:.5s}.waveform i:nth-child(4n){--h:65%;animation-delay:.8s}
.echo-deck figcaption { position:absolute; z-index:2; top:18px; left:20px; padding:5px 8px; background:rgba(0,0,0,.55); color:#c7ccd0; font:700 .48rem/1.6 "Courier New",monospace; letter-spacing:.1em; }
.release-table { border-top:1px solid var(--line); }.release-table article { display:grid; grid-template-columns:90px 1fr 74px; gap:20px; align-items:center; min-height:118px; padding:18px 0; border-bottom:1px solid var(--line); }.release-table span,.release-table b { color:var(--accent); font:.55rem "Courier New",monospace; }.release-table h3 { margin:0; font:900 clamp(1.4rem,3.4vw,3.8rem)/.85 var(--display); }.release-table p { margin:6px 0 0; color:var(--muted); font-size:.62rem; }
.release-head { display:flex; gap:18px; align-items:center; }.release-head h3 { flex:1; min-width:0; }.release-cover { flex:none; width:96px; height:96px; object-fit:cover; border:1px solid var(--line); }
.catalog-note { max-width:760px; margin:28px 0 0; color:var(--muted); font-size:.62rem; line-height:1.9; }
.release-meta { display:flex; flex-wrap:wrap; gap:4px 18px; margin:10px 0 0; padding:0; }.release-meta div { display:flex; gap:6px; align-items:baseline; }.release-meta dt { margin:0; color:var(--accent); font:.5rem "Courier New",monospace; letter-spacing:.06em; text-transform:uppercase; }.release-meta dd { margin:0; color:var(--ink); font-size:.62rem; }
.echo-process { background:#d5d8da; color:#111; --line:rgba(0,0,0,.25); --muted:#4e555a; }.signal-poster { position:relative; margin:0; min-height:clamp(380px,58vh,600px); overflow:hidden; padding:26px; background:#111; color:#eee; }.signal-poster img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }.signal-poster::before { position:absolute; inset:0; background:linear-gradient(200deg,rgba(8,9,10,.12),rgba(8,9,10,.9) 80%); content:""; }.signal-poster span { position:relative; z-index:2; font:.55rem "Courier New",monospace; }.signal-poster figcaption { position:absolute; z-index:2; bottom:30px; left:30px; font:900 clamp(4rem,11vw,11rem)/.72 var(--display); }.signal-poster i { position:absolute; z-index:2; top:-20%; width:1px; height:70%; background:#d7dcdf; animation:echoDrop 3s ease-in infinite; }.signal-poster i:nth-of-type(1){left:30%}.signal-poster i:nth-of-type(2){left:57%;animation-delay:.8s}.signal-poster i:nth-of-type(3){left:82%;animation-delay:1.5s}
.artists { background:#0c0d0e; }.artist-feature{margin-bottom:clamp(28px,5vw,56px)}.artist-photo{position:relative;margin:0;aspect-ratio:4/3;max-height:520px;overflow:hidden;border:1px solid var(--line)}.artist-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.artist-photo::after{position:absolute;inset:0;background:linear-gradient(160deg,rgba(237,38,59,.22),transparent 55%);mix-blend-mode:screen;content:"";pointer-events:none}.artist-photo figcaption{position:absolute;left:16px;bottom:14px;padding:4px 8px;background:rgba(0,0,0,.65);color:#fff;font:700 .55rem "Courier New",monospace;letter-spacing:.05em}.artist-tag{display:inline-block;margin:0 0 10px;color:var(--accent);font:800 .58rem "Courier New",monospace;letter-spacing:.08em;text-transform:uppercase}.artist-work{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:.68rem}.artist-grid .card:nth-child(1){background:#e5e7e8;color:#111;--muted:#555}.artist-grid .card:nth-child(2){background:#ed263b;color:#fff;--accent:#fff;--muted:#ffd8dc}.artist-grid .card:nth-child(3){background:#1a1c1e;color:#eceef0;--muted:#9aa0a5}
.card-photo{position:relative;margin:14px calc(-1 * clamp(20px,3vw,38px)) 0;aspect-ratio:16/9;overflow:hidden}.card-photo img{display:block;width:100%;height:100%;object-fit:cover}.card-photo + h3{margin-top:18px}
.section-photo{position:relative;margin:0 0 34px;aspect-ratio:2/1;overflow:hidden;border:1px solid var(--line)}.section-photo img{display:block;width:100%;height:100%;object-fit:cover}.section-photo figcaption{position:absolute;left:16px;bottom:12px;padding:4px 8px;background:rgba(0,0,0,.65);color:#fff;font:700 .55rem "Courier New",monospace;letter-spacing:.05em}
.service-card { display:flex; flex-direction:column; }.service-audience,.service-period{color:var(--muted);font-size:.7rem}.service-audience b,.service-period b{display:inline-block;margin-right:8px;color:var(--accent);font-size:.55rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.service-period{margin:0 0 12px}.service-includes { margin:0 0 16px; padding:0; list-style:none; }.service-includes li { position:relative; padding-left:16px; color:var(--muted); font-size:.66rem; line-height:1.9; }.service-includes li::before { position:absolute; left:0; color:var(--accent); content:"—"; }.service-price { margin:auto 0 0; padding-top:16px; border-top:1px solid var(--line); color:var(--accent); font:800 .64rem/1.5 "Courier New",monospace; }
.team .card:nth-child(3){background:#e5e7e8;color:#111;--muted:#555}.team .card:nth-child(4){background:#ed263b;color:#fff;--accent:#fff;--muted:#ffd8dc}
.news-list { display:grid; gap:0; margin:0; padding:0; border-top:1px solid var(--line); list-style:none; }.news-list li { display:grid; grid-template-columns:110px 1fr; gap:20px; padding:22px 0; border-bottom:1px solid var(--line); }.news-list time { color:var(--accent); font:800 .6rem "Courier New",monospace; letter-spacing:.05em; }.news-list h3 { margin:0 0 6px; font-size:1rem; }.news-list p { margin:0; color:var(--muted); font-size:.68rem; }
.faq-list { border-top:1px solid var(--line); }.faq-list details { padding:18px 0; border-bottom:1px solid var(--line); }.faq-list summary { cursor:pointer; font-size:.78rem; font-weight:800; list-style:none; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary::before { display:inline-block; margin-right:10px; color:var(--accent); content:"+"; }.faq-list details[open] summary::before { content:"–"; }.faq-list p { max-width:680px; margin:12px 0 0; color:var(--muted); font-size:.7rem; }
.info-table { margin:0; border-top:1px solid var(--line); }.info-table div { display:grid; grid-template-columns:180px 1fr; gap:24px; padding:16px 0; border-bottom:1px solid var(--line); }.info-table dt { margin:0; color:var(--muted); font-size:.62rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }.info-table dd { margin:0; font-size:.75rem; }
body[data-motion-theme="echo-room"] [data-motion-hero-part] { animation-name:echo-scanline-drop; animation-timing-function:cubic-bezier(.18,.8,.2,1); }
body[data-motion-theme="echo-room"] .motion-progress { color:var(--accent); background:#333; }
@keyframes echo-scanline-drop { from{opacity:0;translate:0 -34px;clip-path:inset(0 0 100%)} to{opacity:1;translate:0 0;clip-path:inset(0)} }
@keyframes echoScan { to{background-position:0 70px} } @keyframes echoBars { to{height:15%} } @keyframes echoDrop { 0%{translate:0 -30%;opacity:0} 25%{opacity:1} 100%{translate:0 170%;opacity:0} }
@media(max-width:700px){.release-cover{width:64px;height:64px}.release-head{gap:12px}.release-table article{grid-template-columns:55px 1fr;gap:8px}.release-table b{grid-column:2}.signal-poster{min-height:clamp(300px,55vh,420px)}.echo-deck{min-height:360px}.artist-photo{aspect-ratio:4/3;max-height:400px}.section-photo{aspect-ratio:4/3}.news-list li{grid-template-columns:1fr;gap:6px}.news-list time{display:block}.info-table div{grid-template-columns:1fr;gap:4px;padding:12px 0}}
@media(prefers-reduced-motion:reduce){.echo-hero::after,.waveform i,.signal-poster i{animation:none!important}}