/* FULL STORE: violet glass, graphite and generous product compositions. */
header{background:linear-gradient(115deg,#7c3aedb3,#36195dcc 55%,#121212d9);color:#fff;border-bottom:1px solid #c9a9ff65;box-shadow:0 8px 32px #2e0e5528,inset 0 1px #ffffff24;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}header .wordmark i{background:#cfb5ff}header nav a:last-child{border-color:#c4a2fb66}header nav a:hover{color:#ddc8ff}header nav a[aria-current=page]{color:#e0cbff}.menu{color:#fff}
.back-top{position:fixed;bottom:24px;right:24px;z-index:18;width:46px;height:46px;display:grid;place-items:center;border:1px solid #bc91ff88;border-radius:50%;background:#7035b89e;color:white;backdrop-filter:blur(20px);box-shadow:0 5px 22px #4f199a36;opacity:0;pointer-events:none;transition:opacity .25s}.back-top.shown{opacity:1;pointer-events:auto}
.hero{background:radial-gradient(ellipse at 80% 70%,#d8c2ffbb,transparent 60%),#f5f1fa}.latest-hero{height:440px;margin-top:-25px;display:flex;justify-content:center}.latest-phone{height:590px;max-width:90%;object-fit:contain;transform:translateY(var(--intro-y,0px)) scale(var(--intro-scale,1));transform-origin:center 55%;filter:drop-shadow(0 30px 30px #37145c24)}.lp-motion .hero-copy{opacity:var(--intro-opacity,1)}
.product-invitation{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;padding:85px 8%;background:linear-gradient(125deg,#7c3aed,#5724a1);color:#fff}.product-invitation h2{margin:0}.product-invitation p:not(.eyebrow){color:#eee2ff;line-height:1.8;font-size:16px}.product-invitation .shiny{margin-top:15px}
.phone-scene .single-product img{position:static;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 25px 40px #0005)}
.lp-motion .phone-scene{height:190svh;min-height:0;padding:0;display:block;overflow:visible;background:#0e0917}.lp-motion .phone-scene .scene-viewport{position:sticky;top:82px;height:calc(100svh - 82px);min-height:0;padding:0 8%;display:flex;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 75% 55%,#7c3aed42,transparent 60%),#0e0917}.lp-motion .phone-scene .section-copy{width:47%;transform:translateY(var(--copy-y,0px))}.lp-motion .phone-scene .single-product{position:absolute;right:0;top:0;height:100%;width:58%;transform:translateY(var(--single-y,0px)) rotate(var(--single-angle,-7deg)) scale(var(--single-scale,.82));transform-origin:52% 50%;will-change:transform}.lp-motion .phone-scene .scene-caption{left:8%;bottom:25px}.lp-motion .scene-track{display:block;position:absolute;right:8%;bottom:30px;width:110px;height:2px;background:#ffffff25}.lp-motion .scene-track span{display:block;background:#bf97ff;height:100%;transform:scaleX(var(--scene-p,0));transform-origin:left}
@media(max-width:800px){header nav{background:linear-gradient(130deg,#6530aef5,#251139f5);color:#fff;border-bottom:1px solid #ab80e988}.hero{min-height:800px}.latest-hero{height:340px;margin-top:0;left:0;width:100%}.latest-phone{height:440px;max-width:115%}.product-invitation{grid-template-columns:1fr;gap:25px;padding:65px 7%}.lp-motion .phone-scene{height:165svh}.lp-motion .phone-scene .scene-viewport{top:68px;height:calc(100svh - 68px);display:block;padding:35px 7%}.lp-motion .phone-scene .section-copy{width:100%;z-index:3;transform:none}.lp-motion .phone-scene h2{font-size:clamp(30px,8.5vw,42px);margin-bottom:12px}.lp-motion .phone-scene .eyebrow{margin-bottom:15px}.lp-motion .phone-scene .section-copy>p:not(.eyebrow){font-size:12px;max-width:310px;margin:10px 0}.lp-motion .phone-scene .line-link{padding:8px 0;font-size:11px}.lp-motion .phone-scene .single-product{top:29%;right:0;width:100%;height:68%;transform-origin:50% 60%}.lp-motion .phone-scene .scene-caption{font-size:7px;bottom:15px}.back-top{width:40px;height:40px;right:15px;bottom:15px}}
@media(max-height:650px) and (max-width:800px){.lp-motion .phone-scene .section-copy>p:not(.eyebrow){display:none}.lp-motion .phone-scene .single-product{top:27%;height:70%}}
@media(prefers-reduced-motion:reduce){.latest-phone{transform:none}.phone-scene .single-product{height:480px}.back-top{transition:none}}
