@media(min-width:1001px){
  .hot-layout{grid-template-areas:"slider center side"}
  .hot-slider{grid-area:slider}.hot-center{grid-area:center}.hot-side{grid-area:side}
  .hot-layout--slider-left{grid-template-columns:minmax(360px,1.05fr) minmax(0,1.2fr) minmax(240px,.64fr)}
  .hot-layout--slider-right{grid-template-areas:"center side slider";grid-template-columns:minmax(0,1.18fr) minmax(240px,.64fr) minmax(390px,1.12fr)}
  .hot-layout--slider-center{grid-template-areas:"center slider side";grid-template-columns:minmax(280px,.82fr) minmax(460px,1.45fr) minmax(250px,.78fr)}
  .hot-layout--slider-right .hot-slider,.hot-layout--slider-center .hot-slider{height:420px}
  .hot-layout--slider-right .hot-center,.hot-layout--slider-right .hot-side,.hot-layout--slider-center .hot-center,.hot-layout--slider-center .hot-side{height:420px}
  .hot-layout--slider-center .hot-lead h1{font-size:clamp(31px,2vw,38px)}
  .hot-layout--slider-right .hot-lead h1{font-size:clamp(32px,2.2vw,40px)}
}
@media(max-width:1000px){.hot-layout--slider-left,.hot-layout--slider-right,.hot-layout--slider-center{grid-template-areas:none}}