/* Motion layer only. The locked layout and copy live in the unchanged base files. */
.motion-copy .scene-ova{display:block;flex-shrink:0;pointer-events:none}
.scene-ova>svg,.ova-contact>svg{display:block;width:100%;height:100%;overflow:visible}
.motion-copy .app-screen{position:relative;background:#20211f;border-color:#777a73;box-shadow:0 0 0 1px #b7b9b0,inset 0 0 0 2px #595b55,0 20px 45px -15px #422b1b33;isolation:isolate}
.motion-copy .app-screen>img{position:relative;z-index:0}
.motion-copy .app-screen>img.screen-outgoing{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:cover;z-index:1;pointer-events:none}
.motion-copy .app-screen:before{content:"";position:absolute;z-index:2;top:12px;left:50%;translate:-50% 0;width:25%;height:12px;max-width:72px;border-radius:20px;background:#161715;box-shadow:inset -7px 1px 0 -4px #3e454a;pointer-events:none}
.motion-copy .app-screen:after{content:"";position:absolute;z-index:2;bottom:10px;left:35%;width:30%;height:3px;border-radius:3px;background:#222;pointer-events:none}
.motion-copy .app-screen .enlarge{z-index:5}
.motion-copy .et-id-art .scene-ova,.motion-copy .et-family-art .scene-ova,.motion-copy .et-meal-stage>.scene-ova{z-index:0;position:absolute}
.motion-copy .et-hero-ova{z-index:0;right:auto;bottom:auto;align-items:flex-end}
.motion-copy .et-hero-ova .scene-ova{padding:0;border:0;background:none;border-radius:0;box-shadow:none}
.motion-copy .et-hero-ova>span:not(.scene-ova){margin-bottom:23px}
.motion-copy .et-meal-stage>.scene-ova{width:120px;height:120px}
.motion-copy .et-meal-stage .app-screen,.motion-copy .et-family-art .app-screen{z-index:1}
.motion-copy .et-ova-note{z-index:2;max-width:300px}
.motion-copy .et-ova-note p{margin:0}
.phone-ground{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#58371e38 18%,#58371e38 80%,transparent);pointer-events:none;z-index:0}
.ova-contact{position:absolute;display:block;pointer-events:none;z-index:4}
.motion-copy .button,.motion-copy .store,.motion-copy .text-link,.motion-copy .et-tour-link,.motion-copy [role=tab]{transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s;transform:none}
.motion-copy .button:hover{box-shadow:inset 0 0 0 2px #ffffff70}
.motion-copy .button:active,.motion-copy .store:active{box-shadow:inset 0 0 0 3px #ffffff90}
.motion-copy .button span,.motion-copy .text-link span,.motion-copy .et-tour-link span,.motion-copy .et-journey-tabs i{display:inline-block;transition:translate .2s}
.motion-copy .button:hover span,.motion-copy .text-link:hover span{translate:3px 0}
.motion-copy .et-tour-link:hover span{translate:0 3px}
.motion-copy .store:hover{background:var(--green)}
.motion-copy .nav-links>a{position:relative}
.motion-copy .nav-links>a:after{content:"";position:absolute;bottom:10px;left:0;right:0;height:1px;background:currentColor;scale:0 1;transform-origin:left;transition:scale .2s}
.motion-copy .nav-links>a:hover:after,.motion-copy .nav-links>a:focus-visible:after{scale:1 1}
.motion-copy [role=tab]:active{box-shadow:inset 0 0 0 2px currentColor}
.motion-copy .et-journey-tabs button:hover i{translate:3px -3px}
.motion-copy .et-journey-tabs button{position:relative;overflow:hidden}
.motion-copy .et-journey-tabs button:after{content:"";position:absolute;left:24px;right:24px;bottom:10px;height:2px;background:var(--chili);scale:var(--step-progress,0) 1;transform-origin:left}
.motion-copy .et-journey-tabs button[aria-selected=false]:after{scale:0 1}
.motion-copy .et-profile-tabs button[aria-selected=true]{box-shadow:inset 0 -3px 0 #ffffff30}
.motion-copy .et-questions summary{transition:color .18s}
.motion-copy .et-questions summary:hover{color:var(--green)}
.motion-copy .et-questions details[open]>p{animation:answer-in .22s ease-out}
@keyframes answer-in{from{opacity:0;clip-path:inset(0 0 100%)}to{opacity:1;clip-path:inset(0)}}
.motion-copy .color-chapter{background:var(--scroll-color,var(--green));color:white;transition:background-color .35s ease}
.motion-copy .color-chapter h2 span,.motion-copy .color-chapter .et-copy>p,.motion-copy .color-chapter .et-heading>p,.motion-copy .color-chapter #identity-panel p,.motion-copy .color-chapter>.wrap>.et-safety,.motion-copy .color-chapter .et-benefit p,.motion-copy .color-chapter .text-link{color:white}
.motion-copy .color-chapter .et-profile-tabs{border-color:#ffffff50}
.motion-copy .color-chapter .et-profile-tabs button{color:white}
.motion-copy .color-chapter .et-profile-tabs button[aria-selected=true]{background:#fff9ef;color:var(--ink)}
.motion-copy .color-chapter .et-profile-tabs button:hover{box-shadow:inset 0 0 0 1px #fff}
.motion-copy .color-chapter .et-id-orbit,.motion-copy .color-chapter .et-ova-note{color:var(--ink)}
.motion-copy .color-chapter .et-journey-tabs button:not([aria-selected=true]),.motion-copy .color-chapter .et-journey-tabs button:not([aria-selected=true]) p,.motion-copy .color-chapter .et-journey-tabs button:not([aria-selected=true])>span{color:white}
.motion-copy .color-chapter .et-journey-tabs button[aria-selected=true]{background:var(--cream)}
.motion-copy .color-chapter .et-journey-tabs button[aria-selected=true] p{color:var(--secondary)}
.motion-copy .color-chapter .et-journey-tabs button[aria-selected=true]>span{color:var(--green)}
.motion-copy .color-chapter a:focus-visible,.motion-copy .color-chapter button:focus-visible{outline-color:white}
.motion-copy .et-id-art:before{content:none}
.motion-copy .download-handoff{margin-top:14px;max-width:510px;border-top:1px solid #17171730}
.download-handoff summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:13px;font-weight:600;padding:13px 0;list-style:none}
.download-handoff summary::-webkit-details-marker{display:none}
.download-handoff[open] summary span{font-size:0}
.download-handoff[open] summary span:after{content:'−';font-size:20px}
.handoff-content{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:6px 0 10px}
.handoff-content>img{width:144px;height:144px;background:white;border-radius:12px;padding:10px}
.platforms{display:flex;gap:5px;padding:4px;border:1px solid #17171730;border-radius:30px;width:max-content}
.platforms button{padding:6px 13px;border-radius:24px;background:transparent;font-size:12px}
.platforms button[aria-pressed=true]{background:var(--ink);color:white}
.motion-copy .handoff-content p{font-size:12px;margin-top:12px}
.motion-copy .handoff-content .text-link{font-size:12px;color:var(--ink)}
.motion-toggle{background:transparent;color:inherit;font-size:11px;padding:8px;border:1px solid #ffffff65;border-radius:6px}
.motion-copy .et-finale>.wrap{transition:none}
@media(max-width:600px){
 .motion-copy .et-meal-stage>.scene-ova{width:108px;height:108px}
 .motion-copy .app-screen:before{top:10px;height:9px}
 .motion-copy .et-hero-ova>span:not(.scene-ova){position:absolute;left:33px;bottom:105px;font-size:10px;padding:10px;width:125px;margin-bottom:0}
 .motion-copy .et-ova-note{max-width:250px;right:0;bottom:0}
 .handoff-content{gap:12px}.handoff-content>img{width:120px;height:120px}
 .motion-copy .et-journey-tabs button:after{bottom:5px}
}
@media(prefers-reduced-motion:reduce){.motion-copy *, .motion-copy *:before,.motion-copy *:after{animation:none!important;transition:none!important}}
.motion-copy.motion-paused *, .motion-copy.motion-paused *:before,.motion-copy.motion-paused *:after{animation:none!important;transition:none!important}

/* Store performances and secondary-page scenes keep the previous modest scale. */
.stores{position:relative}
.store-runner{position:absolute;width:80px;height:80px;pointer-events:none;z-index:6;opacity:0}
.store-runner>svg{display:block;width:100%;height:100%;overflow:visible}
.store-runner[data-ready=true]{opacity:1}
.store-runner [data-part=body-rig]{transform-origin:0 22px}
.secondary-motion .feature-stage,.secondary-motion .single-stage{position:relative;isolation:isolate;overflow:visible}
.secondary-motion .app-screen{z-index:2}
.secondary-motion .phone-actor{position:absolute;z-index:1;width:150px;height:150px}
.secondary-motion .phone-ground{z-index:0}
.secondary-motion .closing .scene-ova{display:block;flex-shrink:0}
.secondary-motion .motion-toggle{color:var(--ink);border-color:#17171745}

@media(max-width:800px){.secondary-motion .phone-actor{width:120px;height:120px}}
@media(max-width:600px){.secondary-motion .phone-actor{width:108px;height:108px}}
.secondary-motion .footer-bottom{position:relative}.secondary-motion .motion-toggle{position:absolute;right:0;bottom:100%}

/* Phone-local cursor. No fixed layer, trail, or free-floating decoration. */
.phone-explore-cursor{display:none;position:absolute;z-index:7;pointer-events:none;align-items:center;justify-content:center;gap:8px;width:92px;height:34px;border:1px solid #ffffffb3;border-radius:18px;background:var(--chili,#e1603e);color:#fff;font:600 11px/1 "Chillax",sans-serif;transform:translate(-50%,-50%);box-shadow:0 2px 8px #17171720}
.phone-explore-cursor svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media(hover:hover) and (pointer:fine){
 .motion-copy .contextual-phone.phone-cursor-active,.motion-copy .contextual-phone.phone-cursor-active *{cursor:none}
 .phone-cursor-active>.phone-explore-cursor{display:flex}
 .motion-copy .phone-cursor-active:not(:focus-visible)>.enlarge{opacity:0}
}
@media(hover:none),(pointer:coarse){.phone-explore-cursor{display:none!important}.motion-copy .contextual-phone:active{box-shadow:0 0 0 2px var(--chili,#e1603e)}}