.spray-hero{grid-template-columns:.78fr 1.22fr;align-items:start;gap:52px;min-height:690px;padding:45px 0 70px;display:grid}.spray-hero__copy{align-self:center}.spray-back{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:30px;font-size:.68rem;font-weight:800;display:inline-flex}.spray-hero__copy h1{margin:22px 0 12px;font-size:clamp(5rem,10vw,10rem);line-height:.85}.spray-hero__copy h1 span{background:var(--gradient-brand);color:#0000;-webkit-background-clip:text;background-clip:text}.spray-kicker{color:var(--text-soft);text-transform:uppercase;letter-spacing:.18em;margin:0 0 15px;font-size:.78rem}.spray-intro{max-width:52ch;color:var(--muted);margin:0;font-size:.93rem;line-height:1.7}.spray-hero__interactive{flex-direction:column;justify-self:center;gap:18px;width:min(100%,600px);display:flex}.spray-hero__viewer{aspect-ratio:1080/1280;border:1px solid var(--line);width:100%;box-shadow:0 30px 80px var(--shadow);background:#181115;border-radius:26px;position:relative;overflow:hidden}.spray-viewer{background:radial-gradient(circle at 50% 45%,#560c211a,#120c10 45%,#181115 100%);width:100%;height:100%;position:relative;overflow:hidden}.spray-viewer__video{object-fit:contain;background:#181115;width:100%;height:100%;display:block}.spray-viewer__status{z-index:8;border:1px solid var(--line-neutral);color:var(--text-soft);text-transform:uppercase;letter-spacing:.09em;backdrop-filter:blur(8px);pointer-events:none;background:#1d0612bd;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:.64rem;font-weight:800;display:flex;position:absolute;top:18px;bottom:auto;left:18px}.spray-viewer__status-dot{background:var(--hot-pink);border-radius:50%;width:6px;height:6px}.spray-explainer{z-index:10;backdrop-filter:blur(12px);pointer-events:none;background:linear-gradient(110deg,#3e0a1fed,#10090de8);border:1px solid #e74b8347;border-radius:14px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:12px;padding:15px 17px;display:grid;position:absolute;bottom:18px;left:18px;right:18px;box-shadow:0 14px 36px #00000052}.spray-explainer__number{color:var(--hot-pink);font-size:.6rem;font-weight:800;line-height:1.4}.spray-explainer strong{color:var(--text);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font-size:.72rem;font-weight:800;display:block}.spray-explainer p{max-width:52ch;color:var(--text-soft);margin:0;font-size:.68rem;line-height:1.5}.spray-explainer.is-changing{animation:.28s spray-explainer-in}@keyframes spray-explainer-in{0%{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.spray-controls{border:1px solid var(--line-neutral);background:#ffffff04;border-radius:18px;width:100%;margin:0;padding:15px}.spray-controls__head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:11px;display:flex}.spray-controls__label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.58rem;font-weight:800}.spray-controls__head>span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.52rem}.spray-controls__buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.spray-control{border:1px solid var(--line-neutral);width:100%;min-height:78px;color:var(--text-soft);text-align:left;cursor:pointer;background:#ffffff06;border-radius:12px;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:8px;padding:12px;font-family:inherit;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.spray-control:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#e74b8338,#e252aa0f);transition:opacity .2s;position:absolute;inset:0}.spray-control:hover{border-color:#e74b836b;transform:translateY(-2px)}.spray-control:hover:before{opacity:.65}.spray-control.is-active{border-color:var(--hot-pink);background:#e74b8314;box-shadow:0 0 0 1px #e74b831f,0 8px 24px #0000002e}.spray-control.is-active:before{opacity:1}.spray-control__number{z-index:1;color:var(--hot-pink);align-self:start;padding-top:3px;font-size:.56rem;font-weight:800;position:relative}.spray-control__text{z-index:1;flex-direction:column;gap:4px;min-width:0;display:flex;position:relative}.spray-control__text strong{color:var(--text);text-transform:uppercase;letter-spacing:.04em;font-size:.65rem;font-weight:800;line-height:1.25}.spray-control__text small{color:var(--muted);font-size:.54rem;line-height:1.3}.spray-control:focus-visible{outline:2px solid var(--hot-pink);outline-offset:3px}@media (width<=900px){.spray-hero{grid-template-columns:1fr;gap:30px}.spray-hero__copy{align-self:auto}.spray-hero__interactive{justify-self:center;width:min(100%,560px)}}@media (width<=560px){.spray-hero{flex-direction:column;gap:26px;padding:18px 0 36px;display:flex}.spray-hero__copy{order:1;width:100%}.spray-hero__interactive{order:2;gap:14px;width:100%}.spray-hero__viewer{aspect-ratio:1080/1280;border-radius:18px;width:100%;height:auto;min-height:0}.spray-hero__copy h1{font-size:5rem}.spray-intro{font-size:.95rem;line-height:1.65}.spray-explainer{border-radius:11px;grid-template-columns:27px minmax(0,1fr);gap:8px;padding:11px 12px;bottom:10px;left:10px;right:10px}.spray-explainer strong{font-size:.62rem}.spray-explainer p{font-size:.58rem;line-height:1.45}.spray-viewer__status{padding:7px 10px;font-size:.55rem;top:10px;bottom:auto;left:10px}.spray-controls{border-radius:14px;padding:12px}.spray-controls__buttons{grid-template-columns:1fr;gap:7px}.spray-control{grid-template-columns:30px 1fr;min-height:58px;padding:10px 12px}.spray-control__text strong{font-size:.67rem}.spray-control__text small{font-size:.55rem}}