.ds-city-hero{--city-hero-ink: #2c3550;--city-hero-ink-soft: #6b7693;--city-hero-coral: #d2403a;--city-hero-glass-surface: rgba(255, 255, 255, .12);--city-hero-glass-edge: rgba(255, 255, 255, .46);--city-hero-glass-shadow: rgba(80, 100, 150, .1);--city-hero-glass-caustic: rgba(73, 238, 198, .3);position:relative;overflow:hidden;background:#dce3f1;color:var(--city-hero-ink);contain:layout paint style}.template-index .shopify-section--ds-city-hero:first-child{margin-top:-30px}.ds-city-hero__stage{position:relative;width:100%;height:clamp(550px,calc(var(--city-hero-desktop-height, 78svh) + 30px),910px);overflow:hidden;background:#e9ebef;cursor:crosshair;isolation:isolate}.ds-city-hero__stage.busy,.ds-city-hero__stage.is-busy{cursor:default}.ds-city-hero__canvas{display:block;width:100%;height:100%;touch-action:none;transform:translateZ(0)}.ds-city-hero__hud{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none}.ds-city-hero__card{overflow:hidden;isolation:isolate;background:linear-gradient(145deg,#ffffff3d,#ffffff0d 42%,#ffffff29),var(--city-hero-glass-surface);border:1px solid rgba(255,255,255,.38);border-radius:14px;box-shadow:inset 0 1px #ffffff80,inset 0 -8px 18px #ffffff14,inset 0 0 0 1px #789ad214,0 8px 20px var(--city-hero-glass-shadow),0 2px 8px #2a35500f;backdrop-filter:blur(28px) saturate(1.9) brightness(1.12);-webkit-backdrop-filter:blur(28px) saturate(1.9) brightness(1.12)}.ds-city-hero__card:before{content:"";position:absolute;top:-48%;right:-18%;bottom:-48%;left:-18%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 16% 24%,rgba(255,255,255,.32),transparent 24%),radial-gradient(circle at 76% 18%,var(--city-hero-glass-caustic),transparent 28%),radial-gradient(circle at 52% 84%,rgba(124,176,255,.12),transparent 26%),linear-gradient(115deg,transparent 30%,rgba(255,255,255,.18) 46%,transparent 62%);filter:blur(16px);opacity:.58;animation:ds-city-hero-liquid-drift 7s ease-in-out infinite alternate}.ds-city-hero__card:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--city-hero-glass-edge),inset 14px 18px 22px #ffffff14,inset -16px -20px 26px #6c82af12}.ds-city-hero__hint{bottom:18px;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:999px;color:var(--city-hero-ink);font-family:var(--body-family, "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif);font-size:12px;font-weight:700;line-height:1.2;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.62);transition:color .2s,border-color .2s;white-space:nowrap}.ds-city-hero__hint:before{animation-duration:6s}.ds-city-hero__hint.is-hidden{display:none}.ds-city-hero__hint.deny{--city-hero-glass-caustic: rgba(255, 120, 112, .25);color:var(--city-hero-coral);border-color:#ffd2cdd9}.ds-city-hero__alarm-edge{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 0% 0%,rgba(242,72,64,.48),transparent 23%),radial-gradient(circle at 100% 0%,rgba(242,72,64,.48),transparent 23%),radial-gradient(circle at 0% 100%,rgba(242,72,64,.48),transparent 23%),radial-gradient(circle at 100% 100%,rgba(242,72,64,.48),transparent 23%);box-shadow:inset 0 0 60px #f248401f}.ds-city-hero__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;overflow:hidden;background:#f4f7f6;color:var(--city-hero-ink);opacity:1;visibility:visible;transition:opacity .5s ease,visibility 0s linear 0s}.ds-city-hero[data-city-loaded=true] .ds-city-hero__loading{opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s linear .5s}.ds-city-hero__loading-inner{position:absolute;left:clamp(28px,7vw,96px);right:clamp(28px,7vw,96px);bottom:clamp(40px,9vh,84px);display:flex;flex-direction:column;gap:16px;font-family:var(--body-family, "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif)}.ds-city-hero__loading-kicker{color:#0fb58d;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.ds-city-hero__loading-text{max-width:16ch;color:var(--city-hero-ink);font-size:clamp(30px,5vw,58px);font-weight:500;line-height:1.02;letter-spacing:-.015em;text-wrap:balance}.ds-city-hero__loading-progress{position:relative;width:clamp(180px,22vw,264px);height:2px;margin-top:4px;overflow:hidden;border-radius:999px;background:#2c35501f}.ds-city-hero__loading-progress>span{position:absolute;inset:0 auto 0 0;width:42%;border-radius:inherit;background:#0fb58d;animation:ds-city-hero-progress-run 1.3s cubic-bezier(.4,0,.1,1) infinite}.ds-city-hero__loading.is-error .ds-city-hero__loading-text{color:var(--city-hero-coral)}.ds-city-hero__loading.is-error .ds-city-hero__loading-progress>span{width:100%;background:var(--city-hero-coral);animation:none}@keyframes ds-city-hero-liquid-drift{0%{transform:translate3d(-3%,-2%,0) rotate(-2deg) scale(1)}to{transform:translate3d(4%,3%,0) rotate(2deg) scale(1.06)}}@keyframes ds-city-hero-progress-run{0%{transform:translate(-110%)}to{transform:translate(260%)}}@media(max-width:900px){.ds-city-hero__stage{height:clamp(460px,calc(100svh - 42px),calc(var(--city-hero-mobile-height, 620px) + 30px))}.ds-city-hero__hint{width:min(420px,calc(100% - 32px));box-sizing:border-box;white-space:normal}.ds-city-hero__loading-inner{left:22px;right:22px;bottom:clamp(32px,7vh,64px);gap:12px}.ds-city-hero__loading-text{font-size:clamp(26px,8vw,40px)}}@media(prefers-reduced-motion:reduce){.ds-city-hero__card:before,.ds-city-hero__loading-progress>span{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/dawn-ds-city-hero.css.map */