/* About only. Inherit the existing palette, fonts, shell, buttons and breakpoints. */
.leo-about-page main { overflow: clip; }
.leo-about-page main p { font-size: 16px; line-height: 1.8; }
.leo-about-page main .eyebrow { font-size: 11px; line-height: 1.6; letter-spacing: 1.65px; }
.leo-about-page main h2 { font-size: clamp(30px, 3vw, 40px); line-height: 1.18; letter-spacing: -1.35px; }
.leo-about-page main h3 { font-size: 20px; line-height: 1.4; letter-spacing: -.5px; }
.leo-about-page main .button { font-size: 14px; min-height: 52px; padding-inline: 24px; }
.leo-about-page main .text-link { font-size: 14px; min-height: 44px; }
.leo-about-page main button:active, .leo-about-page main .button:active { transform: translateY(1px); }
.leo-about-page :is(button,a,[role="button"]):focus-visible { outline: 3px solid var(--blue); outline-offset: 4px; }
.leo-about-page :is(#network,#about-leo,#network-info) { scroll-margin-top: 110px; }
.leo-about-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; }
.leo-about-section { padding-block: 84px; }
.leo-about-section-top { display: flex; align-items: flex-end; justify-content: space-between; gap: 42px; margin-bottom: 36px; }
.leo-about-section-top > p { max-width: 350px; }

/* A person in front; the operational network in support. */
.leo-about-hero { background: var(--cloud); border-bottom: 1px solid var(--line); }
.leo-about-hero-grid { display: grid; grid-template-columns: 1.25fr 1fr; gap: 52px; align-items: center; padding-block: 65px 52px; }
.leo-about-hero h1 { font-size: clamp(42px, 4.6vw, 66px); font-weight: 800; line-height: 1.07; letter-spacing: -2.7px; }
.leo-about-hero h1 span { color: var(--blue); }
.leo-about-hero-copy .eyebrow { margin-bottom: 23px; }
.leo-about-hero-copy .leo-about-lead { max-width: 570px; font-size: 17px; line-height: 1.8; margin: 23px 0 27px; }
.leo-about-support { margin-top: 35px; display: flex; align-items: center; gap: 17px; border-top: 1px solid var(--line); padding-top: 20px; }
.leo-about-support > span { font: 600 8px/1.7 var(--heading); letter-spacing: 1px; max-width: 117px; }
.leo-about-support strong { font: 650 14px/1.5 var(--heading); }
.leo-about-support i { font-style: normal; color: var(--blue); margin: 0 10px; }
.leo-about-portrait-scene { position: relative; min-height: 435px; display: flex; flex-direction: column; justify-content: center; align-items: center; isolation: isolate; }
.leo-about-orbits { position: absolute; width: min(100%, 460px); inset: 0; height: 420px; margin: auto; z-index: -1; }
.leo-about-portrait { width: 244px; height: 244px; margin-top: 22px; }
.leo-about-cue { position: absolute; width: 50px; height: 50px; display: grid; place-items: center; background: #fff; color: var(--blue); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 6px 14px #123a7206; }
.leo-about-cue-air { right: 26px; top: 72px; transform: rotate(8deg); }
.leo-about-cue-sea { left: 28px; bottom: 121px; transform: rotate(-7deg); }
.leo-about-cue .icon { width: 25px; height: 25px; }
.leo-about-nameplate { display: flex; align-items: center; gap: 12px; background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 14px 18px; min-width: 235px; margin-top: 8px; box-shadow: 0 9px 25px #123a7209; }
.leo-about-nameplate strong { font: 750 18px/1.4 var(--heading); display: block; }
.leo-about-nameplate div > span { font-size: 12px; color: var(--muted); }
.leo-about-nameplate > .icon { width: 21px; height: 21px; color: var(--blue); margin-left: auto; }
.leo-about-status-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--sky); }
.leo-about-page main .leo-about-portrait-note { font-size: 12px; margin-top: 18px; }
.leo-about-intro { display: grid; grid-template-columns: .7fr 1.3fr; gap: 65px; padding-block: 55px 65px; }
.leo-about-intro p + p { margin-top: 16px; }
.leo-about-role-tags { display: flex; flex-wrap: wrap; gap: 12px 23px; list-style: none; margin: 23px 0 0; padding: 0; }
.leo-about-role-tags li { display: flex; align-items: center; gap: 7px; font: 550 12px/1.6 var(--heading); }
.leo-about-role-tags .icon { width: 17px; height: 17px; color: var(--blue); }

