.project-discovery{--production-red:#ee4a2a;position:fixed;z-index:32;left:4.2vw;top:108px;bottom:54px;width:365px;max-width:32vw;padding:23px 24px 17px;color:#eae7dd;background:linear-gradient(130deg,rgba(9,15,18,.98),rgba(13,23,29,.94));border:1px solid #334047;border-top:2px solid #d6462d;box-shadow:0 12px 50px #0007;display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#754437 #152027;font-family:Arial,sans-serif}
.project-discovery[hidden],.production-transport[hidden],.production-handoff[hidden]{display:none!important}
.production-kicker{color:#e78869;letter-spacing:.15em;font:10px/1.5 monospace}.production-heading h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:39px;line-height:.94;letter-spacing:-.01em;margin:11px 0 12px}.production-heading h2 em{font-style:normal;color:#f05a37}.production-heading p{color:#99a8ae;font-size:11px;line-height:1.6;margin:0 0 16px;max-width:35em}
.production-browser{min-height:0;flex:1;display:flex;flex-direction:column}.production-browser-label{display:flex;justify-content:space-between;color:#9caeb3;font:9px monospace;letter-spacing:.13em;border-top:1px solid #384147;padding:11px 0 7px}.production-arrows{display:flex;align-items:center;justify-content:space-between;gap:8px}.production-arrows button{min-width:38px;height:32px;color:#ede9dd;border:1px solid #4f5659;background:#182126;font-size:19px}.production-arrows span{color:#73878f;font:8px monospace;letter-spacing:.08em}
.production-projects{display:flex;flex:none;overflow:auto;gap:5px;scrollbar-width:thin;scrollbar-color:#774134 #172026;overscroll-behavior:contain;padding:9px 0 8px}.production-projects>div{flex:0 0 143px}.production-projects button{width:100%;min-height:57px;text-align:left;padding:7px 10px;background:#111c22;border:1px solid #354148;color:#c2c9c7;display:grid;grid-template-columns:19px 1fr;gap:4px;font-family:monospace}.production-projects button>span{grid-row:span 2;font-size:9px;color:#8e6a5d}.production-projects button strong{font-size:10px;letter-spacing:.06em}.production-projects button small{font-size:8px;color:#8ca0a6;line-height:1.3}.production-projects button[aria-current=true]{border-color:#e65535;background:linear-gradient(140deg,#40221c,#171d21)}.production-projects button[aria-pressed=true] strong::after{content:' ●';color:#e88362}
.production-preview{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#714434 #172027}.production-image{height:132px;position:relative;background:#081117;overflow:hidden;margin:3px 0 12px;border:1px solid #2b383e}.production-image:before{content:'';position:absolute;inset:-12%;background-image:var(--preview-image);background-size:cover;background-position:center;filter:blur(16px) brightness(.48) saturate(.85);transform:scale(1.08);opacity:.92;z-index:0}.production-image img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain}.production-image>span{position:absolute;z-index:2;bottom:6px;left:8px;color:#a8b8ba;font:7px monospace;letter-spacing:.11em;padding:3px 6px;background:#0b141be6}.production-preview-copy>span{color:#cd795f;font:9px monospace;letter-spacing:.05em}.production-preview h3{margin:6px 0;font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;font-weight:700;line-height:1}.production-preview p{font-size:12px;line-height:1.6;color:#b8c4c6;margin:8px 0 12px}.production-technologies{display:flex;gap:5px;flex-wrap:wrap}.production-technologies span{font:8px/1.4 monospace;color:#a1b1b6;border:1px solid #354147;padding:3px 6px}.production-preview small{display:block;color:#c3a383;font:9px monospace;margin-top:11px}
.production-footer{flex:none;border-top:1px solid #34434a;margin-top:15px;padding-top:12px}.production-job{display:flex;gap:9px;align-items:center;margin-bottom:11px}.production-job i{height:5px;width:5px;border-radius:50%;background:#f17855}.production-job strong{display:block;font:9px/1.6 monospace;letter-spacing:.08em}.production-job span{display:block;color:#8ea0a6;font:9px/1.6 monospace}.production-primary{display:block;width:100%;border:1px solid #f17d58;background:#bf3c26;color:#fff5e9;min-height:41px;font:700 10px monospace;letter-spacing:.05em;padding:11px 15px;cursor:pointer}.production-primary:hover{background:#dc492b}.production-navigation{display:flex;justify-content:space-between;gap:8px;margin-top:9px}.production-navigation button,.production-change{border:0;background:none;color:#a4b2b7;font:8px monospace;padding:10px 0;min-height:34px;cursor:pointer}.project-discovery button{cursor:pointer}.project-discovery button:focus-visible,.production-transport button:focus-visible,.production-handoff button:focus-visible{outline:2px solid #ffbd88;outline-offset:3px}
body.production-active #components{visibility:hidden}body.production-active .scene-meta{opacity:.35}body.production-active .scroll-cue{visibility:hidden}
.production-transport{position:fixed;z-index:33;left:4.2vw;bottom:85px;width:320px;padding:23px;background:linear-gradient(140deg,#0b141bf2,#111b20ed);border:1px solid #485054;border-top:2px solid #e65332;color:#eae6db;box-shadow:0 8px 50px #0006}.production-transport h2{font:700 37px/.95 'Barlow Condensed',Impact,sans-serif;margin:10px 0}.production-transport p{font:10px/1.6 monospace;color:#b8c8ca}.production-milestones{display:flex;gap:6px;margin:16px 0}.production-milestones span{flex:1;border-top:2px solid #3c4b50;padding-top:7px;font:7px monospace;color:#8b9ca2}.production-milestones .reached{border-color:#e75d3b;color:#e5b69e}.production-skip{width:100%;min-height:44px;border:1px solid #ffb18a;background:#e4522d;color:#fff8ed;font:700 11px monospace;box-shadow:0 0 22px #f34d294b;cursor:pointer}.production-skip:hover{background:#f56a3d;box-shadow:0 0 26px #f34d2970}.production-skip[hidden],.production-primary[hidden]{display:none}.production-handoff{position:fixed;z-index:32;bottom:66px;right:4vw;max-width:42vw;border-left:2px solid #ed5a37;background:#0c151ceb;padding:12px 15px;color:#d5dad5;display:flex;gap:12px;align-items:center;font:9px/1.5 monospace}.production-handoff button{background:#263239;border:1px solid #536065;padding:9px;color:#e3e5dd;font:9px monospace;cursor:pointer}
@media(max-height:820px) and (min-width:1040px){.project-discovery{top:92px;bottom:42px;padding:16px 20px}.production-heading h2{font-size:32px}.production-heading p{font-size:10px;margin-bottom:9px}.production-image{height:95px}.production-preview h3{font-size:23px}.production-preview p{font-size:11px}.production-footer{margin-top:9px;padding-top:8px}}
@media(max-width:1039px),(max-aspect-ratio:7/5){.project-discovery{top:45vh;bottom:0;left:0;right:0;width:auto;max-width:none;padding:19px 22px;display:block;background:#0b151c;border-left:0;border-right:0;box-shadow:0 -15px 35px #0004}.production-heading h2{font-size:32px}.production-heading h2 br{display:none}.production-heading p{font-size:12px;max-width:48em}.production-preview{display:grid;grid-template-columns:32% 1fr;gap:13px;overflow:visible}.production-image{height:150px;margin-top:7px}.production-preview h3{font-size:28px}.production-preview p{font-size:12px}.production-footer{position:sticky;bottom:-20px;background:#0b151cf7;padding:12px 0 8px;margin-top:16px}.production-navigation button{font-size:9px;min-height:38px}.production-arrows span{font-size:9px}.production-projects>div{flex-basis:160px}.production-projects button{min-height:62px}.production-projects button strong{font-size:11px}.production-projects button small{font-size:9px}.production-transport{bottom:22px;left:15px;right:15px;width:auto;padding:15px}.production-transport h2{font-size:30px}.production-handoff{bottom:16px;left:15px;right:15px;max-width:none;flex-direction:column;align-items:stretch}}
@media(max-width:480px){.production-preview{grid-template-columns:1fr}.production-image{height:130px;margin-bottom:0}.production-heading p{font-size:11px}.production-preview p{font-size:12px}.production-technologies span{font-size:9px}.production-job span{font-size:9px}.project-discovery{padding:17px 20px}.production-footer{bottom:-18px}}
@media(prefers-reduced-motion:reduce){.production-skip{box-shadow:none}html:has(.production-active){scroll-behavior:auto}}
body.has-no-webgl .project-discovery{top:85px;bottom:0;width:min(720px,calc(100% - 40px));max-width:none;left:50%;transform:translateX(-50%)}

.production-skip-curtain{position:fixed;inset:0;background:#091116;z-index:10000;opacity:1;pointer-events:all}.production-skip-curtain[hidden]{display:none}.production-skip-curtain.leaving{opacity:0;transition:opacity .2s ease-out;pointer-events:none}

body.production-delivering .home-intro,body.production-delivering .ghost-index{visibility:hidden}.production-handoff #productionAssemblySkip{background:#b8482b;border-color:#f7a07a;box-shadow:0 0 14px #e94e2d38}.production-handoff button[hidden]{display:none}.production-handoff{flex-wrap:wrap}

body.project-assembly #assembly{visibility:hidden}.production-handoff{max-width:48vw}.production-handoff #productionHandoffLabel{width:100%;letter-spacing:.06em}.production-handoff #productionStudy{background:#b7442b;border-color:#df7959}@media(max-width:1039px),(max-aspect-ratio:7/5){.production-handoff{max-width:none}}

#productionResume{margin-left:auto;flex:none;border:1px solid #46545a;padding:6px;background:#202b30;color:#b8c1c2;font:8px monospace;cursor:pointer}#productionResume[hidden]{display:none}@media(min-width:1040px) and (min-aspect-ratio:7/5){.production-heading h2{font-size:35px}.production-heading p{font-size:10.5px}.production-image{height:98px}.production-preview h3{font-size:26px}.production-preview p{font-size:11px;line-height:1.55}}@media(min-width:1040px) and (min-height:950px){.production-image{height:155px}}

.production-navigation{flex-wrap:wrap}
/* Match the quiet orange of the About footer's central label. */
.project-discovery .production-navigation [data-production-nav=assembly]{background:transparent;border:0;box-shadow:none;color:var(--workshop-footer-accent);border-radius:10px;padding:10px 12px;font-weight:700}
.project-discovery .production-navigation [data-production-nav=assembly]:hover{background:#e7886912;color:#f4b39b}
/* The selected delivery owns the scene until the study opens. */
body.project-delivery-active .frame.home{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
body.project-delivery-active #hallFocusTools{display:none!important}
@media(max-width:760px),(max-width:1023px) and (max-height:500px){
 #productionSkip,#productionAssemblySkip,#studySkipIntro,.production-arm-actions{display:none!important}
}
/* A vertical swipe beginning on the horizontal project strip must continue
   through the mobile reading panel, not get trapped in that strip. */
.production-projects{overscroll-behavior-x:contain;overscroll-behavior-y:auto}

.production-heading{position:relative}.production-heading h2{padding-right:36px}#productionExit{position:absolute;right:0;top:0;min-height:33px;padding:7px 8px;border:1px solid #69757a;background:#303b40;color:#e9ece7;font:9px monospace;cursor:pointer}.production-idle-tag{margin-left:auto;color:#8baca6;font:8px/1.4 monospace;white-space:nowrap}.production-skip-curtain.leaving{transition-duration:.14s}

/* Give model previews their own full frame, including on shorter desktops. */
.project-discovery .production-image{height:auto;aspect-ratio:16/10;min-height:0;flex:none;isolation:isolate;background:radial-gradient(ellipse at 65% 35%,#264956 0%,#142b37 48%,#0a1722 100%)}
.production-image img{display:block;object-position:center;mix-blend-mode:lighten}
.production-image:before{inset:0;background-image:linear-gradient(#a9dfeb0b 1px,transparent 1px),linear-gradient(90deg,#a9dfeb0b 1px,transparent 1px);background-size:24px 24px;background-position:center;filter:none;transform:none;opacity:1}
.project-discovery .production-footer{margin-top:10px;padding-top:10px}
@media(min-width:1040px) and (max-height:850px){
 .project-discovery .production-image{height:clamp(100px,17vh,145px);aspect-ratio:auto}
 .project-discovery .production-heading h2{font-size:30px;margin:8px 0}
 .project-discovery .production-heading p{margin-bottom:10px}
}

/* Superseded hall slides never participate in selection/camera transitions. */
.legacy-hall-slide{display:none!important;visibility:hidden!important;pointer-events:none!important}