/* The flow grows with its content instead of sitting inside a fixed-height image. */
.scene-page{width:100%;max-width:none;margin:0}
.scene{container-type:inline-size;aspect-ratio:auto}
.scene::before{content:"";display:block;padding-top:57.4%}
.scene-art{height:auto;aspect-ratio:3/2}
.scene-hero{top:5.4cqw}
.scene-impact{top:50.8cqw}
.scene-flow{
  position:relative;inset:auto;margin:0;
  padding:32px 6.4% 28px;
  display:grid;grid-template-columns:minmax(230px,1fr) minmax(0,2.4fr);
  align-items:start;column-gap:40px;row-gap:20px;
  background:#07182a;color:#f5f8ff;border-top:1px solid #203d58;
}
.flow-intro{min-width:0}
.flow-intro h2{margin:0 0 12px;font-size:17px;line-height:1.4}
.flow-intro p{font-size:14px;line-height:1.6;margin:0 0 12px;max-width:420px}
.flow-intro a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:15px;line-height:1.4;padding:4px 0}
.flow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:14px 0 0;padding:0;min-width:0}
.flow-steps li{display:flex;align-items:flex-start;gap:15px;min-width:0}
.flow-steps li>div{min-width:0}
.flow-number{flex:0 0 58px;min-width:58px;width:58px;height:58px;margin-top:3px}
.flow-steps h3{font-size:14px;line-height:1.5;font-weight:600;white-space:normal;margin:0 0 8px}
.flow-steps p{font-size:14px;line-height:1.6;margin:0}
.flow-motto{display:block;grid-column:2;margin:0;text-align:right;font-size:10px;line-height:1.5;letter-spacing:.16em}
[data-theme="light"] .scene-flow{background:#edf4fc;color:#0b1930;border-color:#c4d5e7}
[data-theme="light"] .flow-intro p,[data-theme="light"] .flow-steps p{color:#29415d}
@media(min-width:761px) and (max-width:1100px){
  .scene-hero{top:6.6cqw}.scene-impact{top:50.4cqw}
  .scene-flow{grid-template-columns:1fr;gap:24px;padding:30px 5%}
  .flow-intro{display:grid;grid-template-columns:1fr auto;column-gap:30px}
  .flow-intro h2{grid-column:1}.flow-intro p{grid-column:1;max-width:540px;margin:0}
  .flow-intro a{grid-column:2;grid-row:1/3;align-self:center}
  .flow-steps{margin-top:10px}.flow-motto{grid-column:1}
}
@media(max-width:760px){
  .scene{container-type:normal}.scene::before{display:none}
  .scene-art{height:680px;aspect-ratio:auto}.scene-hero,.scene-impact{top:auto}
  .scene-flow{display:block;inset:auto;margin:0;padding:30px 20px 34px}
  .flow-intro p{font-size:15px}.flow-steps{display:flex;flex-direction:column;gap:34px;margin-top:26px}
  .flow-steps li{gap:20px}.flow-steps h3{font-size:16px}.flow-steps p{font-size:15px}
  .flow-motto{margin-top:28px;text-align:left}
}
@media(max-width:760px){
  .scene-header{position:relative;inset:auto;width:100%;height:80px;padding:0 20px;gap:10px;box-sizing:border-box}
  .scene-brand{width:150px;min-width:0}
  .scene-nav{top:72px;left:16px;right:16px}
  .scene-menu,.scene-theme-toggle{min-height:44px}
  .scene{display:flex;flex-direction:column;min-height:0;padding:0;overflow:clip}
  .scene-hero{order:1;margin:0;padding:26px 20px 30px;background:none}
  .scene-hero h1{font-size:clamp(32px,8.7vw,56px);line-height:1.09;letter-spacing:-.045em}
  .scene-eyebrow{font-size:12px;letter-spacing:.15em;margin:0 0 18px}
  .scene-description{font-size:16px;line-height:1.6;max-width:480px;margin:20px auto 24px}
  .scene-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:480px;margin:auto}
  .scene-actions .scene-button{min-height:48px;padding:12px 10px;gap:8px;font-size:14px}
  .scene-art{order:2;position:relative;inset:auto;transform:none;display:block;z-index:0;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;max-width:100%;opacity:1}
  .scene-impact{order:3;position:relative;inset:auto;margin:0;padding:26px 20px 30px;background:#061426;border-top:0}
  .impact-items{gap:26px 16px}
  .impact-items>div{align-items:flex-start;min-width:0;gap:10px}
  .impact-items img{width:24px;height:24px;flex-shrink:0}
  .impact-items b{font-size:clamp(16px,4.7vw,22px);white-space:normal}
  .impact-items span{font-size:14px;line-height:1.5;margin-top:3px}
  .scene-flow{order:4;padding:30px 20px 32px}
  .flow-intro p,.flow-steps p{font-size:16px;line-height:1.6}
  .flow-motto{font-size:12px;letter-spacing:.12em}
  [data-theme="light"] .scene-hero{background:none}
  [data-theme="light"] .scene-impact{background:#f5f9ff}
  .command-home .site-footer{padding:36px 20px 24px}
  .command-home .footer-grid{gap:28px 20px}
  .command-home .footer-bottom{display:flex;flex-wrap:wrap;gap:12px}
}
@media(max-width:360px){
  .scene-header{padding:0 14px;gap:8px}.scene-brand{width:132px}
  .scene-hero{padding-left:16px;padding-right:16px}
  .scene-actions{grid-template-columns:1fr}
}