.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}}.city-scroll-story{height:auto;min-height:0;overflow:visible;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.city-scroll-story__stage{min-height:0;height:100svh}.city-scroll-story.is-enhanced .city-scroll-story__stage{position:sticky;top:0}.city-scroll-story__shade{background:linear-gradient(180deg,rgba(7,12,22,.2),transparent 35%,rgba(7,12,22,.46))}.city-scroll-story__copy-title,.city-scroll-story__final-title{font-family:inherit;font-size:clamp(36px,5.8vw,84px);line-height:1.04;letter-spacing:-.045em;font-weight:600}.city-scroll-story__copy-text,.city-scroll-story__final-text{font-size:clamp(16px,1.6vw,22px);line-height:1.5;color:#ffffffe6;letter-spacing:-.015em}.city-scroll-story__scene{--card-half: 190px;left:clamp(calc(var(--card-half) + 24px),var(--scene-x),calc(100% - var(--card-half) - 24px));top:clamp(190px,var(--scene-y),calc(100% - 170px))}.city-scroll-story__scene--text,.city-scroll-story__scene--final{--card-half: min(380px, calc(50vw - 24px) )}.city-scroll-story__scene-inner{filter:none}.city-scroll-story__scene.is-active .city-scroll-story__scene-inner{will-change:auto}.city-scroll-story__card{grid-template-columns:94px minmax(0,1fr);gap:18px;padding:18px;min-height:144px;border-radius:28px;background:var(--card-bg, #fff);background:color-mix(in srgb,var(--card-bg, #fff) 86%,transparent);border:1px solid rgba(255,255,255,.65);box-shadow:inset 0 1px #fffc,0 18px 60px #070c162e;backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%)}.city-scroll-story__card-media{width:94px;border-radius:18px;background:#ffffff80}.city-scroll-story__product-image{object-fit:contain}.city-scroll-story__card-title{font-size:18px;line-height:1.2;letter-spacing:-.025em;font-weight:600}.city-scroll-story__card-text{font-size:13px;line-height:1.45;color:#45494f}.city-scroll-story__button{min-height:44px;font-size:13px;background:#20347b;border-color:transparent;padding:0 18px}.city-scroll-story__button:hover{background:#16265e}.city-scroll-story__button--light{background:#fffffff0;color:#181b22}.city-scroll-story a:focus-visible{outline:3px solid #20347b;outline-offset:4px}.city-scroll-story__pin{display:flex;justify-content:center;align-items:center;width:28px;height:28px;margin:0 auto 32px;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:#ffffff29;box-shadow:0 2px 18px #0000001f;position:relative}.city-scroll-story__pin span{width:8px;height:8px;border-radius:50%;background:#fff}.city-scroll-story__pin:after{content:"";position:absolute;top:27px;height:33px;width:1px;background:linear-gradient(#fff,#ffffff40)}.city-scroll-story__chrome{position:absolute;z-index:4;top:max(112px,15svh);left:clamp(20px,4vw,64px);right:clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:16px}.city-scroll-story__signature{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:650;letter-spacing:.15em;color:#fff}.city-scroll-story__signature span{font-size:12px;font-weight:400;letter-spacing:-.01em;color:#ffffffd1}.city-scroll-story__skip{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:0 17px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#fff;background:#0a101a6b;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-size:12px;text-decoration:none}.city-scroll-story__skip:hover{color:#fff;background:#0a101aad}.city-scroll-story__dock{position:absolute;z-index:4;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:18px;padding:14px 22px;border-radius:999px;background:#0a101aa3;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px #ffffff1f,0 8px 24px #0000001f;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);color:#fff;white-space:nowrap}.city-scroll-story__hint{font-size:12px;display:flex;gap:10px;align-items:center}.city-scroll-story__hint>span{font-size:19px}.city-scroll-story__track{height:3px;width:80px;border-radius:4px;overflow:hidden;background:#ffffff40}.city-scroll-story__track span{display:block;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left}.city-scroll-story__counter{font-size:11px;width:30px;font-variant-numeric:tabular-nums}.city-scroll-story__end{height:0;outline:none}.city-scroll-story:not(.is-enhanced) .city-scroll-story__stage{height:auto;min-height:100svh;padding:180px 24px 60px}.city-scroll-story:not(.is-enhanced) .city-scroll-story__content{position:relative;display:grid;gap:32px}.city-scroll-story:not(.is-enhanced) .city-scroll-story__scene{position:relative;inset:auto;margin:auto;transform:none;max-width:100%}.city-scroll-story:not(.is-enhanced) .city-scroll-story__scene-inner{opacity:1;filter:none;pointer-events:auto}.city-scroll-story:not(.is-enhanced) .city-scroll-story__dock,.city-scroll-story:not(.is-enhanced) .city-scroll-story__skip,.city-scroll-story:not(.is-enhanced) .city-scroll-story__pin{display:none}@media(max-width:749px){.city-scroll-story,.city-scroll-story__stage{min-height:0}.city-scroll-story__scene{--card-half: min(190px, calc(50vw - 16px) );width:min(380px,calc(100% - 32px));left:clamp(calc(var(--card-half) + 16px),var(--scene-mobile-x),calc(100% - var(--card-half) - 16px));top:clamp(220px,var(--scene-mobile-y),calc(100% - 270px));bottom:auto;transform:translate(-50%,-50%)}.city-scroll-story__scene--text,.city-scroll-story__scene--final{top:47%;width:calc(100% - 40px);left:50%}.city-scroll-story__card{grid-template-columns:74px minmax(0,1fr);gap:14px;padding:16px;border-radius:24px}.city-scroll-story__card-media{width:74px;border-radius:14px}.city-scroll-story__card-title{font-size:16px}.city-scroll-story__card-text{font-size:12px}.city-scroll-story__button{min-height:44px;font-size:12px}.city-scroll-story__chrome{top:112px;left:20px;right:20px}.city-scroll-story__signature span{max-width:130px;line-height:1.4}.city-scroll-story__skip{padding:0 14px;font-size:11px}.city-scroll-story__dock{bottom:max(22px,env(safe-area-inset-bottom));gap:12px;padding:12px 16px;max-width:calc(100% - 32px)}.city-scroll-story__hint{font-size:11px}.city-scroll-story__track{width:54px}.city-scroll-story__pin{margin-bottom:22px}.city-scroll-story__pin:after{height:23px}}@media(max-height:600px)and (min-width:750px){.city-scroll-story__chrome{top:90px}.city-scroll-story__scene{top:54%}.city-scroll-story__pin{display:none}.city-scroll-story__copy-title{font-size:40px}}@media(prefers-reduced-motion:reduce){.city-scroll-story *,.city-scroll-story *:before,.city-scroll-story *:after{transition:none}}.city-scroll-story__dock{bottom:max(90px,calc(env(safe-area-inset-bottom) + 74px))}.city-scroll-story__video.is-active{opacity:1}@media(max-width:749px)and (max-height:560px){.city-scroll-story__chrome{top:90px}.city-scroll-story__signature span{display:none}.city-scroll-story__scene{top:54%}.city-scroll-story__pin{display:none}.city-scroll-story__dock{bottom:82px;padding:8px 14px}.city-scroll-story__copy-title{font-size:30px}}.city-scroll-story__dock{padding:7px 12px;gap:0;background:#141a2438;border-color:#ffffff4d;box-shadow:inset 0 1px #ffffff29;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.city-scroll-story__track{width:58px;height:2px}.city-scroll-story__counter{display:none}.city-scroll-story__hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);font-size:11px;gap:6px;color:#ffffffe6;text-shadow:0 1px 8px rgba(0,0,0,.65)}.city-scroll-story__hint[hidden]{display:none}.city-scroll-story__hint>span{font-size:14px}.city-scroll-story__card{position:relative;isolation:isolate;background:#ffffff8c;background:linear-gradient(135deg,#ffffff47,#ffffff06 45%,#ffffff1f),color-mix(in srgb,var(--card-bg, #fff) 28%,transparent);border:1px solid rgba(255,255,255,.58);box-shadow:inset 0 1px 1px #ffffffe6,inset 0 -1px 1px #ffffff59,0 12px 36px #0a0f1829;backdrop-filter:blur(12px) saturate(170%);-webkit-backdrop-filter:blur(12px) saturate(170%)}.city-scroll-story__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(155deg,rgba(255,255,255,.45),transparent 30%,transparent 70%,rgba(255,255,255,.15));z-index:-1}.city-scroll-story__card-media{background:#ffffff4d}@media(max-width:749px){.city-scroll-story__scene--product{--card-half: min(140px, calc(50vw - 16px) );width:min(280px,calc(100% - 32px));left:clamp(calc(var(--card-half) + 16px),var(--scene-mobile-x),calc(100% - var(--card-half) - 16px));top:clamp(230px,var(--scene-mobile-y),calc(100% - 190px))}.city-scroll-story__card{grid-template-columns:56px minmax(0,1fr);gap:11px;min-height:0;padding:12px;border-radius:22px}.city-scroll-story__card-media{width:56px;border-radius:12px}.city-scroll-story__card-title{font-size:14px;line-height:1.22}.city-scroll-story__card-text{font-size:11px;line-height:1.35;margin-top:5px}.city-scroll-story__card-actions{margin-top:6px}.city-scroll-story__button{min-height:44px;padding:0 13px;font-size:11px}.city-scroll-story__pin{width:20px;height:20px;margin-bottom:16px}.city-scroll-story__pin span{width:5px;height:5px}.city-scroll-story__pin:after{top:19px;height:17px}.city-scroll-story__dock{padding:7px 12px}}.city-scroll-story__card{background:#0a101a6b;border:1px solid rgba(255,255,255,.28);box-shadow:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff}.city-scroll-story__card:before{display:none}.city-scroll-story__card-title{color:#fff}.city-scroll-story__card-text{color:#ffffffe0}.city-scroll-story__price{color:#ffffffe6}.city-scroll-story__card-media{background:#ffffff1f}.city-scroll-story__card .city-scroll-story__button{color:#fff;background:#ffffff1f;border-color:#ffffff47}.city-scroll-story__card .city-scroll-story__button:hover{background:#ffffff3b}.city-scroll-story__card a:focus-visible{outline-color:#fff}.prenco-liquid-glass .city-scroll-story__card{--plg-tint: rgba(10,16,26,.42);--plg-shadow: none;border-color:#ffffff47!important}@media(prefers-reduced-transparency:reduce){.prenco-liquid-glass .city-scroll-story__card{--plg-tint: #18202c !important}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.prenco-liquid-glass .city-scroll-story__card{--plg-tint: #18202c !important}}.city-scroll-story__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover}.city-scroll-story__poster--mobile{display:none}.city-scroll-story:not(.is-video-ready) .city-scroll-story__video{opacity:0}@media(max-width:749px){.city-scroll-story.has-mobile-video .city-scroll-story__poster--desktop{display:none}.city-scroll-story__poster--mobile{display:block}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/city-scroll-story.css.map */