/* Approved Modern Engineer / 747 prototype styles. */
@font-face {
  font-family:'Space Grotesk';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('../assets/space-grotesk-600.woff') format('woff')
}
@font-face {
  font-family:'Space Grotesk';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url('../assets/space-grotesk-700.woff') format('woff')
}
@font-face {
  font-family:'Inter';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('../assets/inter-400.woff') format('woff')
}
@font-face {
  font-family:'Inter';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('../assets/inter-600.woff') format('woff')
}
@font-face {
  font-family:'JetBrains Mono';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('../assets/jetbrains-mono-400.woff') format('woff')
}
@font-face {
  font-family:'JetBrains Mono';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('../assets/jetbrains-mono-500.woff') format('woff')
}
html {
  scroll-behavior:smooth
}
body {
  margin:0;
  background:#eae3d1
}
button,a {
  -webkit-tap-highlight-color:transparent
}
button {
  cursor:pointer
}
button:focus-visible,a:focus-visible {
  outline:3px solid #ca4b2b;
  outline-offset:4px
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
}
#za-flightline-hybrid {
  --flight-paper:#f0e9d6;
  --flight-stock:#f8f3e6;
  --flight-ink:#172e3b;
  --flight-orange:#ca4b2b;
  --flight-rule:#bcb8a3;
  --flight-muted:#55646a;
  --flight-blueprint:#193443;
  --flight-draft:#adbfba;
  --flight-grid:#294957;
  --flight-case:#101f29;
  --flight-shadow-soft:0 2px 3px #172e3b14,0 8px 16px -5px #172e3b33;
  --flight-shadow-panel:0 3px 5px #172e3b1a,0 14px 28px -8px #172e3b42;
  font-family:'Inter',Arial,sans-serif;
  color:var(--flight-ink);
  background:var(--flight-paper);
  box-sizing:border-box;
  isolation:isolate
}
#za-flightline-hybrid * {
  box-sizing:border-box
}
#za-flightline-hybrid [hidden] {
  display:none!important
}
#za-flightline-hybrid a {
  color:inherit;
  text-decoration:none
}
#za-flightline-hybrid a:hover {
  text-decoration:underline;
  text-underline-offset:5px
}
#za-flightline-hybrid button {
  font:inherit;
  color:inherit
}
#za-flightline-hybrid h1,#za-flightline-hybrid h2,#za-flightline-hybrid h3,#za-flightline-hybrid p {
  margin:0;
  color:inherit
}
#za-flightline-hybrid .flight-micro {
  font:11px/1.6 'JetBrains Mono',monospace;
  letter-spacing:.5px
}
#za-flightline-hybrid .flight-sr {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}
#za-flightline-hybrid .flight-stripe {
  height:9px;
  background:linear-gradient(90deg,var(--flight-orange) 0 70%,var(--flight-paper) 70% 78%,var(--flight-ink) 78% 100%)
}
#za-flightline-hybrid .flight-header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  padding:22px 32px;
  border-bottom:1px solid var(--flight-ink)
}
#za-flightline-hybrid .flight-brand {
  font-family:'Space Grotesk',Arial,sans-serif;
  font-size:28px;
  line-height:1;
  font-weight:700;
  letter-spacing:-.5px;
  display:flex;
  align-items:center;
  gap:12px
}
#za-flightline-hybrid .flight-brand span {
  color:var(--flight-orange)
}
#za-flightline-hybrid .flight-nav {
  display:flex;
  gap:24px;
  align-items:center;
  flex-wrap:wrap;
  font:12px/1.4 'JetBrains Mono',monospace
}
#za-flightline-hybrid .flight-nav a {
  min-height:30px;
  display:inline-flex;
  align-items:center
}
#za-flightline-hybrid .flight-nav .flight-contact {
  border:1px solid var(--flight-ink);
  padding:8px 12px;
  gap:8px
}
#za-flightline-hybrid .flight-hero {
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);
  gap:32px;
  padding:32px;
  align-items:center;
  position:relative
}
#za-flightline-hybrid .flight-intro {
  min-width:0
}
#za-flightline-hybrid .flight-eyebrow {
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:16px;
  color:var(--flight-orange)
}
#za-flightline-hybrid .flight-location {
  color:var(--flight-muted)
}
#za-flightline-hybrid .flight-board {
  display:block;
  width:100%;
  padding:11px;
  border:1px solid #071722;
  border-radius:4px;
  background:var(--flight-case);
  box-shadow:0 4px 0 #b5ae96,0 6px 15px #172e3b18;
  text-align:left;
  perspective:650px
}
#za-flightline-hybrid .flight-board-rows {
  display:flex;
  flex-direction:column;
  gap:5px
}
#za-flightline-hybrid .flight-flap-row {
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:4px
}
#za-flightline-hybrid .flight-flap {
  position:relative;
  min-width:0;
  text-align:center;
  background:linear-gradient(#28414c 0 49%,#0b1e28 49% 51%,#1e3743 51%);
  border-radius:2px;
  box-shadow:0 2px 0 #06141c;
  overflow:hidden;
  color:var(--flight-stock);
  font-family:'Space Grotesk',Arial,sans-serif;
  font-size:clamp(34px,6.2vw,65px);
  font-weight:600;
  line-height:1.12;
  padding:6px 0 9px
}
#za-flightline-hybrid .flight-flap:before,#za-flightline-hybrid .flight-flap:after {
  content:'';
  position:absolute;
  top:calc(50% - 3px);
  width:2px;
  height:6px;
  background:#84918e;
  z-index:2
}
#za-flightline-hybrid .flight-flap:before {
  left:0
}
#za-flightline-hybrid .flight-flap:after {
  right:0
}
#za-flightline-hybrid .flight-flap .flight-glyph {
  display:block;
  transition:transform .12s ease;
  transform-origin:center
}
#za-flightline-hybrid .flight-board-legend {
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-top:10px;
  color:var(--flight-muted)
}
#za-flightline-hybrid .flight-board-legend button {
  font:11px/1.6 'JetBrains Mono',monospace;
  letter-spacing:.3px;
  border:0;
  padding:0;
  background:transparent;
  text-decoration:underline;
  text-underline-offset:3px
}
#za-flightline-hybrid #flight-board-caption {
  /* Reserve the setup's width so the controls stay still for the punchline. */
  min-inline-size:min(24ch,100%)
}
#za-flightline-hybrid .flight-intro-copy {
  font-size:14px;
  line-height:1.8;
  max-width:450px;
  margin-top:21px
}
#za-flightline-hybrid .flight-intro-copy strong {
  font-weight:600
}
#za-flightline-hybrid .flight-actions {
  display:flex;
  gap:14px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:21px
}
#za-flightline-hybrid .flight-action {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  font:12px/1.4 'JetBrains Mono',monospace;
  min-height:42px;
  padding:12px 16px;
  background:var(--flight-orange);
  color:var(--flight-stock)
}
#za-flightline-hybrid .flight-link {
  font:12px/1.5 'JetBrains Mono',monospace;
  border-bottom:1px solid var(--flight-rule);
  padding:8px 0
}
#za-flightline-hybrid .flight-drawing {
  background:var(--flight-blueprint);
  color:var(--flight-draft);
  border:1px solid #344c57;
  box-shadow:3px 3px 0 #dbd3bd,var(--flight-shadow-panel);
  min-width:0;
  position:relative;
  background-image:linear-gradient(var(--flight-grid) .6px,transparent .6px),linear-gradient(90deg,var(--flight-grid) .6px,transparent .6px);
  background-size:22px 22px;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:space-between
}
#za-flightline-hybrid .flight-drawing-head {
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  font:10px/1.6 'JetBrains Mono',monospace;
  letter-spacing:.6px
}
#za-flightline-hybrid .flight-band {
  display:flex;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  align-items:center;
  padding:10px 32px;
  background:var(--flight-orange);
  color:var(--flight-stock);
  font:11px/1.6 'JetBrains Mono',monospace;
  letter-spacing:.8px
}
#za-flightline-hybrid .flight-work {
  padding:26px 32px 28px;
  position:relative
}
#za-flightline-hybrid .flight-section-heading {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
  margin-bottom:17px
}
#za-flightline-hybrid .flight-section-heading h2 {
  font-family:'Space Grotesk',Arial,sans-serif;
  font-size:29px;
  line-height:1.1;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.3px
}
#za-flightline-hybrid .flight-section-heading .flight-micro {
  color:var(--flight-muted)
}
#za-flightline-hybrid .flight-project-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px
}
#za-flightline-hybrid .flight-ticket {
  min-width:0;
  display:flex;
  flex-direction:column;
  text-align:left;
  border:1px solid var(--flight-ink);
  background:var(--flight-stock);
  padding:0;
  position:relative;
  box-shadow:1px 2px 0 #d8cfb8,var(--flight-shadow-soft)
}
#za-flightline-hybrid .flight-ticket:hover,#za-flightline-hybrid .flight-ticket:focus-visible,#za-flightline-hybrid .flight-ticket[aria-expanded="true"] {
  box-shadow:2px 3px 0 var(--flight-orange),0 3px 5px #172e3b14,0 12px 22px -7px #172e3b40
}
#za-flightline-hybrid .flight-ticket[aria-expanded="true"] .flight-ticket-foot {
  background:var(--flight-ink);
  color:var(--flight-stock)
}
@media(prefers-reduced-motion:no-preference) {
  #za-flightline-hybrid .flight-ticket {
    transition:box-shadow .16s ease
  }
}
#za-flightline-hybrid .flight-ticket-head {
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  padding:10px 14px;
  border-bottom:1px solid var(--flight-rule);
  font:11px/1.4 'JetBrains Mono',monospace;
  letter-spacing:.4px;
  color:var(--flight-orange);
  width:100%
}
#za-flightline-hybrid .flight-ticket-head .flight-ticket-id {
  color:var(--flight-muted)
}
#za-flightline-hybrid .flight-ticket-main {
  padding:15px 14px 16px;
  display:block;
  width:100%;
  flex:1
}
#za-flightline-hybrid .flight-ticket-title {
  display:block;
  font-family:'Space Grotesk',Arial,sans-serif;
  font-weight:600;
  font-size:27px;
  line-height:1.05;
  letter-spacing:.1px;
  text-transform:uppercase;
  margin-bottom:9px
}
#za-flightline-hybrid .flight-ticket-stack {
  display:block;
  color:var(--flight-muted);
  font:11px/1.7 'JetBrains Mono',monospace;
  min-height:38px
}
#za-flightline-hybrid .flight-ticket-foot {
  display:flex;
  justify-content:space-between;
  gap:12px;
  width:100%;
  padding:11px 14px;
  border-top:1px dashed var(--flight-ink);
  font:11px/1.4 'JetBrains Mono',monospace;
  letter-spacing:.4px;
  position:relative
}
#za-flightline-hybrid .flight-ticket-foot:before,#za-flightline-hybrid .flight-ticket-foot:after {
  content:'';
  position:absolute;
  top:-5px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--flight-paper);
  border:1px solid var(--flight-ink)
}
#za-flightline-hybrid .flight-ticket-foot:before {
  left:-5px;
  border-left-color:transparent
}
#za-flightline-hybrid .flight-ticket-foot:after {
  right:-5px;
  border-right-color:transparent
}
#za-flightline-hybrid .flight-sheet {
  margin-top:23px;
  border:1px solid var(--flight-ink);
  background:var(--flight-stock);
  box-shadow:var(--flight-shadow-panel)
}
#za-flightline-hybrid .flight-sheet-head {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:14px 18px;
  border-bottom:1px solid var(--flight-ink);
  background:var(--flight-ink);
  color:var(--flight-stock)
}
#za-flightline-hybrid .flight-sheet-head h3 {
  font-family:'Space Grotesk',Arial,sans-serif;
  font-size:25px;
  font-weight:600;
  line-height:1.2
}
#za-flightline-hybrid .flight-sheet-close {
  background:transparent;
  color:var(--flight-stock);
  border:1px solid #819290;
  padding:7px 10px;
  min-height:32px;
  font:11px/1.4 'JetBrains Mono',monospace;
  flex-shrink:0
}
#za-flightline-hybrid .flight-sheet-body {
  padding:22px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:28px;
  align-items:start
}
#za-flightline-hybrid .flight-sheet-intro {
  padding:22px 22px 0;
  display:grid;
  gap:14px;
  font-size:14px;
  line-height:1.8
}
#za-flightline-hybrid .flight-case-role {
  font-size:13px
}
#za-flightline-hybrid .flight-case-role .flight-micro {
  display:block;
  color:var(--flight-orange-ink);
  margin-bottom:4px
}
#za-flightline-hybrid .flight-case-copy {
  display:flex;
  flex-direction:column;
  gap:10px;
  font-size:13px;
  line-height:1.8
}
#za-flightline-hybrid .flight-case-copy .flight-micro {
  display:block;
  color:var(--flight-orange);
  margin:0
}
#za-flightline-hybrid .flight-case-list {
  display:grid;
  gap:9px;
  margin:0;
  padding-left:18px
}
#za-flightline-hybrid .flight-case-footer {
  padding:18px 22px 22px;
  display:grid;
  gap:18px;
  border-top:1px dashed var(--flight-rule)
}
#za-flightline-hybrid .flight-tech-list {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  list-style:none;
  margin:0;
  padding:0
}
#za-flightline-hybrid .flight-tech-list li {
  border:1px solid var(--flight-rule);
  padding:5px 8px;
  font:11px/1.6 'JetBrains Mono',monospace
}
#za-flightline-hybrid .flight-case-link {
  display:inline-flex;
  align-self:start;
  justify-self:start;
  align-items:center;
  border-bottom:1px solid var(--flight-ink);
  font:11px/1.6 'JetBrains Mono',monospace;
  padding-bottom:4px;
  gap:10px
}
#za-flightline-hybrid .flight-about {
  padding:26px 32px 32px;
  border-top:1px solid var(--flight-ink)
}
#za-flightline-hybrid .flight-footer {
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding:11px 32px;
  font:10px/1.6 'JetBrains Mono',monospace;
  letter-spacing:.7px;
  color:var(--flight-muted);
  border-top:1px solid var(--flight-rule)
}
@media(max-width:780px) {
  #za-flightline-hybrid .flight-hero {
    grid-template-columns:minmax(0,1fr) minmax(0,.86fr);
    gap:23px;
    padding:28px 24px
  }
  #za-flightline-hybrid .flight-header,#za-flightline-hybrid .flight-band,#za-flightline-hybrid .flight-work,#za-flightline-hybrid .flight-about,#za-flightline-hybrid .flight-footer {
    padding-left:24px;
    padding-right:24px
  }
  #za-flightline-hybrid .flight-nav {
    gap:18px
  }
  #za-flightline-hybrid .flight-flap {
    font-size:clamp(30px,5.8vw,48px)
  }
  #za-flightline-hybrid .flight-board {
    padding:8px
  }
  #za-flightline-hybrid .flight-board-rows {
    gap:4px
  }
  #za-flightline-hybrid .flight-flap-row {
    gap:3px
  }
  #za-flightline-hybrid .flight-project-grid {
    gap:14px
  }
  #za-flightline-hybrid .flight-ticket-title {
    font-size:25px
  }
}
@media(max-width:620px) {
  #za-flightline-hybrid .flight-header {
    gap:16px;
    flex-wrap:wrap;
    padding-top:18px;
    padding-bottom:16px
  }
  #za-flightline-hybrid .flight-nav {
    gap:20px;
    width:100%;
    justify-content:space-between;
    font-size:11px
  }
  #za-flightline-hybrid .flight-hero {
    grid-template-columns:1fr;
    padding-top:25px;
    gap:28px
  }
  #za-flightline-hybrid .flight-flap {
    font-size:clamp(33px,8.7vw,62px)
  }
  #za-flightline-hybrid .flight-intro-copy {
    font-size:14px;
    max-width:460px
  }
  #za-flightline-hybrid .flight-drawing {
    width:100%;
    max-width:440px;
    justify-self:center
  }
  #za-flightline-hybrid .flight-drawing-head {
    padding-top:13px;
    padding-bottom:0
  }
  #za-flightline-hybrid .flight-band {
    font-size:10px;
    letter-spacing:.3px;
    gap:5px
  }
  #za-flightline-hybrid .flight-project-grid {
    grid-template-columns:1fr;
    gap:15px
  }
  #za-flightline-hybrid .flight-ticket-title {
    font-size:29px
  }
  #za-flightline-hybrid .flight-ticket-stack {
    min-height:0
  }
  #za-flightline-hybrid .flight-ticket-main {
    padding-bottom:14px
  }
  #za-flightline-hybrid .flight-ticket-head {
    padding-top:9px;
    padding-bottom:9px
  }
  #za-flightline-hybrid .flight-ticket-foot {
    padding-top:10px;
    padding-bottom:10px
  }
  #za-flightline-hybrid .flight-sheet-body {
    grid-template-columns:1fr;
    padding:17px;
    gap:22px
  }
  #za-flightline-hybrid .flight-sheet-head {
    padding:12px 15px
  }
  #za-flightline-hybrid .flight-board-legend {
    font-size:10px;
    letter-spacing:0
  }
  #za-flightline-hybrid .flight-eyebrow {
    font-size:10px;
    letter-spacing:0
  }
  #za-flightline-hybrid .flight-section-heading .flight-micro {
    font-size:10px
  }
  #za-flightline-hybrid .flight-footer {
    font-size:10px
  }
}
@media(prefers-reduced-motion:reduce) {
  #za-flightline-hybrid .flight-flap .flight-glyph {
    transition:none
  }
}
@media(pointer:coarse) {
  #za-flightline-hybrid .flight-nav a,#za-flightline-hybrid .flight-board-legend button,#za-flightline-hybrid .flight-sheet-close {
    min-height:44px;
    display:inline-flex;
    align-items:center
  }
}
#za-flightline-hybrid {
  font-family:'Inter',Arial,sans-serif
}
#za-flightline-hybrid .flight-brand,#za-flightline-hybrid .flight-section-heading h2,#za-flightline-hybrid .flight-ticket-title,#za-flightline-hybrid .flight-sheet-head h3 {
  font-family:'Space Grotesk',Arial,sans-serif
}
#za-flightline-hybrid .flight-brand {
  font-size:26px;
  letter-spacing:-1px
}
#za-flightline-hybrid .flight-nav {
  font-family:'Inter',Arial,sans-serif;
  font-weight:600;
  gap:19px;
  font-size:12px
}
#za-flightline-hybrid .flight-section-heading h2 {
  font-size:27px;
  letter-spacing:-.5px;
  line-height:1.2;
  font-weight:600
}
#za-flightline-hybrid .flight-ticket-title {
  font-size:23px;
  line-height:1.17;
  letter-spacing:-.35px;
  font-weight:600;
  min-height:54px
}
#za-flightline-hybrid .flight-sheet-head h3 {
  font-size:23px;
  letter-spacing:-.3px
}
#za-flightline-hybrid .flight-nav .flight-resume {
  padding:8px 12px;
  border:1px solid var(--flight-ink);
  background:var(--flight-ink);
  color:var(--flight-stock)
}
#za-flightline-hybrid .flight-drawing-head,#za-flightline-hybrid .flight-footer {
  font-size:11px
}
#za-flightline-hybrid .flight-board {
  perspective:none
}
#za-flightline-hybrid .flight-board:disabled,#za-flightline-hybrid #flight-flip-button:disabled {
  opacity:1
}
#za-flightline-hybrid .flight-flap.mechanical-cell {
  height:86px;
  padding:0;
  display:block;
  position:relative;
  perspective:550px;
  transform-style:preserve-3d;
  overflow:visible;
  font-family:'Space Grotesk',Arial,sans-serif;
  font-size:clamp(30px,5.4vw,56px);
  font-weight:600;
  line-height:1;
  isolation:isolate;
  background:#19313e
}
#za-flightline-hybrid .mechanical-half {
  position:absolute;
  left:0;
  width:100%;
  height:50%;
  overflow:hidden;
  backface-visibility:hidden;
  transform-style:preserve-3d;
  border-radius:2px;
  color:var(--flight-stock)
}
#za-flightline-hybrid .stationary-upper,#za-flightline-hybrid .falling-front {
  top:0;
  background:linear-gradient(#29414d,#223a46)
}
#za-flightline-hybrid .stationary-lower,#za-flightline-hybrid .falling-back {
  bottom:0;
  background:linear-gradient(#1c3542,#1a3340)
}
#za-flightline-hybrid .stationary-upper,#za-flightline-hybrid .stationary-lower {
  z-index:1
}
#za-flightline-hybrid .falling-front {
  z-index:4;
  transform-origin:50% 100%;
  visibility:hidden
}
#za-flightline-hybrid .falling-back {
  z-index:3;
  transform-origin:50% 0%;
  visibility:hidden
}
#za-flightline-hybrid .mechanical-letter {
  position:absolute;
  left:0;
  width:100%;
  height:200%;
  display:grid;
  place-items:center;
  line-height:1;
  white-space:pre
}
#za-flightline-hybrid .stationary-upper .mechanical-letter,#za-flightline-hybrid .falling-front .mechanical-letter {
  top:0
}
#za-flightline-hybrid .stationary-lower .mechanical-letter,#za-flightline-hybrid .falling-back .mechanical-letter {
  bottom:0
}
#za-flightline-hybrid .mechanical-seam {
  position:absolute;
  top:calc(50% - 1px);
  left:0;
  right:0;
  height:2px;
  background:#0c1d27;
  z-index:6;
  box-shadow:0 1px 0 #344a53
}
#za-flightline-hybrid .flight-flap.mechanical-cell:before,#za-flightline-hybrid .flight-flap.mechanical-cell:after {
  z-index:7
}
#za-flightline-hybrid .flight-experience {
  padding:27px 32px 32px;
  border-top:1px solid var(--flight-ink)
}
#za-flightline-hybrid .flight-experience-card {
  display:grid;
  grid-template-columns:180px 1fr;
  background:var(--flight-stock);
  border:1px solid var(--flight-ink);
  box-shadow:var(--flight-shadow-soft)
}
#za-flightline-hybrid .flight-experience-card + .flight-experience-card {
  margin-top:16px
}
#za-flightline-hybrid .flight-experience-date {
  padding:23px;
  border-right:1px dashed var(--flight-rule);
  color:var(--flight-orange);
  font:11px/1.8 'JetBrains Mono',monospace
}
#za-flightline-hybrid .flight-experience-date strong {
  font-family:'Space Grotesk',Arial,sans-serif;
  font-size:24px;
  line-height:1.2;
  font-weight:600;
  display:block;
  white-space:nowrap;
  margin-bottom:13px;
  color:var(--flight-ink)
}
#za-flightline-hybrid .flight-experience-date span {
  display:block;
  color:var(--flight-muted);
  font-size:11px;
  line-height:1.8;
  margin-top:15px
}
#za-flightline-hybrid .flight-experience-content {
  padding:22px 25px
}
#za-flightline-hybrid .flight-experience-content h3 {
  font-family:'Space Grotesk',Arial,sans-serif;
  font-weight:600;
  font-size:23px;
  letter-spacing:-.5px;
  line-height:1.25;
  margin-bottom:8px
}
#za-flightline-hybrid .flight-employer {
  display:flex;
  align-items:center;
  gap:12px;
  font:11px/1.7 'JetBrains Mono',monospace;
  color:var(--flight-orange);
  margin-bottom:14px
}
#za-flightline-hybrid .flight-employer > span {
  min-width:0
}
#za-flightline-hybrid .flight-employer-logo {
  display:block;
  flex:0 0 auto;
  width:48px;
  height:32px;
  object-fit:contain
}
#za-flightline-hybrid .flight-employer-logo--cpi {
  /* The supplied square image includes wording below the symbol. */
  object-fit:cover;
  object-position:center 15%;
  clip-path:inset(5.3px 0 4px 0)
}
#za-flightline-hybrid .flight-experience-content ul {
  margin:0;
  padding-left:17px;
  font-size:13px;
  line-height:1.85;
  display:flex;
  flex-direction:column;
  gap:5px
}
#za-flightline-hybrid .flight-experience-summary {
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding:12px 0 0;
  color:var(--flight-muted);
  font:11px/1.7 'JetBrains Mono',monospace
}
@media(max-width:780px) {
  #za-flightline-hybrid .flight-flap.mechanical-cell {
    height:70px;
    font-size:clamp(30px,5.4vw,56px)
  }
  #za-flightline-hybrid .flight-experience {
    padding-left:24px;
    padding-right:24px
  }
  #za-flightline-hybrid .flight-experience-card {
    grid-template-columns:150px 1fr
  }
  #za-flightline-hybrid .flight-experience-date {
    padding:20px
  }
  #za-flightline-hybrid .flight-nav {
    gap:13px;
    font-size:11px
  }
  #za-flightline-hybrid .flight-ticket-title {
    font-size:21px
  }
}
@media(max-width:620px) {
  #za-flightline-hybrid .flight-flap.mechanical-cell {
    height:clamp(52px,12vw,80px);
    font-size:clamp(28px,8.1vw,56px)
  }
  #za-flightline-hybrid .flight-nav {
    gap:10px;
    justify-content:space-between
  }
  #za-flightline-hybrid .flight-experience-card {
    grid-template-columns:1fr
  }
  #za-flightline-hybrid .flight-experience-date {
    border-right:0;
    border-bottom:1px dashed var(--flight-rule);
    display:flex;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
    padding:15px 20px
  }
  #za-flightline-hybrid .flight-experience-date strong {
    font-size:25px;
    margin:0
  }
  #za-flightline-hybrid .flight-experience-date span {
    margin:0
  }
  #za-flightline-hybrid .flight-experience-content {
    padding:20px
  }
  #za-flightline-hybrid .flight-experience-content h3 {
    font-size:21px
  }
  #za-flightline-hybrid .flight-experience-content ul {
    font-size:13px
  }
  #za-flightline-hybrid .flight-ticket-title {
    font-size:23px;
    min-height:0
  }
}
@media(prefers-reduced-motion:reduce) {
  #za-flightline-hybrid .mechanical-half {
    will-change:auto
  }
}

