.stage{--phone-opacity:0;--phone-text:0;--phone-y:140px;--phone-scale:.78;--phone-ry:-24deg;--phone-rz:9deg;--phone-text-y:24px;--phone-glint-opacity:0}.phone-scene-inner{position:absolute;inset:110px 5.8% 96px 8%;display:grid;grid-template-columns:1fr 1fr;gap:3%;align-items:center}.phone-copy{position:relative;z-index:4;opacity:var(--phone-text);transform:translateY(var(--phone-text-y));max-width:640px}.phone-copy .eyebrow{color:#686f5e;font-size:9px;letter-spacing:1.8px;margin-bottom:32px}.phone-copy h2{font-size:clamp(42px,4.75vw,80px);line-height:1.08;letter-spacing:-.055em;font-weight:550;margin:0}.phone-copy h2>span{display:block}.phone-copy h2 em{display:block;font-style:normal;color:#7d856f}.phone-description{font-size:clamp(14px,1.25vw,18px);line-height:1.75;max-width:360px;margin:30px 0 0;color:#58614c}.phone-points{display:flex;gap:16px;align-items:center;font-size:11px;color:#6b715e;margin-top:34px}.phone-points i{height:1px;width:22px;background:#bfc3b4}.phone-points span:last-child{color:#a04b28}.phone-product{position:relative;display:grid;place-items:center;align-self:stretch;margin:0;perspective:1400px;opacity:var(--phone-opacity);isolation:isolate;min-width:0}.phone-object{position:relative;height:min(74svh,760px);max-height:calc(100svh - 160px);aspect-ratio:944/1696;transform:translateY(var(--phone-y)) scale(var(--phone-scale)) rotateY(var(--phone-ry)) rotateZ(var(--phone-rz));transform-origin:50% 67%;will-change:transform;z-index:2;filter:drop-shadow(12px 23px 22px #1c231a30) drop-shadow(1px 4px 3px #0002)}.phone-render{display:block;width:100%;height:100%;object-fit:contain}.phone-aura{position:absolute;width:93%;height:85%;background:radial-gradient(ellipse,#ddd8c480,transparent 65%);transform:translateY(5%);z-index:0}.phone-floor-shadow{position:absolute;width:43%;height:20px;bottom:3%;border-radius:50%;background:#41463640;filter:blur(15px);transform:scale(var(--phone-scale)) rotate(-3deg);z-index:1}.phone-glass{position:absolute;left:17.8%;right:17.8%;top:7%;bottom:8%;border-radius:40px;overflow:hidden;pointer-events:none;mix-blend-mode:screen}.phone-glass span{position:absolute;inset:-20% -50%;background:linear-gradient(105deg,transparent 30%,#fff0 43%,#fff 50%,#fff0 57%,transparent 70%);opacity:var(--phone-glint-opacity);transform:translateX(var(--phone-glint-x,-160%))}.phone-product figcaption{position:absolute;bottom:-9px;width:100%;text-align:center;font-size:9px;color:#737b65;line-height:1.5;letter-spacing:.15px;z-index:3}.phone-finale .arrival-bridge{bottom:40px;opacity:var(--phone-text)}.phone-preview-nav{position:fixed;left:4.2%;bottom:9px;display:flex;gap:15px;z-index:21;background:#151614eb;color:#eeeee7;border:1px solid #eeeee730;padding:7px 12px;font-size:10px;line-height:1.5}.phone-preview-nav a:first-child{color:#ef9b6e}.phone-static{display:none;position:relative;background:var(--paper);color:var(--ink);padding:60px 8%;--phone-opacity:1;--phone-text:1;--phone-y:0px;--phone-scale:1;--phone-ry:-5deg;--phone-rz:-3deg;--phone-text-y:0px;--phone-glint-opacity:0}.phone-static .phone-scene-inner{position:relative;inset:auto;min-height:600px}.phone-static .phone-object{will-change:auto}.phone-static .phone-product figcaption{bottom:0}html:not(.story-enhanced) .phone-static{display:block}html:not(.story-enhanced) .phone-preview-nav .phone-jump{display:none}@media(max-width:1000px){.phone-scene-inner{inset:110px 4% 92px 8%;gap:0;grid-template-columns:1.08fr .92fr}.phone-copy h2{font-size:clamp(36px,5vw,50px)}.phone-description{max-width:310px;font-size:15px}.phone-object{height:65svh}.phone-points{gap:12px}.phone-points i{width:14px}}@media(max-width:650px){.phone-scene-inner{inset:104px 7% 78px;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:4px}.phone-copy{max-width:100%;align-self:start}.phone-copy .eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:15px}.phone-copy h2{font-size:clamp(30px,8.5vw,38px);line-height:1.08;letter-spacing:-.045em}.phone-copy h2>span:first-child{white-space:nowrap}.phone-copy h2 em{display:inline}.phone-description{font-size:12px;line-height:1.65;max-width:290px;margin-top:14px}.phone-points{display:none}.phone-product{min-height:0;align-self:stretch}.phone-object{height:clamp(290px,44svh,445px);max-height:none}.phone-product figcaption{font-size:7px;bottom:-3px;white-space:nowrap}.phone-floor-shadow{bottom:2%;height:12px;width:35%;filter:blur(10px)}.phone-finale .arrival-bridge{bottom:42px;font-size:7px;left:7%;right:7%;padding-top:10px}.phone-finale .arrival-bridge>span:last-child{font-size:18px}.phone-preview-nav{left:7%;bottom:8px;font-size:8px;padding:5px 9px;gap:13px}.phone-static{padding:44px 8% 55px}.phone-static .phone-scene-inner{min-height:690px;grid-template-rows:auto 1fr}.phone-static .phone-object{height:440px}.phone-static .phone-product figcaption{bottom:-6px}.phone-glass{border-radius:25px}}@media(max-height:740px) and (max-width:650px){.phone-scene-inner{inset:94px 7% 75px;gap:0}.phone-copy .eyebrow{margin-bottom:10px}.phone-copy h2{font-size:30px}.phone-description{font-size:11px;line-height:1.5;margin-top:10px}.phone-object{height:clamp(265px,43svh,330px)}.phone-product figcaption{bottom:-4px;font-size:6.5px}}@media(max-height:650px) and (min-width:651px){.phone-scene-inner{inset:100px 5% 75px 8%}.phone-object{height:70svh}.phone-copy h2{font-size:42px}.phone-copy .eyebrow{margin-bottom:18px}.phone-description{font-size:14px;margin-top:18px}.phone-points{margin-top:18px}.phone-product figcaption{bottom:-10px}.phone-finale .arrival-bridge{bottom:33px}}@media(prefers-reduced-motion:reduce){.arrival-scene.phone-finale{display:none}.phone-static{display:block}.phone-object{will-change:auto}.phone-glass{display:none}}


.phone-object{aspect-ratio:941/1672;height:min(70svh,720px)}.phone-product figcaption{bottom:15px}.phone-preview-nav button{background:none;padding:0;color:inherit;font:inherit}.phone-preview-nav button:hover{color:#ef9b6e}html:not(.story-enhanced) .phone-replay{display:none}@media(max-width:1000px){.phone-object{height:65svh}}@media(max-width:650px){.phone-object{height:clamp(310px,50svh,470px)}.phone-product figcaption{bottom:10px}.phone-preview-nav{gap:11px;font-size:7.5px}.phone-static .phone-object{height:440px}}@media(max-height:740px) and (max-width:650px){.phone-object{height:clamp(280px,46svh,350px)}.phone-product figcaption{bottom:8px}}@media(prefers-reduced-motion:reduce){.phone-replay{display:none}}

/* D168: verified audit corrections, preserving the approved composition. */
.phone-product figcaption{font-size:12px;white-space:normal;text-wrap:balance;color:#566047}

/* A fixed shadow is cheaper than filtering a rotating phone on every frame. */
.phone-object{filter:none}
.phone-floor-shadow{filter:none;background:radial-gradient(ellipse,#41463635,transparent 70%);height:44px}
.phone-glass{mix-blend-mode:normal}
@media(max-width:650px){.phone-floor-shadow{filter:none;height:24px}.phone-glass{display:none}}