.scroll-stage{position:relative;height:300vh;background:#08080a;margin-top:-73px}.scroll-stage__sticky{position:sticky;top:0;height:100vh;overflow:hidden}.scroll-stage__bg{position:absolute;inset:0;z-index:0}.scroll-stage__bg canvas{display:block}.scroll-stage__poster{position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 55%,rgba(230,52,46,.12),transparent 70%),url(/assets/images/hero-poster.webp) center / cover no-repeat,#08080a}.scroll-stage__scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#08080aeb,#08080a9e,#08080a00 60%),linear-gradient(0deg,#08080aa6,#08080a00 28%)}.scroll-stage__sticky:before{content:"";position:absolute;inset:-300px;z-index:-1;background-image:url(/assets/images/owlnobg.webp);background-size:50px 50px;background-repeat:repeat;opacity:.07;rotate:-32.5deg;mask-image:linear-gradient(to bottom,transparent,black 30%,black 70%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 30%,black 70%,transparent);pointer-events:none;will-change:transform;animation:pattern-drift 12s linear infinite}.scroll-stage__overlay{position:relative;z-index:2;height:100%;pointer-events:none}.scroll-panel{position:absolute;top:50%;left:var(--pad-x);right:var(--pad-x);transform:translateY(calc(-50% + 24px));max-width:600px;opacity:0;visibility:hidden;transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1),visibility 0s linear .6s;pointer-events:none;text-shadow:0 1px 28px rgba(0,0,0,.6)}.scroll-panel .hero__sub{color:#d8d4cb}.scroll-panel.is-active{opacity:1;transform:translateY(-50%);pointer-events:auto;visibility:visible;transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s}.scroll-panel .btn,.scroll-panel a,.scroll-panel button{pointer-events:auto}.scroll-hero__title{margin-top:.4em}.scroll-panel__title{font-family:var(--display);font-weight:700;font-size:clamp(2rem,5vw,4rem);line-height:1.04;margin:0 0 1.4rem}.scroll-panel__title em{color:var(--red);font-style:normal}.scroll-hint{margin-top:40px}.scroll-hint__line{display:block;width:1px;height:54px;background:linear-gradient(var(--red),transparent);transform-origin:top;animation:scroll-hint 2.4s ease-in-out infinite}@keyframes scroll-hint{0%,to{transform:scaleY(.4);opacity:.4}50%{transform:scaleY(1);opacity:1}}.scroll-features{list-style:none;margin:0;padding:0;display:grid;gap:8px}.scroll-feature{display:flex;gap:16px;align-items:center}.scroll-feature img{border-radius:12px;background:var(--bg-2);padding:8px;flex:none}.scroll-feature__title{font-family:var(--display);font-weight:600;font-size:1.25rem;color:var(--text)}.scroll-features__note{margin-top:16px}.scroll-stats{display:grid;grid-template-columns:repeat(2,auto);gap:28px 56px;justify-content:start}.scroll-stats__num{font-family:var(--display);font-weight:700;font-size:clamp(2.4rem,5vw,3.6rem);line-height:1;color:var(--text)}.scroll-stats__num em{color:var(--red);font-style:normal}.scroll-stats__label{color:var(--text-dim);margin-top:6px;font-size:.9rem}@media (max-width: 760px){.scroll-panel{max-width:none}.scroll-stats{gap:20px 32px}}@media (prefers-reduced-motion: reduce){.scroll-stage{height:auto}.scroll-stage__sticky:before{animation:none}.scroll-stage__sticky{position:relative;height:auto;min-height:86vh;padding:12vh 0}.scroll-panel{position:relative;top:auto;opacity:1;visibility:visible;pointer-events:auto;transition:none;transform:none;margin-bottom:48px}.scroll-hint{display:none}}.paint-picker{margin-top:28px;display:flex;flex-direction:column;gap:10px}.paint-picker__label{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.paint-picker__swatches{display:flex;gap:10px;flex-wrap:wrap}.paint-swatch{width:30px;height:30px;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.25);box-shadow:0 2px 8px #0006;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.paint-swatch:hover{transform:scale(1.1)}.paint-swatch.is-active{border-color:var(--red);box-shadow:0 0 0 2px #e6342e59,0 2px 8px #0006}.paint-swatch--custom{position:relative;overflow:hidden;background:conic-gradient(#e6342e,#f5d020,#44d07b,#29b6ff,#5b78ff,#e6342e)}.paint-swatch--custom input{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);opacity:0;cursor:pointer}
