.aceii-scroll-phone{position:relative;width:100%;height:340vh;background:var(--asp-background, #f4f6f4);color:var(--asp-text, #080a09)}.aceii-scroll-phone *{box-sizing:border-box}.asp-sticky{position:sticky;top:0;width:100%;height:100vh;min-height:720px;overflow:hidden;display:flex;align-items:center}.asp-inner{margin:0 auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:80px;align-items:center}.asp-copy{max-width:720px}.asp-eyebrow{margin:0 0 22px;color:var(--asp-accent, #682dc5);font-size:14px;line-height:1;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.asp-copy h2{margin:0;color:var(--asp-text, #080a09);font-size:clamp(48px,4.2vw,76px);line-height:1.04;font-weight:500;letter-spacing:-.035em}.asp-description{max-width:650px;margin:28px 0 0;color:color-mix(in srgb,var(--asp-text, #080a09) 62%,transparent);font-size:18px;line-height:1.55;font-weight:400}.asp-feature-list{max-width:650px;margin-top:46px;border-top:1px solid color-mix(in srgb,var(--asp-text, #080a09) 12%,transparent)}.asp-feature{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid color-mix(in srgb,var(--asp-text, #080a09) 12%,transparent)}.asp-feature>span{color:var(--asp-accent, #682dc5);font-size:12px;line-height:1.3;font-weight:700}.asp-feature strong{display:block;color:var(--asp-text, #080a09);font-size:17px;line-height:1.25;font-weight:600}.asp-feature p{margin:7px 0 0;color:color-mix(in srgb,var(--asp-text, #080a09) 54%,transparent);font-size:14px;line-height:1.45;font-weight:400}.asp-phone-area{position:relative;display:flex;justify-content:center;align-items:center;min-height:700px}.asp-phone{position:relative;width:min(360px,25vw);aspect-ratio:9 / 19.4;padding:10px;border-radius:58px;background:linear-gradient(145deg,#292929,#050505 44%,#343434);box-shadow:0 52px 120px #0003,0 18px 42px #00000026,inset 0 0 0 2px #ffffff47,inset 0 0 0 5px #000000e0;transform:translateZ(0)}.asp-phone:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;z-index:5;border-radius:54px;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 0 18px #ffffff0d}.asp-phone-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:49px;background:#fff;isolation:isolate}.asp-screen-content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#fff}.asp-long-image{position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;display:block;object-fit:cover;object-position:top center;transform:translateZ(0);will-change:transform;backface-visibility:hidden}.asp-dynamic-island{position:absolute;z-index:12;left:50%;top:15px;width:102px;height:30px;border-radius:999px;background:#050505;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff0d,0 1px 3px #00000047;pointer-events:none}.asp-dynamic-island:after{content:"";position:absolute;right:9px;top:9px;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 38% 38%,#334a6d,#111a2a 40%,#030303 72%)}.asp-phone-speaker{position:absolute;z-index:15;left:50%;top:7px;width:58px;height:3px;border-radius:999px;background:#ffffff2e;transform:translate(-50%)}.asp-phone-buttons{position:absolute;z-index:1;display:flex;flex-direction:column}.asp-phone-buttons span{display:block;background:#1c1c1c;box-shadow:inset 1px 0 1px #ffffff2e}.asp-phone-buttons-left{left:-4px;top:112px;gap:16px}.asp-phone-buttons-left span:nth-child(1){width:4px;height:27px;border-radius:3px 0 0 3px}.asp-phone-buttons-left span:nth-child(2),.asp-phone-buttons-left span:nth-child(3){width:4px;height:54px;border-radius:3px 0 0 3px}.asp-phone-buttons-right{right:-4px;top:168px}.asp-phone-buttons-right span{width:4px;height:82px;border-radius:0 3px 3px 0}.asp-scroll-hint{position:absolute;left:50%;bottom:6px;display:flex;align-items:center;gap:10px;color:color-mix(in srgb,var(--asp-text, #080a09) 46%,transparent);font-size:12px;line-height:1;font-weight:500;transform:translate(-50%);transition:opacity .3s ease}.asp-scroll-hint span{position:relative;width:18px;height:28px;border:1px solid color-mix(in srgb,var(--asp-text, #080a09) 28%,transparent);border-radius:999px}.asp-scroll-hint span:after{content:"";position:absolute;left:50%;top:6px;width:3px;height:6px;border-radius:999px;background:var(--asp-accent, #682dc5);transform:translate(-50%);animation:aspScrollDot 1.7s ease-in-out infinite}.asp-scroll-hint.is-hidden{opacity:0}@keyframes aspScrollDot{0%{opacity:0;transform:translate(-50%)}30%{opacity:1}to{opacity:0;transform:translate(-50%,9px)}}@media screen and (max-width:1180px){.aceii-scroll-phone{height:300vh}.asp-sticky{min-height:680px}.asp-inner{grid-template-columns:minmax(0,1fr) 380px;gap:48px}.asp-copy h2{font-size:50px}.asp-description{font-size:16px}.asp-phone-area{min-height:620px}.asp-phone{width:320px}}@media screen and (max-width:820px){.aceii-scroll-phone{height:260vh}.asp-sticky{height:100svh;min-height:720px;padding:58px 0 36px}.asp-inner{height:100%;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:28px}.asp-copy{max-width:100%;text-align:center}.asp-eyebrow{margin-bottom:14px;font-size:12px}.asp-copy h2{font-size:34px;line-height:1.06}.asp-copy h2 br{display:none}.asp-description{max-width:520px;margin:16px auto 0;font-size:14px;line-height:1.5}.asp-feature-list{display:none}.asp-phone-area{min-height:0;height:100%;align-items:flex-start}.asp-phone{width:min(268px,68vw);max-height:58vh}.asp-scroll-hint{display:none}}@media screen and (max-width:480px){.aceii-scroll-phone{height:240vh}.asp-sticky{min-height:680px;padding:48px 0 28px}.asp-copy h2{font-size:30px}.asp-description{font-size:13px}.asp-phone{width:min(246px,70vw);border-radius:48px;padding:8px}.asp-phone-screen{border-radius:41px}.asp-phone:before{border-radius:45px}.asp-dynamic-island{top:12px;width:88px;height:26px}}@media(prefers-reduced-motion:reduce){.aceii-scroll-phone{height:auto;padding:80px 0}.asp-sticky{position:relative;height:auto;min-height:auto}.asp-long-image{position:relative;transform:none!important}.asp-phone-screen{overflow-y:auto}.asp-scroll-hint{display:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-aceii-scroll-phone.css.map */