/* GX Build 11 — presentation layer only; no edits to approved assets. */
:root{--gx11:#58c7e8;--gx11h:rgba(88,199,232,.7)}
html{scroll-behavior:smooth}body{background:#030609}main{position:relative;isolation:isolate}
/* A continuous full-width canvas. No master art is cropped, masked or recolored. */
.intro-bridge,.under-art{display:none!important}
.chapters{padding:0!important;display:block;overflow:hidden}
.chapters>.chapter{margin:0!important;padding:0!important;background:transparent!important;border:0!important;max-width:none!important;overflow:visible!important;contain:layout}
.chapter-intro{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.art-shell{width:100%!important;max-width:none!important;margin:0!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:hidden!important;background:#020507}
.art-shell::before,.art-shell::after{display:none!important}
.art-shell>img{display:block!important;width:100%!important;height:auto!important;max-width:none!important;object-fit:contain!important;border:0!important;transform:none!important;filter:none!important;image-rendering:auto}
.chapter+.chapter{margin-top:0!important}
.chapter::after{content:'';position:absolute;z-index:4;left:0;bottom:-1px;right:0;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent 2%,rgba(197,232,241,.26) 24%,rgba(88,199,232,.62) 52%,rgba(197,232,241,.23) 76%,transparent 99%);opacity:.42;box-shadow:0 0 16px 3px rgba(44,145,183,.16);background-size:240% 100%;animation:gx11-horizon 14s linear infinite}
@keyframes gx11-horizon{from{background-position:130% 0}to{background-position:-110% 0}}
.inspect-image{border-radius:2px;bottom:14px;right:16px;z-index:6;opacity:0;transform:translateY(7px);transition:opacity .3s,transform .3s;font-size:10px;letter-spacing:.13em}
.chapter:hover .inspect-image,.chapter:focus-within .inspect-image{opacity:1;transform:none}
.signal-zone{opacity:.2!important;transition:opacity .3s!important}.chapter:hover .signal-zone,.chapter:focus-within .signal-zone{opacity:1!important}
/* H-01 hero remains original dimensions, with non-destructive ambient overlays. */
.hero{background:#03070b}.hero-original{width:100%!important;max-height:none!important;object-fit:contain!important;transform:none!important;filter:none!important}
.hero-home:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.13;background:radial-gradient(circle at var(--gx11x,45%) 73%,rgba(88,199,232,.6),transparent 24%);animation:gx11-pulse 7s ease-in-out infinite}
@keyframes gx11-pulse{50%{opacity:.35}}
.gx-h01-world-bridge{height:1px!important;max-height:1px!important;overflow:hidden!important;background:var(--gx11)!important;box-shadow:0 0 35px var(--gx11)}
/* Ambient continuity: a narrow presentation ribbon beyond the art, never alter master pixels. */
.gx11-ambient-spine{position:fixed;z-index:40;left:calc(var(--rail) + 7px);top:calc(var(--header-h) + 16px);bottom:18px;width:2px;pointer-events:none;opacity:.65;background:linear-gradient(180deg,transparent,rgba(88,199,232,.09),rgba(88,199,232,.3),transparent);box-shadow:0 0 20px rgba(88,199,232,.2)}
.gx11-ambient-spine:after{content:'';position:absolute;left:-2px;top:calc(var(--gx-progress,0)*78%);width:6px;height:22%;border-radius:20px;background:linear-gradient(transparent,#c8f6ff 40%,#58c7e8 60%,transparent);box-shadow:0 0 15px 5px rgba(88,199,232,.4);transition:top .15s linear}
.gx11-livebar{position:fixed;z-index:95;right:22px;bottom:22px;display:flex;align-items:center;gap:7px;padding:5px 6px 5px 13px;border:1px solid rgba(174,209,220,.28);background:rgba(3,10,15,.86);backdrop-filter:blur(18px);box-shadow:0 7px 40px #020508a8;color:#d9eaf1;font-size:9px;letter-spacing:.13em;border-radius:25px}
.gx11-livebar:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--gx11);box-shadow:0 0 12px 4px rgba(88,199,232,.35);animation:gx11-pulse 3.5s infinite}
.gx11-livebar button{border-radius:18px;color:#e2eff4;border:1px solid rgba(143,195,210,.33);background:rgba(19,40,50,.65);padding:8px 11px;font-size:9px;letter-spacing:.09em;transition:border-color .2s,background .2s}
.gx11-livebar button:hover{border-color:#8fd9ed;background:#23414c}
.gx11-dialog{position:fixed;z-index:1400;inset:0;display:none;align-items:center;justify-content:center;padding:25px;background:rgba(1,4,8,.88);backdrop-filter:blur(18px)}
.gx11-dialog[aria-hidden="false"]{display:flex}
.gx11-panel{border:1px solid rgba(122,180,205,.38);position:relative;display:grid;grid-template-columns:minmax(260px,1fr) minmax(340px,1.5fr);gap:32px;width:min(1050px,96vw);max-height:92vh;overflow:auto;padding:clamp(25px,4vw,55px);background:linear-gradient(130deg,#07141d,#020508 60%,#07131c);box-shadow:0 40px 110px #000}
.gx11-dialog h2{font-size:clamp(29px,3.2vw,50px);line-height:1.03;font-weight:250;letter-spacing:-.045em}
.gx11-dialog p{font-size:13px;line-height:1.65;color:#a6bac6;max-width:500px}
.gx11-panel button:focus-visible{outline:2px solid #58c7e8;outline-offset:2px}
.gx11-close{position:absolute;top:15px;right:15px;border:1px solid #537181;background:#08151c;color:white;border-radius:50%;width:38px;height:38px;font-size:22px}
.gx11-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.gx11-steps button{background:rgba(44,77,93,.21);color:#bfced7;border:1px solid rgba(140,187,206,.24);font-size:12px;text-align:left;padding:14px 10px;min-height:63px;line-height:1.3;transition:background .2s,border-color .2s}
.gx11-steps button span{display:block;color:#58c7e8;font-size:9px;margin-bottom:6px}
.gx11-steps button[aria-pressed="true"]{border-color:#7fdcfa;background:rgba(62,157,206,.18);color:white;box-shadow:0 0 16px rgba(88,199,232,.1)}
.gx11-stagecopy{border-top:1px solid rgba(88,199,232,.3);padding-top:26px;margin-top:26px;min-height:170px}
.gx11-stagecopy strong{font-size:26px;font-weight:320;letter-spacing:-.04em}
.gx11-chip{font-size:9px;letter-spacing:.16em;color:#89cae0;display:block;margin-bottom:12px}
.gx11-note{border-top:1px solid rgba(140,175,195,.19);padding-top:10px;margin-top:18px;font-size:11px;color:#90a5b0}
/* Approved branded loader with user-supplied short video underneath */
.gx-entry{background:#01050a!important}.gx-entry .gx11-intro-video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;opacity:.5;filter:grayscale(.35) brightness(.68);pointer-events:none}
.gx-entry .gx11-film-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 52%,rgba(3,11,18,.27),rgba(1,4,9,.65) 72%),linear-gradient(to bottom,rgba(1,4,9,.36),transparent 35%,rgba(1,4,9,.5) 85%)}
.gx-entry .gx-entry-top{z-index:3}.gx-entry .gx-entry-stage{z-index:4}
.gx-entry .gx-entry-progress{z-index:5}
/* Gallery still presents all approved images with no cropped master. */
.gallery-chapter{padding:clamp(28px,4vw,65px) 0!important;background:#03070b!important}
.gallery-chapter .chapter-intro{display:none!important}
.gallery{max-width:none!important;width:100%;gap:0!important;border-top:1px solid rgba(87,148,178,.2);border-bottom:1px solid rgba(87,148,178,.2)}
.gallery-stage{min-width:0;background:#020508}.gallery-photo{width:100%;height:auto!important;object-fit:contain!important;max-height:none!important}
.gallery-rail{background:linear-gradient(130deg,#0a171f,#010408)}
/* Contact retains real correspondence behavior; preserve original logo. */
.contact-hero{background:radial-gradient(ellipse at 80% 40%,rgba(29,82,119,.13),transparent 60%),#03070b;min-height:90vh}
.contact-hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 64% 58%,rgba(88,199,232,.08),transparent 40%);animation:gx11-pulse 7s infinite}
@media(max-width:700px){.gx11-ambient-spine{left:5px;opacity:.38}.gx11-livebar{right:8px;bottom:8px;gap:3px;padding:5px}.gx11-livebar>span{display:none}.gx11-livebar button{font-size:9px;padding:8px 9px}.gx11-panel{display:block;max-height:94vh;padding:26px 16px}.gx11-steps{grid-template-columns:repeat(2,1fr)}.gx11-dialog h2{font-size:30px}.inspect-image{opacity:1;font-size:8px;padding:7px;bottom:7px;right:7px}.chapter .signal-zone{opacity:.4!important}.gallery-chapter{padding:0!important}.gallery-stage{height:auto!important}.gallery-photo{height:auto!important}.contact-hero{min-height:85vh}}
@media(prefers-reduced-motion:reduce){.chapter::after,.gx11-livebar:before,.gx11-ambient-spine:after,.hero-home:after,.contact-hero:before{animation:none!important}.gx-entry .gx11-intro-video{display:none!important}.gx11-ambient-spine{display:none!important}}
body.gx11-modal-open{overflow:hidden}
/* No artificial zooms, filters, pan, or parallax on approved master images. */