/* Local portfolio integration and accessibility adjustments. */
#za-flightline-hybrid {
  --flight-orange-ink: #b13e22;
  /* Keep the display proportions comfortable on wide monitors without zooming. */
  max-width: 1280px;
  margin-inline: auto;
  font-synthesis: none;
}
@media (min-width: 1281px) {
  #za-flightline-hybrid {
    box-shadow:0 0 0 1px #172e3b06,0 4px 20px #172e3b0a;
  }
}

.skip-link {
  position: absolute;
  left: 16px;
  top: 12px;
  z-index: 20;
  padding: 12px 16px;
  background: #172e3b;
  color: #f8f3e6;
  font: 600 14px/1.5 'Inter', Arial, sans-serif;
  transform: translateY(-200%);
}
.skip-link:focus {
  transform: translateY(0);
}

#za-flightline-hybrid .flight-header {
  flex-wrap: wrap;
}
#za-flightline-hybrid .flight-brand .flight-wordmark {
  color: var(--flight-ink);
  white-space: nowrap;
}
#za-flightline-hybrid .flight-board-controls {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 16px;
}
#za-flightline-hybrid .flight-board-controls button {
  min-height: 30px;
}
#za-flightline-hybrid .flight-nav {
  font-weight: 400;
}
#za-flightline-hybrid .flight-drawing {
  margin: 0;
}
#za-flightline-hybrid .flight-board-rows {
  container-type: inline-size;
}
#za-flightline-hybrid .flight-flap.mechanical-cell {
  --flap-font: clamp(30px, 5.4vw, 56px);
  font-size: clamp(18px, 4.5vw, 56px);
}
@supports (container-type: inline-size) {
  #za-flightline-hybrid .flight-flap.mechanical-cell {
    /* Size the widest letter to the available cell, including the tablet layout. */
    font-size: min(var(--flap-font), 10.5cqw);
  }
}
#za-flightline-hybrid .flight-board[aria-disabled="true"],
#za-flightline-hybrid #flight-flip-button[aria-disabled="true"] {
  cursor: progress;
}
#za-flightline-hybrid .flight-board-legend button {
  min-height: 30px;
}

