/* Shared motion layer for the ten Nawa Daily product sites. */
html,body{overflow-x:clip}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.motion-progress{position:fixed;z-index:80;left:0;top:0;width:100%;height:3px;transform-origin:left;background:linear-gradient(90deg,var(--accent),#fff);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 75%,transparent);transform:scaleX(var(--page-progress,0));pointer-events:none}
.ambient-orb{position:fixed;width:min(38vw,540px);aspect-ratio:1;border-radius:50%;filter:blur(110px);opacity:.12;pointer-events:none;z-index:-1;will-change:transform}.ambient-orb.one{background:var(--accent);left:-18vw;top:32vh;transform:translate3d(0,var(--orb-a,0),0)}.ambient-orb.two{background:#fff;right:-25vw;top:72vh;opacity:.065;transform:translate3d(0,var(--orb-b,0),0)}
nav{position:relative;z-index:30}.hero{position:relative;isolation:isolate}.hero-copy{position:relative;z-index:3;transform:translate3d(0,var(--copy-y,0),0);opacity:var(--copy-opacity,1);will-change:transform,opacity}.visual{transform:translate3d(0,var(--visual-y,0),0) rotate(var(--visual-tilt,0deg));will-change:transform;perspective:1100px}.visual::after{content:"";position:absolute;inset:-9%;border:1px solid #ffffff14;border-radius:36%;z-index:-2;transform:rotate(-7deg) scale(var(--ring-scale,1));box-shadow:inset 0 0 80px #ffffff08}.visual img{animation:none!important;transform:rotate(3deg) translate3d(0,var(--image-y,0),0) scale(var(--image-scale,1))!important;will-change:transform;transition:filter .35s ease}.visual:hover img{filter:saturate(1.08) brightness(1.04)}.price{transform:translate3d(0,var(--price-y,0),0) rotate(-5deg);will-change:transform}
.motion-story{height:190vh;position:relative;isolation:isolate;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;background:linear-gradient(180deg,#0000,#00000020 45%,#0000)}.motion-story__sticky{height:100vh;min-height:720px;position:sticky;top:0;display:grid;align-items:center;overflow:hidden}.motion-story__grid{width:min(1160px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:8vw}.motion-story__copy{position:relative;z-index:4;transform:translate3d(0,calc((.5 - var(--story-p,0)) * 90px),0);opacity:calc(.45 + var(--story-p,0) * .55)}.motion-story__copy .section-kicker{margin-bottom:18px}.motion-story__copy h2{margin:0 0 24px}.motion-story__copy p{max-width:510px;color:var(--muted);font-size:19px}.motion-story__stage{position:relative;height:min(70vh,720px);display:grid;place-items:center;perspective:1200px}.motion-story__halo{position:absolute;width:72%;aspect-ratio:1;border-radius:50%;background:var(--accent);filter:blur(90px);opacity:calc(.09 + var(--story-p,0) * .2);transform:scale(calc(.72 + var(--story-p,0) * .55))}.motion-story__art{position:relative;width:min(64%,490px);border-radius:29%;box-shadow:0 70px 150px #000b,0 0 0 1px #ffffff20;transform:translate3d(calc((.5 - var(--story-p,0)) * 120px),calc((.5 - var(--story-p,0)) * 190px),0) rotate(calc((var(--story-p,0) - .5) * 15deg)) scale(calc(.74 + var(--story-p,0) * .32));will-change:transform}.motion-story__glass{position:absolute;right:2%;bottom:15%;max-width:240px;padding:18px 20px;border:1px solid #ffffff25;border-radius:22px;background:#0a0818a8;box-shadow:0 22px 70px #0008;backdrop-filter:blur(22px);transform:translate3d(0,calc((.6 - var(--story-p,0)) * 140px),40px);font-size:14px;color:var(--muted)}.motion-story__glass strong{display:block;color:var(--ink);font-size:18px;margin-bottom:4px}.motion-story__pill{position:absolute;padding:10px 15px;border-radius:999px;border:1px solid #ffffff20;background:#ffffff12;backdrop-filter:blur(18px);font-size:12px;font-weight:800;box-shadow:0 18px 50px #0005}.motion-story__pill.a{left:1%;top:18%;transform:translate3d(0,calc((var(--story-p,0) - .5) * 110px),70px)}.motion-story__pill.b{right:0;top:27%;transform:translate3d(0,calc((.5 - var(--story-p,0)) * 150px),90px)}
.reveal{opacity:0;transform:translate3d(0,42px,0);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}.feature.reveal:nth-child(2){transition-delay:.1s}.feature.reveal:nth-child(3){transition-delay:.2s}.feature{transition-property:opacity,transform,border-color,background-color!important}.feature.is-visible:hover{transform:translate3d(0,-8px,0)!important;border-color:#ffffff32;background:#ffffff10}
@media(max-width:800px){.motion-story{height:145vh}.motion-story__sticky{min-height:660px}.motion-story__grid{grid-template-columns:1fr;gap:18px}.motion-story__copy{align-self:end;padding-top:70px}.motion-story__copy h2{font-size:clamp(38px,11vw,54px)}.motion-story__copy p{font-size:16px}.motion-story__stage{height:47vh;align-self:start}.motion-story__art{width:min(58vw,330px)}.motion-story__glass{right:4%;bottom:13%;max-width:190px;padding:13px 15px}.motion-story__pill{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.motion-progress,.ambient-orb{display:none}.hero-copy,.visual,.visual img,.price,.motion-story__copy,.motion-story__art,.motion-story__glass{transform:none!important;opacity:1!important}.motion-story{height:auto}.motion-story__sticky{height:auto;min-height:0;position:relative;padding:90px 0}.reveal{opacity:1;transform:none;transition:none}}