/* Concept C: Cinematic Command */

:root{--bg:#07090e;--panel:#0e131d;--panel2:#141b27;--line:#2b3543;--text:#f6f7f9;--soft:#94a4b6;--aqua:#59ceff;--yellow:#ffd34f;--pink:#ff65b0;--green:#62e0a8;--rail:118px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 14% 2%,rgba(89,206,255,.07),transparent 34rem),var(--bg);color:var(--text);font-family:"Segoe UI Variable","Aptos",Arial,sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}.command-rail{position:fixed;z-index:20;inset:0 auto 0 0;width:var(--rail);display:flex;flex-direction:column;background:rgba(7,9,14,.96);border-right:1px solid var(--line)}.mark{height:82px;display:grid;place-items:center;border-bottom:1px solid var(--line);font-size:13px;font-weight:800;letter-spacing:.2em}.mark span{color:var(--aqua)}.rail-nav{display:flex;flex-direction:column;margin:auto 0}.rail-nav a{position:relative;height:74px;padding:15px 17px;display:flex;flex-direction:column;justify-content:space-between;border-top:1px solid var(--line);color:var(--soft);transition:.2s}.rail-nav a:last-child{border-bottom:1px solid var(--line)}.rail-nav a:before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background:transparent}.rail-nav a:hover,.rail-nav a:focus-visible{background:var(--panel2);color:var(--text)}.rail-nav a:hover:before,.rail-nav a:focus-visible:before{background:var(--aqua)}.rail-nav b{color:var(--aqua);font-size:9px}.rail-nav span{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.rail-resume{height:82px;padding:16px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:10px;text-transform:uppercase}.rail-resume b{color:var(--aqua);font-size:17px}main{margin-left:var(--rail);padding:0 3vw 85px}.statusbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:var(--soft);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.statusbar p{margin:0}.statusbar i,.live-label i,.availability>i{display:inline-block;width:7px;height:7px;margin-right:9px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green)}.statusbar>div{display:flex;gap:28px}.hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:105px;gap:8px;padding-top:8px}.tile{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);background:var(--panel);color:var(--text);text-align:left}.tile:after{content:"";position:absolute;top:0;left:0;width:31px;height:2px;background:var(--aqua)}.hero-copy{grid-column:span 7;grid-row:span 5;padding:30px;background:linear-gradient(145deg,#101723,#0d1018)}.module-label{display:flex;gap:24px;color:var(--soft);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.module-label span{color:var(--aqua)}.module-label p{margin:0;line-height:1.5}.hero-copy h1{margin:48px 0 0;font-size:clamp(44px,6vw,88px);line-height:.86;letter-spacing:-.07em}.hero-copy h1 em{color:var(--aqua);font-style:normal}.deck{position:absolute;right:30px;bottom:31px;max-width:340px;margin:0;color:var(--soft);font-size:14px;line-height:1.55}.text-link{position:absolute;left:30px;bottom:32px;padding-bottom:6px;border-bottom:1px solid var(--aqua);font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.text-link span{margin-left:19px;color:var(--aqua)}.hero-image{grid-column:span 5;grid-row:span 4;padding:0;border:0;cursor:pointer}.hero-image:after{background:var(--pink)}.hero-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center;transition:transform .65s}.hero-image:hover img{transform:scale(1.025)}.image-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,5,10,.08),rgba(3,5,10,.2) 38%,rgba(3,5,10,.94))}.live-label{position:absolute;z-index:2;top:21px;left:22px;right:22px;display:flex;justify-content:space-between;color:#dbe5ee;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.live-label i{background:var(--pink);box-shadow:0 0 12px var(--pink)}.image-copy{position:absolute;z-index:2;left:23px;right:23px;bottom:23px}.image-copy p{margin:0 0 9px;color:var(--aqua);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.image-copy h2{margin:0;font-size:clamp(28px,3.4vw,50px);line-height:.92;letter-spacing:-.055em}.image-copy>span{display:block;margin-top:17px;font-size:9px;font-weight:750;text-transform:uppercase}.availability{grid-column:8/span 5;grid-row:5/span 1;padding:18px 21px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;background:var(--green);color:#07130e;border:0}.availability:after{display:none}.availability>i{margin:0;background:#07130e;box-shadow:none}.availability div span{display:block;margin-bottom:5px;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.availability div b{font-size:11px}.availability p{margin:0;font-size:8px;font-weight:700;line-height:1.45;text-align:right;text-transform:uppercase}.micro-stat{grid-column:span 4;grid-row:span 2;padding:18px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr}.micro-stat>span{color:var(--soft);font-size:9px;letter-spacing:.13em;text-transform:uppercase}.micro-stat strong{grid-column:1;align-self:end;font-size:clamp(35px,4.4vw,65px);line-height:.86;letter-spacing:-.065em}.micro-stat p{grid-column:2;grid-row:1/span 2;align-self:end;margin:0;color:var(--soft);font-size:9px;line-height:1.45;text-transform:uppercase}.micro-stat.aqua strong{color:var(--aqua)}.micro-stat.yellow:after{background:var(--yellow)}.micro-stat.yellow strong{color:var(--yellow)}.micro-stat.pink:after{background:var(--pink)}.micro-stat.pink strong{color:var(--pink)}.inspector{position:fixed;z-index:50;inset:0 0 0 auto;width:min(620px,94vw);padding:68px 50px;background:#101722;border-left:1px solid var(--aqua);transform:translateX(105%);transition:.35s cubic-bezier(.2,.8,.2,1);overflow:auto}.inspector.open{transform:none}.inspector-close{position:absolute;right:24px;top:22px;width:40px;height:40px;border:1px solid var(--line);background:none;color:#fff;font-size:25px;cursor:pointer}.inspector-content{display:none}.inspector-content.active{display:block}.panel-code{color:var(--aqua);font-size:9px;letter-spacing:.15em;text-transform:uppercase}.inspector-content h2{margin:30px 0;font-size:clamp(38px,5vw,65px);line-height:.92;letter-spacing:-.06em}.inspector-content>p:not(.panel-code){color:var(--soft);font-size:17px;line-height:1.65}.inspector dl{display:grid;grid-template-columns:100px 1fr;margin-top:35px;border-top:1px solid var(--line)}.inspector dt,.inspector dd{margin:0;padding:16px 0;border-bottom:1px solid var(--line)}.inspector dt{color:var(--soft);font-size:9px;text-transform:uppercase}.inspector dd{font-size:14px}.scrim{position:fixed;z-index:40;inset:0;background:rgba(0,0,0,.72);opacity:0;pointer-events:none;transition:.3s}.scrim.open{opacity:1;pointer-events:auto}@media(max-width:980px){:root{--rail:86px}.hero-copy{grid-column:span 12}.hero-image{grid-column:span 8}.availability{grid-column:9/span 4;grid-row:auto}.availability p{display:none}.micro-stat{grid-column:span 4}.deck{max-width:310px}}@media(max-width:680px){:root{--rail:0}.command-rail{position:sticky;top:0;width:100%;height:66px;flex-direction:row;padding:0 15px}.mark{height:65px;border:0}.rail-nav{margin:0 0 0 auto;flex-direction:row}.rail-nav a{width:42px;height:65px;padding:12px 8px;border:0}.rail-nav span{display:none}.rail-resume{width:48px;height:65px;padding:8px;border:0}.rail-resume span{display:none}main{margin:0;padding:0 9px 55px}.statusbar{height:52px}.statusbar>div span{display:none}.hero-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:84px;gap:6px}.hero-copy{grid-column:span 6;grid-row:span 6;padding:22px}.hero-copy h1{margin-top:42px;font-size:clamp(48px,14vw,72px)}.deck{left:22px;right:22px;bottom:69px;max-width:none}.text-link{left:22px;bottom:22px}.hero-image{grid-column:span 6;grid-row:span 4}.availability{grid-column:span 6}.micro-stat{grid-column:span 2;padding:12px}.micro-stat strong{font-size:clamp(25px,8vw,40px)}.micro-stat p{display:none}.inspector{padding:65px 25px 35px}}


.section-index{display:grid;grid-template-columns:75px 1.2fr 1fr;gap:25px;margin:135px 0 45px;padding-top:20px;border-top:1px solid var(--line)}
.section-index>span{color:var(--aqua);font-size:10px}.section-index div>p{margin:0 0 14px;color:var(--soft);font-size:9px;letter-spacing:.13em;text-transform:uppercase}.section-index h2{margin:0;font-size:clamp(42px,5vw,72px);line-height:.9;letter-spacing:-.06em}.section-index>p{max-width:550px;margin:2px 0 0;color:var(--soft);font-size:15px;line-height:1.65}
.systems-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:110px;gap:8px}.system-visual{grid-column:span 8;grid-row:span 5;padding:0;border:0;cursor:pointer}.system-visual img,.film-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s}.system-visual:hover img,.film-tile:hover img{transform:scale(1.025)}.system-visual .image-shade{background:linear-gradient(180deg,rgba(3,5,10,.05),rgba(3,5,10,.12) 35%,rgba(3,5,10,.95))}.system-visual-copy{position:absolute;z-index:2;left:27px;right:27px;bottom:27px}.system-visual-copy p{margin:0 0 11px;color:var(--aqua);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.system-visual-copy h2{max-width:850px;margin:0;font-size:clamp(31px,4.2vw,61px);line-height:.94;letter-spacing:-.055em}.system-visual-copy span{display:block;margin-top:17px;font-size:9px;font-weight:750;text-transform:uppercase}
.system-card{grid-column:span 4;grid-row:span 2;padding:21px;display:flex;flex-direction:column}.system-card p{margin:0;color:var(--soft);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.system-card strong{display:block;margin-top:auto;padding-top:24px;font-size:clamp(38px,4.2vw,62px);line-height:.85;letter-spacing:-.06em}.system-card h3{margin:14px 0 7px;font-size:18px}.system-card>span{display:block;color:var(--soft);font-size:11px;line-height:1.45}.yellow-card:after{background:var(--yellow)}.yellow-card strong{color:var(--yellow)}.pink-card:after{background:var(--pink)}.pink-card strong{color:var(--pink)}
.system-flow{grid-column:span 12;grid-row:span 1;padding:0 20px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:16px}.system-flow span{display:flex;gap:12px;align-items:center;color:var(--soft);font-size:10px;text-transform:uppercase}.system-flow b{color:var(--aqua);font-size:9px}.system-flow i{color:var(--soft);font-style:normal}.system-flow .flow-accent{height:100%;margin:0 -20px 0 0;padding:0 20px;background:var(--aqua);color:#07131a;font-weight:750}.system-flow .flow-accent b{color:#07131a}
.platform-module{grid-column:span 12;grid-row:span 2;align-self:start;padding:19px 21px 21px}.platform-module:after{background:var(--green)}.platform-module>p{margin:0 0 15px;color:var(--soft);font-size:9px;letter-spacing:.13em;text-transform:uppercase}.platform-groups{display:grid;grid-template-columns:minmax(250px,.62fr) minmax(0,2fr);gap:17px}.platform-group{min-width:0}.platform-group+ .platform-group{padding-left:17px;border-left:1px solid var(--line)}.platform-group h3{margin:0 0 8px;color:var(--aqua);font-size:8px;font-weight:650;letter-spacing:.13em;text-transform:uppercase}.platform-group>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.platform-group:first-child>div{grid-template-columns:repeat(3,minmax(0,1fr))}.platform-module span{min-width:0;padding:11px 6px;border:1px solid var(--line);font-size:9px;text-align:center;white-space:nowrap}
.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.film-tile{height:clamp(360px,34vw,550px);border:0}.film-tile .image-shade{background:linear-gradient(180deg,rgba(3,5,10,.04),rgba(3,5,10,.12) 35%,rgba(3,5,10,.94))}.film-tile>div:last-child{position:absolute;z-index:2;left:25px;right:25px;bottom:24px}.film-tile>div:last-child p{margin:0 0 10px;color:var(--green);font-size:9px;letter-spacing:.13em;text-transform:uppercase}.film-tile h3{margin:0;font-size:clamp(30px,3.3vw,49px);line-height:.95;letter-spacing:-.05em}.film-tile>div:last-child>span{display:block;margin-top:15px;font-size:9px;font-weight:750;text-transform:uppercase}
.leadership-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:110px;gap:8px}.leadership-lead{grid-column:span 7;grid-row:span 5;padding:29px;background:var(--aqua);color:#07131a;border:0;cursor:pointer}.leadership-lead:after{background:#07131a}.leadership-lead>p{margin:0;font-size:9px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.leadership-lead h2{margin:49px 0 0;font-size:clamp(45px,5.5vw,80px);line-height:.87;letter-spacing:-.065em}.leadership-lead h2 em{color:#fff;font-style:normal}.leadership-lead>span{position:absolute;left:29px;bottom:27px;font-size:9px;font-weight:750;text-transform:uppercase}
.principle{grid-column:span 5;grid-row:span 2;padding:22px 25px}.principle:after{background:var(--pink)}.principle>span{color:var(--pink);font-size:9px}.principle h3{margin:23px 0 9px;font-size:23px;letter-spacing:-.035em}.principle p{max-width:520px;margin:0;color:var(--soft);font-size:12px;line-height:1.5}.principle:last-child{grid-row:span 1}.principle:last-child h3{margin:9px 0 5px}.principle:last-child p{font-size:11px}
.about-grid{display:grid;grid-template-columns:75px 1.2fr 1fr;gap:25px;margin:135px 0 0;padding:20px 0 85px;border-block:1px solid var(--line)}.about-number{color:var(--aqua);font-size:10px}.about-code{margin:0 0 14px;color:var(--soft);font-size:9px;letter-spacing:.13em;text-transform:uppercase}.about-grid h2{margin:0;font-size:clamp(46px,5.4vw,79px);line-height:.84;letter-spacing:-.065em}.about-grid h2 em{color:var(--pink);font-style:normal}.about-content>p{margin:2px 0 20px;color:var(--soft);font-size:14px;line-height:1.65}.career-strip{margin-top:35px;border-top:1px solid var(--line)}.career-strip span{padding:13px 0;display:grid;grid-template-columns:110px 1fr;border-bottom:1px solid var(--line);color:var(--soft);font-size:9px;text-transform:uppercase}.career-strip b{color:var(--text);font-size:10px}
footer{margin-left:var(--rail);padding:48px 3vw 55px;background:var(--yellow);color:#111}footer>p{margin:0 0 48px;font-size:9px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}footer>a{display:flex;justify-content:space-between;font-size:clamp(29px,5vw,72px);font-weight:650;letter-spacing:-.055em}footer>div{display:flex;gap:28px;margin-top:55px;font-size:10px;text-transform:uppercase}.inspector ol{padding:0;margin-top:35px;list-style:none}.inspector li{display:grid;grid-template-columns:48px 1fr;padding:16px 0;border-top:1px solid var(--line);color:var(--soft)}.inspector li b{color:var(--green)}
@media(max-width:980px){.system-visual{grid-column:span 12}.system-card{grid-column:span 6}.leadership-lead{grid-column:span 12}.principle{grid-column:span 4;grid-row:span 2!important}.about-grid{grid-template-columns:1fr 1fr}.about-grid>div{grid-column:2}.section-index{grid-template-columns:60px 1fr}.section-index>p{grid-column:2}}
@media(max-width:680px){.systems-grid,.leadership-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:84px;gap:6px}.section-index{grid-template-columns:35px 1fr;margin:95px 0 30px}.section-index>p{grid-column:2}.system-visual{grid-column:span 6;grid-row:span 5}.system-card{grid-column:span 3;grid-row:span 3}.system-flow{grid-column:span 6;grid-row:span 4;grid-template-columns:1fr;padding:14px}.system-flow i{display:none}.system-flow span{padding:8px}.system-flow .flow-accent{margin:0;padding:13px}.platform-module{grid-column:span 6;grid-row:auto}.platform-groups{grid-template-columns:1fr}.platform-group+ .platform-group{padding:14px 0 0;border-left:0;border-top:1px solid var(--line)}.platform-group>div{grid-template-columns:repeat(3,minmax(0,1fr))}.film-grid{grid-template-columns:1fr}.leadership-lead{grid-column:span 6;grid-row:span 5}.principle{grid-column:span 6}.about-grid{margin-top:95px;grid-template-columns:1fr;gap:28px}.about-grid>div{grid-column:auto}footer{margin:0;padding:40px 18px 45px}footer>a{overflow-wrap:anywhere}footer>div{flex-wrap:wrap}}


/* Content-driven responsive layer for Concept C. */
html,
body {
  max-width: 100%;
  overflow-x: clip;
}

.mark {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  flex-shrink: 0;
}

.tile,
.tile > * {
  min-width: 0;
}

/* Keep the metrics readable as three independent information blocks. */
.micro-stat {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
}

.micro-stat strong {
  grid-column: 1;
  grid-row: 2;
}

.micro-stat p {
  grid-column: 1;
  grid-row: 3;
  align-self: auto;
  margin: 10px 0 0;
}

.micro-stat.pink strong {
  font-size: clamp(32px, 3.8vw, 56px);
}

/* Turn the production sequence into four clearly bounded stages. */
.system-flow {
  padding: 0;
  gap: 0;
}

.system-flow span {
  height: 100%;
  padding: 0 20px;
  border-right: 1px solid var(--line);
  background: linear-gradient(90deg, rgba(89, 206, 255, .035), transparent 70%);
}

.system-flow i {
  width: 44px;
  height: 100%;
  display: grid;
  place-items: center;
  border-right: 1px solid var(--line);
  background: rgba(7, 9, 14, .32);
  color: var(--aqua);
}

.system-flow .flow-accent {
  margin: 0;
  padding: 0 20px;
  border: 0;
}

/* The compact third principle needs a little tighter rhythm at full desktop. */
.principle:last-child {
  padding-block: 15px;
}

.principle:last-child h3 {
  margin: 7px 0 4px;
}

.principle:last-child p {
  font-size: 10px;
  line-height: 1.35;
}

@media (max-width: 1180px) {
  .hero-grid,
  .systems-grid,
  .leadership-grid {
    grid-auto-rows: auto;
  }

  .hero-copy {
    grid-column: span 12;
    grid-row: auto;
    min-height: clamp(500px, 54vh, 560px);
    display: flex;
    flex-direction: column;
  }

  .deck {
    position: static;
    align-self: flex-end;
    max-width: 460px;
    margin: auto 0 0;
  }

  .text-link {
    position: static;
    width: max-content;
    margin-top: 28px;
  }

  .hero-image {
    grid-column: span 8;
    grid-row: auto;
    min-height: 500px;
  }

  .availability {
    grid-column: 9 / span 4;
    grid-row: auto;
    min-height: 120px;
  }

  .micro-stat {
    grid-column: span 4;
    grid-row: auto;
    min-height: 190px;
  }

  .systems-grid,
  .leadership-grid {
    align-items: stretch;
  }

  .system-visual {
    grid-column: span 12;
    grid-row: auto;
    min-height: 600px;
  }

  .system-card {
    grid-column: span 6;
    grid-row: auto;
    min-height: 230px;
  }

  .system-flow {
    grid-column: span 12;
    grid-row: auto;
    min-height: 110px;
  }

  .platform-module {
    grid-column: span 12;
    grid-row: auto;
    min-height: 160px;
  }

  .leadership-lead {
    grid-column: span 12;
    grid-row: auto;
    min-height: 520px;
  }

  .principle,
  .principle:last-child {
    grid-column: span 4;
    grid-row: auto !important;
    min-height: 210px;
  }

  .principle:last-child h3 {
    margin: 23px 0 9px;
  }

  .principle:last-child p {
    font-size: 12px;
  }
}

@media (min-width: 901px) and (max-width: 980px) {
  .rail-nav a {
    padding-inline: 10px;
  }

  .rail-nav span {
    font-size: 9px;
    letter-spacing: .03em;
  }

  .about-grid {
    grid-template-columns: 60px minmax(0, 1fr);
    gap: 25px;
  }

  .about-title,
  .about-content {
    grid-column: 2;
  }
}

@media (max-width: 900px) {
  :root {
    --rail: 0px;
  }

  .command-rail {
    position: sticky;
    inset: auto;
    top: 0;
    width: 100%;
    height: 68px;
    padding: 0 14px;
    flex-direction: row;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .mark {
    width: auto;
    height: 67px;
    flex: 0 0 82px;
    border: 0;
  }

  .rail-nav {
    margin: 0 0 0 auto;
    flex-direction: row;
  }

  .rail-nav a {
    width: auto;
    min-width: 48px;
    height: 67px;
    padding: 11px 9px;
    border: 0;
    justify-content: center;
  }

  .rail-nav a:last-child {
    border: 0;
  }

  .rail-nav b {
    display: none;
  }

  .rail-nav span {
    display: block;
    font-size: 8px;
    letter-spacing: .04em;
  }

  .rail-resume {
    width: auto;
    gap: 5px;
    height: 67px;
    padding: 8px 9px;
    border: 0;
  }

  .rail-resume span {
    display: block;
    font-size: 8px;
    letter-spacing: .04em;
  }

  main {
    margin-left: 0;
    padding: 0 14px 60px;
  }

  .statusbar {
    height: 54px;
  }

  .statusbar > div {
    display: none;
  }

  .hero-grid,
  .systems-grid,
  .leadership-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-auto-rows: auto;
    gap: 6px;
  }

  .hero-copy {
    grid-column: span 6;
    grid-row: auto;
    min-height: 0;
    padding: 28px;
  }

  .hero-copy h1 {
    margin-top: 42px;
    font-size: clamp(3.3rem, 12vw, 5.5rem);
    line-height: .9;
  }

  .deck {
    position: static;
    align-self: stretch;
    max-width: 600px;
    margin: 64px 0 0;
    font-size: 16px;
  }

  .text-link {
    position: static;
    margin-top: 38px;
  }

  .hero-image {
    grid-column: span 6;
    grid-row: auto;
    min-height: 520px;
  }

  .availability {
    grid-column: span 6;
    grid-row: auto;
    min-height: 105px;
  }

  .availability p {
    display: block;
  }

  .micro-stat {
    grid-column: span 2;
    grid-row: auto;
    min-height: 180px;
  }

  .micro-stat p {
    display: block;
  }

  .section-index {
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 12px;
    row-gap: 20px;
    margin: 95px 0 30px;
  }

  .section-index > span {
    grid-column: 1;
    grid-row: 1;
  }

  .section-index > div {
    display: contents;
  }

  .section-index div > p {
    grid-column: 2;
    grid-row: 1;
    margin-bottom: 0;
  }

  .section-index h2 {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .section-index > p {
    grid-column: 1 / -1;
    grid-row: 3;
  }

  .system-visual {
    grid-column: span 6;
    grid-row: auto;
    min-height: 500px;
  }

  .system-card {
    grid-column: span 3;
    grid-row: auto;
    min-height: 280px;
  }

  .system-flow {
    grid-column: span 6;
    grid-row: auto;
    min-height: 300px;
    padding: 14px;
    grid-template-columns: 1fr;
    gap: 0;
  }

  .system-flow i {
    display: none;
  }

  .system-flow span {
    min-height: 58px;
    padding: 12px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .system-flow .flow-accent {
    height: auto;
    margin: 0;
    padding: 16px;
    border-bottom: 0;
  }

  .platform-module {
    grid-column: span 6;
    grid-row: auto;
    min-height: 0;
  }

  .platform-groups {
    grid-template-columns: 1fr;
  }

  .platform-group + .platform-group {
    padding: 14px 0 0;
    border-top: 1px solid var(--line);
    border-left: 0;
  }

  .platform-group > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .film-grid {
    grid-template-columns: 1fr;
  }

  .film-tile {
    min-height: 420px;
  }

  .leadership-lead {
    grid-column: span 6;
    grid-row: auto;
    min-height: 560px;
  }

  .principle,
  .principle:last-child {
    grid-column: span 6;
    grid-row: auto !important;
    min-height: 180px;
  }

  .about-grid {
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 12px;
    row-gap: 28px;
    margin-top: 95px;
  }

  .about-number {
    grid-column: 1;
    grid-row: 1;
  }

  .about-title {
    display: contents;
  }

  .about-code {
    grid-column: 2;
    grid-row: 1;
    margin-bottom: 0;
  }

  .about-grid h2 {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .about-content {
    grid-column: 1 / -1;
    grid-row: 3;
  }

  footer {
    margin-left: 0;
    padding: 40px 18px 45px;
  }

  footer > a {
    align-items: baseline;
    gap: 10px;
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
    font-size: clamp(22px, 4.2vw, 40px);
  }

  footer > div {
    flex-wrap: wrap;
  }
}

@media (max-width: 680px) {
  .film-tile {
    height: auto;
    min-height: 0;
    aspect-ratio: 4 / 3;
  }

  .film-tile:first-child img {
    object-position: 70% center;
  }

  .film-tile:nth-child(2) img {
    object-position: 53% center;
  }
}

@media (max-width: 480px) {
  .command-rail {
    padding-inline: 8px;
  }

  .mark {
    flex-basis: 56px;
    font-size: 11px;
  }

  .rail-nav a {
    width: auto;
    min-width: 0;
    padding-inline: 6px;
  }

  .rail-resume {
    width: auto;
    padding-inline: 6px;
  }

  .rail-nav span,
  .rail-resume span {
    font-size: 7px;
    letter-spacing: .02em;
  }

  main {
    padding-inline: 8px;
  }

  .statusbar {
    font-size: 8px;
    letter-spacing: .09em;
  }

  .hero-copy {
    padding: 22px 20px 24px;
  }

  .module-label {
    gap: 16px;
  }

  .hero-copy h1 {
    margin-top: 38px;
    font-size: clamp(3rem, 13vw, 4.2rem);
  }

  .deck {
    margin-top: 48px;
    font-size: 15px;
  }

  .hero-image {
    min-height: 460px;
  }

  .availability {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    padding: 17px;
  }

  .availability-role {
    grid-column: 1;
  }

  .availability p {
    display: none;
  }

  .micro-stat {
    grid-column: span 6;
    min-height: 130px;
    grid-template-columns: minmax(110px, auto) 1fr;
    grid-template-rows: auto 1fr;
    padding: 18px;
  }

  .micro-stat strong {
    grid-column: 1;
    grid-row: 2;
    font-size: clamp(36px, 13vw, 56px);
  }

  .micro-stat p {
    display: block;
    grid-column: 2;
    grid-row: 1 / span 2;
    justify-self: end;
    text-align: right;
  }

  .section-index h2 {
    font-size: clamp(38px, 13vw, 58px);
  }

  .system-card {
    grid-column: span 6;
    min-height: 230px;
  }

  .system-visual-copy h2 {
    font-size: clamp(29px, 10vw, 43px);
  }

  .platform-module {
    min-height: 0;
  }

  .platform-group > div,
  .platform-group:first-child > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .film-tile {
    height: auto;
  }

  .leadership-lead {
    min-height: 500px;
    padding: 24px;
  }

  .leadership-lead h2 {
    margin-top: 42px;
    font-size: clamp(42px, 13vw, 62px);
  }

  .leadership-lead > span {
    position: static;
    display: block;
    margin-top: 55px;
  }

  .career-strip span {
    grid-template-columns: 92px 1fr;
  }

  footer > a {
    display: flex;
    gap: 6px;
    font-size: clamp(.84rem, 4.2vw, 1.25rem);
    letter-spacing: -.035em;
  }

  footer > a span {
    display: inline-block;
    flex: 0 0 auto;
    margin-left: 0;
  }
}


.hero-copy h1 > span,
.hero-copy h1 > em {
  display: block;
}

.hero-copy h1 .hero-final-line {
  margin-top: 0.08em;
}

/* Distribute content across tall status tiles for a deliberate control-room rhythm. */
.availability {
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto 1fr auto;
  align-items: start;
  column-gap: 18px;
}

.availability-label {
  grid-column: 1 / -1;
  grid-row: 1;
  font-size: 8px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.availability-role {
  grid-column: 1;
  grid-row: 3;
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.availability-role i {
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  margin: 0;
  background: #07130e;
  border-radius: 50%;
}

.availability-role b {
  font-size: 11px;
  line-height: 1.45;
}

.availability p {
  grid-column: 2;
  grid-row: 3;
  align-self: end;
}

@media (max-width: 480px) {
  .availability {
    grid-template-columns: 1fr;
  }

  .availability-role {
    grid-column: 1;
  }
}