/* PatchPass / continuous rescue mission. Original section structure is retained. */
.mission-page { --mission-gold: #f3cd52; --mission-paper: #edece2; --mission-charcoal: #121413; --mission-accent: #f3cd52; }
.mission-page .main-content { overflow: clip; }
.mission-page section { position: relative; }
.mission-page :is(.team-title,.trl-title,.dl-title,.ab-title,.fb-title,.nu-section-label) { font-family: 'Rajdhani',sans-serif; font-weight: 700; letter-spacing: -.04em; line-height: .95; text-transform: uppercase; background: none; -webkit-text-fill-color: currentColor; text-align: inherit; }
.mission-page :is(.team-title,.trl-title,.dl-title,.ab-title,.fb-title) { font-size: clamp(3.4rem,7vw,7.2rem); }
.mission-page :is(.team-eyebrow,.trl-eyebrow,.dl-eyebrow,.ab-eyebrow,.fb-eyebrow,.sk-eyebrow,.ls-eyebrow) { letter-spacing: .22em; font-size: .8rem; color: var(--mission-gold); }
.mission-page :is(.dl-eyebrow,.dl-subtitle,.ab-eyebrow) { text-align: left; }
.mission-page :is(.dl-inner,.ab-inner,.fb-inner,.trl-inner,.nu-inner,.team-inner) { z-index: auto; }
.mission-overline { display: block; font-size: .75rem; font-weight: 700; letter-spacing: .2em; color: var(--mission-gold); }
.mission-hud { position: fixed; z-index: 850; top: 0; left: 58px; right: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 20px clamp(24px,4vw,64px); pointer-events: none; background: linear-gradient(#101210f0, #10121070 65%, transparent); }
.mission-hud[hidden] { display: none; }
.mission-wordmark { font-size: 1.05rem; color: #fff; font-weight: 700; letter-spacing: .07em; text-decoration: none; pointer-events: auto; }
.mission-wordmark > span { color: var(--mission-gold); }
.mission-wordmark small { padding-left: 14px; color: #d1d2c8; font-size: .65rem; font-weight: 500; letter-spacing: .17em; }
.mission-hud-right { display: flex; gap: 26px; align-items: center; }
.mission-chapter { color: #e1e0d5; font-size: .72rem; letter-spacing: .14em; font-weight: 600; }
#missionMotion { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 36px; padding: 6px 12px; border: 1px solid #a6aa9540; border-radius: 2px; color: #e7e5d9; background: #151814; font: 600 .75rem 'Rajdhani',sans-serif; cursor: pointer; pointer-events: auto; }
#missionMotion:hover { color: var(--mission-gold); border-color: var(--mission-gold); }
/* Above every page section/card; HUD, navigation, dialogs and loader retain priority. */
.mission-subject { position: fixed; left: 0; top: 0; width: 440px; height: 550px; z-index: 800; pointer-events: none; opacity: 0; transform-origin: 50% 50%; will-change: transform; transition: opacity .3s; }
.mission-subject canvas { display: block; width: 100%; height: 100%; pointer-events: none; }
.mission-subject-label { position: absolute; bottom: 6%; left: 50%; transform: translateX(-50%); color: #edead8; white-space: nowrap; font-size: 10px; font-weight: 700; letter-spacing: .24em; padding: 6px 10px; border-top: 1px solid var(--mission-accent); background: #11150ed9; }
.mission-subject-label::before { content: '+'; color: var(--mission-accent); margin-right: 8px; }
.mission-anchor { position: relative; pointer-events: none; }
.mission-orbit { position: absolute; width: 90%; aspect-ratio: 1; left: 5%; top: 10%; border: 1px solid #dccb7230; border-radius: 50%; background: repeating-conic-gradient(from -2deg,transparent 0deg 14deg,#cabc7015 14deg 15deg); mask-image: radial-gradient(circle,transparent 55%,#000 56%); }
.mission-orbit::before { content: ''; position: absolute; inset: 10%; border: 1px dashed #d5c57840; border-radius: 50%; }
.mission-platform-label { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; font-size: .62rem; letter-spacing: .22em; color: #b5b5a7; }
.mission-page .hero-section { min-height: 700px; height: 100svh; background: #121613; isolation: isolate; }
.mission-page .hero-background { width: 85%; height: auto; aspect-ratio: 16 / 9; top: 16%; bottom: auto; background-size: 100% 100%; background-position: center; mask-image: linear-gradient(90deg,#000 72%,transparent),linear-gradient(180deg,transparent,#000 16%,#000 76%,transparent); mask-composite: intersect; opacity: .85; }
.mission-page .hero-vignette { background: linear-gradient(0deg,#121613 2%,transparent 30%),linear-gradient(90deg,transparent 40%,#12161380 69%,#121613 85%); }
.mission-page .hero-section::after { content: ''; position: absolute; z-index: -1; inset: 0; background-image: linear-gradient(#b6ba8e08 1px,transparent 1px),linear-gradient(90deg,#b6ba8e08 1px,transparent 1px); background-size: 72px 72px; }
.mission-hero-copy { position: absolute; left: 8%; bottom: 21%; z-index: 24; }
.mission-hero-copy > p { font-size: clamp(3rem,5.8vw,6rem); font-weight: 700; line-height: .88; letter-spacing: -.045em; text-transform: uppercase; margin: 14px 0 0; text-shadow: 0 3px 24px #0b100d; }
.mission-hero-copy em,.mission-deploy-stage em { font-style: normal; color: var(--mission-gold); }
.mission-anchor--hero { position: absolute; width: 39%; height: 66%; right: 1%; top: 10%; }
.mission-page .hero-title-wrap { left: 8%; bottom: 9%; max-width: 45%; z-index: 25; }
.mission-page .hero-kicker { font-size: .75rem; letter-spacing: .17em; }
.mission-page .hero-explore { margin-top: 10px; font-size: .86rem; }
.mission-hero-bottom { position: absolute; bottom: 0; left: 0; right: 0; padding: 14px 5%; display: flex; justify-content: space-between; border-top: 1px solid #d4cc7030; color: #bdbeb0; font-size: .63rem; letter-spacing: .2em; background: #141713; }
.mission-hero-bottom i { padding-left: 16px; color: var(--mission-gold); }
.mission-page .hero-dl-widget { bottom: 62px; right: 32px; min-width: 230px; z-index: 40; padding: 15px 18px; background: #171b16f5; }
.mission-page .hero-dl-widget__heading { margin-bottom: 7px; font-size: .72rem; }
.mission-page .hero-dl-btn { padding: 10px 16px; }

/* Scenario selection: a field map with the responder stepping out of the artwork. */
.mission-page .skillsets-section { min-height: 850px; height: 100svh; background: #191c17; border-block: 1px solid #dbc35b30; }
.mission-page .sk-left { padding: 100px 3% 54px 5%; flex-basis: 38%; max-width: 38%; background: #141712; }
.mission-page .sk-title { font-family: 'Rajdhani',sans-serif; font-size: clamp(2.8rem,4.2vw,4.8rem); line-height: .92; letter-spacing: -.035em; }
.mission-page .sk-heading { margin-bottom: 24px; }
.mission-page .sk-subtitle { font-size: .98rem; }
.mission-page .sk-list-btn { border: 0; border-bottom: 1px solid #b6b2932e; background: transparent; border-radius: 0; padding: 15px 14px; min-height: 66px; }
.mission-page .sk-list-btn.active { background: var(--mission-gold); color: #1b2118; box-shadow: none; transform: translateX(6px); }
.mission-page .sk-list-btn.active :is(.sk-list-name,.sk-list-index,.sk-list-tag) { color: #1b2118; }
.mission-page .sk-list-btn.active .sk-list-accent { background: #22291b; }
.mission-page .sk-right { flex-basis: 62%; }
.mission-page .sk-panel { padding: 90px 5% 50px; background: transparent; border: 0; border-radius: 0; box-shadow: none; overflow-y: auto; }
.mission-page .sk-panel-img-wrap { position: relative; width: 100%; height: 300px; min-height: 300px; margin-bottom: 25px; overflow: visible; border: 0; background: transparent; transform: rotate(-2deg); }
.mission-page .sk-panel-img { width: 88%; height: 100%; max-height: none; object-fit: cover; border: 1px solid #e9d07e50; clip-path: polygon(0 0,100% 0,100% 86%,90% 100%,0 100%); filter: saturate(.8) brightness(.72); }
.mission-page .sk-panel-img-placeholder { width: 88%; height: 100%; }
.mission-anchor--scenario { position: absolute; right: -2%; top: 65px; width: 29%; height: 300px; z-index: 1; }
.mission-page .sk-panel-info > :is(.sk-panel-name,.sk-panel-desc,.sk-abilities) { margin-right: 29%; }
.mission-page .sk-panel-info { position: relative; z-index: 24; background: #191c17; padding-top: 12px; }
.mission-page .sk-panel-name { font-family: 'Rajdhani',sans-serif; font-size: 2.15rem; }
.mission-page .sk-panel-desc { font-size: 1.05rem; }
.mission-page .sk-abilities { font-size: .95rem; }

/* Creators: an editorial spread, then the original member carousel. */
.mission-page .team-section { padding-top: 0; background: #e8e6d9; color: #22281e; }
.mission-page .team-inner { max-width: 1280px; padding: 80px 6% 35px; }
.mission-page .team-heading { position: relative; text-align: left; min-height: 275px; padding: 24px 0 12px 31%; margin: 0; }
.mission-page .team-eyebrow { color: #586344; }
.mission-page .team-title { color: #20271e; font-size: clamp(4rem,7.2vw,7rem); }
.mission-page .team-sub { margin: 24px 0 0; max-width: 560px; color: #4d5546; }
.mission-anchor--team { position: absolute; left: -3%; top: -45px; width: 32%; height: 340px; }
.mission-page .team-group-photo { padding: 0 6%; position: relative; z-index: 25; }
.mission-page .team-group-photo::after { content: 'ARCLIGHT STUDIOS / THE PEOPLE BEHIND THE GAME'; display: block; width: min(100%,960px); margin: 0 auto; padding-top: 12px; border-top: 2px solid #454e3a; font-size: .72rem; letter-spacing: .18em; color: #434d38; }
.mission-page .team-group-photo img { width: min(100%,960px); max-width: none; border-radius: 0; box-shadow: 14px 14px 0 #cacbb9; filter: saturate(.8); }
.mission-page .team-section .team-scanlines { display: none; }
.mission-page .ts-stage { background: #dedfce; border: 1px solid #bcc1ac; border-radius: 0; z-index: 25; }
.mission-page .ts-name { color: #20271e; font-family: 'Rajdhani',sans-serif; letter-spacing: -.025em; background: none; -webkit-text-fill-color: currentColor; }
.mission-page .ts-role { color: #52602f; }
.mission-page .ts-bio { color: #454e3c; }
.mission-page .ts-index { color: #667541; }
.mission-page .ts-index-sep { color: #737b64; }
.mission-page .ts-avatar-ring { border-color: #a2aa87; background: #c9ceba; border-radius: 2px; box-shadow: 12px 12px 0 #bec6ab; }
.mission-page .ts-avatar-fallback { color: #63714f; background: #c9ceba; }
.mission-page .ts-arrow { background: #d1d6bf; border-color: #b4bea0; color: #333d28; }
.mission-page .ts-dot::before { background: #727e5a; }
.mission-page .ts-dot.active::before { background: #27391b; }
.mission-page .ts-nav { margin-bottom: 25px; }

/* The same scene docks here for direct inspection. */
.mission-page .ls-section { min-height: 790px; background: #121714; }
.mission-page .ls-canvas-wrap { min-height: 790px; pointer-events: auto; cursor: grab; background: radial-gradient(ellipse at 50% 55%,#3b412c55,transparent 65%),repeating-linear-gradient(0deg,transparent 0 69px,#a7b18b0c 70px),#121714; touch-action: pan-y; }
.mission-page .ls-canvas-wrap:active { cursor: grabbing; }
.mission-page .ls-canvas-wrap .mission-orbit { top: 20%; }
.mission-viewer-watermark { position: absolute; top: 9%; left: 8%; font-weight: 700; font-size: clamp(5rem,11vw,11rem); line-height: .8; letter-spacing: -.06em; color: transparent; -webkit-text-stroke: 1px #e3dab532; transform: rotate(-8deg); }
.mission-page .ls-info { padding: 100px 5% 90px 3%; background: #171c16; z-index: 25; }
.mission-page .ls-title { font-family: 'Rajdhani',sans-serif; font-size: clamp(3.4rem,5.5vw,5.7rem); line-height: .95; letter-spacing: -.045em; overflow-wrap: anywhere; }
.mission-page .ls-subtitle { font-size: .8rem; letter-spacing: .18em; }
.mission-page .ls-desc { color: #c7ccbf; line-height: 1.75; }
.mission-page .ls-drag-hint { bottom: 40px; z-index: 26; color: #d4d8c8; opacity: 1; }
.mission-page .ls-canvas-bleed { display: none; }
.mission-page .ls-loader { background: transparent; pointer-events: none; }
.mission-page .ls-loader.is-ready { display: none; }

/* Cinema: oversized title, offset frame, generous dark space. */
.mission-page .trl-section { background: #080c0a; }
.mission-page .trl-inner { max-width: 1400px; padding: 95px 6% 105px; }
.mission-page .trl-heading { text-align: left; position: relative; min-height: 200px; margin-bottom: 38px; padding-right: 30%; }
.mission-page .trl-title { max-width: 690px; }
.mission-page .trl-title-line { margin: 26px 0 0; width: 100px; height: 3px; }
.mission-anchor--trailer { position: absolute; width: 26%; height: 250px; right: 0; top: -40px; }
.mission-page .trl-frame-wrap { width: 94%; margin: 0 0 0 auto; transform: rotate(-1deg); border: 1px solid #8d946644; box-shadow: -25px 25px 0 #242b1c; z-index: 25; transition: transform .5s; }
.mission-page .trl-frame-wrap.trl-playing { transform: none; }
.mission-page .trl-play-btn { background: var(--mission-gold); color: #171f10; border-color: var(--mission-gold); }
.mission-page .trl-play-ring { border-color: #f3cd5260; }
.mission-page .trl-scanlines { opacity: .2; }

/* News as a field dispatch board, with the existing carousel. */
.mission-page .nu-section { background: #1c2118; }
.mission-page .nu-inner { max-width: 1300px; padding: 100px 6%; }
.mission-page .nu-top { position: relative; display: block; min-height: 160px; padding: 18px 27% 35px 0; margin-bottom: 34px; border-bottom: 1px solid #a6b37a55; }
.mission-page .nu-section-label { font-size: clamp(3rem,6.5vw,6.5rem); color: #eeeedd; }
.mission-page .nu-top-rule { display: none; }
.mission-anchor--news { position: absolute; right: -1%; top: -75px; width: 25%; height: 260px; }
.mission-page .nu-feat-meta { position: relative; z-index: 24; width: 76%; }
.mission-page .nu-feat-title { font-family: 'Rajdhani',sans-serif; font-size: clamp(1.9rem,3.1vw,3rem); line-height: 1.12; letter-spacing: -.02em; }
.mission-page .nu-feat-wrap { clip-path: polygon(0 0,100% 0,100% 90%,93% 100%,0 100%); border-radius: 0; z-index: 25; }
.mission-page :is(.nu-feat-fallback,.nu-thumb-fallback) { background: repeating-linear-gradient(-45deg,#222b1b 0 30px,#303b25 31px 32px),#222b1b; color: #d8d1a6; }
.mission-page .nu-feat-fallback::after { content: 'PATCHPASS / FIELD NOTES'; position: absolute; bottom: 28px; left: 28px; font: 600 .8rem 'Rajdhani',sans-serif; letter-spacing: .23em; color: #dcd9b9; }
.mission-page .nu-thumb { border-radius: 0; background: #151b12; }

/* Deployment: a character stage and a real, legible Windows download. */
.mission-page .dl-section { background: #edebdb; color: #27301f; }
.mission-page .dl-inner { max-width: 1280px; padding: 100px 6%; }
.mission-page .dl-heading { text-align: left; position: relative; z-index: 24; border-bottom: 2px solid #354529; padding-bottom: 30px; margin-bottom: 45px; }
.mission-page .dl-eyebrow { color: #596d38; }
.mission-page .dl-title { color: #24321c; }
.mission-page .dl-subtitle { color: #525d45; margin-left: 0; }
.mission-page .dl-body { grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }
.mission-deploy-stage { position: relative; min-height: 490px; }
.mission-deploy-stage > .mission-overline { color: #657748; }
.mission-anchor--download { position: absolute; inset: 12px -5% 50px; }
.mission-deploy-stage > p { position: absolute; left: 0; bottom: 0; font-weight: 700; font-size: 2.6rem; line-height: .95; letter-spacing: -.025em; z-index: 24; margin: 0; }
.mission-deploy-stage em { color: #5b723d; font-size: 1.7rem; }
.mission-page .dl-card { position: relative; z-index: 25; background: #1b2418; border: 1px solid #3a4b2e; border-radius: 0; box-shadow: 14px 14px 0 #ced0b9; color: #f0edd9; padding: 34px; }
.mission-page .dl-platform-name { color: #f0edd9; font-size: 2rem; }
.mission-page .dl-note { color: #c5cbb9; }
.mission-page .dl-btn { background: var(--mission-gold); color: #202b15; border: 0; }
.mission-page .dl-btn-label { color: #202b15; }
.mission-page .dl-reqs { grid-column: 1/-1; background: transparent; box-shadow: none; border: 0; border-top: 1px solid #9ba888; padding: 35px 0 0; position: relative; z-index: 24; }
.mission-page .dl-reqs-title { justify-content: flex-start; font-size: 1.2rem; color: #384c27; }
.mission-page .dl-reqs-line { display: none; }
.mission-page .dl-reqs-grid { border: 1px solid #b4bea0; background: #e0e3ce; }
.mission-page .dl-reqs-col { padding: 22px; }
.mission-page .dl-reqs-badge { background: #c3cbae; color: #374d26; border-color: #b4bfa0; }
.mission-page .dl-req-key { color: #546344; }
.mission-page .dl-req-val { color: #25341b; }
.mission-page .dl-reqs-list li { border-bottom-color: #b6c09f; }
.mission-page .dl-reqs-sep { background: #b6c09f; }
.mission-page .dl-bg-grid { opacity: .1; }

/* Mission: big statement and an open, numbered list of game principles. */
.mission-page .ab-section { background: #161d17; }
.mission-page .ab-inner { max-width: 1280px; position: relative; padding: 110px 6% 90px; }
.mission-page .ab-heading { text-align: left; width: 65%; margin-bottom: 32px; }
.mission-page .ab-title { font-size: clamp(3.5rem,6vw,6rem); }
.mission-page .ab-mission { text-align: left; font-size: clamp(1.1rem,1.65vw,1.45rem); line-height: 1.7; width: 64%; margin: 0 0 55px; position: relative; z-index: 24; }
.mission-anchor--about { position: absolute; right: 2%; top: 110px; width: 31%; height: 410px; }
.mission-page .ab-stats { border-block: 1px solid #9cb17f40; padding: 28px 0; background: #1b2418; position: relative; z-index: 24; }
.mission-page .ab-stat-value { font-family: 'Rajdhani',sans-serif; font-size: 3.8rem; color: #d2dca8; }
.mission-page .ab-cards { display: block; margin-top: 50px; counter-reset: principles; position: relative; z-index: 24; }
.mission-page .ab-card { position: relative; display: grid; grid-template-columns: 60px 1fr 1.6fr; align-items: center; gap: 28px; border: 0; border-top: 1px solid #b9c79f30; padding: 30px 0; background: transparent; box-shadow: none; border-radius: 0; text-align: left; counter-increment: principles; }
.mission-page .ab-card::before { content: '0' counter(principles); position: absolute; top: 4px; right: 0; font-size: .7rem; color: #a4af91; letter-spacing: .2em; }
.mission-page .ab-card-icon { margin: 0; background: transparent; color: #d3daa9; border: 1px solid #9aad6e44; border-radius: 50%; }
.mission-page .ab-card-title { font-family: 'Rajdhani',sans-serif; font-size: 1.65rem; margin: 0; color: #e7e9da; }
.mission-page .ab-card-desc { margin: 0; }

/* Community stays calm and usable around the travelling character. */
.mission-page .fb-section { background: #111610; border-top: 1px solid #abb88e33; }
.mission-page .fb-inner { max-width: 1280px; padding: 100px 6% 90px; }
.mission-page .fb-heading { position: relative; text-align: left; width: 100%; min-height: 220px; padding-right: 30%; margin-bottom: 32px; }
.mission-page .fb-title { max-width: 600px; }
.mission-page .fb-subtitle { margin: 25px 0 0; }
.mission-anchor--feedback { position: absolute; right: -1%; top: -40px; width: 27%; height: 290px; }
.mission-page .fb-layout { position: relative; z-index: 25; }
.mission-page .fb-form-panel { border-radius: 0; background: #1b2318; border-color: #9aae6944; box-shadow: 12px 12px 0 #26321d; }
.mission-page .fb-card { border-radius: 0; box-shadow: none; background: #1a2117; border-color: #9aae6933; }
.mission-page .fb-card-avatar { border-radius: 0; background: #cbd7a4; color: #26351c; }
.mission-page .main-footer { background: #10160d; border-top-color: #aabc762e; }
.mission-page.mission-still .mission-orbit { animation: none; }
.mission-page.mission-unavailable .mission-anchor:not(.ls-canvas-wrap) { opacity: .35; }

@media (min-width: 1600px) {
  .mission-page .hero-background { background-size: contain; background-repeat: no-repeat; }
  .mission-anchor--hero { right: 5%; width: 35%; }
}
@media (max-width: 1024px) and (min-width: 769px) {
  .mission-hud { padding-inline: 24px; }
  .mission-wordmark small { display: none; }
  .mission-page .hero-background { width: 88%; height: 52%; top: 9%; background-size: contain; background-position: left top; background-repeat: no-repeat; }
  .mission-page .sk-left { padding-inline: 25px; }
  .mission-page .sk-panel { padding-inline: 28px; }
  .mission-page .sk-title { font-size: 2.8rem; }
  .mission-page .ls-canvas-wrap { flex-basis: 50%; }
  .mission-page .ls-title { font-size: 3.3rem; }
  .mission-page .dl-card { padding: 24px; }
  .mission-page .ab-mission { width: 60%; }
}
@media (max-width: 768px) {
  .mission-hud { left: 0; padding: 15px 18px 15px 70px; }
  .mission-wordmark { font-size: .85rem; }
  .mission-wordmark small,.mission-chapter { display: none; }
  #missionMotion { min-height: 34px; padding-inline: 10px; font-size: .68rem; }
  .mission-page :is(.team-title,.trl-title,.dl-title,.ab-title,.fb-title) { font-size: clamp(3rem,11vw,4.8rem); }
  .mission-page .hero-section { height: max(820px,100svh); min-height: 820px; }
  .mission-page .hero-background { top: 65px; width: 100%; height: 390px; background-size: min(150vw,690px) auto; background-position: center top; background-repeat: no-repeat; mask-image: linear-gradient(0deg,transparent,#000 35%,#000 90%,transparent); }
  .mission-page .hero-vignette { background: linear-gradient(0deg,#121613 25%,transparent 64%); }
  .mission-hero-copy { left: 24px; bottom: auto; top: 356px; max-width: 52%; }
  .mission-overline { font-size: .62rem; letter-spacing: .14em; }
  .mission-hero-copy > p { font-size: clamp(2.6rem,10vw,4rem); line-height: .93; }
  .mission-anchor--hero { right: -10%; top: 325px; width: 66%; height: 350px; }
  .mission-anchor--hero .mission-platform-label { display: none; }
  .mission-page .hero-title-wrap { left: 24px; right: auto; top: 531px; bottom: auto; max-width: 46%; }
  .mission-page .hero-kicker { font-size: .62rem; letter-spacing: .1em; line-height: 1.6; }
  .mission-page .hero-explore { font-size: .76rem; gap: 10px; }
  .mission-page .hero-explore i { width: 32px; height: 32px; }
  .mission-page .hero-dl-widget { left: 24px; right: 24px; bottom: 24px; padding: 12px 16px; }
  .mission-page .hero-dl-widget__heading { display: none; }
  .mission-page .hero-dl-btn { padding: 10px 12px; }
  .mission-hero-bottom { font-size: .5rem; padding: 11px 24px; }
  .mission-page .skillsets-section { height: auto; min-height: 0; display: block; }
  .mission-page .sk-left { max-width: none; padding: 82px 24px 26px; }
  .mission-page .sk-title { font-size: 3.4rem; max-width: 500px; }
  .mission-page .sk-list { display: flex; flex-direction: row; flex-wrap: wrap; gap: 8px; }
  .mission-page .sk-list-item { flex: 1 1 42%; }
  .mission-page .sk-list-btn { width: 100%; padding: 12px; border: 1px solid #c7ce9733; min-height: 62px; }
  .mission-page .sk-list-btn.active { transform: none; }
  .mission-page .sk-list-index { display: none; }
  .mission-page .sk-list-name { font-size: .92rem; }
  .mission-page .sk-list-tag { font-size: .62rem; }
  .mission-page .sk-right { width: 100%; }
  .mission-page .sk-panel { padding: 35px 24px 56px; overflow: visible; }
  .mission-page .sk-panel-img-wrap { height: 265px; min-height: 265px; margin-bottom: 30px; }
  .mission-page .sk-panel-img { width: 91%; }
  .mission-anchor--scenario { position: relative; order: 5; align-self: flex-end; width: 65%; height: 250px; top: auto; right: auto; }
  .mission-page .sk-panel-info > :is(.sk-panel-name,.sk-panel-desc,.sk-abilities) { margin-right: 0; }
  .mission-page .sk-panel-info { padding-top: 12px; }
  .mission-page .team-inner { padding: 60px 24px 32px; }
  .mission-page .team-heading { padding: 10px 0 0; min-height: 320px; }
  .mission-page .team-title { font-size: 3.6rem; width: 74%; }
  .mission-page .team-eyebrow { max-width: 74%; }
  .mission-page .team-sub { position: relative; z-index: 24; font-size: .98rem; margin-top: 18px; }
  .mission-anchor--team { left: auto; right: -9%; top: 0; width: 45%; height: 185px; }
  .mission-page .team-group-photo { padding: 0 24px; }
  .mission-page .team-group-photo img { width: 100%; box-shadow: 8px 8px 0 #cacbb9; }
  .mission-page .team-group-photo::after { font-size: .6rem; line-height: 1.5; margin-top: 20px; }
  .mission-page .ts-stage { display: grid; height: auto; min-height: 520px; }
  /* Share one grid cell so slide transitions cannot change page height. */
  .mission-page .ts-slide { display: flex; grid-area: 1 / 1; visibility: hidden; }
  .mission-page .ts-slide.active { visibility: visible; }
  .mission-page .ls-section { min-height: 0; display: block; }
  .mission-page .ls-canvas-wrap { min-height: 460px; height: 460px; width: 100%; }
  .mission-viewer-watermark { font-size: 7rem; top: 12%; }
  .mission-page .ls-info { padding: 44px 24px 60px; }
  .mission-page .ls-title { font-size: 3.7rem; }
  .mission-page .ls-drag-hint { bottom: 14px; }
  .mission-page .trl-inner { padding: 80px 24px 70px; }
  .mission-page .trl-heading { padding-right: 28%; min-height: 180px; margin-bottom: 20px; }
  .mission-page .trl-title { font-size: 3.1rem; }
  .mission-anchor--trailer { width: 55%; right: -20%; height: 235px; top: -25px; }
  .mission-page .trl-frame-wrap { width: 100%; box-shadow: -10px 13px 0 #242b1c; }
  .mission-page .nu-inner { padding: 80px 24px 60px; }
  .mission-page .nu-top { min-height: 180px; padding-right: 28%; margin-bottom: 28px; }
  .mission-page .nu-section-label { font-size: 3rem; }
  .mission-anchor--news { width: 55%; right: -20%; height: 220px; top: -35px; }
  .mission-page .nu-feat-meta { width: 100%; }
  .mission-page .nu-feat-title { font-size: 1.8rem; }
  .mission-page .nu-feat-fallback::after { font-size: .55rem; left: 15px; bottom: 15px; }
  .mission-page .dl-inner { padding: 78px 24px 65px; }
  .mission-page .dl-body { grid-template-columns: 1fr; gap: 30px; max-width: none; }
  .mission-deploy-stage { min-height: 355px; }
  .mission-anchor--download { inset: -10px 0 35px; }
  .mission-deploy-stage > p { font-size: 2.1rem; }
  .mission-deploy-stage em { font-size: 1.45rem; }
  .mission-page .dl-card { padding: 26px; box-shadow: 8px 8px 0 #ced0b9; }
  .mission-page .dl-reqs-col { padding: 18px; }
  .mission-page .ab-inner { padding: 80px 24px 50px; }
  .mission-page .ab-heading { width: 100%; padding-right: 0; min-height: 145px; margin-bottom: 220px; }
  .mission-anchor--about { top: 180px; right: 3%; width: 62%; height: 245px; }
  .mission-page .ab-mission { width: 100%; font-size: 1.15rem; }
  .mission-page .ab-stats { padding: 20px 8px; }
  .mission-page .ab-stat-value { font-size: 2.8rem; }
  .mission-page .ab-card { grid-template-columns: 48px 1fr; gap: 18px; padding-block: 26px; }
  .mission-page .ab-card-desc { grid-column: 2; }
  .mission-page .ab-card-title { font-size: 1.4rem; }
  .mission-page .ab-card-icon { width: 44px; height: 44px; }
  .mission-page .fb-inner { padding: 78px 24px 60px; }
  .mission-page .fb-heading { padding-right: 29%; min-height: 265px; margin-bottom: 22px; }
  .mission-page .fb-title { font-size: 3.15rem; }
  .mission-page .fb-subtitle { font-size: 1rem; }
  .mission-anchor--feedback { width: 55%; height: 245px; right: -22%; top: 10px; }
  .mission-subject-label { font-size: 9px; letter-spacing: .12em; }
}
@media (prefers-reduced-motion: reduce) {
  .mission-subject,.mission-page .trl-frame-wrap { transition: none; }
}