/* Section 01: one anchored preview with a persistent scenario sidebar. */
#experience .section-head{align-items:end;gap:36px;margin-bottom:32px}
#experience .section-head h2{font-size:clamp(32px,4vw,58px);line-height:1.08;max-width:none}
#experience .section-head>p{max-width:430px;font-size:18px;line-height:1.6}
.scenario-workspace{display:grid;grid-template-columns:248px minmax(0,1fr);border:1px solid #303034;border-radius:6px;overflow:hidden;background:#141416;align-items:stretch}
.scenario-navigation{padding:26px 12px;background:#101012;border-right:1px solid #303034}
.scenario-nav-label{font:11px 'JetBrains Mono',monospace;letter-spacing:.12em;color:#9999a2;padding:0 10px;margin:0 0 20px}
.scenario-tabs{display:flex;flex-direction:column;gap:5px}
.scenario-tabs button{display:flex;align-items:center;gap:12px;min-height:52px;text-align:left;padding:12px 10px;border:1px solid transparent;border-radius:4px;background:transparent;color:#bfc0c7;font:inherit;font-size:15px;line-height:1.4;cursor:pointer;transition:background .15s,border-color .15s}
.scenario-tabs button span{font:11px 'JetBrains Mono',monospace;color:#888891;flex:0 0 21px}
.scenario-tabs button.active{border-color:#795034;background:#2a211a;color:#fff;box-shadow:inset 3px 0 #ef8d38}
.scenario-tabs button.active span{color:#ffab64}
.scenario-tabs button:hover{background:#242427;color:#fff}
.scenario-tabs button.active:hover{background:#33271e}
.scenario-tabs button:focus-visible,.scenario-heading button:focus-visible,.scenario-pagination button:focus-visible,#scenario-select:focus-visible{outline:2px solid #ef8d38;outline-offset:-3px}
#scenario-panel{min-width:0;overflow-anchor:none}
.scenario-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;min-height:144px;border-bottom:1px solid #303034}
.scenario-heading>div:first-child{min-width:0;max-width:550px}
.scenario-heading .eyebrow{font-size:11px;letter-spacing:.1em;margin:0 0 10px;color:#eaa569}
.scenario-heading h3{font-size:clamp(22px,2.1vw,30px);line-height:1.2;min-height:2.4em;margin:0;letter-spacing:-.025em}
.scenario-view{display:flex;flex-shrink:0;gap:3px;padding:4px;border:1px solid #37373d;background:#0d0d0f;border-radius:5px}
.scenario-view button{font:inherit;font-size:13px;line-height:1.2;border:0;border-radius:3px;min-height:40px;padding:8px 12px;background:transparent;color:#bbbcc4;cursor:pointer}
.scenario-view button.active{background:#ef8d38;color:#17110a}
.scenario-view button:disabled{display:none}
.scenario-view button:hover:not(.active):not(:disabled){color:#fff;background:#242427}
.scenario-capture{position:relative;margin:0;border:0!important;border-radius:0!important}
.scenario-capture #capture-link{display:flex;width:100%;aspect-ratio:16/9;align-items:center;justify-content:center;overflow:hidden;background:#090a0b}
.scenario-viewport{width:100%;height:100%}
.scenario-capture .scenario-viewport img{display:block;width:100%;height:100%;object-fit:contain;animation:none!important}
.scenario-viewport.cropped{height:auto;overflow:hidden}
.scenario-capture .scenario-viewport.cropped img{height:auto;object-fit:initial}
#experience .scenario-capture figcaption{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:11px 24px;border-top:1px solid #303034;border-bottom:1px solid #303034;color:#a5a5ae;font-size:11px;line-height:1.5;background:#101012}
.scenario-load-status{position:absolute;top:12px;left:12px;margin:0;padding:6px 10px;background:#141416;color:#f6b46f;font-size:13px;pointer-events:none}
.scenario-load-status:empty{display:none}
.scenario-summary{padding:22px 24px 24px}
.scenario-summary #scenario-copy{font-size:16px;line-height:1.65;color:#c5c5cc;margin:0;max-width:850px;min-height:5em}
.scenario-summary-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:18px 0}
.scenario-features{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:0;color:#deb48f;font-size:12px}
.scenario-features li{padding:5px 9px;border:1px solid #3b3028;border-radius:3px;background:#1d1916}
.scenario-pagination{display:flex;align-items:center;gap:6px;flex-shrink:0}
.scenario-pagination span{font:11px 'JetBrains Mono',monospace;white-space:nowrap;color:#aaaab3;padding:0 3px}
.scenario-pagination button{font:inherit;font-size:21px;line-height:1;background:#1d1d21;color:#ddd;border:1px solid #39393f;border-radius:3px;min-height:38px;min-width:38px;cursor:pointer}
.scenario-pagination button:hover{color:#f5a361;border-color:#a36a3d}
.scenario-note,.scenario-map-credit{font-size:12px!important;line-height:1.6;color:#96969f;margin:8px 0 0}
.scenario-map-credit a{color:#eaa569}
.scenario-disclaimer{margin-top:18px!important}
.scenario-mobile-label,#scenario-select{display:none}
@media(max-width:1100px){.scenario-workspace{grid-template-columns:220px minmax(0,1fr)}.scenario-tabs button{font-size:14px;gap:8px}.scenario-heading{flex-wrap:wrap;gap:15px;min-height:170px;padding:20px}.scenario-heading>div:first-child{flex:1 0 100%}.scenario-summary{padding:20px}.scenario-summary-footer{align-items:flex-start}.scenario-summary #scenario-copy{min-height:6.6em}#experience .section-head{display:block}#experience .section-head>p{margin-top:18px;max-width:650px}}
@media(max-width:700px){.scenario-workspace{display:block}.scenario-navigation{padding:16px;border-right:0;border-bottom:1px solid #303034}.scenario-nav-label,.scenario-tabs{display:none}.scenario-mobile-label{display:block;font-size:12px;color:#a5a5ae;margin-bottom:8px}#scenario-select{display:block;width:100%;min-height:48px;padding:10px 12px;background:#1c1c20;color:#eee;border:1px solid #444;border-radius:3px;font:inherit;font-size:16px}.scenario-heading{min-height:178px;padding:18px;gap:14px;align-content:center}.scenario-heading h3{font-size:24px}.scenario-heading .eyebrow{font-size:10px;margin-bottom:8px}.scenario-view button{min-height:40px;font-size:12px}.scenario-summary{padding:18px}.scenario-summary #scenario-copy{font-size:15px;min-height:0}.scenario-summary-footer{flex-wrap:wrap;margin:16px 0;gap:16px}.scenario-pagination{margin-left:auto}#experience .scenario-capture figcaption{padding:10px 14px;font-size:10px}.scenario-capture figcaption span:last-child{white-space:nowrap}#experience .section-head>p{font-size:16px}#experience .section-head{margin-bottom:24px}.scenario-disclaimer{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.scenario-tabs button{transition:none}}