@media (max-width:720px){
  /* HOME MOBILE FINAL OVERRIDES */
  html,
  body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:clip!important;
  }
  body > *{
    max-width:100%!important;
  }

  .site-header .brand-monogram{
    width:56px!important;
    height:52px!important;
    flex:0 0 56px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    border:0!important;
    background:none!important;
    font-family:'Archivo',Arial,sans-serif!important;
    font-size:48px!important;
    font-weight:900!important;
    font-stretch:110%!important;
    line-height:.9!important;
    letter-spacing:-.11em!important;
    color:#D9AF88!important;
    text-shadow:none!important;
  }
  .site-header .brand-monogram:after{display:none!important}
  .site-header .brand{gap:12px!important}
  .site-header .brand-text{max-width:210px!important}
  .site-header .brand .brand-text span{max-width:210px!important}

  /* Keep the home hero paragraph consistent with all other mobile heroes. */
  .hero .hero-copy > .lead{
    line-height:1.28!important;
  }

  /* Keep the portrait box the same size; shift only the crop to show more torso. */
  .hero .hero-grid .hero-portrait img{
    object-position:center 38%!important;
  }

  /* Compact identity tag in the lower-left corner. */
  .hero .hero-grid .hero-portrait .portrait-caption{
    display:inline-flex!important;
    flex-direction:column!important;
    position:absolute!important;
    left:14px!important;
    right:auto!important;
    bottom:14px!important;
    width:auto!important;
    max-width:72%!important;
    z-index:3!important;
    padding:9px 11px 8px!important;
    border:1px solid rgba(217,175,136,.28)!important;
    background:rgba(12,27,41,.78)!important;
    backdrop-filter:blur(3px)!important;
  }
  .hero .hero-grid .hero-portrait .portrait-caption strong{
    display:block!important;
    margin:0!important;
    font-family:'Archivo',Arial,sans-serif!important;
    font-size:15px!important;
    line-height:1.05!important;
    font-weight:750!important;
    letter-spacing:-.01em!important;
    color:#fff!important;
    white-space:nowrap!important;
  }
  .hero .hero-grid .hero-portrait .portrait-caption span{
    display:block!important;
    margin-top:5px!important;
    font-family:'IBM Plex Mono',monospace!important;
    font-size:9px!important;
    line-height:1.1!important;
    font-weight:600!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
    color:#D9AF88!important;
    white-space:nowrap!important;
  }

  /* Slightly stronger mobile metric labels */
  .section.navy .metric-row .metric-no{
    font-size:13px!important;
    line-height:1.2!important;
  }

  /* Main home CTAs */
  .section.navy>.container>.hero-actions,
  .section.paper>.container>.hero-actions{
    width:100%!important;
    justify-content:center!important;
  }
  .section.navy>.container>.hero-actions .button,
  .section.paper>.container>.hero-actions .button{
    min-width:236px!important;
    min-height:54px!important;
    padding:0 20px!important;
    font-size:14px!important;
    line-height:1.2!important;
    text-align:center!important;
  }

  /* Systems CTA: two clean lines and centered */
  .systems-band .systems-copy .hero-actions{
    width:100%!important;
    justify-content:center!important;
  }
  .systems-band .systems-copy .button{
    width:236px!important;
    min-height:56px!important;
    padding:0 18px!important;
    font-size:14px!important;
    line-height:1.18!important;
    text-align:center!important;
    white-space:normal!important;
  }

  /* Mobile Systems flow: centered desktop-style cards. */
  html body .systems-band .flow{
    gap:0!important;
  }
  html body .systems-band .flow-row,
  html body .systems-band .flow-row:first-child{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:stretch!important;
    gap:0!important;
    padding:0!important;
    border:0!important;
  }
  html body .systems-band .flow-box{
    width:100%!important;
    margin:0!important;
    padding:20px 16px!important;
    border-top:1px solid rgba(255,255,255,.16)!important;
    border-right:1px solid rgba(255,255,255,.16)!important;
    border-bottom:2px solid var(--copper2)!important;
    border-left:1px solid rgba(255,255,255,.16)!important;
    background:rgba(255,255,255,.025)!important;
    text-align:center!important;
  }
  html body .systems-band .flow-box strong{
    display:block!important;
    font-size:22px!important;
    line-height:1.12!important;
    text-align:center!important;
  }
  html body .systems-band .flow-box > span{
    display:block!important;
    margin-top:8px!important;
    font-size:0!important;
    line-height:1.4!important;
    text-align:center!important;
  }
  html body .systems-band .flow-box > span::after{
    display:block!important;
    font-size:14px!important;
    line-height:1.4!important;
    color:rgba(255,255,255,.62)!important;
    white-space:pre-line!important;
    text-align:center!important;
  }
  html body .systems-band .flow-row:first-child .flow-box:first-child > span::after{
    content:"Orders · Due Dates · Inventory · Routings\A Current Status"!important;
  }
  html body .systems-band .flow-row:first-child .flow-box:last-child > span::after{
    content:"Priorities · Shortages · Capacity · Exceptions\A Operating Risk"!important;
  }
  html body .systems-band .flow-row:nth-child(2) .flow-box:first-child > span::after{
    content:"Automation · Live Views · Workflow\A Decision Support"!important;
  }
  html body .systems-band .flow-row:nth-child(2) .flow-box:last-child > span::after{
    content:"What Needs Attention · Who Owns It\A What Happens Next"!important;
  }

  /* Stronger mobile systems flow: consistent, wider arrows and larger punch line. */
  .systems-band .flow-arrow{
    font-size:0!important;
    transform:none!important;
    text-align:center!important;
  }
  .systems-band .flow-arrow::before,
  .systems-band .flow-row:first-child::after{
    content:'↓'!important;
    display:block!important;
    color:var(--copper2)!important;
    font-family:'Archivo',Arial,sans-serif!important;
    font-size:38px!important;
    font-weight:900!important;
    line-height:1!important;
    text-align:center!important;
    transform:scaleX(1.55)!important;
    transform-origin:center!important;
  }
  .systems-band .flow-final strong{
    font-size:30px!important;
    line-height:1.08!important;
    font-weight:800!important;
    letter-spacing:-.025em!important;
  }

  /* Footer nav stays centered on one line, with slightly stronger type */
  .site-footer .footer-nav{
    width:100%!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:11px!important;
  }
  .site-footer .footer-nav a{
    font-size:14px!important;
    white-space:nowrap!important;
  }

  .site-footer .footer-bottom{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:12px!important;
    text-align:center!important;
  }
  .site-footer .footer-bottom span:first-child{
    font-size:11px!important;
    white-space:nowrap!important;
  }
  .site-footer .footer-bottom span:last-child{
    display:block!important;
    width:min(100%,340px)!important;
    margin:0 auto!important;
    font-size:10.5px!important;
    line-height:1.45!important;
    letter-spacing:.045em!important;
    white-space:normal!important;
    text-align:center!important;
  }
}

