/* Playful motion layer */
.scroll-progress{position:fixed;top:0;left:0;right:0;height:4px;background:var(--red);transform:scaleX(0);transform-origin:left;z-index:120;pointer-events:none}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}
.marquee-track{justify-content:flex-start;width:max-content;min-width:0;padding-right:36px;will-change:transform}
.marquee-band{will-change:transform}
.hero-sticker,.brand-mark{cursor:pointer}
.hero-sticker{pointer-events:auto}
.confetti{position:fixed;z-index:130;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:2px;font:700 18px/10px var(--font);font-style:normal;pointer-events:none}
@media(pointer:fine){
  .cursor{position:fixed;left:0;top:0;z-index:125;pointer-events:none;opacity:0;transition:opacity .2s}
  .cursor.on{opacity:1}
  .cursor span{position:absolute;left:0;top:0;width:12px;height:12px;border-radius:50%;background:var(--red);transform:translate(-50%,-50%);display:grid;place-items:center;font:500 11px var(--mono);color:#fff;transition:width .3s var(--ease),height .3s var(--ease),background .3s}
  .cursor.big span{width:46px;height:46px;background:rgba(240,56,56,.22);border:1px solid var(--red)}
  .cursor.view span{width:78px;height:78px;background:var(--red);border:0}
}

/* Hero headline fixes: no overlapping outline contours, looser tracking, room for descenders */
.hero-title{letter-spacing:-.05em;line-height:1.04}
.title-line{padding-bottom:.1em;margin-bottom:-.04em}
.outline-word{color:var(--paper);-webkit-text-stroke:3px var(--carbon);paint-order:stroke fill;letter-spacing:-.03em}
@supports not (paint-order:stroke fill){.outline-word{color:var(--carbon);-webkit-text-stroke:0}}
@media(max-width:650px){.hero-title{letter-spacing:-.05em;line-height:1.04}.outline-word{-webkit-text-stroke-width:2px}}