/* Wonderland Studios — responsive rules */
@media (max-width:1100px){
  .nav{gap:20px}
  .nav a{letter-spacing:.14em}
  .stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .stat:nth-child(4){border-left:0}
  .stat:nth-child(n+4){border-top:1px solid var(--line)}
  .campus{grid-template-columns:repeat(3,minmax(0,1fr))}
  .spec-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .spec-grid div:nth-child(4){padding-left:0;border-left:0}
  .spec-grid div:nth-child(n+4){border-top:1px solid var(--line)}
  .foot{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:960px){
  .nav{display:none}
  .menu-btn{display:inline-flex}
  .site-header .header-book{display:none}
  .stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .split,.split.rev,.sec-head.split{grid-template-columns:1fr}
  .why{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sticky-book{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:90;gap:1px;background:var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}
  .sticky-book a{flex:1;display:flex;align-items:center;justify-content:center;min-height:56px;background:var(--black);color:var(--ivory);font:500 12px/1 var(--body);letter-spacing:.22em;text-transform:uppercase;text-decoration:none}
  .sticky-book a.gold{background:var(--btn);color:var(--on-accent)}
  body{padding-bottom:56px}
}
@media (max-width:680px){
  body{font-size:16px}
  .stage-grid{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat{border-left:0}
  .stat:nth-child(even){border-left:1px solid var(--line)}
  .stat:nth-child(n+3){border-top:1px solid var(--line)}
  .campus{grid-template-columns:1fr 1fr}
  .campus .item{min-height:0}
  .campus h3{font-size:21px}
  .duo,.why,.checks{grid-template-columns:1fr}
  .gallery{grid-template-columns:1fr}
  .gallery{grid-auto-rows:240px}
  .gallery .g.wide{grid-column:auto}
  .form .row{grid-template-columns:1fr}
  .spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .spec-grid div,.spec-grid div+div{padding:22px 12px 22px 0;border-left:0}
  .spec-grid div:nth-child(even){padding-left:16px;border-left:1px solid var(--line)}
  .spec-grid div:nth-child(n+3){border-top:1px solid var(--line)}
  .foot{grid-template-columns:1fr}
  .tabs{display:flex}
  .tabs button{flex:1;padding:0 10px;letter-spacing:.16em}
  .btn{width:100%}
  .btn-row .btn{flex:1 1 220px}
  .hero-in{padding-top:120px}
}
@media (max-width:400px){
  .campus{grid-template-columns:1fr}
  .logo b{font-size:20px;letter-spacing:.16em}
}