.noizer-page{--accent:var(--green)}
.noizer-hero{padding-top:54px}
.noizer-lab{display:block;width:216px;margin-bottom:40px}
.noizer-lab img{width:100%;height:auto}
.noizer-title{display:flex;flex-wrap:wrap;align-items:end;gap:60px;margin-bottom:52px}
.noizer-title h1{flex:1.15 1 20rem;min-width:0;font-size:clamp(5.6rem,11vw,10.5rem);line-height:.9;letter-spacing:-.075em;font-weight:500}
.noizer-title h1 span{color:var(--green)}
.noizer-title>div{flex:1 1 18rem;min-width:0;padding-bottom:2px}
.noizer-title p{overflow-wrap:anywhere;color:var(--ink);font-size:clamp(1.8rem,2.9vw,2.6rem);line-height:1.4;letter-spacing:-.04em}
.noizer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:30px;margin-top:26px}
.noizer-actions .button{gap:38px;background:var(--green);color:#111820}
.noizer-actions .text-link{display:flex;gap:24px}
.noizer-interface{padding:32px 48px 0;background:linear-gradient(155deg,#27382f,#161d26 65%);border:1px solid #3a4945;overflow:hidden}
.noizer-interface img{width:min(100%,1120px);height:auto;margin:auto;box-shadow:0 0 45px #0005}
.noizer-meta{display:flex;justify-content:space-between;gap:25px;padding:20px 0;color:var(--muted);font-size:1rem;line-height:1.6}
.noizer-listen{padding-block:80px 100px;scroll-margin-top:30px}
.noizer-listen-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:35px;margin-bottom:44px}
.noizer-listen-heading h2{font-size:clamp(2.5rem,4.5vw,4.6rem);line-height:1.15}
.noizer-listen-heading p{font-size:1.0625rem;line-height:1.65;margin-bottom:4px}
.noizer-auditions{border-top:1px solid #56645c}
.audition{--audio-color:var(--green);padding:34px 0 40px;border-bottom:1px solid #3a4446;min-width:0}
.audition[data-mode=after]{--audio-color:var(--blue)}
.audition[data-mode=after2]{--audio-color:var(--pink)}
.audition-heading{display:flex;align-items:baseline;gap:24px;margin-bottom:25px}
.audition-heading h3{font-size:1.7rem;letter-spacing:-.02em}
.audition-heading>span{color:var(--muted);font-size:1rem}
.audition-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #465048;background:#11161d}
.audition-modes button{padding:19px 12px;font-size:1.0625rem;line-height:1.5;background:none;border:0;color:#b4bec0;position:relative;transition:background .15s,color .15s}
.audition-modes button+button{border-left:1px solid #39434a}
.audition-modes button[aria-pressed=true]{background:var(--audio-color);color:#101a1e}
.audition-modes button:hover:not([aria-pressed=true]){background:#273139;color:#f0f0f0}
.audition-modes:has(button:last-child:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}
.audition-modes button:focus-visible{outline-offset:-5px;outline-color:currentColor;z-index:1}
.audition-transport{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:32px;align-items:center;margin-top:25px}
.audition-play{min-width:124px;min-height:64px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--audio-color);color:var(--audio-color);background:none;font-size:1.0625rem;padding:14px}
.audition-play svg{width:22px;height:22px;fill:currentColor;flex-shrink:0}
.audition-play .pause-shape{display:none}
.audition[data-playing=true] .play-shape{display:none}
.audition[data-playing=true] .pause-shape{display:block}
.audition-play:hover{background:#ffffff09}
.audition-timeline{min-width:0}
.audition-track{position:relative;height:84px;touch-action:pan-y}
.audition-track:focus-within{outline:2px solid var(--audio-color);outline-offset:5px}
.audition-wave{--progress:0%;position:absolute;inset:0;overflow:hidden}
.audition-wave svg{width:100%;height:100%;position:absolute;inset:0;stroke:#54616a;stroke-width:2.8;stroke-linecap:round;fill:none}
.audition-wave .audition-wave-played{stroke:var(--audio-color);clip-path:inset(0 calc(100% - var(--progress)) 0 0)}
.audition-wave i{position:absolute;top:7%;bottom:7%;width:1px;left:clamp(0px,var(--progress),calc(100% - 1px));background:var(--audio-color)}
.audition-track input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;padding:0;cursor:pointer}
.audition-time{display:flex;justify-content:space-between;color:var(--muted);font-family:"MiSans VF",sans-serif;font-size:1rem;line-height:1.4;margin-top:4px;font-variant-numeric:tabular-nums}
.audition-status{font-size:1rem;color:var(--blue);margin-top:15px}
.audition-status:empty{display:none}
.audition-fallback{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.audition-fallback figure{margin:0;min-width:0}
.audition-fallback figcaption{margin-bottom:12px;font-size:1rem}
.audition-fallback audio{width:100%}
.noizer-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:55px;padding-bottom:100px}
.noizer-features article{min-width:0}.noizer-features h2{overflow-wrap:anywhere;font-size:1.7rem;line-height:1.4;margin-bottom:18px;letter-spacing:-.03em}
.noizer-features p{overflow-wrap:anywhere;font-size:1.0625rem;line-height:1.8}
.noizer-start{background:#1b2425;border-block:1px solid #354143;padding-block:68px}
.noizer-start>.container{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));align-items:center;gap:70px}
.noizer-start>.container>*{min-width:0}.noizer-start h2{overflow-wrap:anywhere;font-size:clamp(2rem,3.2vw,3.3rem);line-height:1.3}
.noizer-start p{font-size:1.0625rem;margin-bottom:26px}
.noizer-download{padding-block:60px 70px}
@media(max-width:1000px){.noizer-title{gap:35px}.noizer-title h1{font-size:clamp(5.2rem,12vw,8rem)}.noizer-actions{gap:22px}.noizer-interface{padding:24px 24px 0}.noizer-features{gap:28px}.noizer-start>.container{gap:40px}.audition-transport{gap:25px;grid-template-columns:112px minmax(0,1fr)}}
@media(max-width:760px){.noizer-hero{padding-top:36px}.noizer-lab{width:176px;margin-bottom:35px}.noizer-title{display:grid;grid-template-columns:1fr;gap:28px;margin-bottom:32px}.noizer-title h1{font-size:clamp(5.2rem,21vw,8rem)}.noizer-title p{font-size:1.9rem}.noizer-title p br{display:none}.noizer-actions{margin-top:24px;gap:24px}.noizer-interface{padding:12px 10px 0;margin-inline:-8px}.noizer-meta{flex-direction:column;gap:6px;padding-top:15px;font-size:.9375rem}.noizer-listen{padding-block:52px 65px}.noizer-listen-heading{display:block;margin-bottom:30px}.noizer-listen-heading h2{font-size:2.5rem}.noizer-listen-heading p{margin-top:16px;font-size:1rem}.audition{padding-block:27px 30px}.audition-heading{gap:18px;margin-bottom:22px;flex-wrap:wrap}.audition-heading h3{font-size:1.5rem}.audition-heading>span{font-size:.9375rem}.audition-modes button{font-size:1rem;padding:15px 7px;overflow-wrap:anywhere}.audition-transport{grid-template-columns:1fr;gap:16px;margin-top:22px}.audition-play{justify-self:start;min-height:48px;padding:9px 22px}.audition-track{height:76px}.audition-timeline{grid-column:1}.noizer-features{grid-template-columns:1fr;gap:32px;padding-bottom:60px}.noizer-features article{display:grid;gap:12px}.noizer-features h2{margin:0;font-size:1.55rem}.noizer-features p{font-size:1rem}.noizer-start{padding-block:45px}.noizer-start>.container{grid-template-columns:1fr;gap:25px}.noizer-start p{font-size:1rem}.noizer-download{padding-block:40px}.audition-fallback{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.audition-modes button{transition:none}}
@media(min-width:761px) and (max-width:1000px){.audition-transport{grid-template-columns:max-content minmax(0,1fr)}.audition-play{min-width:112px}}
@media(max-width:760px){.noizer-title{grid-template-columns:minmax(0,1fr)}.noizer-title h1{font-size:clamp(3rem,21vw,8rem)}}
