.screen{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr)}
.status{display:flex;align-items:center;gap:10px}

.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:center;padding-block:clamp(32px,6vh,72px)}
.kicker{margin-bottom:var(--sq-3)}
.kicker span{color:var(--sq-yellow)}
h1{font-size:clamp(72px,10vw,148px)}

.divisions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sq-4);margin-top:clamp(36px,6vh,56px);padding-top:var(--sq-3);border-top:1px solid var(--sq-line)}
.divisions h2{font-size:clamp(20px,1.9vw,26px);line-height:1.2}
.divisions p{margin-top:10px;font-size:14px;line-height:1.55;color:var(--sq-silver);max-width:34ch}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--sq-2);list-style:none}

.mascot{position:relative;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;height:clamp(320px,62vh,600px);min-width:0}
.mascot picture{position:relative;z-index:1;display:contents}
.mascot img{position:relative;z-index:1;width:88%;height:100%;object-fit:contain;transform:scaleX(-1)}
.plate{position:absolute;inset:11% 3% 8%}
.plate::after{content:'';position:absolute;left:-20px;right:-20px;bottom:16%;height:1px;background:var(--sq-line)}
.coord{position:absolute;font:500 10px/1 var(--sq-mono);letter-spacing:.08em;color:var(--sq-ash)}
.coord--tl{top:12px;left:16px}
.coord--br{bottom:12px;right:16px;color:var(--sq-yellow)}

@media (max-width:900px){
  .hero{grid-template-columns:minmax(0,1fr);gap:0}
  .copy{display:contents}
  .kicker{order:1}
  h1{order:2}
  .mascot{order:3;height:clamp(260px,46vh,400px);margin-top:var(--sq-4)}
  .divisions{order:4}
  .plate{inset:8% 6% 4%}
}
@media (max-width:560px){
  .sq-header{height:72px}
  .sq-header .sq-logo img{height:24px}
  h1{font-size:clamp(64px,20vw,96px)}
  .divisions{grid-template-columns:1fr;gap:var(--sq-3)}
  .sq-footer{flex-direction:column}
}