/* Prototype to Production page (used together with styles.css) */
.page-hero{position:relative;overflow:hidden;background:var(--dark);color:#fff;padding:60px 0 68px;border-bottom:1px solid #2c353a}
.page-hero::after{content:'';position:absolute;right:-140px;top:-90px;width:560px;height:560px;background:radial-gradient(closest-side,rgba(255,107,0,.17),transparent);pointer-events:none}
.page-hero .wrap{position:relative;z-index:1}
.crumbs{font:500 11px 'DM Mono',monospace;letter-spacing:1.5px;color:#8e999e;margin:0 0 28px}
.crumbs a:hover{color:var(--orange)}
.page-hero h1{font-size:clamp(38px,5.2vw,66px);line-height:1.04;letter-spacing:-3px;font-weight:800;margin:0 0 20px}
.page-hero .lead{max-width:650px;color:#d0d6d9;font-size:15px;line-height:1.85;margin:0 0 28px}

.flow{background:#f4f5f3;padding:80px 0 84px}
.stage{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:58px;align-items:center}
.stage.reverse{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.stage.reverse .stage-text{order:2}
.stage-num{font:500 12px 'DM Mono',monospace;letter-spacing:1.7px;color:#d55d08;margin:0 0 14px}
.stage h2{font-size:clamp(28px,3.2vw,40px);line-height:1.1;letter-spacing:-1.6px;margin:0 0 16px}
.stage-text p:not(.stage-num){font-size:14px;line-height:1.9;color:#52616a;margin:0 0 20px;max-width:480px}
.facts{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.facts li{position:relative;padding-left:26px;font-size:12.5px;font-weight:700;line-height:1.6;color:#34434b}
.facts li::before{content:'\25C7';position:absolute;left:0;color:var(--orange)}
.stage-art{margin:0;min-width:0}
.art-frame{border:1px solid #cdd3d4;background:#fff;box-shadow:0 20px 44px rgba(16,22,25,.15);overflow-x:auto}
.art-frame img{display:block;width:100%;height:auto}
.stage-art figcaption{font:500 10px 'DM Mono',monospace;letter-spacing:1.3px;color:#6d7a80;margin-top:12px}
.swipe{display:none;font:500 10px 'DM Mono',monospace;letter-spacing:1.3px;color:#8a979d;margin-top:6px}

.flow-link{display:flex;flex-direction:column;align-items:center;padding:36px 0 34px}
.flow-link .line{width:2px;height:40px;background:repeating-linear-gradient(180deg,var(--orange) 0 6px,transparent 6px 11px)}
.flow-link .flow-label{margin:10px 0;padding:9px 16px;border:1px solid var(--orange);background:#fff;color:#34434b;font:500 11px 'DM Mono',monospace;letter-spacing:1.4px;text-align:center}
.flow-link .arrow{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid var(--orange)}

.schedule{background:var(--dark2);color:#fff;padding:72px 0 76px;border-top:1px solid #2c353a;border-bottom:1px solid #30383d}
.schedule h2{font-size:clamp(28px,3.4vw,42px);line-height:1.1;letter-spacing:-1.7px;margin:0 0 14px}
.schedule .sched-copy{max-width:640px;font-size:13.5px;line-height:1.85;color:#b8c0c4;margin:0}
.table-wrap{margin-top:30px;overflow-x:auto;border:1px solid #30383d;background:#131a1e}
.schedule table{width:100%;min-width:760px;border-collapse:collapse;font-size:12.5px}
.schedule th{padding:14px 16px;background:#0f1519;border-bottom:1px solid #30383d;color:var(--orange);font:500 10.5px 'DM Mono',monospace;letter-spacing:1.4px;text-align:left;white-space:nowrap}
.schedule td{padding:12px 16px;border-bottom:1px solid #263035;color:#d0d6d9;white-space:nowrap}
.schedule tr:last-child td{border-bottom:0}
.schedule td:first-child{font:500 12px 'DM Mono',monospace;color:#fff}
.sw{display:inline-block;width:14px;height:14px;margin-right:10px;border-radius:50%;border:1px solid rgba(255,255,255,.4);vertical-align:-2px}
.sched-note{margin:16px 0 0;font:500 10px 'DM Mono',monospace;letter-spacing:1.1px;line-height:1.8;color:#8e999e}

@media(max-width:1000px){
  .stage,.stage.reverse{grid-template-columns:1fr;gap:30px}
  .stage.reverse .stage-text{order:0}
  .stage-text p:not(.stage-num){max-width:620px}
}
@media(max-width:650px){
  .page-hero{padding:44px 0 52px}
  .page-hero h1{letter-spacing:-2px}
  .flow{padding:56px 0 60px}
  .flow-link{padding:26px 0}
}