/* Reusable staged homepage haul animation. Scoped to #city-haul-scroll. */
#city-haul-scroll{position:relative;height:100vh;background:#0A0E1A;color:#FAFAF9}
#city-haul-scroll.city-haul-enhanced{height:300vh}
#city-haul-scroll .city-haul-sticky{position:sticky;top:0;height:100vh;width:100%;overflow:hidden;background:#0A0E1A center/cover no-repeat url('/anim-frames/cluttered-sm/f001.webp')}
@media(min-width:761px){#city-haul-scroll .city-haul-sticky{background-image:url('/anim-frames/cluttered/f001.webp')}}
#city-haul-scroll .city-haul-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
#city-haul-scroll .city-haul-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(95% 58% at 50% 50%,rgba(10,14,26,.62),rgba(10,14,26,0) 70%),radial-gradient(120% 90% at 50% 40%,transparent 38%,rgba(10,14,26,.5) 100%),linear-gradient(180deg,rgba(10,14,26,.55) 0%,transparent 22%,transparent 55%,rgba(10,14,26,.9) 100%)}
#city-haul-scroll .city-haul-copy{position:absolute;inset:0;display:grid;place-items:center;text-align:center;pointer-events:none;padding:24px 22px}
#city-haul-scroll .city-haul-beat{position:absolute;max-width:920px;width:calc(100% - 32px);opacity:0;transition:opacity .12s linear}
#city-haul-scroll .city-haul-beat:first-child{opacity:1}
#city-haul-scroll .city-haul-eyebrow{font-family:var(--display,'Bebas Neue',Impact,sans-serif);letter-spacing:.22em;font-size:13px;color:var(--gold-bright,#E8B94A);text-transform:uppercase;margin:0 0 14px;text-shadow:0 2px 6px rgba(0,0,0,.9)}
#city-haul-scroll h2{font-family:var(--display,'Bebas Neue',Impact,sans-serif);font-weight:400;text-transform:uppercase;line-height:.9;letter-spacing:.01em;font-size:clamp(46px,10vw,128px);color:#FAFAF9;text-shadow:0 2px 5px rgba(0,0,0,.7),0 10px 44px rgba(0,0,0,.75);margin:0}
#city-haul-scroll .city-haul-gold{color:var(--gold,#D4A537)}
#city-haul-scroll .city-haul-sub{margin:16px 0 0;font-weight:700;font-size:clamp(15px,2.2vw,20px);color:#FAFAF9;text-shadow:0 2px 6px rgba(0,0,0,.9),0 2px 20px rgba(0,0,0,.7)}
#city-haul-scroll .city-haul-cta{position:absolute;z-index:2;left:50%;bottom:66px;transform:translateX(-50%);pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;background:var(--gold,#D4A537);color:#2A1810;font-family:var(--display,'Bebas Neue',Impact,sans-serif);font-size:22px;letter-spacing:.05em;padding:12px 30px;border-radius:10px;box-shadow:0 12px 34px rgba(212,165,55,.42);text-decoration:none;transition:filter .15s}
#city-haul-scroll .city-haul-cta:hover{filter:brightness(1.08)}
#city-haul-scroll .city-haul-cta:focus-visible{outline:3px solid #fff;outline-offset:4px}
#city-haul-scroll .city-haul-cue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);color:var(--gold,#D4A537);font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;opacity:.85;pointer-events:none}
#city-haul-scroll .city-haul-cue svg{display:block;margin:6px auto 0;width:22px;height:22px;animation:cityHaulBob 1.6s ease-in-out infinite}
@keyframes cityHaulBob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@media(max-width:760px){#city-haul-scroll.city-haul-enhanced{height:220vh}#city-haul-scroll .city-haul-copy{padding:24px 18px 190px}#city-haul-scroll .city-haul-cta{bottom:calc(140px + env(safe-area-inset-bottom,0px));max-width:calc(100% - 32px);white-space:nowrap;font-size:20px;padding:12px 24px}#city-haul-scroll .city-haul-cue{bottom:10px}}
@media(prefers-reduced-motion:reduce){#city-haul-scroll{height:100vh}#city-haul-scroll .city-haul-cue{display:none}#city-haul-scroll .city-haul-beat{transition:none!important}#city-haul-scroll .city-haul-beat:first-child{opacity:1!important}#city-haul-scroll .city-haul-beat:last-child{opacity:0!important}#city-haul-scroll .city-haul-cue svg{animation:none}}