.section-city-scroll-story{margin:0}.city-scroll-story{position:relative;z-index:0;height:100vh;height:100svh;min-height:620px;color:#fff;background:#050607;overflow:hidden;overflow:clip}.city-scroll-story *,.city-scroll-story *:before,.city-scroll-story *:after{box-sizing:border-box}.city-scroll-story__stage{position:relative;width:100%;height:100vh;height:100svh;min-height:620px;overflow:hidden;isolation:isolate;background:#050607}.city-scroll-story__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#050607}.city-scroll-story__video,.city-scroll-story__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.city-scroll-story__video{display:block;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;background:#050607;transition:opacity .22s ease}.city-scroll-story__video--desktop{opacity:1}.city-scroll-story__video--mobile,.city-scroll-story.is-enhanced .city-scroll-story__video{opacity:0}.city-scroll-story.is-enhanced .city-scroll-story__video.is-active{opacity:1}.city-scroll-story__placeholder{display:grid;place-items:center;padding:24px;color:#ffffffb8;font-size:clamp(1.4rem,2vw,2rem);letter-spacing:0;text-align:center}.city-scroll-story__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#00000080,#0000001a 28%,#00000014 62%,#00000070),linear-gradient(180deg,#0000005c,#0000000a 38%,#0000007a)}.city-scroll-story__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.city-scroll-story__scene{position:absolute;left:var(--scene-x);top:var(--scene-y);width:min(380px,calc(100vw - 48px));transform:translate(-50%,-50%);pointer-events:none}.city-scroll-story__scene--text,.city-scroll-story__scene--final{width:min(760px,calc(100vw - 48px))}.city-scroll-story__scene-inner{opacity:0;transform-origin:center;filter:blur(8px);pointer-events:none}.city-scroll-story__scene.is-active{z-index:3}.city-scroll-story__scene.is-active .city-scroll-story__scene-inner{pointer-events:auto;will-change:transform,opacity,filter}.city-scroll-story__copy,.city-scroll-story__final{text-align:center;text-wrap:balance;text-shadow:0 18px 54px rgba(0,0,0,.42)}.city-scroll-story__copy-title,.city-scroll-story__final-title{max-width:900px;margin:0 auto;color:#fff;font-family:inherit;font-size:clamp(3.2rem,6vw,8.8rem);font-weight:650;line-height:.96;letter-spacing:0}.city-scroll-story__copy-text,.city-scroll-story__final-text{max-width:620px;margin:clamp(16px,2.4vw,28px) auto 0;color:#ffffffc7;font-size:clamp(1.55rem,1.6vw,2.4rem);line-height:1.35;letter-spacing:0}.city-scroll-story__card{display:grid;grid-template-columns:118px minmax(0,1fr);gap:18px;align-items:center;width:100%;min-height:154px;padding:14px;color:#121416;background:var(--card-bg, rgb(255, 255, 255));background:color-mix(in srgb,var(--card-bg, rgb(255, 255, 255)) 91%,transparent);border:1px solid rgba(255,255,255,.46);border-radius:8px;box-shadow:0 24px 80px #0000003d;backdrop-filter:blur(18px) saturate(1.12);-webkit-backdrop-filter:blur(18px) saturate(1.12)}.city-scroll-story__card-media{display:block;width:118px;aspect-ratio:1;overflow:hidden;border-radius:6px;background:#0000000f}.city-scroll-story__product-image,.city-scroll-story__product-placeholder{display:block;width:100%;height:100%;object-fit:cover}.city-scroll-story__product-placeholder{color:#00000029;background:#0000000a}.city-scroll-story__card-body{min-width:0}.city-scroll-story__card-title{margin:0;color:#121416;font-family:inherit;font-size:clamp(1.75rem,1.15vw,2rem);font-weight:650;line-height:1.08;letter-spacing:0}.city-scroll-story__card-title a{color:inherit;text-decoration:none}.city-scroll-story__card-text{margin:8px 0 0;color:#121416b8;font-size:clamp(1.28rem,.85vw,1.45rem);line-height:1.38;letter-spacing:0}.city-scroll-story__card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.city-scroll-story__price{color:#121416c2;font-size:1.28rem;line-height:1}.city-scroll-story__button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;color:#fff;background:#005aff;border:1px solid rgba(0,90,255,.22);border-radius:999px;font-size:1.28rem;font-weight:560;line-height:1;letter-spacing:0;text-decoration:none;transition:background-color .18s ease,transform .18s ease}.city-scroll-story__button:hover,.city-scroll-story__button:focus-visible{background:#004cd6;transform:translateY(-1px)}.city-scroll-story__button:focus-visible{outline:2px solid rgba(255,255,255,.82);outline-offset:3px}.city-scroll-story__button--light{min-height:44px;margin-top:clamp(22px,3vw,34px);padding:0 22px;color:#121416;background:#ffffffeb;border-color:#ffffff94;box-shadow:0 18px 48px #00000038}.city-scroll-story__button--light:hover,.city-scroll-story__button--light:focus-visible{color:#121416;background:#fff}.city-scroll-story__logo{display:flex;justify-content:center;margin-bottom:clamp(18px,2.5vw,28px)}.city-scroll-story__logo-image{display:block;width:min(240px,46vw);max-height:82px;object-fit:contain}.city-scroll-story__wordmark{color:#fff;font-size:clamp(2.6rem,3vw,4rem);font-weight:720;line-height:1;letter-spacing:0}@media screen and (min-width:750px){.city-scroll-story__scene--mobile{display:none}}@media screen and (max-width:749px){.city-scroll-story,.city-scroll-story__stage{min-height:560px}.city-scroll-story__video--desktop{opacity:0}.city-scroll-story__video--mobile{opacity:1}.city-scroll-story__scene--desktop{display:none}.city-scroll-story__shade{background:linear-gradient(180deg,#0000003d,#0000000a 34%,#000000b8),linear-gradient(90deg,#00000057,#0000000f 48%,#00000057)}.city-scroll-story__scene{left:50%;top:auto;bottom:clamp(18px,6svh,48px);width:min(calc(100% - 28px),460px);transform:translate(-50%)}.city-scroll-story__scene--text{top:46%;bottom:auto;width:min(calc(100% - 32px),620px);transform:translate(-50%,-50%)}.city-scroll-story__scene--final{top:50%;bottom:auto;width:min(calc(100% - 32px),620px);transform:translate(-50%,-50%)}.city-scroll-story__copy-title,.city-scroll-story__final-title{font-size:clamp(3.1rem,10vw,5.8rem);line-height:1}.city-scroll-story__copy-text,.city-scroll-story__final-text{font-size:clamp(1.45rem,4vw,1.9rem)}.city-scroll-story__card{grid-template-columns:88px minmax(0,1fr);gap:14px;min-height:118px;padding:10px}.city-scroll-story__card-media{width:88px}.city-scroll-story__card-title{font-size:1.58rem}.city-scroll-story__card-text{display:-webkit-box;margin-top:6px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.23rem;line-height:1.32}.city-scroll-story__card-actions{margin-top:10px}.city-scroll-story__button{min-height:34px;padding:0 13px;font-size:1.18rem}.city-scroll-story__button--light{min-height:42px;padding:0 18px;font-size:1.25rem}}@media screen and (max-width:389px){.city-scroll-story__card{grid-template-columns:72px minmax(0,1fr)}.city-scroll-story__card-media{width:72px}.city-scroll-story__card-title{font-size:1.42rem}}@media(prefers-reduced-motion:reduce){.city-scroll-story__button,.city-scroll-story__scene-inner{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/city-scroll-story.css.map */