/* Self-contained illustration; never styles or intercepts authentication controls. */
.bridge-skip-link{position:fixed;top:-80px;left:20px;z-index:10;padding:12px 18px;background:#fff;color:#181b1e;border:2px solid #d93006;border-radius:5px;font-weight:700}.bridge-skip-link:focus{top:12px}
.project-story{padding:34px 28px 24px;background:#131b20}
.story-copy>p{margin-bottom:18px}.story-copy h1{font-size:clamp(30px,3vw,42px)}
.story-copy>span{max-width:390px;margin-top:16px;font-size:14px;line-height:1.6}
.bridge-experience{margin:28px -8px 22px;min-width:0}
.bridge-caption{display:flex;justify-content:space-between;gap:12px;padding:0 8px;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#a5b8c2}
.bridge-caption span:last-child{font-variant-numeric:tabular-nums;color:#ff9563}
.bridge-viewport{position:relative;margin:10px -18px 0;background:radial-gradient(ellipse at 52% 64%,#233945 0,transparent 67%);overflow:hidden}
.bridge-viewport .story-bridge{display:block;flex:none;width:100%;height:300px;min-height:0;max-height:none;margin:0;cursor:grab;touch-action:pan-y}
.bridge-viewport .story-bridge.is-dragging{cursor:grabbing}
.bridge-scene-label{position:absolute;left:25px;top:10px;display:flex;align-items:center;gap:7px;color:#b9c9d2;font-size:10px;pointer-events:none}
.bridge-live-dot{height:5px;width:5px;border-radius:50%;background:#ff7846;box-shadow:0 0 10px #ff784655}
.bridge-orbit-controls{position:absolute;bottom:8px;right:22px;display:flex;gap:4px}
.bridge-orbit-controls button{display:grid;place-items:center;width:30px;height:28px;min-height:28px;padding:0;background:#16252deb;border:1px solid #41535d;border-radius:5px;color:#c2d1d8;font-size:18px;font-weight:400}
.bridge-orbit-controls button:hover{background:#344854;color:#fff}
.bridge-build-info{padding:5px 8px 0;min-height:56px}.bridge-build-info strong{font-size:15px;line-height:1.5;letter-spacing:-.02em}.bridge-build-info p{font-size:12px;color:#afbdc5;line-height:1.5;margin:4px 0 0}
.bridge-controls{padding:8px 8px 0}.bridge-playback{display:flex;align-items:center;gap:12px;margin:8px 0 14px}
.bridge-playback button{border:1px solid #55636a;background:transparent;border-radius:5px;font-size:11px;min-height:30px;min-width:64px;padding:5px 10px;color:#e7edef}
.bridge-playback button:hover{background:#30404a}.bridge-playback output{font-size:10px;color:#a9bac5;min-width:29px;text-align:right;font-variant-numeric:tabular-nums}
.bridge-playback input[type=range]{appearance:none;-webkit-appearance:none;min-width:0;width:100%;min-height:30px;height:30px;padding:0;border:0;background:transparent;cursor:pointer;accent-color:#ff8250}
.bridge-playback input[type=range]::-webkit-slider-runnable-track{height:3px;background:#415460;border-radius:3px}
.bridge-playback input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4.5px;border-radius:50%;background:#ff8250;border:2px solid #fff0e5}
.bridge-playback input[type=range]::-moz-range-track{height:3px;background:#415460;border-radius:3px}
.bridge-playback input[type=range]::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:#ff8250;border:2px solid #fff0e5}
.bridge-stages{display:grid;grid-template-columns:.7fr 1.4fr .75fr .7fr .9fr;gap:4px}
.bridge-stages button{min-width:0;min-height:44px;padding:7px 3px 6px;border:0;border-top:2px solid #34464f;border-radius:0;background:transparent;text-align:left;font-size:10px;font-weight:500;color:#acbec8}
.bridge-stages button span{display:block;font-size:9px;color:#6f8b9b;margin-bottom:5px}.bridge-stages button[aria-pressed=true]{border-color:#ff8250;color:#fff}.bridge-stages button[aria-pressed=true] span{color:#ff9563}.bridge-stages button:hover{background:#213039;color:#fff}
.bridge-footnote{font-size:9px;color:#859fae;margin:12px 8px 0;line-height:1.5}
.bridge-experience button:focus-visible,.bridge-experience input:focus-visible{outline:2px solid #ffac87;outline-offset:3px}
.bridge-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1000px){.project-story{padding:30px 24px 22px}.bridge-viewport .story-bridge{height:260px}.bridge-viewport{margin-inline:-20px}.bridge-caption{font-size:8px;letter-spacing:.08em}.bridge-build-info strong{font-size:14px}}
@media(max-width:720px){.project-story{padding:28px 24px}.bridge-experience{margin-top:24px}.bridge-viewport .story-bridge{display:block;height:260px}.story-footer{margin-top:0}.bridge-build-info{min-height:60px}}
@media(prefers-reduced-motion:reduce){.bridge-experience *{animation:none!important;transition:none!important}}