/* HUMENAI HAB 0.7.2 — unified screen-fit for hero + modules as one viewport spread. */
@media(min-width:1000px){
 body{min-height:100dvh;display:flex;flex-direction:column}
 .header{flex:none}
 main{
  width:min(1530px,calc(100% - clamp(26px,5vw,84px)));
  flex:1;display:flex;flex-direction:column;
  min-height:calc(100dvh - 74px);
  padding-bottom:clamp(8px,1.4vh,16px);
 }
 .hero{
  flex:none;
  min-height:clamp(220px,38dvh,380px);
  grid-template-columns:minmax(0,1.55fr) minmax(0,.85fr);
  display:grid!important;
  gap:clamp(18px,3vw,38px);
  align-items:center;
 }
 .hero-visual img{
  width:min(100%,clamp(200px,24vw,340px));
  max-height:clamp(180px,28dvh,290px);
 }
 .modules{
  margin-top:auto;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(12px,1.6vw,20px)!important;
 }
 .module{
  min-height:clamp(170px,18dvh,220px)!important;
  height:auto!important;
 }
 .module-visual{height:clamp(110px,13dvh,145px)!important;flex:none!important}
 .module-copy{padding-top:10px!important;padding-bottom:clamp(10px,1.5vh,16px)!important}
 .module-copy .go{margin-top:auto}
}
@media(min-width:1000px) and (max-height:770px){
 main{min-height:calc(100dvh - 60px)}
 .hero{min-height:clamp(180px,34dvh,300px);grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr)}
 .hero-visual img{max-height:clamp(160px,26dvh,220px)}
 .module-visual{height:clamp(90px,12dvh,120px)!important}
 .module{min-height:clamp(140px,16dvh,180px)!important}
 .module-copy{padding-top:8px!important;padding-bottom:10px!important}
}
@media(max-width:999px){
 main{display:block}
 .hero{min-height:auto!important;padding:24px 0 16px}
 .hero-visual img{width:min(100%,370px);max-height:300px}
 .modules{margin-top:18px!important}
 .module{min-height:0!important;height:auto!important}
 .module-visual{height:auto!important}
 .module-copy{padding:10px 18px 16px!important;justify-content:flex-start!important;align-items:flex-start!important;text-align:left!important}
}
@media(max-width:600px){
 .hero{grid-template-columns:1fr!important;gap:14px;padding:20px 0 14px}
 .hero-visual img{width:min(85vw,355px);max-height:280px}
 .modules{grid-template-columns:1fr!important;gap:12px}
 .module{min-height:0!important}
 .module-visual{height:170px!important}
}