/*
 * The Work section (Mission control): the role at Bridgend College with PlusMove alongside.
 * Uses the websites' shared bits (work-options.css: .wo-tag, .wo-title, .wo-what, .wo-facts, .screen).
 */
.pro { padding: var(--gap-section) var(--gutter); overflow-x: clip; }
.pro > div { max-width: var(--wrap); margin: 0 auto; }

/* ---------- Shared bits ---------- */
.pro-side__role { margin-top: 0.3rem; font: italic 500 1.15rem/1.3 var(--serif); color: var(--gold); }

/* ================================================================ 1. Mission control */

/* ================================================================ 2. Ground network */
@keyframes pn-flow { to { stroke-dashoffset: -7.6; } }

/* ================================================================ 3. Mission patches */
.patch { width: clamp(10rem, 18vw, 13rem); height: auto; filter: drop-shadow(0 18px 30px rgb(0 0 0 / 0.6)); }
.motion .patch { transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1); }
.patch__edge { fill: #1a1408; stroke: var(--gold); stroke-width: 3; stroke-dasharray: 2 2.4; }
.patch__band { fill: #0b1030; stroke: rgb(242 196 109 / 0.7); stroke-width: 1.5; }
.patch__star { fill: var(--gold); }
.patch__ring { font: 700 11.5px var(--mono); letter-spacing: 2.6px; fill: var(--gold); }

/* ================================================================ 4. Flight recorder */
@keyframes pr-in { from { opacity: 0; transform: translateY(10px) scale(0.99); } }

/* the stand-in screens: redrawn, anonymised; sizes follow the window (container units) */
 
/* ================================================================ 5. Manifest */

@media (prefers-reduced-motion: reduce) {
  .patch, .pr-panel .screen { transition: none; animation: none !important; }
}