/* Preserve the approved orange surfaces; improve small text contrast. */
#za-flightline-hybrid .flight-eyebrow,
#za-flightline-hybrid .flight-ticket-head,
#za-flightline-hybrid .flight-case-copy .flight-micro,
#za-flightline-hybrid .flight-experience-date,
#za-flightline-hybrid .flight-employer {
  color: var(--flight-orange-ink);
}
#za-flightline-hybrid .flight-action,
#za-flightline-hybrid .flight-band {
  color: #fff;
}
#za-flightline-hybrid .flight-board:focus-visible,
#za-flightline-hybrid .flight-sheet-close:focus-visible,
#za-flightline-hybrid .flight-action:focus-visible {
  outline-color: #172e3b;
  box-shadow: 0 0 0 2px #f8f3e6;
}
#za-flightline-hybrid #flight-sheet-title:focus,
#flight-main:focus {
  outline: none;
}
#za-flightline-hybrid section[id] {
  scroll-margin-top: 20px;
}
#za-flightline-hybrid .flight-case-link {
  overflow-wrap: anywhere;
}
#za-flightline-hybrid .flight-noscript {
  margin-top: 18px;
  font-size: 13px;
  line-height: 1.8;
}
#za-flightline-hybrid .flight-noscript a {
  text-decoration: underline;
}
@media (max-width: 780px) {
  #za-flightline-hybrid .flight-experience-date strong {
    font-size: 20px;
  }
}
@media (max-width: 620px) {
  #za-flightline-hybrid .flight-flap.mechanical-cell {
    --flap-font: clamp(28px, 8.1vw, 56px);
  }
  #za-flightline-hybrid .flight-experience-date strong {
    font-size: 25px;
  }
  #za-flightline-hybrid .flight-nav {
    row-gap: 8px;
  }
  #za-flightline-hybrid .flight-nav a,
  #za-flightline-hybrid .flight-board-legend button,
  #za-flightline-hybrid .flight-sheet-close {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
  #za-flightline-hybrid .flight-sheet-head {
    align-items: flex-start;
  }
}
@media (max-width: 480px) {
  #za-flightline-hybrid .flight-nav {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px 10px;
  }
  #za-flightline-hybrid .flight-nav a {
    grid-column: span 2;
    justify-self: start;
  }
  #za-flightline-hybrid .flight-nav a:nth-child(2) {
    justify-self: center;
  }
  #za-flightline-hybrid .flight-nav a:nth-child(3) {
    justify-self: end;
  }
  #za-flightline-hybrid .flight-nav .flight-resume,
  #za-flightline-hybrid .flight-nav .flight-contact {
    grid-column: span 3;
  }
  #za-flightline-hybrid .flight-nav .flight-contact {
    justify-self: end;
  }
}

