/* BOOK SPORTIF — RESPONSIVE PAYSAGE
   Hero kept as a two-column layout at every desktop width, including
   Windows display scaling (125%). The copy is always column 1 and the
   image is always column 2. */
@media (min-width:801px) and (max-width:1999px){
  .book-cover{
    grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr);
    column-gap:clamp(18px,2.4vw,48px);
    padding-left:clamp(28px,4vw,72px);
    padding-right:clamp(28px,4vw,72px);
  }
  .cover-copy{grid-column:1;grid-row:1;transform:none;min-width:0;width:100%;max-width:100%;}
  .cover-copy h1{font-size:clamp(46px,7.2vw,122px);max-width:100%;white-space:nowrap;}
  .cover-image{grid-column:2;grid-row:1;position:relative;inset:auto;width:100%;height:auto;min-width:0;}
  .cover-image img{width:100%;max-width:100%;max-height:calc(100svh - 150px);}
  .cover-intro{font-size:clamp(15px,1.1vw,20px);}
  .cover-signature{font-size:clamp(20px,1.45vw,28px);}
}

@media (min-width:801px) and (max-width:1250px){
  .book-cover{grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);column-gap:18px;}
  .cover-copy h1{font-size:clamp(42px,6.7vw,82px);}
  .cover-intro{font-size:15px;}
  .cover-signature{font-size:20px;}
}

@media (min-width:801px) and (max-width:1439px) and (max-height:820px) and (orientation:landscape){
  .book-cover{min-height:calc(100svh - 68px);padding-top:38px;padding-bottom:38px}.cover-image img{max-height:calc(100svh - 120px)}.cover-copy h1{font-size:clamp(42px,6.3vw,82px)}.cover-intro{font-size:16px}.cover-signature{font-size:21px}
}

  /* Keep the title visually closer to the image while staying inside column 1. */
  .cover-copy{
    width:88%;
    margin-left:auto;
    justify-self:end;
  }