/* MION — dream after dark */
:root{--electric:#bfffa7;--lilac:#aabaff}.reading-progress{position:fixed;left:0;top:0;width:100%;height:2px;transform:scaleX(0);transform-origin:left;z-index:40;background:linear-gradient(90deg,var(--accent),var(--electric));box-shadow:0 0 14px #bfffa780;pointer-events:none}header{position:fixed;transition:background .35s,backdrop-filter .35s,height .35s}header.scrolled{height:72px;background:#0d191de8;backdrop-filter:blur(20px);box-shadow:0 5px 35px #0002}nav a{position:relative;padding:8px 0}nav a::after{content:'';height:1px;position:absolute;bottom:0;left:0;right:100%;background:var(--accent);transition:right .3s}nav a:hover::after{right:0}.hero{isolation:isolate}.hero-shade{background:linear-gradient(90deg,#071115ef 0%,#0711158c 38%,#07111522 80%),linear-gradient(0deg,#10191df0,transparent 50%,#10191d40)}.hero-image{animation:none}.hero-content,.hero-bottom,.hero-side,.motion-toggle,.scene-caption{z-index:3}.hero-content{pointer-events:none}.hero-content a{pointer-events:auto}.hero-content .eyebrow{color:var(--electric)}.hero h1{font-weight:450}.hero h1 .title-line{display:block;color:var(--ink);overflow:visible;letter-spacing:-2px}.hero h1 em{font-style:normal;background:linear-gradient(100deg,#b7e7e0 5%,#dcffd0 50%,#a9c6ff 95%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:prism 9s ease-in-out infinite alternate}.hero .button.light{background:var(--electric);box-shadow:0 0 40px #bfffa715}.hero .button.light:hover{box-shadow:0 0 38px #bfffa738}.aurora{position:absolute;inset:-30%;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 72% 45%,#92ffe224,transparent 35%),radial-gradient(ellipse at 82% 72%,#9e9fff26,transparent 35%);filter:blur(45px);animation:aurora-drift 14s ease-in-out infinite alternate;mix-blend-mode:screen}.hero-halo{position:absolute;inset:0;background:radial-gradient(420px circle at var(--pointer-x,72%) var(--pointer-y,50%),#b7e7e01c,transparent 75%);z-index:2;pointer-events:none;mix-blend-mode:screen}.hero-word{position:absolute;right:5%;top:14%;color:transparent;-webkit-text-stroke:1px #daefeb25;font-size:clamp(85px,12vw,185px);font-weight:700;line-height:.85;letter-spacing:-7px;z-index:1;pointer-events:none}.dream-orbit{position:absolute;right:9%;top:42%;width:270px;height:270px;z-index:2;pointer-events:none;transform:translate(var(--orbit-x,0px),var(--orbit-y,0px));transition:transform .8s ease-out}.orbit-ring{position:absolute;border:1px solid #d4ffed65;inset:0;border-radius:50%;box-shadow:inset 0 0 30px #b7e7e009,0 0 25px #b7e7e009}.ring-one{transform:rotate(-32deg) scaleY(.5);animation:orbit-one 18s linear infinite}.ring-two{transform:rotate(43deg) scaleY(.65);animation:orbit-two 22s linear infinite}.ring-three{inset:28px;border:1px dashed #d4ffed5c;animation:orbit-spin 50s linear infinite}.orbit-core{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-shadow:0 2px 30px #000;animation:core-float 6s ease-in-out infinite}.orbit-core>span{font-size:32px;font-weight:300;letter-spacing:12px;margin-left:12px}.orbit-core small{font-size:9px;letter-spacing:2px;color:#e1f5e8;margin-top:12px}.orbit-spark{position:absolute;top:29px;left:53px;width:7px;height:7px;border-radius:50%;background:var(--electric);box-shadow:0 0 16px var(--electric)}.motion-toggle{position:absolute;left:7%;bottom:97px;display:flex;gap:10px;align-items:center;padding:7px 0;border:0;background:none;color:#d7e5df;font-size:12px}.motion-bars{display:flex;height:16px;gap:3px;align-items:center}.motion-bars i{width:2px;height:13px;background:var(--electric);animation:equalize 1.4s ease-in-out infinite alternate}.motion-bars i:nth-child(2){animation-delay:-.4s;height:7px}.motion-bars i:nth-child(3){animation-delay:-.8s}.motion-bars i:nth-child(4){animation-delay:-1.2s;height:9px}.scene-caption{position:absolute;right:5%;bottom:103px;display:flex;align-items:center;gap:16px}.scene-time{font-size:30px;letter-spacing:-1px;font-weight:300;font-variant-numeric:tabular-nums}.scene-name{font-size:12px;color:#cfdfda;letter-spacing:1px}.scene{position:relative;border-color:#ffffff40;transition:color .3s,background .3s;min-width:45px}.scene.active{background:#c6ffd211;border-color:var(--electric);color:var(--electric)}.hero[data-mood="1"] .aurora{background:radial-gradient(ellipse at 70% 45%,#ffe4a332,transparent 45%)}.hero[data-mood="2"] .aurora{background:radial-gradient(ellipse at 70% 45%,#c4ffb238,transparent 45%)}.manifesto{display:block;overflow:hidden;padding:23px 0;background:#bedbbd08;border-block:1px solid #b7e7e030}.marquee-track{display:flex;width:max-content;animation:marquee 32s linear infinite}.marquee-set{display:flex;gap:48px;align-items:center;padding-right:48px;white-space:nowrap}.marquee-set>span{font-size:17px;letter-spacing:3px;font-weight:350}.marquee-set p{font-size:17px;margin:0;letter-spacing:4px}.marquee-set i{font-size:30px;color:var(--electric);font-style:normal}.intro{background:radial-gradient(ellipse at 95% 20%,#b7e7e009,transparent 55%)}.product-card{perspective:1000px;animation:card-arrive .7s both}.product-card:nth-child(2){animation-delay:.08s}.product-card:nth-child(3){animation-delay:.16s}.product-card:nth-child(4){animation-delay:.24s}.product-photo{border:1px solid #c0e8df22;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .32s ease-out,box-shadow .35s}.product-photo::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%),#e1fff830,transparent 55%);opacity:0;transition:opacity .4s;pointer-events:none;mix-blend-mode:screen}.product-card:hover .product-photo{box-shadow:0 18px 50px #0005,0 0 0 1px #b7e7e025}.product-card:hover .product-photo::after{opacity:1}.photo-plus{transition:transform .4s,background .4s,color .4s}.product-photo:hover .photo-plus{transform:rotate(90deg);background:var(--electric);color:#153135;border-color:var(--electric)}.product-card:hover .product-meta h3{color:var(--accent)}.detail-section{position:relative;border-block:1px solid #b7e7e029}.detail-photo::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#e6fff322 49%,transparent 65%);transform:translateX(-100%)}.detail-section:hover .detail-photo::after{animation:detail-sweep 1.6s ease-out}.detail-copy{position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 0%,#b7e7e013,transparent 70%)}.detail-copy::after{content:'FEEL';position:absolute;right:-10px;bottom:-60px;font-size:170px;font-weight:700;color:#b7e7e005;-webkit-text-stroke:1px #b7e7e015;pointer-events:none;letter-spacing:-8px}.detail-copy>*{position:relative;z-index:1}.detail-tabs button{transition:color .3s,text-shadow .3s}.detail-tabs button.active{color:var(--electric);border-color:var(--electric);text-shadow:0 0 20px #bfffa733}.guide .step{color:transparent;-webkit-text-stroke:1px #adcfc77a;transition:color .35s,text-shadow .35s}.guide-grid article:hover .step{color:var(--accent);text-shadow:0 0 30px #b7e7e040}.guide-grid article{transition:opacity .7s,transform .7s,background .35s}.guide-grid article:nth-child(2){transition-delay:.08s}.guide-grid article:nth-child(3){transition-delay:.16s}.button{position:relative;overflow:hidden}.button::after{content:'';position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 40%,#fff5 50%,transparent 60%);transform:translateX(-100%);pointer-events:none}.button:hover::after{animation:button-sweep .8s ease-out}.button>span{transition:transform .3s}.button:hover>span{transform:rotate(90deg)}dialog[open]{animation:dialog-in .35s cubic-bezier(.16,1,.3,1)}.fx-on .hero-content .eyebrow{animation:content-in .8s both}.fx-on .title-line{animation:content-in 1.05s .1s both}.fx-on .title-line:nth-child(2){animation-delay:.23s}.fx-on .hero-desc{animation:content-in 1s .35s both}.fx-on .hero-content>.button{animation:content-in 1s .48s both}
@keyframes prism{to{background-position:100% 50%}}@keyframes aurora-drift{from{transform:translate(-3%,2%) rotate(-5deg)}to{transform:translate(4%,-3%) rotate(8deg)}}@keyframes orbit-one{to{transform:rotate(328deg) scaleY(.5)}}@keyframes orbit-two{to{transform:rotate(-317deg) scaleY(.65)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes core-float{50%{transform:translateY(-8px)}}@keyframes equalize{to{transform:scaleY(.35)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes card-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes content-in{from{opacity:0;transform:translateY(25px);filter:blur(7px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes detail-sweep{to{transform:translateX(100%)}}@keyframes button-sweep{to{transform:translateX(100%)}}@keyframes dialog-in{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1000px){.dream-orbit{width:220px;height:220px;right:7%;top:47%}.hero-word{top:20%;right:4%;font-size:12vw}.orbit-core>span{font-size:26px}.scene-caption{gap:10px}.scene-name{font-size:11px}}@media(max-width:760px){header.scrolled{height:76px}.hero-word{font-size:80px;letter-spacing:-4px;top:110px;right:-8px;opacity:.65}.hero-content{padding-top:175px}.hero h1 .title-line{letter-spacing:-1px}.hero-halo{display:none}.dream-orbit{width:135px;height:135px;right:7%;top:auto;bottom:155px;opacity:.8}.ring-three{inset:14px}.orbit-core>span{font-size:20px;letter-spacing:6px;margin-left:6px}.orbit-core small{font-size:6px;letter-spacing:1px;margin-top:6px}.orbit-spark{width:5px;height:5px;left:28px;top:13px}.scene-caption{left:7%;right:auto;bottom:97px;gap:10px}.scene-time{font-size:22px}.scene-name{font-size:10px}.motion-toggle{left:auto;right:7%;bottom:102px;font-size:11px}.motion-label{font-size:10px}.motion-bars{height:12px}.hero-bottom{bottom:27px}.marquee-set{gap:25px;padding-right:25px}.marquee-set>span,.marquee-set p{font-size:14px;letter-spacing:2px}.marquee-set i{font-size:22px}.manifesto{padding:18px 0}.product-photo:active{transform:scale(.98)}.detail-copy::after{font-size:130px;bottom:-45px}.product-card:hover .product-photo{box-shadow:none}.aurora{filter:blur(25px)}.guide-grid article:nth-child(n){transition-delay:0s}}
body:not(.fx-on) *,body:not(.fx-on) *::before,body:not(.fx-on) *::after{animation:none!important;transition:none!important}body:not(.fx-on) .marquee-track{transform:none}body:not(.fx-on) .product-photo,body:not(.fx-on) .dream-orbit{transform:none!important}body:not(.fx-on) .reveal{opacity:1;transform:none}body:not(.fx-on) .hero-halo{opacity:0}body:not(.fx-on) .motion-bars i{height:3px}html.motion-still{scroll-behavior:auto}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.dream-orbit,.product-photo{transform:none!important}.hero-halo{display:none}*,*::before,*::after{animation:none!important;transition:none!important}}
.page-hidden *, .page-hidden *::before, .page-hidden *::after{animation-play-state:paused!important}
@media(min-width:761px){.motion-toggle{left:auto;right:5%;top:110px;bottom:auto}}
/* Clipping must not create an internal scroll container when scene controls receive focus. */
.hero{overflow:clip}