/* All presentation and boot rules are scoped to Digital Presence. */
.architecture-story[data-chapter="2"] .world{inset:0!important;width:100%;height:100%!important;min-height:0;background:#030a10}
.dp-frame.recovery-frame{inset:0!important;pointer-events:none;overflow:hidden}

.dp-plane picture,.dp-plane>.dp-ui{position:absolute;inset:0;width:100%;height:100%;display:block}
.dp-plane picture{visibility:hidden}.dp-plane picture.dp-full-ready{visibility:visible}
.architecture-story .world .dp-plane picture>img,.architecture-story .world .dp-plane>.dp-poster{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;mask-image:none;opacity:1}
.dp-plane>.dp-ui{pointer-events:none;overflow:hidden}
.dp-mobile{display:none!important}
.dp-fiber{fill:none;stroke:#ffbd86;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:18 850;animation:dp-flow 7.6s linear infinite;opacity:.55}
.dp-overlay-root{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none;overflow:hidden;visibility:hidden}
.dp-plane:has(picture.dp-full-ready) .dp-overlay-root{visibility:visible}
.dp-screen{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;background:transparent;border:0;outline:0;box-shadow:none}
.dp-screen>svg{display:block;width:100%;height:100%;overflow:hidden}
.dp-quiet-flow{opacity:.48;animation:dp-flow 9s linear infinite}
.dp-overlay-root:not(.dp-ui-running) .dp-quiet-flow,.dp-still .dp-fiber{animation-play-state:paused}
.architecture-story[data-chapter="2"] .story-copy{left:4%;top:25%;width:28%;max-width:450px;padding:24px 24px 28px 0;background:none;pointer-events:none}
.architecture-story[data-chapter="2"] .world:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#030a1099,transparent 37%)}
.architecture-story[data-chapter="2"] .story-copy h1{font-size:clamp(30px,3.2vw,62px);line-height:1.08;margin-bottom:20px}
.architecture-story[data-chapter="2"] .story-kicker{color:#ff8c45;font-size:13px}
.architecture-story[data-chapter="2"] .story-line{display:none}
.architecture-story[data-chapter="2"] .story-description{font-size:clamp(13px,1.05vw,18px);color:#e3e8ee;line-height:1.6}
.architecture-story[data-chapter="2"] .story-copy a,.dp-controls{pointer-events:auto}
.dp-controls{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px}
.dp-controls span{flex-basis:100%;font-size:12px;color:#c7cfd9;min-height:16px}
.dp-controls button{font:inherit;font-size:12px;border:1px solid #9e7354;background:#07121bd9;color:#f6f6f7;min-height:44px;min-width:130px;padding:10px 14px;cursor:pointer;border-radius:3px}
.dp-controls button[hidden]{display:none}
.architecture-story[data-chapter="2"] .story-navigation{background:linear-gradient(transparent,#030a10bf);padding-top:18px}
.architecture-story[data-chapter="2"] :is(button,a):focus-visible{outline:2px solid #ffb276;outline-offset:4px}
html[data-dp-entry] .architecture-story:not([data-chapter="2"]) :is(.story-copy,.story-navigation){visibility:hidden}
@keyframes dp-flow{to{stroke-dashoffset:-1720}}
@media(min-aspect-ratio:2/1){.architecture-story[data-chapter="2"] .story-copy{top:auto;bottom:140px;left:3%;width:23%;padding:20px}}
@media(max-width:700px) and (orientation:portrait){
 .dp-desktop{display:none!important}.dp-mobile{display:block!important}
 
 .architecture-story[data-chapter="2"] .world:after{display:none}
 .architecture-story[data-chapter="2"] .story-copy{top:auto;bottom:65px;left:0;width:100%;max-width:none;padding:28px 24px 10px;background:linear-gradient(transparent,#030a10 25%)}
 .architecture-story[data-chapter="2"] .story-kicker{font-size:10px;margin-bottom:5px}
 .architecture-story[data-chapter="2"] .story-copy h1{font-size:26px;max-width:320px;line-height:1.1;margin-bottom:8px}
 .architecture-story[data-chapter="2"] .story-description{font-size:11px;line-height:1.45;max-width:340px;margin-bottom:4px}
 .architecture-story[data-chapter="2"] .story-copy .button{font-size:12px;padding:10px 15px;margin-top:5px;min-height:42px}
 .dp-controls{position:absolute;right:16px;bottom:15px;margin:0;width:120px;max-width:120px;justify-content:flex-end}.dp-controls span{display:none}.dp-controls button{font-size:10px;padding:8px;min-height:42px;min-width:0;width:120px}
 .architecture-story[data-chapter="2"] .story-navigation{bottom:8px;left:12px;right:12px;padding:0;gap:0;background:#030a10}
 .architecture-story[data-chapter="2"] .story-navigation>nav{flex-basis:auto;width:100%;padding-right:35px}
 .architecture-story[data-chapter="2"] .story-navigation>a,.architecture-story[data-chapter="2"] .story-progress{display:none}
}
@media(max-width:700px) and (orientation:portrait) and (max-height:740px){.architecture-story[data-chapter="2"] .story-copy{bottom:52px;padding-top:20px}.architecture-story[data-chapter="2"] .story-copy h1{font-size:23px}.architecture-story[data-chapter="2"] .story-description{font-size:10px;max-width:280px}.dp-controls{right:10px;bottom:12px;width:90px;max-width:90px}.dp-controls button{font-size:9px;width:90px}}
@media(orientation:landscape) and (max-width:1100px) and (max-height:600px){.architecture-story[data-chapter="2"] .story-copy{left:3%;top:6%;bottom:auto;width:29%;padding:5px 10px 5px 0}.architecture-story[data-chapter="2"] .story-copy h1{font-size:25px;margin-bottom:9px}.architecture-story[data-chapter="2"] .story-kicker{font-size:10px;margin-bottom:8px}.architecture-story[data-chapter="2"] .story-description{font-size:11px;line-height:1.4}.dp-controls{margin:6px 0}.dp-controls span{display:none}.dp-controls button{font-size:10px}.architecture-story[data-chapter="2"] .story-navigation{bottom:7px;padding:0}.architecture-story[data-chapter="2"] .story-navigation>nav a{font-size:10px;padding:5px}}
@media(prefers-reduced-motion:reduce){.dp-fiber,.dp-quiet-flow{animation:none!important}}

@media(orientation:landscape) and (max-width:1100px) and (max-height:600px){.architecture-story[data-chapter="2"] .story-description{display:block!important}}
@media(max-width:700px) and (orientation:portrait){.dp-controls span.dp-error{display:block;position:fixed;left:24px;right:24px;bottom:220px;padding:10px;background:#07121bed;max-width:342px}}

/* Approved typography from Phase 7. */
.architecture-story[data-chapter="2"] .story-copy{left:clamp(48px,6vw,180px);top:26%;bottom:auto;width:clamp(320px,28vw,520px);max-width:520px;padding:0}
.architecture-story[data-chapter="2"] .story-copy h1{font-size:clamp(40px,3.2vw,72px);line-height:1.08;letter-spacing:-.035em;margin:0 0 22px;text-wrap:balance}
.architecture-story[data-chapter="2"] .story-kicker{display:table;color:#ff8c45;font-size:clamp(14px,1vw,17px);line-height:1.4;font-weight:600;margin:0 0 18px;padding:4px 9px;margin-left:-9px;border-radius:5px;background:#07121beF;text-transform:none;letter-spacing:.015em}
.architecture-story[data-chapter="2"] .story-description{font-size:clamp(14px,1.05vw,20px);line-height:1.65;max-width:440px;margin:0 0 8px}
.architecture-story[data-chapter="2"] .world:after{background:radial-gradient(ellipse at 8% 46%,#030a10d9 0%,#030a1070 27%,transparent 53%)}
@media(min-aspect-ratio:2/1){.architecture-story[data-chapter="2"] .story-copy{left:clamp(48px,6vw,180px);top:25%;bottom:auto;width:clamp(320px,25vw,520px);padding:0}}
@media(max-width:700px) and (orientation:portrait){
 
 .architecture-story[data-chapter="2"] .story-copy{left:0;top:auto;bottom:65px;width:100%;max-width:none;padding:28px clamp(24px,6.2vw,32px) 10px;background:linear-gradient(transparent,#030a10f5 24%)}
 .architecture-story[data-chapter="2"] .story-copy h1{font-size:clamp(25px,7vw,31px);line-height:1.09;max-width:350px;margin:0 0 10px;text-wrap:balance}
 .architecture-story[data-chapter="2"] .story-kicker{font-size:12px;margin-bottom:8px;padding:3px 7px;margin-left:-7px}
 .architecture-story[data-chapter="2"] .story-description{font-size:12px;line-height:1.5;max-width:360px;margin-bottom:5px}
 .architecture-story[data-chapter="2"] .story-copy .button{font-size:12px;margin-top:6px}
}
@media(max-width:700px) and (orientation:portrait) and (max-height:740px){.architecture-story[data-chapter="2"] .story-copy{bottom:52px;padding-top:24px}.architecture-story[data-chapter="2"] .story-copy h1{font-size:24px;margin-bottom:8px}.architecture-story[data-chapter="2"] .story-description{font-size:10px;line-height:1.4;max-width:300px}.architecture-story[data-chapter="2"] .story-kicker{font-size:11px;margin-bottom:6px}}
@media(orientation:landscape) and (max-width:1100px) and (max-height:600px){.architecture-story[data-chapter="2"] .story-copy{left:4.5%;top:12%;width:30%;max-width:none}.architecture-story[data-chapter="2"] .story-copy h1{font-size:26px;margin-bottom:10px}.architecture-story[data-chapter="2"] .story-kicker{font-size:11px;margin-bottom:7px}.architecture-story[data-chapter="2"] .story-description{font-size:11px;line-height:1.45}.architecture-story[data-chapter="2"] .story-copy .button{margin-top:5px}.dp-controls{margin-top:7px}}


.dp-mode-pending .dp-overlay-root{visibility:hidden!important}
/* Phase 9: a single approved image covers the viewport without stretching.
   The native overlay coordinate system scales with that same image plane. */
.dp-plane{position:absolute;width:max(100vw,177.7777778svh);height:max(56.25vw,100svh);left:50%;top:calc((100svh - max(56.25vw,100svh)) * var(--dp-framing-y,.5));transform:translateX(-50%) scale(var(--dp-scale,1));transform-origin:62% 55%;overflow:hidden;mask-image:none}
@media(min-aspect-ratio:2/1){
 [data-scene=studio] .dp-plane{--dp-framing-y:.35}
 [data-scene=bridge] .dp-plane{--dp-framing-y:.12}
}
@media(min-aspect-ratio:3/1){
 [data-scene=studio] .dp-plane{--dp-framing-y:.64}
 [data-scene=bridge] .dp-plane{--dp-framing-y:.30}
}
@media(max-width:700px) and (orientation:portrait){
 .dp-plane{width:max(100vw,63svh);height:max(177.7777778vw,112svh);left:calc((100vw - max(100vw,63svh)) * .94);right:auto;top:calc(100svh - max(177.7777778vw,112svh));transform:scale(var(--dp-scale,1));transform-origin:55% 65%;mask-image:none}
 .architecture-story[data-chapter="2"] .story-copy{bottom:calc(45px + env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,#030a10ed 75%)}
 .architecture-story[data-chapter="2"] .story-navigation{bottom:calc(8px + env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,#030a10e6)}
}
/* Narrow landscape keeps the chapter row below the main CTA. */
@media(orientation:landscape) and (max-width:700px) and (max-height:600px){
 .architecture-story[data-chapter="2"] .story-navigation{bottom:calc(8px + env(safe-area-inset-bottom,0px));left:12px;right:12px;padding:0;gap:0;background:linear-gradient(transparent,#030a10e6)}
 .architecture-story[data-chapter="2"] .story-navigation>nav{flex-basis:auto;width:100%;padding-right:35px}
 .architecture-story[data-chapter="2"] .story-navigation>a,.architecture-story[data-chapter="2"] .story-progress{display:none}
}

.dp-ui-off .dp-overlay-root{display:none!important}