.ath-phone-visual{position:relative;width:min(100%,600px);height:min(690px,calc(100svh - 86px));min-height:280px}.ath-phone-stage{position:absolute;width:430px;height:650px;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--stage-scale,1));perspective:1100px;perspective-origin:50% 50%}.ath-phone-floor-shadow{position:absolute;width:225px;height:20px;border-radius:50%;left:107px;top:602px;background:#042f5f20;filter:blur(13px);will-change:transform,opacity}
.ath-phone-device{position:absolute;width:280px;height:556px;left:75px;top:34px;transform-style:preserve-3d;will-change:transform;transform:rotateY(-6deg) rotateZ(-1deg)}.ath-phone-phone-front,.ath-phone-phone-back{position:absolute;inset:0;backface-visibility:hidden;border:2px solid #384654;border-radius:42px;transform-style:flat}.ath-phone-phone-front{background:linear-gradient(130deg,#141e2c 0%,#060d19 75%);transform:translateZ(8px);box-shadow:inset 0 0 0 2px #030912,inset 1px 2px 2px #ffffff4a}.ath-phone-phone-front:after{content:'';position:absolute;inset:3px;border:1px solid #ffffff0b;border-radius:36px;pointer-events:none}.ath-phone-phone-back{background:linear-gradient(120deg,#263240,#0e1c2d 48%,#1d2c3e);transform:rotateY(180deg) translateZ(8px);box-shadow:inset 1px 1px 1px #ffffff2b,inset -1px -1px 2px #042f5f}.ath-phone-camera-plate{position:absolute;left:17px;top:18px;width:111px;height:113px;background:linear-gradient(140deg,#43505e,#243140);border:1px solid #576170;border-radius:28px;box-shadow:1px 3px 4px #0006}.ath-phone-lens{position:absolute;width:39px;height:39px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#286073 0%,#102a48 9%,#040918 21%,#15253e 25%,#071222 38%,#030814 48%,#67707c 53%,#151e2b 58%,#050b14 76%);box-shadow:0 1px 3px #000,0 0 0 2px #5d6570}.ath-phone-lens-one{left:10px;top:10px}.ath-phone-lens-two{left:10px;bottom:10px}.ath-phone-lens-three{right:10px;top:38px}.ath-phone-flash{position:absolute;right:22px;top:11px;width:14px;height:14px;border-radius:50%;background:#e5e9ec;box-shadow:inset 0 0 3px #82909e}.ath-phone-sensor{position:absolute;right:25px;bottom:12px;width:10px;height:10px;border-radius:50%;background:#06101b}
.ath-phone-status{position:absolute;top:16px;left:21px;right:20px;display:flex;align-items:center;justify-content:space-between;color:white;font-size:9px;line-height:13px;font-weight:600}.ath-phone-status-right{display:flex;align-items:center;gap:3px}.ath-phone-status svg{width:13px;height:10px;stroke:white;fill:none;stroke-width:1.7;stroke-linecap:round}.ath-phone-battery{position:relative;display:block;width:16px;height:8px;border:1px solid #ffffffae;border-radius:2px;margin-left:2px}.ath-phone-battery:after{position:absolute;content:'';inset:1px;background:white;border-radius:1px}.ath-phone-camera-island{position:absolute;left:50%;top:12px;transform:translateX(-50%);width:81px;height:22px;border-radius:20px;background:#01050b;box-shadow:inset 0 1px 2px #000}.ath-phone-camera-island i{position:absolute;right:9px;top:7px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#254671,#111e43 25%,#010712 65%)}.ath-phone-phone-window{position:absolute;top:49px;left:8px;width:260px;height:460px;overflow:hidden;background:var(--navy);isolation:isolate}.ath-phone-home-line{position:absolute;width:74px;height:3px;border-radius:8px;background:#ffffffb3;bottom:15px;left:50%;transform:translateX(-50%)}
.ath-phone-mosaic{position:absolute;inset:0;perspective:950px;transform-style:preserve-3d}.ath-phone-tile{position:absolute;perspective:800px;transform-style:preserve-3d}.ath-phone-tile-rotor{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}.ath-phone-tile-face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;border-radius:2px;box-shadow:inset 0 0 0 .6px #07142680;background:var(--navy)}.ath-phone-tile-front{transform:translateZ(.65px)}.ath-phone-tile-back{transform:rotateY(180deg) translateZ(.65px)}.ath-phone-tile-plane{position:absolute;width:260px;height:460px;overflow:hidden}.ath-phone-tile-plane img{display:block;width:100%;height:100%;object-fit:cover}.ath-phone-tile-plane.ath-phone-is-brand{background:radial-gradient(ellipse at 100% 20%,#20b365aa,transparent 61%),linear-gradient(135deg,#042f5f 7%,#073e54 50%,#147e52 100%)}.ath-phone-ribbon{position:absolute;width:255px;height:380px;left:-119px;top:-118px;border-radius:46%;background:linear-gradient(130deg,#ffffff0c 0%,#042f5f 46%,#20b36566 100%);box-shadow:15px 17px 25px #042f5f66;transform:rotate(-31deg)}.ath-phone-ribbon-two{width:210px;height:330px;left:153px;top:235px;background:linear-gradient(145deg,#20b365 0%,#20b36544 55%,#042f5f 100%);transform:rotate(-27deg);box-shadow:-7px -7px 20px #042f5f33}.ath-phone-scene-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 40%,#042f5f05 48%,#042f5fcc 100%);will-change:opacity}.ath-phone-scene-words{position:absolute;left:19px;right:13px;bottom:28px;color:white;pointer-events:none}.ath-phone-story-word{position:absolute;bottom:0;left:0;font:48px/1.03 'Orange Avenue DEMO',Georgia,serif;letter-spacing:-.04em;opacity:0;will-change:opacity,transform}.ath-phone-word-possibility{font-size:41px;font-style:italic}.ath-phone-brand-reveal{position:absolute;inset:0;pointer-events:none;display:grid;place-items:center}.ath-phone-brand-lockup{position:absolute;width:220px;height:auto;left:20px;top:50%;transform:translate(77px,-50%);transform-origin:33px 50%;clip-path:inset(0 154px 0 0);opacity:0;will-change:opacity,transform,clip-path}
.ath-phone-brand-background{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 100% 20%,#20b365aa,transparent 61%),linear-gradient(135deg,#042f5f 7%,#073e54 50%,#147e52 100%);opacity:0;pointer-events:none;will-change:opacity}

/* A watertight rounded rim connects both faces throughout the full turn. */
.ath-phone-phone-rim{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}
.ath-phone-rim-face{position:absolute;height:16px;transform-origin:50% 50%;backface-visibility:visible;background:linear-gradient(to bottom,#101b29 0%,rgb(var(--rim-tone,45 53 63)) 12%,rgb(var(--rim-tone,45 53 63)) 83%,#101b29 100%)}
.ath-phone-rim-button{position:absolute;width:8px;border:1px solid #5b6879;border-radius:3px;background:linear-gradient(90deg,#1b293a,#546274 45%,#273546);transform:rotateY(90deg);backface-visibility:visible}
.ath-phone-rim-button-left{left:-4.6px;top:104px;height:64px}
.ath-phone-rim-button-right{left:276.6px;top:130px;height:50px}

.ath-phone-people-unity{position:absolute;inset:0;background:var(--navy);perspective:800px}
.ath-phone-unity-globe{position:absolute;inset:0;width:260px;height:460px;pointer-events:none}
.ath-phone-unity-portrait{position:absolute;background-size:300% 400%;background-repeat:no-repeat;transform-origin:50% 50%;backface-visibility:hidden;opacity:0;will-change:opacity,transform}
.ath-phone-tile-plane.ath-phone-is-people{background:var(--navy)}
.ath-phone-tile-plane.ath-phone-is-people img{width:260px;height:346.6667px;object-fit:fill}

.ath-phone-progress-story{position:absolute;inset:0;background:var(--navy);visibility:hidden;opacity:0;pointer-events:none}
.ath-phone-progress-canvas{display:block;width:260px;height:460px}
.ath-phone-possibility-story{position:absolute;inset:0;background:var(--navy);visibility:hidden;opacity:0;pointer-events:none}
.ath-phone-possibility-canvas{display:block;width:260px;height:460px}
.ath-phone-loop-veil{position:absolute;inset:0;background:var(--navy);opacity:0;pointer-events:none;will-change:opacity}
/* Section integration: preserve the surrounding copy and caption. */
.people-photo.people-photo--motion{height:auto}
.people-photo--motion .photo-caption{position:static;border:0;border-radius:0}
.phone-story{position:relative;background:var(--white);color:var(--navy);font-family:var(--body);isolation:isolate}
/* Bound the 3D scene's layout and painting to its own fixed-size surface. */
.phone-story .ath-phone-visual{width:100%;height:570px;min-height:0;overflow:hidden;contain:layout paint}
/* Release the arrival transform once it ends instead of retaining a transformed
   ancestor around the continuously rotating 3D device. */
.people-photo--motion.is-revealed{animation-fill-mode:backwards}
.phone-story .ath-phone-stage{--stage-scale:.8}
.phone-story:not([data-phone-ready]) .ath-phone-brand-background,.phone-story:not([data-phone-ready]) .ath-phone-brand-lockup{opacity:1}
.phone-story:not([data-phone-ready]) .ath-phone-brand-lockup{transform:translate(0,-50%);clip-path:none}
@media(max-width:1100px){.phone-story .ath-phone-visual{height:530px}}
@media(max-width:900px){.phone-story .ath-phone-visual{height:490px}}
@media(max-width:760px){.people-layout{grid-template-columns:1fr;gap:32px}.people-figure{width:100%;max-width:560px;justify-self:center}.phone-story .ath-phone-visual{height:520px}}
@media(max-width:600px){.phone-story .ath-phone-visual{height:520px}.people-photo--motion .photo-caption{padding-top:12px}}
@media(max-width:360px){.phone-story .ath-phone-visual{height:470px}}