.loud .loud-hero h1{font-size:calc(min(var(--hero-cap,999px), clamp(34px, calc(100cqw / (var(--chars,12) * .67)), 104px)) * var(--fit,1))}.loud .loud-hero h1 span{color:var(--volt)}.loud-deck{box-shadow:var(--top-sheen), 0 30px 80px #00000080, inset 0 0 0 1px #ffffff0d;background:linear-gradient(#1d1d23,#121216);border-radius:36px;padding:70px 22px 22px;position:relative}.loud-rocco{width:132px;height:132px;position:absolute;top:-64px;left:50%;translate:-50%}.loud-screen{height:44px;color:var(--volt);white-space:nowrap;text-overflow:ellipsis;background:#0b0d06;border-radius:14px;align-items:center;gap:10px;padding:0 16px;font-size:12px;display:flex;overflow:hidden;box-shadow:inset 0 2px 8px #000000b3}.loud-led{background:#3a4210;border-radius:50%;flex:none;width:8px;height:8px}.loud-led.on{background:var(--volt);box-shadow:0 0 10px var(--volt);animation:.6s infinite blink}.loud-pads{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.loud-pad{aspect-ratio:1;cursor:pointer;color:#fff;text-align:left;background:#26262e;border:0;border-radius:22px;flex-direction:column;justify-content:flex-end;gap:2px;padding:14px;font-family:inherit;transition:transform 80ms,box-shadow 80ms,background .2s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff1f,0 6px #0a0a0c}.loud-pad:before{content:"";background:var(--tone);width:12px;height:12px;box-shadow:0 0 12px var(--tone);opacity:.9;border-radius:50%;position:absolute;top:14px;left:14px}.loud-pad.lit{box-shadow:inset 0 0 0 3px var(--tone), 0 6px 0 #0a0a0c}.loud-pad.hit{background:var(--tone);color:var(--ink);transform:translateY(4px);box-shadow:0 2px #0a0a0c}.loud-pad.hit:before{background:#fff;box-shadow:0 0 14px #fff}.loud-pad.hit .loud-pad-kind{color:#0a0a0cb3}.loud-pad-kind{color:var(--text-2);font-size:10px}.loud-pad-name{letter-spacing:-.01em;font-size:clamp(15px,1.6vw,19px);font-weight:900;line-height:1.05}@media (hover:hover){.loud-pad:not(.hit):hover{background:#30303a}}.loud-under{color:var(--text-2);margin:16px 4px 0;font-size:14px;font-weight:700}.loud-fader-box{background:var(--ink-2);max-width:760px;box-shadow:var(--top-sheen);border-radius:32px;flex-direction:column;gap:18px;margin-top:32px;padding:28px;display:flex}.loud-fader-top{align-items:center;gap:18px;display:flex}.loud-fader-rocco{flex:none;width:84px;height:84px}.loud-chaos{height:32px;font-family:var(--font-jetbrains), monospace;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex}.loud-chaos-mild{color:#fff;box-shadow:inset 0 0 0 2px var(--mint);background:#35e6a024}.loud-chaos-medium{color:#fff;background:#ffd23d24;box-shadow:inset 0 0 0 2px #ffd23d}.loud-chaos-feral{background:var(--red);color:#fff}.loud-says{letter-spacing:-.02em;margin:8px 0 0;font-size:clamp(22px,3vw,32px);font-weight:900;line-height:1.05}.loud-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:44px;margin:0}.loud-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--volt) var(--at), #2c2c34 var(--at));border-radius:99px;height:12px}.loud-range::-moz-range-track{background:linear-gradient(90deg, var(--volt) var(--at), #2c2c34 var(--at));border-radius:99px;height:12px}.loud-range::-webkit-slider-thumb{-webkit-appearance:none;background:#e9e9ee;border-radius:12px;width:40px;height:40px;margin-top:-14px;box-shadow:0 4px #8b8b95,inset 0 -6px #c9c9d2}.loud-range::-moz-range-thumb{background:#e9e9ee;border:0;border-radius:12px;width:40px;height:40px;box-shadow:0 4px #8b8b95,inset 0 -6px #c9c9d2}.loud-ticks{justify-content:space-between;margin-top:-8px;display:flex}.loud-ticks button{color:var(--text-2);font:inherit;cursor:pointer;background:0 0;border:0;width:40px;padding:4px 0;font-size:12px}.loud-ticks button.on{color:var(--volt)}.loud-pick{color:var(--text-2);margin:0;font-weight:600}.loud-pick b{color:#fff;font-weight:800}.loud-combo{align-self:flex-start}.loud-waves{max-width:760px;margin-bottom:28px;position:relative}.loud-waves svg{width:100%;height:110px;display:block}.loud-waves path{fill:none;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.loud-waves .flat{stroke:#3a3a44}.loud-waves .loud{stroke:var(--volt)}.loud-waves span{color:var(--text-2);font-size:10px;position:absolute;bottom:-18px}.loud-waves span:last-of-type{color:var(--volt);right:0}.loud-why h2 span{color:var(--volt)}.loud-witness{grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:center;gap:48px;display:grid}.loud-board{background:var(--volt);color:var(--ink);border-radius:28px;padding:24px;position:relative;rotate:2deg;box-shadow:0 18px #00000059}.loud-board-head{border-bottom:3px solid var(--ink);justify-content:space-between;padding-bottom:14px;font-size:12px;display:flex}.loud-board ol{margin:0;padding:0;list-style:none}.loud-board li{border-bottom:2px dashed #0a0a0c4d;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 0;display:flex}.loud-board li:last-child{border-bottom:0}.loud-board b{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:22px;font-weight:900}.loud-board .up{font-weight:800}.loud-board .out{background:var(--ink);color:#fff;border-radius:99px;padding:2px 10px;font-weight:900}.loud-board-ex{background:var(--ink);color:#fff;border-radius:99px;padding:4px 10px;font-size:10px;position:absolute;top:-12px;right:20px}.loud-fact-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.loud-fact-row>div{background:var(--ink-2);box-shadow:var(--top-sheen);border-radius:28px;padding:26px}.loud-fact-row h3{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:900}.loud-fact-row p{color:#ffffffb8;margin:8px 0 0;font-weight:600}@media (max-width:900px){.loud-deck{margin-top:70px}.loud-witness{grid-template-columns:minmax(0,1fr)}.loud-board{max-width:420px}}@media (max-width:700px){.loud-fact-row{grid-template-columns:minmax(0,1fr)}.loud-deck{padding:64px 14px 16px}.loud-pads{gap:8px}.loud-pad{border-radius:18px;padding:10px}.loud-pad:before{top:10px;left:10px}.loud-fader-box{padding:20px}}@media (prefers-reduced-motion:reduce){.loud-led.on{animation:none}}