/* Performance lab: measured motion, warm metal and desaturated airfield colours. */
.studio .perf-hero{background:#254e58;isolation:isolate;min-height:440px}.studio .perf-hero .hero-landscape{background:linear-gradient(90deg,#173b4be8 10%,#234b55bc 50%,transparent 100%);z-index:1}.studio .perf-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.studio .perf-hero .hero-copy,.studio .perf-hero .hero-caption{position:relative;z-index:2}.studio .perf-hero .hero-copy{max-width:610px}.studio .perf-hero .hero-caption{margin-top:32px}.studio .perf-hero h1{max-width:590px;text-wrap:balance}.perf-model{border-color:#cfdedc;background:#f8faf8}.perf-model .course-model-canvas{padding:0;background:#edf3f2;overflow:hidden}.perf-model .course-model-canvas svg{display:block;width:100%;height:auto;max-height:none}.perf-model .course-model-canvas svg text{font-size:inherit}.perf-model .course-model-bar{background:#f4f7f3}.perf-model .course-model-bar .eyebrow{color:#6b8e8c}.perf-model .course-model-controls{background:#fafbf8;align-items:start}.perf-model .course-model-readouts{border-top:1px solid #dce6df;padding-top:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.perf-model .course-model-readouts strong{font-size:17px;line-height:1.55;color:#2a555c}.perf-model .course-model-readouts>div.course-readout-long{grid-column:auto}.perf-select{font-size:12px;line-height:1.7;color:#536e7b;min-width:0}.perf-select select{display:block;font:inherit;color:#294c59;background:#fff;border:1px solid #c5d5d6;padding:11px 12px;margin-top:10px;border-radius:6px;width:100%;max-width:100%;min-height:44px}.perf-transport{display:flex;align-items:center;gap:24px;padding:18px 28px;background:#f4f7f3;border-block:1px solid #dce5df}.perf-transport button{flex:none;min-width:160px;min-height:44px}.perf-scrub{display:flex;gap:12px;align-items:center;font-size:11px;color:#537079;flex:1;min-width:0}.perf-scrub input{width:100%;min-width:40px;accent-color:#a67a3e;min-height:36px}.perf-scrub output{min-width:35px;font-variant-numeric:tabular-nums}.perf-model input[type=range]{accent-color:#668f92;min-height:32px}.perf-model :focus-visible{outline:3px solid #bb8b4c;outline-offset:4px}.studio .subjects{flex-wrap:wrap;gap:5px}.studio .subjects button{padding:7px 9px}.perf-model .course-model-note{color:#607575}
@media(max-width:650px){.studio .perf-hero{min-height:460px}.studio .perf-hero .hero-copy{max-width:100%}.studio .perf-hero-art{opacity:.6}.studio .perf-hero .hero-landscape{background:linear-gradient(90deg,#173b4bee,#173b4b50)}.perf-transport{padding:16px 20px;flex-wrap:wrap;gap:10px}.perf-scrub{flex-basis:100%}.perf-model .course-model-controls{grid-template-columns:minmax(0,1fr)}.perf-model .course-model-readouts{grid-template-columns:minmax(0,1fr)}.perf-model .course-model-canvas{overflow-x:auto;overscroll-behavior-inline:contain}.perf-model .course-model-canvas svg{min-width:600px;max-width:none}.perf-model .course-model-bar:after{content:'Diagram: swipe horizontally to inspect';display:block;font-size:10px;color:#6f8487;margin-top:10px}.perf-model .course-model-canvas svg text{font-size:inherit}}
@media(prefers-reduced-motion:reduce){.perf-model *{scroll-behavior:auto!important}.perf-hero *{animation:none!important}}