html{color-scheme:dark}body{overflow-wrap:anywhere}img,svg,video{max-width:100%}.breadcrumbs{max-width:92rem;margin:0 auto;padding:1.25rem clamp(1.25rem,7vw,7rem) 0;display:flex;gap:.6rem;color:var(--muted);font-size:.82rem}.breadcrumbs a{text-underline-offset:.25em}.card img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;margin-bottom:1rem}.article>img{display:block;width:min(100%,28rem);height:auto;margin:0 auto 2rem}.contact-form{max-width:58rem;display:grid;gap:1.25rem}.contact-form .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.contact-form label{display:grid;gap:.4rem;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:.8rem;border:1px solid #59434f;border-radius:0;background:#100d10;color:var(--text);font:inherit}.contact-form .check{display:flex;align-items:flex-start}.contact-form .check input{width:auto;margin:.4rem .65rem 0 0}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.notice{padding:1rem;border-left:3px solid var(--rose);background:var(--panel)}button,.button,input,select,textarea{min-height:44px}.site-header,#primary-nav{z-index:20}@media(max-width:760px){.site-header{position:relative}.hero{min-height:auto;padding:4.5rem 1.25rem 3.5rem;gap:3rem}.hero-copy,.hero-sound{min-width:0}.hero h1{font-size:clamp(2.9rem,14vw,4.25rem);max-width:100%}.actions{display:grid;grid-template-columns:1fr;max-width:22rem}.actions .button{text-align:center}.hero-tags{margin-top:1.6rem}.hero-sound{width:100%;padding:1.1rem}.contact-form .form-grid{grid-template-columns:1fr}.site-footer nav{flex-wrap:wrap}.page-hero{min-height:auto;padding-top:4.5rem;padding-bottom:4.5rem}.page-hero h1,.article h1{font-size:clamp(2.6rem,13vw,4rem);max-width:100%}.section,.article{padding-top:3.5rem;padding-bottom:3.5rem}}@media(max-width:420px){.audio-card{grid-template-columns:1fr}.audio-number{display:none}.audio-controls{grid-column:1;grid-template-columns:auto minmax(0,1fr)}.audio-controls output{grid-column:2}.genre-grid li{padding:1.4rem .75rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
