/* The scroll-to-store handoff, with a retail message and an immediate shop link. */
.commerce-opening .opening-backdrop{background:#10191d}
.commerce-opening .opening-type h2{font-size:clamp(68px,11.4vw,176px);font-weight:550;line-height:.98;letter-spacing:-.065em;margin:0;width:calc(100% - 60px);color:#f1f9fb;animation:storefront-arrival .65s cubic-bezier(.22,1,.36,1) both}
.commerce-opening .opening-type h2>span{color:#8cdef2;white-space:nowrap}
.opening-price{display:flex;align-items:center;gap:13px;font-size:12px;color:#9ab4bd;margin-top:30px}.opening-price strong{font-size:24px;font-weight:500;letter-spacing:-.7px;color:#e6f4f8}
.commerce-opening .opening-skip{background:#8cdef2;color:#152f39;padding:10px 19px;border-radius:28px;gap:20px}.commerce-opening .opening-skip>span{color:#152f39}
@media(max-width:760px){.commerce-opening .opening-type h2{font-size:clamp(39px,10.8vw,79px);letter-spacing:-.06em;width:calc(100% - 28px);line-height:1.04}.commerce-opening .opening-type>p{font-size:7px;letter-spacing:1.3px}.opening-price{font-size:10px;margin-top:25px;gap:10px}.opening-price strong{font-size:22px}.commerce-opening .opening-skip{padding:10px 15px;gap:14px}}
@media(prefers-reduced-motion:reduce){.commerce-opening .opening-type h2{animation:none}}