/* v48: bottom 3D cut-out dolly, fully scoped under .x3 */
.x3{position:relative;height:640vh;isolation:isolate;color:#151413;font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
.x3 .x3-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:radial-gradient(60% 70% at 50% 55%,#4a4b52 0%,#36373d 40%,#232327 75%,#18181b 100%)}
.x3 .x3-sky{position:absolute;inset:0;background:url(../assets/v45/skyline.webp) center 70%/cover no-repeat;opacity:.38;mix-blend-mode:luminosity}
.x3 .x3-sky::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#18181b 0%,rgba(24,24,27,0) 30%,rgba(24,24,27,0) 70%,#18181b 100%)}
.x3-bg-sky .x3 .x3-stage{background:url(../assets/v45/sky.webp) center/cover}
.x3-bg-sky .x3 .x3-sky{opacity:.9;mix-blend-mode:normal}.x3-bg-sky .x3 .x3-sky::after{display:none}
.x3-bg-white .x3 .x3-stage{background:radial-gradient(1200px 800px at 50% 35%,#fff,#f5f1e8)}
.x3-bg-white .x3 .x3-sky{opacity:.18;mix-blend-mode:multiply}.x3-bg-white .x3 .x3-sky::after{display:none}
.x3 .x3-vp{position:absolute;inset:0;perspective:1100px;perspective-origin:50% 45%;pointer-events:none}
.x3 .x3-world{position:absolute;left:50%;top:44%;width:0;height:0;transform-style:preserve-3d}
.x3 .x3-p{position:absolute;left:0;top:0;width:var(--w);height:var(--h);margin:calc(var(--h)/-2) 0 0 calc(var(--w)/-2);will-change:transform,opacity;--w:min(34vw,520px);--h:62vh}
.x3 .x3-p img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(var(--sx,0px) 34px 40px rgba(0,0,0,.45))}
.x3 .x3-cap{position:absolute;left:50%;bottom:7vh;transform:translateX(-50%);width:min(560px,88vw);text-align:center;padding:16px 22px;border-radius:18px;background:rgba(250,247,240,.9);border:1px solid rgba(201,162,74,.4);box-shadow:0 20px 50px rgba(0,0,0,.3);opacity:0;transition:opacity .35s}
.x3 .x3-cap.on{opacity:1}
.x3 .x3-cap small{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#8a6a24;font-weight:700}
.x3 .x3-cap h2{font-size:clamp(22px,2.6vw,34px);letter-spacing:-.03em;line-height:1.05;margin:6px 0 10px;color:#151413}
.x3 .x3-cap a{display:inline-block;padding:9px 18px;border-radius:99px;background:linear-gradient(135deg,#e9cf8c,#c9a24a);font-weight:700;font-size:14px;color:#151413;text-decoration:none}
.x3 .x3-bar{position:absolute;left:50%;top:22px;transform:translateX(-50%);display:flex;gap:8px}
.x3 .x3-bar i{width:26px;height:3px;border-radius:2px;background:rgba(201,162,74,.3)}.x3 .x3-bar i.on{background:#c9a24a}
@media (max-width:760px){.x3 .x3-p{--w:66vw;--h:46vh}.x3 .x3-cap{bottom:4vh;padding:12px 16px}}
@media (prefers-reduced-motion:reduce){.x3{height:auto}.x3 .x3-stage{position:relative;height:auto;padding:60px 0}.x3 .x3-vp{position:relative;perspective:none}.x3 .x3-world{position:static;width:auto;height:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;padding:0 5vw}.x3 .x3-p{position:relative;margin:0;--w:100%;--h:300px;opacity:1!important;transform:none!important}.x3 .x3-cap{position:relative;left:auto;bottom:auto;transform:none;margin:24px auto 0;opacity:1}.x3 .x3-bar{display:none}}

/* v50: moved from chapters.css — overflow-x:hidden on body breaks .x3-stage sticky */
html,body{overflow-x:clip}
/* v54 b&w skyline */
.x3 .x3-sky{background:url(../assets/v54/skyline-bw.webp?v=54) center 60%/cover no-repeat;opacity:.62;mix-blend-mode:normal;filter:contrast(1.05)}
.x3 .x3-sky::after{background:radial-gradient(ellipse 75% 70% at 50% 45%,rgba(24,24,27,.15),rgba(24,24,27,.55) 70%,rgba(24,24,27,.9) 100%),linear-gradient(180deg,#18181b 0%,rgba(24,24,27,.25) 22%,rgba(24,24,27,.3) 60%,#18181b 100%)}
@media (max-width:760px){.x3 .x3-sky{background-position:52% 60%}}
/* v55 sunburst skyline */
.x3 .x3-sky{background-image:url(../assets/v55/skyline-bw.webp?v=55);opacity:.72}
.x3 .x3-sky::after{background:radial-gradient(ellipse 60% 55% at 22% 18%,rgba(24,24,27,0),rgba(24,24,27,0) 60%,transparent 100%),radial-gradient(ellipse 85% 80% at 40% 40%,rgba(24,24,27,0) 35%,rgba(24,24,27,.45) 75%,rgba(24,24,27,.85) 100%),linear-gradient(180deg,rgba(24,24,27,.55) 0%,rgba(24,24,27,0) 18%,rgba(24,24,27,.1) 60%,rgba(24,24,27,.35) 85%,#18181b 100%)}