/* Pixel-fidelity pass against the approved 1672 × 1024 composition. */
@media (min-width: 1201px){
  .warm-case{padding-left:9.45vw}
  .case-rail{bottom:0;display:block;padding:46px 2vw 26px;top:47px;width:9.45vw}
  .case-rail>div:first-child p{margin:30px 0 20px}
  .case-rail>div:last-child{inset:0;position:absolute}
  .case-rail>div:last-child p{left:2vw;margin:0;position:absolute;top:35%}
  .case-rail>div:last-child i{left:2vw;position:absolute;top:49%}
  .case-rail>div:last-child span{left:2vw;line-height:1.7;margin:0;position:absolute;top:64%}
  .case-rail em{bottom:27px;left:2vw}

  .case-content{padding-right:2vw}
  .case-intro{grid-template-columns:31.8% 68.2%;height:272px;min-height:0}
  .intro-title{padding-top:31px}
  .intro-title>span{font-size:clamp(92px,9.6vw,160px);line-height:.67}
  .intro-title h1{font-size:clamp(37px,4.2vw,70px);margin-top:17px}
  .intro-about{height:272px;min-height:0}
  .intro-about img{opacity:.9}
  .intro-about:after{background:linear-gradient(90deg,rgba(3,16,11,.93) 0%,rgba(3,16,11,.67) 32%,rgba(3,16,11,.03) 77%),linear-gradient(0deg,rgba(3,16,11,.3),transparent 43%)}
  .about-copy{left:5%;max-width:none;position:absolute;right:4%;top:45px}
  .about-copy h2{font-size:clamp(28px,2.55vw,43px);line-height:1.15;margin:18px 0 14px;white-space:nowrap}
  .about-copy div{font-size:15px;line-height:1.62}
  .sky-note{bottom:34px;right:3%}

  .systems{height:82px;min-height:0}
  .systems article{grid-template-columns:auto 1fr 42px 1fr;padding:10px 1.5vw}
  .systems i{display:block;height:38px;width:38px}
  .systems svg{fill:none;height:100%;stroke:#ead18b;stroke-width:1.6;width:100%}

  .visual-story{grid-template-columns:2fr 1fr;margin-top:6px}
  .visual-story figure{height:clamp(425px,calc(100vh - 552px),720px)}
  .visual-story figure:after{background:linear-gradient(0deg,rgba(2,10,6,.66),rgba(2,10,6,0) 45%)}
  .companions-frame img{object-position:center 27%}
  .companions-frame figcaption small{bottom:calc(-1 * clamp(245px,calc(100vh - 760px),410px))}

  .experience-bar{min-height:116px;padding:18px 6px 22px}
}

@media (max-width:1200px) and (min-width:801px){
  .about-copy{max-width:75%}
  .about-copy h2{font-size:34px}
  .systems i svg{display:none}
}

@media (max-width:800px){
  .systems i{display:none}
  .about-copy{max-width:none}
}

/* Four-system layout: stable from laptop to wide desktop. */
@media (min-width:801px){
  .systems{grid-template-columns:repeat(4,minmax(0,1fr))}
  .systems article{gap:10px;grid-template-columns:auto minmax(0,1fr);padding:12px clamp(12px,1.25vw,22px)}
  .systems article i,.systems article p{display:none}
  .systems b{font-size:clamp(34px,2.7vw,45px)}
  .systems h3{font-size:clamp(17px,1.35vw,22px)}
}

@media (min-width:801px) and (max-width:1400px){
  .about-copy{left:4%;right:3%;top:38px}
  .about-copy h2{font-size:clamp(27px,2.7vw,36px);white-space:normal}
  .about-copy div{font-size:14px;line-height:1.55}
  .sky-note{font-size:14px}
}