/* Engineering collection: one drafting sheet, four independently credited studies. */
#za-flightline-hybrid .flight-hero {
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  grid-template-rows: auto;
  grid-template-areas: 'intro summary';
  column-gap: 32px;
  row-gap: 24px;
  align-items: center;
}
#za-flightline-hybrid .flight-intro {
  grid-area: intro;
}
#za-flightline-hybrid .flight-summary {
  grid-area: summary;
  min-width: 0;
}
#za-flightline-hybrid .flight-summary .flight-intro-copy {
  margin-top: 0;
  max-width: 460px;
  font-size: 15px;
}
#za-flightline-hybrid .flight-summary .flight-intro-copy strong {
  display: block;
  margin-bottom: 12px;
  font: 600 30px/1.2 'Space Grotesk', Arial, sans-serif;
  letter-spacing: -.5px;
}
#za-flightline-hybrid .mechanical-flag {
  display: block;
  width: 82%;
  height: auto;
  max-height: 70%;
  object-fit: contain;
}
#za-flightline-hybrid .flight-board-rows {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  aspect-ratio: 3.58;
}
#za-flightline-hybrid .flight-flap.mechanical-cell {
  height: 100%;
  font-size: min(56px, 8.8cqw);
}
#za-flightline-hybrid .engineering-gallery {
  width: 100%;
  max-width: none;
  justify-content: flex-start;
  align-self: start;
}
#za-flightline-hybrid .engineering-collection {
  padding: 0 32px 32px;
}
#za-flightline-hybrid .engineering-body {
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr);
}
#za-flightline-hybrid .engineering-slide {
  margin: 0;
  min-width: 0;
}
#za-flightline-hybrid .engineering-gallery .flight-drawing-head {
  flex-wrap: wrap;
  align-content: center;
  gap: 3px 12px;
  min-height: 36px;
  padding: 5px 15px;
  font-size: 10px;
  letter-spacing: .2px;
}
#za-flightline-hybrid .engineering-stage {
  aspect-ratio: 720 / 449;
  width: 100%;
  position: relative;
  touch-action: pan-y;
}
#za-flightline-hybrid .engineering-image {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  object-fit: contain;
  user-select: none;
}
#za-flightline-hybrid .engineering-image--monochrome {
  /* Preserve downloaded artwork; render its dark lines in the drafting palette. */
  filter: invert(1) sepia(.12) saturate(.4) brightness(.8);
}
#za-flightline-hybrid .engineering-annotations {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 6px 16px;
  min-height: 40px;
  padding: 9px 20px;
  border-top: 1px solid #587078;
  font: 400 10px/1.6 'JetBrains Mono', monospace;
}
#za-flightline-hybrid .engineering-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 18px;
}
#za-flightline-hybrid .engineering-scale {
  white-space: nowrap;
  color: var(--flight-stock);
}
#za-flightline-hybrid .engineering-story {
  position: relative;
  min-width: 0;
  padding: 22px 24px 18px;
  border-left: 1px solid #587078;
  color: var(--flight-stock);
  background: #102a3680;
}
#za-flightline-hybrid .engineering-copy {
  min-height: var(--engineering-copy-height, 0px);
}
#za-flightline-hybrid .engineering-copy--measure {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 0;
  visibility: hidden;
  pointer-events: none;
}
#za-flightline-hybrid .engineering-story h3 {
  margin: 0;
  font: 600 30px/1.15 'Space Grotesk', Arial, sans-serif;
  letter-spacing: -.6px;
}
#za-flightline-hybrid .engineering-story-category {
  margin-top: 10px;
  color: var(--flight-draft);
  font-size: 9px;
  letter-spacing: .4px;
}
#za-flightline-hybrid .engineering-caption {
  margin-top: 14px;
  max-width: 65ch;
  font: 400 14px/1.75 'Inter', Arial, sans-serif;
  color: var(--flight-stock);
}
#za-flightline-hybrid .engineering-credits {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px 16px;
  min-height: 44px;
  padding: 8px 20px;
  border-top: 1px solid #587078;
  font: 400 9px/1.6 'JetBrains Mono', monospace;
  overflow-wrap: anywhere;
}
#za-flightline-hybrid .engineering-credits a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
#za-flightline-hybrid .engineering-navigation {
  margin-top: 24px;
}
#za-flightline-hybrid .engineering-navigation > .flight-micro {
  color: var(--flight-draft);
  font-size: 9px;
  letter-spacing: .6px;
}
#za-flightline-hybrid .engineering-controls {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 0 16px;
  padding: 8px 0 0;
}
#za-flightline-hybrid .engineering-selector {
  display: grid;
  grid-column: 1 / -1;
  grid-row: 1;
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
}
#za-flightline-hybrid .engineering-controls button {
  min-width: 24px;
  min-height: 36px;
  padding: 0;
  border: 0;
  background: transparent;
  font: 400 11px/1 'JetBrains Mono', monospace;
  color: var(--flight-draft);
}
#za-flightline-hybrid .engineering-controls button[aria-current="true"] {
  color: var(--flight-stock);
  font-weight: 500;
  border-left-color: #e5835d;
  background: #2d4c58;
}
#za-flightline-hybrid .engineering-selector button {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 12px;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 8px 9px;
  border-bottom: 1px solid #58707880;
  border-left: 2px solid transparent;
  font-size: 10px;
  line-height: 1.4;
  text-align: left;
}
#za-flightline-hybrid #engineering-previous,
#za-flightline-hybrid #engineering-next {
  padding-top: 6px;
  font-size: 10px;
}
#za-flightline-hybrid #engineering-previous {
  text-align: left;
}
#za-flightline-hybrid #engineering-next {
  text-align: right;
}
#za-flightline-hybrid .engineering-controls button:hover {
  color: var(--flight-stock);
  background: #294957;
}
#za-flightline-hybrid .engineering-gallery :focus-visible {
  outline: 2px solid #f0e9d6;
  outline-offset: 1px;
}
@media (max-width: 1100px) {
  #za-flightline-hybrid .flight-hero {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: 'intro' 'summary';
    gap: 28px;
  }
  #za-flightline-hybrid .flight-intro {
    max-width: 640px;
  }
  #za-flightline-hybrid .flight-board-rows {
    min-height: 104px;
  }
  #za-flightline-hybrid .flight-flap.mechanical-cell {
    font-size: min(56px, 10.5cqw);
  }
}
@media (max-width: 800px) {
  #za-flightline-hybrid .engineering-body {
    grid-template-columns: minmax(0, 1fr);
  }
  #za-flightline-hybrid .engineering-story {
    border-left: 0;
    border-top: 1px solid #587078;
  }
}
@media (max-width: 480px) {
  #za-flightline-hybrid .engineering-collection {
    padding: 0 24px 24px;
  }
  #za-flightline-hybrid .engineering-story {
    padding: 20px 16px 14px;
  }
  #za-flightline-hybrid .engineering-annotations {
    min-height: 80px;
    align-content: center;
    gap: 4px 12px;
  }
  #za-flightline-hybrid .engineering-credits {
    min-height: 70px;
  }
  #za-flightline-hybrid .engineering-gallery .flight-drawing-head {
    min-height: 45px;
  }
}
