:root{
  --lpfg-editorial-frame:var(--lpfg-content-frame);
  --lpfg-editorial-display:var(--lpfg-type-display);
}

/* Une seule ouverture pour The Game et The Club. */
.lpfg-editorial-hero{
  position:relative;
  min-height:calc(100svh - var(--lpfg-shell-nav));
  overflow:hidden;
  background:#111;
  color:#fff;
}
.lpfg-editorial-hero::after{
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.30) 48%,rgba(0,0,0,.16) 100%);
  content:"";
  pointer-events:none;
}
.lpfg-editorial-hero :is(.game-hero-media,.club-hero-media),
.lpfg-editorial-hero :is(.game-hero-media,.club-hero-media) img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  margin:0;
}
.lpfg-editorial-hero :is(.game-hero-media,.club-hero-media) img{
  max-width:none;
  object-fit:cover;
  object-position:center;
}
.lpfg-editorial-hero :is(.game-hero-content,.club-hero-content){
  position:relative;
  z-index:2;
  box-sizing:border-box;
  display:flex;
  width:var(--lpfg-editorial-frame);
  min-height:calc(100svh - var(--lpfg-shell-nav));
  margin-inline:auto;
  padding:clamp(84px,8vw,128px) 0;
  flex-direction:column;
  justify-content:center;
}
.lpfg-editorial-hero h1{
  max-width:920px;
  margin:0 0 clamp(46px,6vw,76px);
  color:#fff;
  font:700 var(--lpfg-editorial-display)/.84 var(--lpfg-type-family);
  letter-spacing:var(--lpfg-tracking-display);
}
.lpfg-editorial-hero :is(.game-hero-copy,.club-hero-copy){
  display:grid;
  width:100%;
  grid-template-columns:.8fr 1.2fr;
  gap:clamp(48px,8vw,130px);
  align-items:start;
}
.lpfg-editorial-hero :is(.game-hero-lead,.club-hero-lead){
  margin:0;
  color:#fff;
  font-size:var(--lpfg-type-lead);
  font-weight: 700;
  line-height:1.08;
  letter-spacing:-.045em;
}
.lpfg-club .club-hero-lead-detail{font-weight:400}
.lpfg-editorial-hero :is(.game-hero-copy>p:last-child,.club-hero-copy>div>p){
  max-width:650px;
  margin:0;
  color:#fff;
  font-size:var(--lpfg-type-body);
  line-height:1.5;
}
.lpfg-editorial-hero .club-button{margin-top:34px}

@media(min-width:761px){
  .lpfg-club .club-hero-copy>div{
    transform:translateY(clamp(96px,10vh,144px));
  }
}

@media(max-width:760px){
  .lpfg-editorial-hero::after{background:linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,.12) 36%,rgba(0,0,0,.70) 100%)}
  .lpfg-editorial-hero :is(.game-hero-media,.club-hero-media) img{object-position:center top}
  .lpfg-editorial-hero :is(.game-hero-content,.club-hero-content){justify-content:flex-end;padding:90px 0 72px}
  .lpfg-club .club-hero,.lpfg-club .club-hero-content{min-height:calc(100svh - var(--lpfg-shell-nav) + 80px)}
  .lpfg-editorial-hero h1{margin-bottom:48px;font-size:var(--lpfg-mobile-type-chapter);line-height:var(--lpfg-mobile-leading-display)}
  .lpfg-editorial-hero :is(.game-hero-copy,.club-hero-copy){grid-template-columns:1fr;gap:30px}
  .lpfg-editorial-hero :is(.game-hero-lead,.club-hero-lead){font-size:var(--lpfg-type-lead-mobile)}
  .lpfg-game .lpfg-editorial-hero h1{margin-bottom:34px}
  .lpfg-game .lpfg-editorial-hero .game-hero-copy{gap:20px}
  .lpfg-game .lpfg-editorial-hero .game-hero-copy>p:last-child{max-width:35ch;font-size:16px;line-height:1.45}
}

/* Voile uniforme propre à The Club : lisibilité du texte sans effacer la photographie. */
.lpfg-club .club-hero::after{
  background:rgba(0,0,0,.30);
  content:"";
}

@media(max-width:760px){
  .lpfg-club .club-hero::after{background:rgba(0,0,0,.34)}
}

/* Desktop anchors are independent of the amount of text in either opening. */
@media(min-width:761px){
  .lpfg-editorial-hero :is(.game-hero-content,.club-hero-content){justify-content:flex-start;padding-top:clamp(148px,25svh,320px);padding-bottom:calc(clamp(84px,8vw,128px) + clamp(96px,10vh,144px))}
  .lpfg-game .game-hero-detail{transform:translateY(clamp(96px,10vh,144px))}
}

/* Protect the white lettering locally; preserve the image and composition. */
.home-hero h1{text-shadow:0 1px 3px rgba(0,0,0,.60),0 2px 22px rgba(0,0,0,.28)}
.lpfg-game .game-hero-detail>p{text-shadow:0 0 2px rgba(0,0,0,.88),0 1px 2px rgba(0,0,0,.85)}
.lpfg-club .club-hero-copy>div>p{text-shadow:0 1px 2px rgba(0,0,0,.60),0 0 5px rgba(0,0,0,.25)}
@media(max-width:760px){
 .lpfg-game .game-hero h1,.lpfg-game .game-hero-lead{text-shadow:0 1px 3px rgba(0,0,0,.75),0 0 8px rgba(0,0,0,.22)}
 .lab-media-question{text-shadow:0 1px 2px rgba(0,0,0,.40)}
}
/* The Labo keeps its portrait layout through tablet widths. */
@media(max-width:1100px){.lab-media-question{text-shadow:0 1px 2px rgba(0,0,0,.40)}}
@media(min-width:761px) and (max-width:1100px){.lpfg-club .club-hero-copy>div>p{text-shadow:0 0 2px rgba(0,0,0,.88),0 1px 2px rgba(0,0,0,.85)}}