/* One-screen test: header, hero, blue band and service strip all fit the first screen.
   Every height is a share of the screen height; the artwork is sized by height and runs off the right edge. */
@media (min-width:901px) and (min-height:600px){
  .one-screen .first{height:calc(100svh - var(--mast));display:grid;grid-template-rows:minmax(0,1fr) calc((100svh - var(--mast)) * .30) auto}
  .one-screen .stage-flat{display:contents}

  .one-screen .hero{min-height:0;height:100%}
  .one-screen .hero__art{width:auto;height:100%;max-width:none;bottom:0}
  .one-screen .hero__text{padding-block:min(3vw,2.6svh)}
  .one-screen .hero__title{font-size:min(4.45vw,6.4svh);margin-top:min(1.2vw,1.3svh)}
  .one-screen .hero__lede{margin-top:min(1.2vw,1.6svh);font-size:min(1.06vw,1.9svh)}
  .one-screen .discover{margin-top:min(3.9vw,4svh)}
  .one-screen .discover__ring{width:min(46px,5svh);height:min(46px,5svh)}

  .one-screen .approach{min-height:0;height:100%;display:flex;flex-direction:column;justify-content:center}
  .one-screen .approach__art{width:auto;height:100%;max-width:none}
  .one-screen .approach__text{padding-block:0}
  .one-screen .approach h2{font-size:min(2.95vw,4.1svh);margin-top:min(1.3vw,1.5svh)}
  .one-screen .approach__mark{margin-top:min(1.3vw,1.6svh)}
  .one-screen .approach__note{top:44%;font-size:min(.72vw,1.25svh)}

  .one-screen .services{padding-bottom:0}
  .one-screen button.strip__col{padding-top:min(26px,2.6svh);padding-bottom:min(20px,2svh)}
  .one-screen button.strip__col::before,.one-screen button.strip__col::after{top:min(12px,1.2svh)}
  .one-screen .strip__head{margin-top:min(12px,1.2svh)}
  .one-screen .strip__s{margin-top:min(10px,1svh)}
}
.one-screen .svc-open .details{padding-bottom:clamp(20px,2.4vw,40px);animation:drop .3s cubic-bezier(.2,.7,.2,1)}
@keyframes drop{from{opacity:0;transform:translateY(-8px)}}