/* Homepage-only art direction. Existing tokens and approved assets remain authoritative. */
.experience-home{--scene-accent:#80e7f5;--scene-edge:#80dbe35c;--scene-glow:#16bcd65c;--scene-deep:#102b35;--scene-panel:#0c1820}
html[data-theme="gold"] .experience-home{--scene-accent:#ecd397;--scene-edge:#e0c57b66;--scene-glow:#b4812855;--scene-deep:#382d1c;--scene-panel:#191610}
.experience-home .hero{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:3%;text-align:left;min-height:650px;padding:55px 0 100px;overflow:visible}
.experience-home .hero-copy{align-items:flex-start;position:relative;z-index:2;max-width:660px}
.experience-home .hero .eyebrow{justify-content:flex-start;color:var(--scene-accent);margin-bottom:25px}
.experience-home .hero h1{font-size:clamp(62px,7vw,106px);line-height:1.01;letter-spacing:-.055em;white-space:nowrap}
.experience-home .hero-description{max-width:500px}
.experience-home .hero-light{inset:-120px -8vw -20px;background:radial-gradient(ellipse 42% 58% at 75% 50%,var(--scene-glow),transparent 73%);opacity:.38}
html[data-theme="gold"] .experience-home .hero-light{background:radial-gradient(ellipse 42% 58% at 75% 50%,var(--scene-glow),transparent 73%)}
.experience-home .hero-scene{height:490px;position:relative;isolation:isolate;pointer-events:none}
.experience-home .scene-halo,.experience-home .scene-device-plane,.experience-home .scene-foreground{position:absolute;inset:0}
.experience-home .scene-halo-inner{position:absolute;inset:8% 2%;border:1px solid var(--scene-edge);border-radius:50%;transform:rotate(-19deg);box-shadow:0 0 0 35px #ffffff05,0 0 0 70px #ffffff03,0 0 80px var(--scene-glow)}
.experience-home .scene-halo-inner:after{content:"";position:absolute;inset:14% -10%;border:1px solid var(--scene-edge);border-radius:50%;transform:rotate(40deg)}
.experience-home .scene-device{position:absolute;inset:10% 11% 9%;padding:13px;border:1px solid var(--scene-edge);border-radius:24px;background:linear-gradient(140deg,#ffffff19,transparent 25%),var(--scene-panel);box-shadow:0 36px 75px #0009,0 0 55px var(--scene-glow);transform:perspective(1000px) rotateY(-12deg) rotateX(5deg) rotateZ(3deg)}
.experience-home .device-top,.experience-home .device-bottom{display:flex;align-items:center;gap:5px;height:24px;color:var(--scene-accent);font:9px var(--mono);letter-spacing:.13em}
.experience-home .device-top span{height:4px;width:4px;border-radius:50%;background:var(--scene-accent);opacity:.65}
.experience-home .device-top i{font-style:normal;margin-left:auto;opacity:.7}
.experience-home .device-screen{height:calc(100% - 48px);border:1px solid var(--scene-edge);border-radius:14px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at center,var(--scene-deep),var(--scene-panel) 75%)}
.experience-home .device-screen:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,#000,transparent 78%)}
.experience-home .device-screen img{position:relative;width:76%;height:auto;filter:drop-shadow(0 14px 25px #0009)}
.experience-home .screen-cross{position:absolute;color:var(--scene-accent);opacity:.6;font-size:16px}.experience-home .cross-a{top:17px;left:20px}.experience-home .cross-b{right:20px;bottom:17px}
.experience-home .screen-label{position:absolute;left:20px;bottom:19px;color:var(--scene-accent);font:8px/1.6 var(--mono);letter-spacing:.12em;opacity:.75}
.experience-home .device-bottom{justify-content:space-between;padding:0 5px}
.experience-home .scene-foreground-inner{position:absolute;bottom:3%;left:-1%;right:0;display:flex;align-items:center;gap:12px;color:var(--scene-accent);font:9px var(--mono);letter-spacing:.14em;opacity:.7}.experience-home .scene-foreground-inner i{height:1px;flex:1;background:var(--scene-edge)}
.experience-home .about-section{border-top:1px solid var(--scene-edge)}
.experience-home .principles{gap:0;border-bottom:1px solid var(--line)}
.experience-home .principles>div{padding:22px 24px 25px 0;margin-right:24px;border-top:1px solid var(--scene-edge)}
.experience-home .principle-index{color:var(--scene-accent);font-size:10px;letter-spacing:.1em}
.experience-home .principles h3{font-size:20px;margin:20px 0 8px}.experience-home .principles p{max-width:250px;line-height:1.7}
.experience-home .store-grid{grid-template-columns:1fr;gap:12px}
.experience-home .store-card{min-height:145px;padding:18px;gap:22px;background:linear-gradient(110deg,var(--scene-deep),var(--scene-panel));border-color:var(--scene-edge)}
.experience-home .store-card-art{width:108px;height:108px;flex-basis:108px;border:1px solid var(--scene-edge);border-radius:14px;background:var(--scene-panel)}
.experience-home .store-card-art img{width:96px;height:96px}.experience-home .store-card-info h4{font-size:22px}.experience-home .store-card-info p{font-size:13px;margin:4px 0 9px}.experience-home .store-card-info div>span.app-status{color:var(--scene-accent);font-size:11px}
@media(max-width:800px){.experience-home .hero{grid-template-columns:1fr;gap:20px;text-align:center;padding:50px 0 65px;min-height:0}.experience-home .hero-copy{align-items:center;margin:auto}.experience-home .hero .eyebrow{justify-content:center}.experience-home .hero h1{font-size:clamp(48px,9vw,76px)}.experience-home .hero-scene{width:min(100%,480px);height:390px;margin:auto}.experience-home .hero-light{inset:-80px -40px 0;background:radial-gradient(ellipse 55% 45% at 50% 75%,var(--scene-glow),transparent 75%)}.experience-home .principles>div{margin-right:16px}}
@media(max-width:480px){.experience-home .hero{padding:42px 0 52px;gap:12px}.experience-home .hero h1{font-size:clamp(46px,12vw,58px);white-space:normal}.experience-home .hero-scene{height:310px;width:min(100%,340px)}.experience-home .scene-device{inset:8% 10% 9%}.experience-home .scene-halo-inner{inset:8% 5%}.experience-home .scene-foreground-inner{font-size:7px}.experience-home .principles{display:block}.experience-home .principles>div{display:block;margin:0;padding:19px 0}.experience-home .principles h3{margin:8px 0 3px;font-size:18px}.experience-home .store-card{min-height:112px;padding:12px;gap:14px}.experience-home .store-card-art{width:76px;height:76px;flex-basis:76px}.experience-home .store-card-art img{width:67px;height:67px}.experience-home .store-card-info h4{font-size:18px}.experience-home .store-card-info p{font-size:11px}.experience-home .store-card-info div>span.app-status{font-size:10px}}
@media(prefers-reduced-motion:reduce){.experience-home [data-sc-parallax]{transform:none!important}}
.experience-home .store-card{transition:transform .2s ease,border-color .2s ease,background .2s ease}
.experience-home .store-card:hover{transform:translateY(-3px)}
.experience-home .hero h1,.experience-home h2{text-wrap:balance}
.experience-home .apps-drawer[open]{animation:collection-enter .24s ease-out}
@keyframes collection-enter{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.experience-home .apps-drawer[open]{animation:none}.experience-home .store-card{transition:none}.experience-home .store-card:hover{transform:none}}