/* Network: static geographical SVG, accessible controls and a persistent info card. */
.leo-about-network { background: var(--cloud); border-block: 1px solid var(--line); padding-block: 78px 60px; }
.leo-network-filters { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 19px; }
.leo-network-filters button { background: white; border: 1px solid #d6e3f1; border-radius: 6px; font: 550 12px/1.4 var(--heading); padding: 12px 17px; min-height: 44px; }
.leo-network-filters button:hover { background: #e5f2fd; border-color: #9bbfe4; }
.leo-network-filters button.is-active { background: var(--navy); color: white; border-color: var(--navy); }
.leo-network-board { display: grid; grid-template-columns: minmax(0,1fr) 290px; border: 1px solid #d1e1f0; border-radius: 16px; overflow: hidden; background: #fff; box-shadow: 0 10px 25px #123a7205; }
.leo-network-canvas { min-width: 0; background: #f4faff; position: relative; }
.leo-map-mobile-contact { display: none; }
.leo-map-heading { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 21px 23px 8px; position: relative; z-index: 1; }
.leo-map-heading > span:first-child { display: inline-flex; align-items: center; gap: 8px; font: 650 9px/1.5 var(--heading); letter-spacing: 1.05px; }
.leo-map-heading .icon { width: 15px; height: 15px; color: var(--blue); }
.leo-map-hint { font-size: 10px; color: #647e98; }
.leo-network-svg { width: 100%; height: auto; display: block; overflow: hidden; }
.leo-map-country-labels { font: 600 18px var(--heading); fill: #718eaa; letter-spacing: 3px; }
.leo-map-country-labels > text:nth-child(2) { font-size: 12px; letter-spacing: 3px; fill: #849eb7; }
.leo-map-country-labels .leo-map-sea-label { font-size: 9px; font-weight: 400; letter-spacing: 2px; fill: #7797b5; }
.leo-map-node { cursor: pointer; color: var(--blue); transition: opacity .2s; }
.leo-map-node.is-muted { opacity: .32; }
.leo-map-node.is-muted:hover, .leo-map-node.is-muted:focus-visible { opacity: 1; }
.leo-map-halo { fill: #67c6f724; transform-box: fill-box; transform-origin: center; }
.leo-map-marker { fill: #fff; stroke: var(--blue); stroke-width: 1.8; }
.leo-map-marker.is-airport { fill: #e4f3ff; }
.leo-map-node.is-selected .leo-map-marker { fill: var(--blue); }
.leo-map-node.is-selected { color: #fff; }
.leo-map-node.is-selected .leo-map-halo { fill: #67c6f746; animation: leo-map-breathe 3.8s ease-in-out infinite; }
.leo-map-leader, .leo-map-offset { fill: none; stroke: #a2bad0; stroke-width: 1; }
.leo-map-offset { stroke-dasharray: 2 2; }
.leo-map-label rect { fill: #ffffffeb; stroke: #ccdeee; stroke-width: 1; }
.leo-map-label text { font: 550 13px var(--heading); fill: var(--navy); }
.leo-map-node:hover .leo-map-label rect, .leo-map-node:focus-visible .leo-map-label rect { stroke: var(--blue); fill: #e9f6ff; }
.leo-map-node.is-selected .leo-map-label rect { fill: var(--navy); stroke: var(--navy); }
.leo-map-node.is-selected .leo-map-label text { fill: white; }
.leo-map-node:focus-visible { outline: none; }
.leo-map-node:focus-visible .leo-map-halo { stroke: var(--navy); stroke-width: 2.5; fill: #67c6f74f; }
.leo-network-route { stroke: #80aed5; stroke-width: 1.25; fill: none; stroke-dasharray: 4 7; opacity: .6; }
.leo-network-route.is-highlighted { stroke: var(--blue); opacity: .85; animation: leo-map-flow 22s linear infinite; }
.leo-map-contact > rect { fill: #fff; stroke: #caddeb; stroke-width: 1; }
.leo-map-contact-name { fill: var(--navy); font: 750 18px var(--heading); }
.leo-map-contact-role { fill: #58718c; font: 11px var(--body); }
.leo-map-contact-caption { fill: #58718c; font: 10px var(--body); }
.leo-map-legend { display: flex; align-items: center; gap: 10px 18px; flex-wrap: wrap; padding: 4px 23px 22px; }
.leo-map-legend > span { display: inline-flex; align-items: center; gap: 6px; font-size: 10px; color: #57718c; }
.leo-map-legend .icon { width: 14px; height: 14px; color: var(--blue); }
.leo-legend-office { width: 9px; height: 9px; border: 2px solid var(--blue); border-radius: 50%; }
.leo-network-detail { border-left: 1px solid var(--line); padding: 31px 25px; background: #fff; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
.leo-network-detail > .eyebrow { min-height: 33px; font-size: 10px!important; letter-spacing: 1.2px!important; }
.leo-network-type-icon { display: grid; place-items: center; width: 49px; height: 49px; background: #eaf5ff; border-radius: 12px; color: var(--blue); margin: 10px 0 22px; }
.leo-network-type-icon .icon { width: 26px; height: 26px; }
.leo-about-page main #network-city { font-size: 27px; line-height: 1.25; }
.leo-network-type { font: 550 11px/1.5 var(--heading); color: var(--blue); background: #eff6fd; border-radius: 4px; padding: 5px 9px; margin: 15px 0 18px; }
.leo-network-detail #network-capability { line-height: 1.75; }
.leo-about-page main .leo-network-coordination { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: var(--navy); margin-top: 25px; }
.leo-network-coordination .icon { width: 17px; height: 17px; color: var(--blue); }
.leo-about-page main .leo-network-location-note { font-size: 12px; line-height: 1.7; margin-top: 15px; padding-top: 18px; border-top: 1px solid var(--line); }
.leo-network-detail > .text-link { margin-top: auto; padding-top: 26px; font-size: 12px!important; }
.leo-about-page main .leo-map-precision-note { font-size: 12px; line-height: 1.7; margin-top: 13px; max-width: 850px; }
.leo-network-directory { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 25px; margin-top: 37px; }
.leo-network-region { min-width: 0; border-top: 2px solid #d5e3ef; padding-top: 19px; transition: opacity .2s; }
.leo-network-region.is-muted { opacity: .5; }
.leo-network-region:hover, .leo-network-region:focus-within { opacity: 1; }
.leo-about-page main .leo-network-region h3 { font-size: 14px; line-height: 1.6; letter-spacing: -.1px; margin-bottom: 12px; }
.leo-network-region > div { display: flex; flex-direction: column; gap: 2px; }
.leo-location-button { width: 100%; display: flex; align-items: center; gap: 8px; text-align: left; min-height: 44px; padding: 9px 8px; border: 1px solid transparent; border-radius: 6px; background: transparent; font-size: 13px; color: var(--muted); }
.leo-location-button > .icon { width: 17px; height: 17px; color: var(--blue); }
.leo-location-button > span { flex: 1; }
.leo-location-button span > small { display: block; font-size: 11px; }
.leo-location-button:hover { background: #e9f3fd; color: var(--navy); }
.leo-location-button.is-selected { background: #fff; border-color: #aecbe9; color: var(--navy); }
.leo-airport-tag { font: 550 8px var(--heading); background: #e2f1fc; border-radius: 3px; padding: 3px 5px; color: var(--blue); }
.leo-network-conclusion { border-top: 1px solid var(--line); padding-top: 29px; margin-top: 30px; max-width: 940px; }
.leo-network-conclusion strong { display: block; font: 600 16px/1.7 var(--heading); margin-top: 12px; }

/* Real source photography with explicit, well-designed gaps for future material. */
.leo-team-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 35px 28px; }
.leo-media-card { border: 1px solid var(--line); border-radius: 13px; overflow: hidden; background: #fff; transition: box-shadow .2s, transform .2s; }
.leo-media-card:hover { box-shadow: 0 9px 23px #123a7209; transform: translateY(-3px); }
.leo-media-open { display: block; width: 100%; border: 0; padding: 0; background: var(--cloud); text-align: left; position: relative; }
.leo-about-photo { aspect-ratio: var(--crop-ratio, 1.37)!important; width: 100%; }
.leo-about-photo:not(.image-crop) { overflow: hidden; }
.leo-about-photo:not(.image-crop) img { width: 100%; height: 100%; object-fit: cover; }
.leo-media-expand { position: absolute; bottom: 14px; right: 15px; display: flex; align-items: center; gap: 8px; color: var(--navy); background: #fffffff5; border: 1px solid #dae7f3; border-radius: 6px; padding: 8px 11px; font: 550 11px var(--heading); box-shadow: 0 3px 8px #123a720d; }
.leo-media-expand .icon { width: 15px; height: 15px; }
.leo-media-open:hover .leo-media-expand { background: var(--navy); color: white; border-color: var(--navy); }
.leo-media-open:focus-visible { outline-offset: -5px!important; }
.leo-media-copy { padding: 26px 28px 28px; }
.leo-media-copy > .eyebrow { font-size: 10px!important; margin-bottom: 9px; }
.leo-media-copy > h3 { margin-bottom: 12px; }
.leo-media-placeholder { aspect-ratio: 1.37; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 11px; text-align: center; background: #f4f8fc; position: relative; color: #607792; padding: 32px; }
.leo-media-placeholder::before { content: ''; position: absolute; inset: 23px; border: 1px dashed #ccdae8; border-radius: 7px; pointer-events: none; }
.leo-placeholder-symbol { color: #7e9bb8; margin-bottom: 4px; }
.leo-placeholder-symbol .icon { width: 39px; height: 39px; stroke-width: 1.2; }
.leo-media-placeholder > span:not(.leo-placeholder-symbol) { font: 550 14px/1.6 var(--heading); max-width: 260px; }
.leo-media-placeholder > small { font: 12px/1.6 var(--body); color: #6b8199; max-width: 250px; }
.leo-team-principle { display: flex; align-items: center; gap: 21px; border-left: 3px solid var(--sky); background: var(--cloud); padding: 24px 28px; margin-top: 35px; }
.leo-team-principle > .icon { color: var(--blue); width: 31px; height: 31px; }
.leo-team-principle > p { max-width: 860px; }

/* Credentials are placeholders, not implied qualifications. */
.leo-about-credentials { background: var(--cloud); border-block: 1px solid var(--line); }
.leo-credential-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 27px; }
.leo-credential-card { border: 1px solid var(--line); border-radius: 12px; background: #fff; padding: 24px; display: flex; gap: 24px; align-items: flex-start; }
.leo-credential-image { background: transparent; border: 0; padding: 0; flex: 0 0 115px; border-radius: 6px; overflow: hidden; }
.leo-credential-image .leo-media-placeholder { min-height: 165px; aspect-ratio: auto; padding: 22px 12px; gap: 9px; background: #f6f9fc; }
.leo-credential-image .leo-media-placeholder::before { inset: 8px; }
.leo-credential-image .leo-placeholder-symbol .icon { width: 27px; height: 27px; }
.leo-credential-image .leo-media-placeholder > span:not(.leo-placeholder-symbol) { font-size: 9px; line-height: 1.7; }
.leo-credential-image .leo-media-placeholder small { display: none; }
.leo-credential-image:hover { box-shadow: 0 0 0 2px #a7c6e5; }
.leo-credential-card > div { min-width: 0; }
.leo-credential-card .eyebrow { font-size: 9px!important; margin-bottom: 8px; }
.leo-about-page main .leo-credential-card h3 { font-size: 17px; line-height: 1.5; letter-spacing: -.3px; overflow-wrap: anywhere; }
.leo-credential-card p:not(.eyebrow) { margin: 12px 0 17px; }
.leo-credential-card .text-link { font-size: 12px!important; }
.leo-about-page main .leo-credential-note { font-size: 12px; margin-top: 23px; }

/* Closing invitation */
.leo-about-cta { background: var(--navy); color: white; position: relative; overflow: hidden; }
.leo-about-cta > .container { position: relative; padding-block: 62px; }
.leo-about-cta > .container > div:first-child { position: relative; z-index: 1; }
.leo-about-cta .eyebrow { color: #a6defd; font-size: 9px!important; }
.leo-about-cta h2 { color: white; font-size: 40px!important; }
.leo-about-cta p:not(.eyebrow) { color: #c7dbee; margin: 21px 0 27px; }
.leo-about-cta .leo-about-actions { gap: 13px; }
.leo-notes-label { display: inline-block; margin-top: 24px; font: 500 9px/1.6 var(--heading); color: #bad3eb; letter-spacing: 1.3px; }
.leo-notes-label span { letter-spacing: .6px; margin-left: 8px; }
.leo-about-cta-symbol { position: absolute; right: 75px; top: 45px; color: #87bce3; opacity: .14; transform: rotate(-10deg); }
.leo-about-cta-symbol .icon { width: 270px; height: 270px; stroke-width: .6; }

/* Same dialog shell and close handling as the existing website. */
.leo-about-page #content-dialog p { font-size: 16px; }
.leo-about-page #content-dialog .eyebrow { font-size: 10px; }
.leo-about-page #content-dialog .form-note { font-size: 12px; }
.leo-about-media-dialog { width: min(900px,calc(100% - 32px)); }
.leo-about-media-dialog[open] { animation: leo-dialog-arrive .18s ease-out; }
.leo-about-media-dialog .dialog-shell { padding: 35px; }
.leo-about-media-dialog .dialog-close { margin: -19px -19px 6px 15px; }
.leo-about-media-dialog h2 { font-size: 29px; line-height: 1.35; }
.leo-about-media-figure { margin-top: 25px; }
.leo-about-media-figure img { width: 100%; height: auto; border: 1px solid var(--line); border-radius: 8px; object-fit: contain; }
.leo-about-media-figure figcaption { font-size: 12px; color: var(--muted); margin-top: 10px; line-height: 1.7; }
.leo-media-placeholder.is-full { margin-top: 24px; aspect-ratio: auto; min-height: 260px; border: 1px solid var(--line); border-radius: 10px; }
.leo-about-modal-description { margin-top: 24px; line-height: 1.85; }
.leo-about-page #content-dialog .leo-about-modal-caption { font-size: 12px; display: flex; align-items: center; gap: 8px; margin-top: 19px; color: var(--blue); }
.leo-about-modal-caption > .icon { width: 18px; height: 18px; }
.will-reveal { opacity: 0; transform: translateY(12px); transition: opacity .45s ease,transform .45s ease; }
.will-reveal.is-revealed { opacity: 1; transform: none; }
@keyframes leo-map-breathe { 0%,100% { transform: scale(.95); } 50% { transform: scale(1.12); } }
@keyframes leo-map-flow { to { stroke-dashoffset: -110; } }
@keyframes leo-dialog-arrive { from { opacity: .3; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* Match the existing desktop/tablet/mobile thresholds; all changes stay scoped. */
@media (max-width:1200px) {
  .leo-about-hero-grid { gap: 29px; }
  .leo-about-portrait { width: 215px; height: 215px; }
  .leo-about-cue-air { right: 4px; }
  .leo-about-cue-sea { left: 3px; }
  .leo-network-board { grid-template-columns: minmax(0,1fr) 270px; }
  .leo-network-detail { padding: 24px 21px; }
  .leo-map-hint { display: none; }
  .leo-credential-card { gap: 18px; padding: 20px; }
  .leo-credential-image { flex-basis: 90px; }
}
@media (max-width:1024px) {
  .leo-about-hero-grid { grid-template-columns: 1.2fr .8fr; gap: 25px; }
  .leo-about-hero h1 { font-size: 47px; letter-spacing: -1.9px; }
  .leo-about-hero-copy .leo-about-lead { font-size: 16px; }
  .leo-about-portrait-scene { min-height: 345px; }
  .leo-about-portrait { width: 195px; height: 195px; margin-top: 0; }
  .leo-about-orbits { height: 330px; }
  .leo-about-cue { width: 40px; height: 40px; }
  .leo-about-cue-air { top: 30px; }
  .leo-about-cue-sea { bottom: 112px; }
  .leo-about-nameplate { min-width: 205px; padding: 11px 14px; }
  .leo-about-page main .leo-about-portrait-note { font-size: 11px; }
  .leo-about-intro { grid-template-columns: 1fr 1.5fr; gap: 34px; }
  .leo-about-section-top { gap: 35px; }
  .leo-about-section-top > p { max-width: 290px; }
  .leo-network-board { grid-template-columns: 1fr; }
  .leo-network-detail { border-left: 0; border-top: 1px solid var(--line); display: grid; grid-template-columns: 1fr 1.1fr; column-gap: 40px; padding: 26px; }
  .leo-network-detail > .eyebrow { grid-column: 1; min-height: 0; margin-bottom: 12px; }
  .leo-network-type-icon { grid-column: 1; margin: 0 0 15px; }
  #network-city { grid-column: 1; }
  .leo-network-type { grid-column: 1; justify-self: start; }
  #network-capability { grid-column: 2; grid-row: 1 / span 3; align-self: center; }
  .leo-network-detail .leo-network-coordination { grid-column: 2; margin-top: 0!important; }
  .leo-network-detail .leo-network-location-note { grid-column: 1; grid-row: 5; margin: 0!important; }
  .leo-network-detail .text-link { grid-column: 2; grid-row: 5; align-self: end; }
  .leo-network-directory { gap: 16px; }
  .leo-network-directory .leo-network-region h3 { font-size: 12px; }
  .leo-location-button { font-size: 12px; padding-inline: 5px; gap: 6px; }
  .leo-airport-tag { display: none; }
  .leo-credential-card { flex-direction: column; }
  .leo-credential-image { flex-basis: auto; width: 100%; }
  .leo-credential-image .leo-media-placeholder { min-height: 150px; }
  .leo-credential-image .leo-media-placeholder > span:not(.leo-placeholder-symbol) { font-size: 12px; }
  .leo-credential-image .leo-media-placeholder small { display: block; }
  .leo-about-cta-symbol { right: -30px; }
}
@media (max-width:700px) {
  .leo-about-page main h2 { font-size: 31px; line-height: 1.2; letter-spacing: -1px; }
  .leo-about-page main .eyebrow { font-size: 10px; letter-spacing: 1.15px; }
  .leo-about-section { padding-block: 51px; }
  .leo-about-section-top { flex-direction: column; align-items: flex-start; gap: 17px; margin-bottom: 27px; }
  .leo-about-section-top > p { max-width: none; }
  .leo-about-section-top > p br { display: none; }
  .leo-about-hero-grid { grid-template-columns: 1fr; gap: 12px; padding-block: 36px 23px; }
  .leo-about-hero h1 { font-size: clamp(38px,9.5vw,54px); line-height: 1.1; letter-spacing: -1.8px; }
  .leo-about-hero h1 > br { display: none; }
  .leo-about-hero h1 span { display: block; }
  .leo-about-hero-copy .eyebrow { font-size: 9px; margin-bottom: 17px; }
  .leo-about-hero-copy .leo-about-lead { margin-top: 20px; margin-bottom: 22px; }
  .leo-about-actions { gap: 12px 22px; }
  .leo-about-page main .leo-about-actions .button { padding-inline: 20px; font-size: 13px; }
  .leo-about-page main .leo-about-actions .text-link { font-size: 13px; }
  .leo-about-support { margin-top: 24px; padding-top: 17px; gap: 11px; }
  .leo-about-support strong { font-size: 12px; }
  .leo-about-support > span { font-size: 7px; max-width: 105px; }
  .leo-about-support i { margin-inline: 6px; }
  .leo-about-portrait-scene { min-height: 310px; max-width: 360px; width: 100%; margin-inline: auto; }
  .leo-about-orbits { height: 300px; }
  .leo-about-portrait { width: 180px; height: 180px; margin-top: 7px; }
  .leo-about-cue-air { right: 20px; top: 42px; }
  .leo-about-cue-sea { left: 23px; bottom: 94px; }
  .leo-about-nameplate { min-width: 208px; margin-top: 3px; }
  .leo-about-nameplate strong { font-size: 16px; }
  .leo-about-page main .leo-about-portrait-note { margin-top: 11px; }
  .leo-about-intro { grid-template-columns: 1fr; padding-block: 39px 48px; gap: 22px; }
  .leo-about-intro h2 br { display: none; }
  .leo-about-role-tags { gap: 12px; flex-direction: column; }
  .leo-about-role-tags li { font-size: 12px; }
  .leo-about-network { padding-block: 46px 43px; }
  .leo-network-filters { gap: 7px; margin-bottom: 16px; }
  .leo-network-filters button { font-size: 10px; padding-inline: 12px; }
  .leo-map-heading { padding: 17px 14px 5px; }
  .leo-map-mobile-contact { display: flex; align-items: center; gap: 10px; padding: 16px 14px; background: #fff; border-bottom: 1px solid var(--line); }
  .leo-map-mobile-contact img { flex-shrink: 0; width: 36px; height: 36px; }
  .leo-map-mobile-contact strong { display: block; font: 650 12px/1.5 var(--heading); }
  .leo-map-mobile-contact span { display: block; font-size: 10px; line-height: 1.6; color: var(--muted); margin-top: 2px; }
  .leo-map-heading > span:first-child { font-size: 8px; letter-spacing: .6px; }
  .leo-map-legend { gap: 10px 13px; padding: 12px 14px 17px; }
  .leo-map-legend > span { font-size: 9px; }
  .leo-map-label, .leo-map-leader, .leo-map-contact { display: none; }
  .leo-map-country-labels > text:first-child { font-size: 22px; letter-spacing: 1px; }
  .leo-map-country-labels .leo-map-sea-label { display: none; }
  .leo-map-node .leo-map-halo { r: 20px; }
  .leo-map-node .leo-map-hit { r: 25px; }
  .leo-network-detail { display: flex; padding: 24px 22px; }
  .leo-network-detail > .eyebrow { font-size: 10px!important; }
  .leo-network-type-icon { display: none; }
  .leo-about-page main #network-city { font-size: 26px; }
  .leo-network-type { margin: 12px 0 16px; }
  .leo-network-detail .leo-network-coordination { margin-top: 20px!important; }
  .leo-network-detail .leo-network-location-note { margin-top: 15px!important; }
  .leo-network-detail .text-link { margin-top: 4px; padding-top: 14px; align-self: flex-start; }
  .leo-about-page main .leo-map-precision-note { font-size: 11px; line-height: 1.8; }
  .leo-network-directory { grid-template-columns: 1fr; margin-top: 30px; gap: 25px; }
  .leo-network-directory .leo-network-region h3 { font-size: 16px; margin-bottom: 11px; }
  .leo-network-region { padding-top: 16px; }
  .leo-location-button { font-size: 14px; padding: 10px; gap: 11px; }
  .leo-airport-tag { display: inline; font-size: 9px; }
  .leo-network-conclusion { margin-top: 27px; padding-top: 24px; }
  .leo-network-conclusion strong { font-size: 16px; line-height: 1.8; }
  .leo-team-grid, .leo-credential-grid { grid-template-columns: 1fr; gap: 23px; }
  .leo-media-copy { padding: 22px; }
  .leo-about-page main .leo-media-copy h3 { font-size: 20px; }
  .leo-media-placeholder { padding: 27px; }
  .leo-media-placeholder::before { inset: 17px; }
  .leo-media-placeholder > span:not(.leo-placeholder-symbol) { font-size: 12px; }
  .leo-media-placeholder > small { font-size: 10px; }
  .leo-media-expand { bottom: 11px; right: 11px; font-size: 10px; padding: 7px 9px; }
  .leo-team-principle { gap: 13px; padding: 21px; margin-top: 24px; align-items: flex-start; }
  .leo-team-principle > .icon { width: 23px; height: 23px; margin-top: 4px; }
  .leo-credential-card { padding: 22px; gap: 22px; }
  .leo-credential-card h3 { font-size: 18px!important; }
  .leo-about-page main .leo-credential-note { font-size: 12px; }
  .leo-about-cta > .container { padding-block: 46px; }
  .leo-about-cta h2 { font-size: 32px!important; line-height: 1.2; }
  .leo-about-cta .eyebrow { max-width: 280px; font-size: 9px!important; }
  .leo-about-cta .leo-about-actions { flex-direction: column; align-items: flex-start; }
  .leo-about-cta .button { min-width: 225px; }
  .leo-about-cta-symbol { right: -100px; top: 100px; opacity: .08; }
  .leo-notes-label { font-size: 8px; }
  .leo-about-media-dialog .dialog-shell { padding: 28px 21px; }
  .leo-about-media-dialog .dialog-close { margin: -15px -9px 8px 8px; }
  .leo-about-media-dialog h2 { font-size: 24px; }
  .leo-about-media-figure figcaption { font-size: 11px; }
  .leo-media-placeholder.is-full { min-height: 205px; }
}
@media (prefers-reduced-motion:reduce) {
  .leo-about-page *, .leo-about-page *::before, .leo-about-page *::after { animation: none!important; transition: none!important; }
  .leo-about-page .will-reveal { opacity: 1; transform: none; }
}