/* Cyberdelia compact-density pass */

:root{
  --compact-section-pad: clamp(1.9rem, 3.4vw, 3.6rem);
}

/* Opening statement: forceful, not billboard-sized. */
.hero{min-height:auto;padding-block:clamp(2.35rem,4.7vw,4.5rem)}
.hero-copy h1,
.hero h1{font-size:clamp(2.75rem,5.7vw,5.25rem);line-height:.84;letter-spacing:-.05em}
.hero-copy .lede{font-size:clamp(.94rem,1.1vw,1.08rem);max-width:42rem}
.hero-grid{gap:clamp(1rem,2vw,2rem);padding-block:clamp(2.35rem,4.7vw,4.5rem)}
.terminal-card{max-width:29rem}
.terminal-head{padding:.72rem .85rem}
.terminal-card pre{padding:.85rem;font-size:.7rem;line-height:1.55}
.hero-actions{gap:.55rem;margin-top:1.35rem}
.button{min-height:38px;padding:.58rem .82rem;font-size:.68rem}

/* Lower the page's baseline density everywhere, not just at mobile breakpoints. */
.section{padding-block:var(--compact-section-pad)}
.section-head{margin-bottom:clamp(1rem,1.9vw,1.7rem)}
.section-head h2,
.art-break-copy h2{font-size:clamp(1.75rem,3.1vw,3.05rem);line-height:.95;letter-spacing:-.03em}
.section-head p,
.split-head>p{font-size:clamp(.84rem,.9vw,.94rem);line-height:1.5}
.split-head{gap:clamp(1.5rem,2.5vw,2.5rem)}

/* Primary channel cards. */
.visual-card-grid{gap:clamp(.42rem,.68vw,.62rem)}
.dispatch-grid,
.ops-grid{gap:clamp(.5rem,.8vw,.75rem)}
.visual-card{grid-template-rows:94px 1fr}
.visual-card div{padding:.62rem .7rem .68rem}
.visual-card span,.dispatch-card span{font-size:.54rem;letter-spacing:.12em}
.visual-card h3{margin:.42rem 0 .3rem;font-size:clamp(.86rem,.98vw,.97rem);line-height:1.06}
.visual-card p{font-size:.72rem;line-height:1.38}

/* Reading/archive/field cards. */
.dispatch-card{min-height:168px;padding:.82rem .9rem}
.dispatch-card:before{right:-82px;top:-82px;width:140px;height:140px}
.dispatch-card h3{font-size:clamp(.95rem,1.15vw,1.08rem);line-height:1.08;margin:.65rem 0 .42rem}
.dispatch-card p{font-size:.77rem;line-height:1.42}
.dispatch-card b{padding-top:.85rem;font-size:.62rem}

/* After-hours cards. */
.ops-card{min-height:165px;padding:.82rem .9rem}
.ops-card .status{padding:.3rem .42rem;font-size:.53rem}
.ops-card h2{font-size:clamp(.95rem,1.1vw,1.08rem);margin:.62rem 0 .38rem}
.ops-card p,.ops-card li{font-size:.76rem;line-height:1.42}
.ops-card .hero-actions{margin-top:.8rem}

/* Games & Theory feature. */
.gtt-feature{padding-block:clamp(2rem,3.7vw,3.5rem)}
.gtt-feature-grid{gap:clamp(1rem,2vw,2rem)}
.gtt-cover{min-height:250px}
.giant-index{font-size:clamp(4rem,7vw,6.5rem)}
.gtt-feature h2{font-size:clamp(1.75rem,3vw,2.9rem);line-height:.95;margin-bottom:.7rem}
.gtt-feature p{font-size:.84rem;line-height:1.5}
.gtt-feature blockquote{margin:.8rem 0;padding:.75rem .9rem;font-size:.78rem}

/* Visual-study interruption should feel like a break, not another full screen. */
.art-break{min-height:clamp(16rem,28vw,24rem)}
.art-break-copy{padding-block:clamp(2rem,3.8vw,3.5rem)}
.art-break-copy p{font-size:.84rem;line-height:1.5;max-width:44rem}

.signal-strip{padding-block:.5rem}
.signal-row span{font-size:.78rem}
.site-footer{padding-block:clamp(1.4rem,2.4vw,2.2rem)}

/* Header is a masthead, not another content block. */
.site-header{min-height:unset}
.header-inner{padding-block:.45rem;gap:.65rem}
.brand-copy strong{font-size:.76rem}
.brand-copy small{font-size:.53rem}
.nav{gap:clamp(.42rem,.7vw,.72rem)}
.nav a{font-size:.62rem}

@media(max-width:760px){
  .hero{padding-block:1.75rem 2.25rem}
  .hero-grid{padding-block:1.75rem 2.25rem;gap:1.1rem}
  .hero-copy h1,.hero h1{
    font-size:clamp(2.15rem,10.2vw,3.2rem);
    line-height:.86;
    letter-spacing:-.04em;
    overflow-wrap:normal;
    word-break:keep-all;
    white-space:nowrap;
  }
  .hero h1 span{white-space:nowrap}
  .section{padding-block:2rem}
  .section-head h2,.art-break-copy h2{font-size:clamp(1.7rem,7.8vw,2.5rem)}
  .visual-card{grid-template-rows:106px 1fr}
  .dispatch-card,.ops-card{min-height:150px}
  .art-break{min-height:17rem}
  .gtt-cover{min-height:230px}
}

@media(max-width:360px){
  .hero-copy h1,.hero h1{font-size:10vw}
}