/* Breakpoints — must load last */

@media(max-width:1080px){
  .bar{padding:0 18px}
  .bar nav{display:none}
  .hero{height:auto;min-height:0}
  .anno .box.sm-off{display:none}
  .stage{position:relative;height:62vh;min-height:400px;--hh:max(400px,62vh)}
  .hero-copy{position:relative;padding:26px 18px 34px;background:var(--ink)}
  h1{text-shadow:none}
  .gate{--tile:17px;--rail:14px;--gap:13px;--fw:276px;--fh:192px;--speed:52}
  .edge{height:23px;padding:0 9px}
  .fr{padding:13px 15px 14px}
  .fr-step h3{font-size:23px}
  .mods{grid-template-columns:1fr 1fr}
  .pk-grid{grid-template-columns:1fr}
  .pk-col{border-left:0;border-top:1px solid rgba(20,23,15,.2);padding:26px 18px 28px}
  .pk-col:first-child{border-top:0}
  .pk-col .id{margin-bottom:22px}
  .mod{border-top:1px solid rgba(20,23,15,.2)}
  .mod .id{margin-bottom:24px}
  .deck{grid-template-columns:1fr}
  .deck{--sh:430px}
  .info{padding:22px 18px 24px}
  section{padding:64px 18px}
  .cta-in{padding:80px 18px}
  .cta > .box{display:none}
  footer{padding:22px 18px}
}

@media(max-width:700px){
  .deck{--sh:360px}
  .mon-body{padding:0 10px 12px}
  .holder span{display:none}
  .nav{width:36px;height:36px;font-size:14px}
  .nav.prev{left:6px}
  .nav.next{right:6px}
  .mon-bar{padding:8px 10px;font-size:7.5px;letter-spacing:.15em;gap:8px}
  .mon-bar #wk-tc{display:none}
  .src{width:66px}
  .mods{grid-template-columns:1fr}
  .mod{border-left:0;padding:24px 18px 26px}
  .mod .id{margin-bottom:18px}
  .gate{--tile:15px;--rail:12px;--gap:11px;--fw:244px;--fh:180px;--speed:46}
  .fr-step h3{font-size:21px}
  .fr-read h3{font-size:14px}
}
@media(max-width:420px){
  .gate{--tile:13px;--rail:11px;--fw:214px;--fh:170px;--speed:40}
  .edge{height:22px;padding:0 5px;gap:5px}
  .edge .mark{display:none}
  .chap{padding:3px 6px;font-size:7.5px;letter-spacing:.1em}
  .chaps{gap:1px}
  .fr{padding:11px 13px 12px}
  .fr-step h3{font-size:19px}
}