/* Black-led canvas. CPP blue remains an accent; project artwork stays original. */
body[data-page]{--ink:#194056;--paper:#f4f5f5;--muted:#b3bcc2;--line:#42484c;--grey:#181d20;background:#08090a;color:#f4f5f5;color-scheme:dark}
body[data-page] .site-header{border-color:#42484c}body[data-page] .brand,body[data-page] .footer-brand{color:#fff}
body[data-page] .room-symbol,body[data-page] .factory-seal{color:#75b8dc}
body[data-page] .section-label,body[data-page] .eyebrow,body[data-page] .project-meta,body[data-page] .index-top{color:#b9c3c9}
body[data-page] .project-card>p,body[data-page] .evidence-note{color:#c1c9ce}
body[data-page] .index-visual,body[data-page] .project-visual,body[data-page] .exhibit-stage,body[data-page] .detail-gallery>figure,body[data-page] .exhibit-print{background:#15191c}
body[data-page] .index-open,body[data-page] .project-open{background:#194056;color:#fff}
body[data-page] .apps-section,body[data-page] .planner-feature,body[data-page] .scene-row,body[data-page] .app-chapter-top,body[data-page] .process-detail,body[data-page] .room-system,body[data-page] .closing{background:#101417;color:#f4f5f5}
body[data-page] .closing{border-top:1px solid #42484c;background:#08090a}
body[data-page] .scene-row figcaption{background:#08090ade;color:#f4f5f5}
body[data-page] .room-system .flow-node,body[data-page] .flow-node{border-color:#66828f;background:#19405640;color:#f4f5f5}
body[data-page] .flow-caption{color:#bdcbd3}
body[data-page] .room-system>p,body[data-page] .process-detail li{border-color:#42484c}
body[data-page] .project-evidence .exhibit-stage,body[data-page] .art-proof>a{box-shadow:none}
body[data-page] .status-tag{color:#d2dbe0;border-color:#53616a}
body[data-page] .button{border-color:#89949b;color:#fff;background:transparent}
body[data-page] .button-light{border-color:#89949b}
body[data-page] .skip{background:#194056;color:#fff}
body[data-page] :focus-visible{outline-color:#8acbf0}
body[data-page] .lightbox,body[data-page] .film-dialog{background:#08090a;color:#fff}
body[data-page] .lightbox button,body[data-page] .film-dialog button{color:#fff}
body[data-page] .demo-section iframe{background:#101417}
body[data-page] .subscribe-section input{background:#15191c;border-color:#89949b;color:#fff}
body[data-page] .cinematic-opening{background:#08090a;color:#fff}
body[data-page] .film-dialog::backdrop,body[data-page] .lightbox::backdrop{background:#000;opacity:.97}
body[data-page] .cinema-heading>.eyebrow,body[data-page]>.site-header .brand{color:#fff}
body[data-page] .world-art-caption .eyebrow{color:#fff}
body[data-page] .site-footer{border-top:1px solid #42484c}
@media(hover:hover){body[data-page] .header-action:hover,body[data-page] .text-link:hover{color:#8acbf0}}
/* The work is an experience, not a thumbnail. */
.live-experience{padding:65px var(--gutter) 75px;background:#08090a;color:#f4f5f5}.live-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:28px}.live-heading h2{font-size:clamp(28px,3.2vw,50px);line-height:1.06;margin-top:18px}.live-heading p{max-width:600px;font-size:14px;line-height:1.5;margin-top:18px;color:#c1c9ce}.live-heading>.live-launch{white-space:nowrap}.live-browser{border:1px solid #42484c;background:#101417}.live-toolbar{display:flex;align-items:center;gap:20px;padding:14px 18px;border-bottom:1px solid #42484c;position:relative;z-index:2;background:#101417}.live-toolbar>span{display:flex;align-items:center;gap:10px;font-size:11px;margin-right:auto;color:#c1c9ce;overflow-wrap:anywhere}.live-dot{width:7px;height:7px;border-radius:50%;background:#75b8dc;flex-shrink:0}.live-toolbar button{background:transparent;border:1px solid #66747c;padding:9px 14px;color:#fff;font-size:11px;min-height:44px}.live-window{position:relative;height:740px;overflow:hidden}.live-window iframe{display:block;border:0;width:100%;height:100%;background:#101417;pointer-events:none}.live-browser.is-active iframe{pointer-events:auto}.live-cover{position:absolute;inset:0;border:0;background:transparent;color:white;display:flex;justify-content:center;align-items:end;padding:30px;cursor:pointer}.live-cover[hidden]{display:none}.live-cover>span{padding:14px 23px;border:1px solid #c6d7df;background:#08090ade;backdrop-filter:blur(10px);font-size:12px;letter-spacing:.03em}.live-note{font-size:11px;color:#aebcc3;line-height:1.5;margin-top:16px}.index-story>.live-launch{margin-top:14px;color:#8acbf0;font-size:11px}.live-browser.is-active .live-toolbar{border-bottom-color:#75b8dc}.live-compact{padding:0}.live-compact .live-window{height:650px}.brand-suite{padding:80px var(--gutter);background:#101417;border-block:1px solid #42484c;color:#f4f5f5}.suite-heading{display:grid;grid-template-columns:.8fr 1.4fr 1fr;align-items:start;gap:45px;margin-bottom:50px}.suite-heading h2{font-size:clamp(35px,4.2vw,65px);line-height:1.03}.suite-heading>p{font-size:14px;max-width:330px;line-height:1.5}.suite-web .live-experience{background:transparent}.suite-print{display:grid;grid-template-columns:1fr 1.2fr;gap:45px;margin-top:55px}.suite-label{border-top:1px solid #42484c;padding-top:24px;margin-bottom:25px}.suite-label h3{font-size:30px;line-height:1.05}.suite-label .text-link{margin-top:12px;font-size:12px}.suite-card-pair,.suite-folds{display:grid;gap:25px;background:#08090a;padding:30px}.suite-card-pair img,.suite-folds img{object-fit:contain;width:100%;height:auto}.suite-print article>p{font-size:11px;line-height:1.5;color:#b9c3c9;margin-top:18px}.project-live-link{padding:55px var(--gutter);border-block:1px solid #42484c}.project-live-link>p{margin:20px 0;font-size:15px;max-width:550px}
@media(max-width:1000px){.suite-heading{grid-template-columns:1fr 2fr}.suite-heading>p{grid-column:2}.suite-print{gap:25px}.live-toolbar{gap:12px}.live-heading{gap:25px}.live-heading h2{font-size:35px}}
@media(max-width:700px){.live-experience{padding:40px var(--gutter) 45px}.live-heading{display:block;margin-bottom:22px}.live-heading h2{font-size:31px;margin-top:18px}.live-heading p{font-size:13px;margin-top:16px}.live-heading>.live-launch{margin-top:15px;font-size:12px}.live-browser{margin-inline:calc(-1 * var(--gutter));border-inline:0}.live-toolbar{padding:12px var(--gutter);gap:10px;flex-wrap:wrap}.live-toolbar>span{width:100%;font-size:10px}.live-toolbar button{padding:8px 12px;font-size:10px}.live-window{height:620px}.live-cover{padding:20px}.live-cover>span{font-size:11px}.live-note{font-size:10px}.brand-suite{padding:50px var(--gutter)}.suite-heading{display:block;margin-bottom:35px}.suite-heading h2{font-size:38px;margin-top:24px}.suite-heading>p{font-size:13px;margin-top:22px}.suite-print{grid-template-columns:1fr;margin-top:40px;gap:35px}.suite-label h3{font-size:29px}.suite-card-pair,.suite-folds{padding:20px;gap:20px}.live-compact{padding:0}.live-compact .live-window{height:620px}.project-live-link{padding:40px var(--gutter)}}
/* Put the web and print identity in the same field of view. */
@media(min-width:1001px){.brand-suite{display:grid;grid-template-columns:1.15fr 1fr;gap:40px}.suite-heading{grid-column:1/-1;margin-bottom:10px}.suite-web{min-width:0}.suite-print{grid-template-columns:1fr;margin:0;gap:30px}.suite-card-pair,.suite-folds{grid-template-columns:1fr 1fr;padding:18px;gap:14px}.suite-print .suite-label h3{font-size:27px}.suite-print .suite-label{padding-top:18px;margin-bottom:18px}.suite-web .live-heading{display:block}.suite-web .live-launch{margin-top:12px}.suite-web .live-window{height:720px}}
/* Discovery is driven by the original projects and the recorded process. */
.planner-discovery{padding:85px var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;background:#101417;border-block:1px solid #42484c}.discovery-copy h2{font-size:clamp(38px,5vw,78px);line-height:1.02;margin:32px 0}.discovery-copy>p{max-width:400px;font-size:15px;margin-bottom:25px}.discovery-copy .evidence-note{font-size:12px}.planner-device{width:390px;max-width:100%;margin:auto;border:1px solid #61717a;border-radius:34px;padding:12px;background:#050607;box-shadow:0 25px 70px #0006}.device-top{width:80px;height:5px;border-radius:4px;background:#42484c;margin:2px auto 12px}.planner-device iframe{display:block;width:100%;height:750px;border:0;border-radius:23px;background:#0a0a0f}
.workflow-discovery{padding:65px var(--gutter) 75px;border-top:1px solid #42484c;background:#08090a;color:#f4f5f5}.room-projects>.workflow-discovery{padding-inline:0}.workflow-intro{display:grid;grid-template-columns:.8fr 1.5fr 1fr;gap:45px;align-items:start;margin-bottom:45px}.workflow-intro h2{font-size:clamp(34px,4vw,62px);line-height:1.04}.workflow-intro>p{font-size:14px;line-height:1.5}.workflow-theater{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;background:#101417;padding:55px;margin-bottom:25px}.workflow-path{display:flex;flex-direction:column;gap:30px}.workflow-path>button{position:relative;display:grid;grid-template-columns:35px 1fr 12px;align-items:center;gap:15px;background:#151c21;color:#b4c1c9;text-align:left;border:1px solid #42484c;min-height:110px;padding:20px;transition:border-color .4s,background .4s,color .4s}.workflow-path>button:not(:last-child)::after{content:'';position:absolute;top:100%;left:36px;width:1px;height:31px;background:#53616a}.workflow-path>button>span:first-child{font-size:11px}.workflow-path strong{font-weight:500;font-size:20px;line-height:1.25;letter-spacing:-.025em}.workflow-path>button[aria-pressed=true]{background:#19405670;border-color:#8acbf0;color:#fff}.flow-signal{width:8px;height:8px;border-radius:50%;background:#53616a}.workflow-path>button[aria-pressed=true] .flow-signal{background:#8acbf0;box-shadow:0 0 0 5px #8acbf01a;animation:signal-breathe 2s infinite}.workflow-reveal{display:flex;flex-direction:column;justify-content:center;align-items:start}.workflow-reveal>[data-flow-count]{font-size:12px;color:#8acbf0;letter-spacing:.1em}.workflow-reveal h3{font-size:clamp(30px,3.2vw,48px);line-height:1.05;margin:25px 0}.workflow-reveal>p{font-size:13px;line-height:1.5;max-width:400px;color:#c1c9ce}.workflow-reveal>.button{margin-top:28px;font-size:12px;min-height:48px}.workflow-reveal>.workflow-disclaimer{font-size:10px;line-height:1.5;margin-top:25px;max-width:330px}.exhibit-stage>.workflow-discovery{padding:0;background:transparent}.workflow-discovery+.exhibit-story{border-top:1px solid #42484c}
.fox-arrival{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#101417;color:#fff;text-align:center;padding:30px;pointer-events:none}.fox-arrival[hidden]{display:none}.fox-arrival>p{font-size:clamp(24px,3vw,40px);letter-spacing:-.04em;line-height:1.1}.fox-arrival>small{font-size:11px;color:#c1c9ce}.arrival-orbit{display:block;width:40px;height:40px;border:1px solid #53616a;border-top-color:#8acbf0;border-radius:50%;animation:arrival-turn 1.4s linear infinite}[data-fox-preview]:not(.fox-ready) iframe{opacity:0}[data-fox-preview] iframe{transition:opacity .8s}.fox-ready iframe{opacity:1}
@keyframes signal-breathe{50%{box-shadow:0 0 0 11px #8acbf000}}@keyframes arrival-turn{to{transform:rotate(360deg)}}
@media(max-width:1000px){.workflow-intro{grid-template-columns:1fr 2fr;gap:25px}.workflow-intro>p{grid-column:2}.workflow-theater{padding:30px;gap:35px}.workflow-path strong{font-size:18px}.planner-discovery{gap:40px}.planner-device iframe{height:700px}}
@media(max-width:700px){.planner-discovery{grid-template-columns:1fr;padding:50px var(--gutter);gap:35px}.discovery-copy h2{font-size:42px;margin:25px 0}.discovery-copy>p{font-size:13px}.planner-device{padding:8px;border-radius:25px}.planner-device iframe{height:680px;border-radius:18px}.workflow-discovery{padding:45px var(--gutter)}.workflow-intro{display:block;margin-bottom:30px}.workflow-intro h2{font-size:37px;margin:25px 0}.workflow-intro>p{font-size:13px}.workflow-theater{grid-template-columns:1fr;padding:22px;gap:35px;margin-inline:calc(-1 * var(--gutter))}.workflow-path{gap:22px}.workflow-path>button{min-height:90px;padding:17px;grid-template-columns:24px 1fr 9px;gap:12px}.workflow-path>button:not(:last-child)::after{height:23px;left:29px}.workflow-path strong{font-size:18px}.workflow-reveal h3{font-size:33px;margin:20px 0}.workflow-reveal>p{font-size:12px}.workflow-discovery>.text-link{font-size:12px}.exhibit-stage>.workflow-discovery .workflow-theater{margin-inline:0}.room-projects>.workflow-discovery .workflow-theater{margin-inline:calc(-1 * var(--gutter))}}
@media(prefers-reduced-motion:reduce){.flow-signal,.arrival-orbit{animation:none!important}[data-fox-preview] iframe{transition:none}}
.planner-discovery{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.planner-discovery>*{min-width:0}.planner-device{min-width:0;width:min(390px,100%)}
@media(max-width:700px){.planner-discovery{grid-template-columns:minmax(0,1fr)}}
/* One journey: consistent chapter endings, wayfinding and touch handling. */
:root{--journey-ease:cubic-bezier(.2,.65,.2,1)}
.journey-progress{position:fixed;inset:0 0 auto;height:2px;z-index:90;pointer-events:none}.journey-progress>span{display:block;width:100%;height:100%;background:#8acbf0;transform:scaleX(0);transform-origin:left}
.chapter-exit{margin:0 var(--gutter);padding:24px 0 45px;border-top:1px solid #42484c;display:flex;justify-content:space-between;align-items:center;gap:25px}.chapter-exit>p{font-size:13px;color:#c1c9ce}.chapter-exit .text-link{font-size:12px}.footer-rooms{grid-column:1/-1;display:flex;justify-content:space-between;gap:25px;padding-bottom:32px;border-bottom:1px solid #42484c;margin-bottom:5px}.footer-rooms>a{min-height:44px;display:flex;align-items:center;gap:25px;font-size:14px}.footer-rooms>a[aria-current=page]{color:#8acbf0}.footer-rooms>a>span{font-size:23px}
.live-toolbar{position:sticky;top:0;z-index:12}.live-touch-note{display:none}.live-window,.planner-device iframe{overscroll-behavior:contain}.live-browser,.planner-device{scroll-margin-block:25px}.index-project,.exhibit-story,.collection-heading,.next-project,.chapter-top,.chapter-exit{scroll-margin-top:25px}
.fox-arrival{background:linear-gradient(0deg,#08090af5,transparent 85%),url('/media/art-sparks/fox-ready.png') center/cover;justify-content:end;align-items:start;text-align:left;padding:35px}.fox-arrival>p{font-size:30px}.fox-arrival .arrival-orbit{width:28px;height:28px}
@media(hover:hover){.footer-rooms>a:hover{color:#8acbf0}.room-crossroads>a,.index-story h2 a,.text-link,.header-action{transition:color .2s var(--journey-ease)}}
@media(max-width:700px){.chapter-exit{display:block;padding:22px 0 35px}.chapter-exit>p{font-size:12px}.chapter-exit .text-link{margin-top:12px}.footer-rooms{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin-bottom:30px;padding-bottom:25px}.footer-rooms>a{justify-content:space-between;font-size:12px;gap:12px}.footer-rooms>a>span{font-size:20px}.live-toolbar{top:0}.live-touch-note{display:block;flex-basis:100%;font-size:10px;line-height:1.5;color:#c1c9ce;padding-top:2px}.live-toolbar button{min-height:44px}.live-window{height:clamp(470px,74svh,650px)}.live-compact .live-window{height:clamp(470px,74svh,650px)}.live-window iframe{touch-action:auto}.fox-arrival{padding:25px}.fox-arrival>p{font-size:26px}.planner-device iframe{height:clamp(540px,78svh,720px)}.room-title{align-items:start}.room-symbol{line-height:1.15}}
@media(prefers-reduced-motion:reduce){.journey-progress>span{transition:none}.chapter-exit a,.footer-rooms a{transition:none!important}}
/* Warm up the next experience without loading every animation at page entry. */
.live-window{isolation:isolate}.live-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;z-index:-1}.live-browser:not(.is-loaded) iframe{opacity:0}.live-browser.is-loaded .live-poster{visibility:hidden}.live-browser iframe{transition:opacity .45s var(--journey-ease)}.live-browser[data-fox-preview]:not(.fox-ready) iframe{opacity:0}
.planner-device.live-browser{margin-inline:auto;border:1px solid #61717a}.planner-device .live-toolbar{padding:10px;gap:10px;border-radius:18px 18px 0 0}.planner-device .live-toolbar>span{font-size:9px;flex-basis:100%;width:100%}.planner-device .live-toolbar{flex-wrap:wrap}.planner-device .live-toolbar button{padding:8px 10px;font-size:10px}.planner-device .live-window{height:750px;border-radius:0 0 23px 23px}.planner-device .live-window iframe{height:100%;border-radius:0 0 23px 23px}
@media(max-width:700px){.planner-device .live-window{height:clamp(540px,78svh,720px)}.live-poster{object-position:center}.planner-device .live-toolbar{border-radius:14px 14px 0 0}.planner-device .live-window,.planner-device .live-window iframe{border-radius:0 0 18px 18px}}
@media(prefers-reduced-motion:reduce){.live-browser iframe{transition:none}}
@media(max-width:700px){.exhibit-heading nav a{min-height:44px;display:inline-flex;align-items:center}.exhibit-heading nav{gap:8px}.next-project>.text-link{min-height:44px}.room-crossroads>a{min-height:60px}}