@media (min-width:721px){
  /* Tight wrapped capability headings on desktop. */
  .section.paper .capability h3{
    line-height:1.05!important;
  }

  /* Match the compact mobile identity tag on desktop. */
  .hero .hero-portrait .portrait-caption{
    display:inline-flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    position:absolute!important;
    left:34px!important;
    right:auto!important;
    bottom:34px!important;
    width:auto!important;
    z-index:3!important;
    padding:11px 13px 10px!important;
    border:1px solid rgba(217,175,136,.28)!important;
    background:rgba(12,27,41,.78)!important;
    backdrop-filter:blur(3px)!important;
  }
  .hero .hero-portrait .portrait-caption strong{
    display:block!important;
    margin:0!important;
    font-family:'Archivo',Arial,sans-serif!important;
    font-size:16px!important;
    line-height:1.05!important;
    font-weight:750!important;
    letter-spacing:-.01em!important;
    color:#fff!important;
    white-space:nowrap!important;
  }
  .hero .hero-portrait .portrait-caption span{
    display:block!important;
    margin-top:6px!important;
    font-family:'IBM Plex Mono',monospace!important;
    font-size:9px!important;
    line-height:1.1!important;
    font-weight:600!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
    color:#D9AF88!important;
    white-space:nowrap!important;
  }

  /* Desktop Systems flow: equal, centered cards with the bronze bottom accent. */
  .systems-band .flow-row{
    align-items:stretch!important;
  }
  .systems-band .flow-box{
    min-height:118px!important;
    padding:22px 20px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    border-top:1px solid rgba(255,255,255,.16)!important;
    border-right:1px solid rgba(255,255,255,.16)!important;
    border-bottom:2px solid var(--copper2)!important;
    border-left:1px solid rgba(255,255,255,.16)!important;
    background:rgba(255,255,255,.025)!important;
  }
  .systems-band .flow-box strong{
    display:block!important;
    width:100%!important;
    font-size:18px!important;
    line-height:1.15!important;
    text-align:center!important;
  }
  .systems-band .flow-box > span{
    display:block!important;
    width:100%!important;
    margin-top:10px!important;
    font-size:0!important;
    line-height:1.4!important;
    text-align:center!important;
  }
  .systems-band .flow-box > span::after{
    display:block!important;
    font-size:13px!important;
    line-height:1.45!important;
    color:rgba(255,255,255,.58)!important;
    white-space:normal!important;
    text-align:center!important;
  }
  .systems-band .flow-arrow{
    align-self:center!important;
    text-align:center!important;
  }
  .systems-band .flow-row:first-child .flow-box:first-child > span::after{
    content:"Orders · Due Dates · Inventory · Routings · Current Status"!important;
  }
  .systems-band .flow-row:first-child .flow-box:last-child > span::after{
    content:"Priorities · Shortages · Capacity · Exceptions · Operating Risk"!important;
  }
  .systems-band .flow-row:nth-child(2) .flow-box:first-child > span::after{
    content:"Automation · Live Views · Workflow · Decision Support"!important;
  }
  .systems-band .flow-row:nth-child(2) .flow-box:last-child > span::after{
    content:"What Needs Attention · Who Owns It · What Happens Next"!important;
  }
}