.noizmoth-page .hero-grid{grid-template-columns:1fr;gap:40px}.noizmoth-page .hero h1{font-size:clamp(3rem,6vw,5.7rem)}.noizmoth-page .hero .lead{max-width:730px}.noizmoth-art{width:100%;height:auto;border-radius:14px;border:1px solid #675731}.noizmoth-page .control-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.noizmoth-page .control-grid article{border-top:1px solid #675731;padding-top:24px}.noizmoth-page .control-grid h3{color:#f3d27c}.noizmoth-page .control-grid p{color:#b9bdc1}.listen-card{background:#181b1f;border:1px solid #675731;border-radius:16px;padding:32px;color:#fffdf8;margin-top:30px}.listen-controls{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.listen-controls button,.listen-card select{font:inherit;padding:12px 22px;border-radius:8px;background:#24272c;color:#fffdf8;border:1px solid #73716a}.listen-controls button[aria-pressed=true]{background:#f3d27c;color:#171716;border-color:#f3d27c}.listen-card input{width:100%;accent-color:#f3d27c}.listen-card p{color:#b9bdc1}.noizmoth-page button:disabled{opacity:.5;cursor:not-allowed}.noizmoth-page button.primary,.noizmoth-page button.secondary{font:inherit;padding:14px 22px;border-radius:8px;border:1px solid #a37c29}.noizmoth-page button.primary{background:#f3d27c;color:#171716}.noizmoth-page button.secondary{background:transparent;color:inherit}.noizmoth-page :focus-visible{outline:3px solid #dba657;outline-offset:4px}.noizmoth-page main [id]{scroll-margin-top:140px}.noizmoth-page .pending{font-size:.85rem;opacity:.75}.manual-card{border-top:1px solid #b9ad91;padding-top:24px}.noizmoth-page .final-cta:after{content:"NOIZ"}@media(max-width:600px){.noizmoth-page .control-grid{grid-template-columns:1fr}.listen-card{padding:20px}.listen-controls button{flex:1;padding:12px}}
/* Shared SFS typography and colour system; NoizMoth listening and Learn sections. */
.noizmoth-page .hero-grid { gap: 48px; }
.noizmoth-page .hero:after { display:none; }
.noizmoth-page .noizmoth-art { max-width: 1000px; justify-self:center; box-shadow:0 25px 70px #0009; }
.noizmoth-page .listen-link { color:#f3d27c; font-size:.85rem; text-underline-offset:5px; }
.noizmoth-page .demo-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.noizmoth-page .listen-card h3 { font-family:'Barlow Condensed',sans-serif; font-size:2rem; margin:12px 0; }
.noizmoth-page .listen-card .eyebrow { color:#f3d27c; }
.noizmoth-page .listen-card input { min-height:32px; cursor:pointer; }
.noizmoth-page .mode-group { display:flex; gap:8px; }
.noizmoth-page .listen-controls { gap:8px; }
.noizmoth-page .listen-controls button { padding:10px 16px; cursor:pointer; }
.noizmoth-page .listen-meta { display:flex; justify-content:space-between; font-size:.8rem; color:#e9d29b; font-variant-numeric:tabular-nums; }
.noizmoth-page .listen-card [role=status] { min-height:2.8em; font-size:.82rem; margin-bottom:8px; }
.noizmoth-page .audio-fallback { color:#b9bdc1; font-size:.8rem; }
.noizmoth-page .audio-fallback summary { cursor:pointer; }
.noizmoth-page .audio-fallback a { color:#f3d27c; }
.noizmoth-page .audio-note { color:#62666c; font-size:.82rem; max-width:860px; margin-top:24px; }
.noizmoth-page .learn-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-top:40px; }
.noizmoth-page .learn-steps article { border-top:1px solid #b9ad91; padding-top:24px; }
.noizmoth-page .learn-steps article>span { font-size:.7rem; letter-spacing:.13em; color:#6d5118; font-weight:700; }
.noizmoth-page .learn-steps h3 { font-size:1.1rem; }
.noizmoth-page .learn-steps p { color:#62666c; }
.noizmoth-page .compatibility-note { font-size:.85rem; color:#62666c; }
.noizmoth-page .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; }
@media(max-width:800px) { .noizmoth-page .demo-grid,.noizmoth-page .learn-steps { grid-template-columns:1fr; } }
@media(max-width:380px) { .noizmoth-page .mode-group { width:100%; } }
@media(prefers-reduced-motion:reduce) { .noizmoth-page { scroll-behavior:auto; } html:has(.noizmoth-page) { scroll-behavior:auto; } }
.noizmoth-page .section h2 { margin:12px 0 24px; font-size:clamp(2.5rem,5vw,4.6rem); line-height:.96; letter-spacing:-.025em; }
.noizmoth-page #demo .secondary { color:#121315; border-color:#8c9095; }
.noizmoth-page #demo .secondary:hover { color:#6d5118; border-color:#6d5118; }