/* AA 4.7: immersive photography-to-product transitions, controlled by native scroll. */
#ap-scene{background:#0e0c13}
#ap-scene .pd-cinematic-world{position:absolute;inset:0;overflow:hidden;background:#0d0b14;color:#fff;isolation:isolate}
.pd-cinematic-world .pd-cinema-photo{position:absolute;inset:-2%;background-size:cover;background-position:60% center;will-change:transform,opacity,clip-path;transform-origin:58% 50%;backface-visibility:hidden}
.pd-cinematic-world .pd-cinema-second,.pd-cinematic-world .pd-cinema-third{opacity:0}
.pd-cinematic-world .pd-cinema-shade{position:absolute;inset:0;background:linear-gradient(90deg,#06060bb8,#0a07124f 43%,#0b07111b 73%,#07051060),linear-gradient(0deg,#08060e78,transparent 45%);pointer-events:none;z-index:4}
.pd-cinematic-world .pd-cinema-grid{position:absolute;inset:0;z-index:3;opacity:calc(var(--reveal,0) * .32);pointer-events:none;background-image:linear-gradient(to right,#e5d8ff22 1px,transparent 1px),linear-gradient(to bottom,#e5d8ff20 1px,transparent 1px);background-size:7vw 7vw;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent 12%,black 60%,transparent)}
.pd-cinematic-world .pd-cinema-portal{position:absolute;right:17%;top:20%;width:min(40vw,560px);aspect-ratio:1;border-radius:50%;border:1px solid color-mix(in srgb,var(--cinema-accent),transparent 38%);box-shadow:0 0 90px color-mix(in srgb,var(--cinema-accent),transparent 75%),inset 0 0 80px color-mix(in srgb,var(--cinema-accent),transparent 82%);z-index:3;pointer-events:none;opacity:0}
.pd-cinematic-world .pd-cinema-build{border-radius:0;width:48vw;height:58vh;top:21%;right:9%;border-style:dashed;box-shadow:none;opacity:0}
.pd-cinematic-world .pd-cinema-table{border-radius:50%;width:26vw;right:23%;top:23%;box-shadow:0 0 75px #ffa37938}
.pd-cinematic-world .pd-cinema-pulse{border-radius:0;transform:rotate(-12deg);border-width:3px}
.pd-cinematic-world .pd-cinema-works{border-radius:18px;border-color:#dbc6f6aa;transform:perspective(1000px) rotateY(-14deg)}
.pd-cinematic-world .pd-cinema-rays{position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(110deg,transparent 42%,color-mix(in srgb,var(--cinema-accent),transparent 86%) 57%,transparent 74%);opacity:calc(var(--reveal,0) * .65);mix-blend-mode:screen}
.pd-cinematic-world .pd-cinema-ui{position:absolute;right:6%;top:15%;width:min(49vw,780px);height:70%;z-index:5;opacity:0;transform-origin:right center;will-change:opacity,transform;filter:drop-shadow(0 35px 55px #020207aa)}
.pd-cinematic-world .pd-ui-frame{display:flex;flex-direction:column;width:100%;height:100%;border:1px solid #ffffff70;border-radius:17px;background:#ece7ed;color:#251b2b;overflow:hidden;box-shadow:0 1px 1px #fff9 inset,0 32px 65px #0008}
.pd-cinematic-world .pd-ui-top{display:flex;align-items:center;gap:12px;padding:20px 6%;min-height:14%;background:#fcfbfb;border-bottom:1px solid #24152922}
.pd-cinematic-world .pd-ui-signature{font-weight:850;letter-spacing:-.045em;font-size:clamp(12px,1.45vw,22px);line-height:1}
.pd-cinematic-world .pd-ui-menu{margin-left:auto;display:flex;gap:18px;font-size:clamp(7px,.72vw,12px);font-weight:600;color:#5b4e61}
.pd-cinematic-world .pd-ui-sphere{font-size:22px;color:#9e77c8}
.pd-cinematic-world .pd-ui-hero{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:6%;position:relative;background:radial-gradient(circle at 86% 20%,color-mix(in srgb,var(--cinema-accent),white 48%),transparent 45%),linear-gradient(135deg,#f6f3f5,#ded5e0)}
.pd-cinematic-world .pd-ui-category{font-size:clamp(7px,.7vw,12px);letter-spacing:.16em;color:#78647c;font-weight:800;margin-bottom:5%}
.pd-cinematic-world .pd-ui-hero strong{display:block;font-size:clamp(25px,3.45vw,58px);font-weight:650;line-height:1.04;letter-spacing:-.06em;max-width:95%}
.pd-cinematic-world .pd-ui-hero p{font-size:clamp(8px,.95vw,15px);line-height:1.6;color:#78647c;margin:3% 0 5%}
.pd-cinematic-world .pd-ui-cta{display:inline-block;align-self:flex-start;border-radius:100px;padding:10px 15px;background:#342239;color:#fff;font-weight:700;font-size:clamp(8px,.8vw,12px)}
.pd-cinematic-world .pd-ui-cards{min-height:25%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:12px;background:#e8e1e8}
.pd-cinematic-world .pd-ui-card{min-width:0;display:flex;flex-direction:column;gap:7px;border-radius:9px;background:#fff;padding:14px;position:relative;overflow:hidden}
.pd-cinematic-world .pd-ui-card-n{color:#a187b8;font-weight:800;font-size:clamp(10px,1.4vw,21px)}
.pd-cinematic-world .pd-ui-card strong{font-size:clamp(9px,1vw,16px);font-weight:750;line-height:1.15}
.pd-cinematic-world .pd-ui-card small{font-size:clamp(7px,.7vw,11px);color:#8b7d8e;line-height:1.4}
.pd-cinematic-world .pd-ui-foot{display:flex;justify-content:space-between;gap:8px;background:#211a2a;color:#cfbddb;padding:12px 5%;font-size:clamp(6px,.55vw,9px);letter-spacing:.12em}
.pd-cinematic-world .pd-ui-card.with-image{padding-bottom:20%;}
.pd-cinematic-world .pd-ui-card-image{width:42%;aspect-ratio:1;object-fit:cover;position:absolute;right:4%;bottom:5%;border-radius:7px;filter:saturate(.8)}
.pd-cinematic-world .pd-cinema-cue{position:absolute;bottom:43px;right:5%;left:5%;z-index:8;display:flex;justify-content:space-between;color:#f4eaffde;font:700 10px Manrope,Arial,sans-serif;letter-spacing:.14em;text-shadow:0 1px 8px #000b}
.pd-cinematic-world .pd-cinema-seek{position:absolute;bottom:23px;left:5%;right:5%;height:2px;background:#ffffff58;z-index:8}
.pd-cinematic-world .pd-cinema-seek i{display:block;height:100%;width:100%;background:var(--cinema-accent);transform-origin:left;transform:scaleX(0)}
/* Original page headings stay readable and interactive over the scene. */
#ap-scene:after{background:linear-gradient(90deg,#08070cb8 0%,#08070c70 32%,transparent 65%)!important;opacity:1;z-index:6;pointer-events:none}
#ap-scene .pd-cinematic-world{z-index:0}
#ap-scene .pd-fallback{z-index:-1}
.aa-project-demo .pd-stage>div{z-index:2;position:sticky}
.aa-project-demo .pd-stage{overflow:visible}
@media(max-width:800px){
.pd-cinematic-world .pd-cinema-photo{background-position:65% center}
.pd-cinematic-world .pd-cinema-ui{width:86%;right:7%;top:50%;height:35%;filter:drop-shadow(0 15px 25px #0009)}
.pd-cinematic-world .pd-ui-top{min-height:17%;padding:8px 5%}
.pd-cinematic-world .pd-ui-menu{gap:7px}.pd-cinematic-world .pd-ui-sphere{display:none}
.pd-cinematic-world .pd-ui-hero{padding:4% 5%}.pd-cinematic-world .pd-ui-hero strong{font-size:clamp(18px,5vw,28px)}
.pd-cinematic-world .pd-ui-hero p{margin:4px 0;font-size:8px}.pd-cinematic-world .pd-ui-category{font-size:7px;margin-bottom:7px}
.pd-cinematic-world .pd-ui-cta{padding:5px 10px;font-size:7px}
.pd-cinematic-world .pd-ui-cards{min-height:28%;gap:4px;padding:5px}.pd-cinematic-world .pd-ui-card{gap:2px;padding:6px}
.pd-cinematic-world .pd-ui-card strong{font-size:8px}.pd-cinematic-world .pd-ui-card small{font-size:6px}
.pd-cinematic-world .pd-ui-foot{padding:7px 4%;font-size:5px}
.pd-cinematic-world .pd-cinema-cue{font-size:7px;bottom:28px}.pd-cinematic-world .pd-cinema-seek{bottom:14px}
#ap-scene:after{background:linear-gradient(180deg,#07060bad,#07060b42 40%,transparent 78%)!important}
}
@media(prefers-reduced-motion:reduce){.pd-cinematic-world .pd-cinema-photo{will-change:auto}.pd-cinematic-world .pd-cinema-ui{opacity:0}}
/* Keep the editorial headline clear of the product interface on large screens. */
@media(min-width:901px){
.aa-project-demo .pd-stage>div{max-width:43vw}
.aa-project-demo .pd-stage h1,.aa-project-demo .pd-stage h2{font-size:clamp(49px,5.25vw,80px);letter-spacing:-.055em;overflow-wrap:normal}
.aa-project-demo .pd-stage p:not(.pd-kicker){max-width:340px}
}