/* HOME owns layout and straight visual extensions; the iframe owns the junction. */
header{isolation:isolate}header .brand,header nav{position:relative;z-index:1}#junction-header-road{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.road-integration{position:relative;isolation:isolate;height:auto;padding:50px 0 72px;overflow:visible}
.road-integration .road-heading{position:relative;z-index:5;left:auto;top:auto;max-width:39vw;width:560px;margin:0 0 0 7vw}
.road-integration h1{font-size:clamp(32px,4.2vw,66px)}.road-integration .road-heading>p:not(.eyebrow){font-size:15px}
.road-integration .project-journal{max-width:480px}.road-integration .journal-scroll{height:145px;font-size:13px}
.junction-exhibit{position:relative;margin:130px 0 0;padding-bottom:200px;z-index:2}
.road-integration .road-live-window{position:relative;inset:auto;width:clamp(620px,68vw,950px);height:clamp(620px,68vw,950px);margin:0 auto;overflow:hidden;border-radius:36px;box-shadow:0 15px 65px #293b4310;border:0;background:#a8ca8c}
.road-live-window iframe{display:block;width:100%;height:100%;border:0}
.junction-road-layer{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:3;pointer-events:none}
.junction-instruction{position:relative;z-index:5;margin:20px 7vw 0;color:#687b83;font-size:12px;letter-spacing:.04em;display:flex;gap:20px;align-items:center}.junction-instruction span{font-variant-numeric:tabular-nums;color:#2645f5;font-weight:700}
.exit-section{height:730px;margin-top:170px;overflow:hidden;position:relative}.exit-section .exit-copy{left:7vw;top:105px;width:34%;max-width:450px}.exit-section .exit-copy h2{font-size:clamp(28px,3.8vw,55px)}.exit-section .exit-copy p{font-size:14px}
#exit{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
@media(max-width:800px){#junction-header-road{display:none}.road-integration{padding-top:35px}.road-integration .road-heading{width:auto;max-width:none;margin:0 8vw}.road-integration .project-journal{max-width:680px}.junction-exhibit{margin-top:150px}.road-integration .road-live-window{width:82vw;height:82vw;min-height:0;border-radius:24px}.junction-instruction{margin-left:5vw;margin-right:5vw;font-size:11px;gap:10px}.exit-section{height:590px;margin-top:110px}.exit-section .exit-copy{top:60px;width:38%;left:5vw}.exit-section .exit-copy h2{font-size:27px}.exit-section .exit-copy p{font-size:12px}}
@media(max-width:480px){.road-integration .road-live-window{width:82vw;height:82vw;border-radius:18px}.junction-exhibit{margin-top:135px}.junction-instruction{font-size:10px;letter-spacing:0}.exit-section{height:580px}.exit-section .exit-copy{top:55px;width:39%;left:4vw}.exit-section .exit-copy h2{font-size:22px;line-height:1.5}.exit-section .exit-copy p{font-size:11px;line-height:1.8}}

footer{isolation:isolate}footer>span,footer>a{position:relative;z-index:1}#junction-footer-road{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}

@media(max-width:480px){.exit-section .exit-copy h2{font-size:clamp(16px,4.3vw,22px)}footer>span{max-width:38%;font-size:10px;line-height:1.5}footer>a{max-width:34%;font-size:10px}}

/* V11: visible descent below the frame ends before the next exhibit. */
@media(max-width:800px){.junction-exhibit{padding-bottom:140px}}

@media(max-width:480px){.junction-instruction{display:block;width:calc(50% - 48px);line-height:1.7;margin-left:7vw}.junction-instruction span{display:block;margin-top:4px}}