/* An editorial introduction above two balanced photographic and playable cards. */
.tennis{padding-block:72px;background:var(--paper);scroll-margin-top:0}
.tennis-bento{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-rows:auto auto;gap:34px 20px;align-items:stretch}
.tennis-editorial{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:45px;align-items:center;padding:0 2px 2px;min-width:0}
.tennis-editorial .eyebrow{font-size:10px;letter-spacing:.15em;line-height:1.6;max-width:36ch}
.tennis-editorial h2{font-size:clamp(48px,5.3vw,72px);line-height:1.02;margin:17px 0 0}
.tennis-editorial__intro{padding-top:14px;max-width:42ch}
.tennis-editorial__intro>p{font-size:17px;line-height:1.6;color:rgba(66,15,20,.75)}
.tennis-bento .club-support{margin-top:17px;max-width:100%}
.tennis-bento .club-support summary{font-size:13px;padding:3px 0;gap:24px}
.tennis-bento .club-support>div{font-size:14px}
.club-context{grid-column:1;grid-row:2;display:flex;flex-direction:column;width:100%;max-width:none;margin:0;min-width:0;border-radius:16px;overflow:hidden;color:var(--paper);background:var(--wine);align-self:start}
.club-context__photos{position:relative;aspect-ratio:4/3;min-height:0;overflow:hidden;background:var(--wine);touch-action:pan-y;flex:none}
.club-context__slide{position:absolute;inset:0;height:100%;margin:0}
.club-context__slide[hidden]{display:none}
.club-context__slide img{width:100%;height:100%;object-fit:cover;object-position:center;animation:club-photo-in .4s ease-out both}
.club-context__bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 23px;min-height:73px;background:var(--wine) url('assets/motif-wine.webp') repeat;background-size:238px 200px}
.club-context__caption{font:300 27px/1.15 var(--serif);letter-spacing:-.025em;margin:0}
.club-context__controls{display:flex;align-items:center;gap:4px;flex:none}
.club-context__count{font:400 10px/1 var(--sans);letter-spacing:.07em;opacity:.55;margin-right:9px;font-variant-numeric:tabular-nums}
.club-context__controls button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--paper);font:400 22px/1 var(--sans);transition:background .2s}
.club-context__controls button:hover{background:rgba(219,213,200,.1)}
.club-context__controls button:focus-visible{outline:1px solid var(--paper);outline-offset:0}
.club-context__photos:focus-visible{outline:2px solid var(--paper);outline-offset:-5px}
.tennis-bento>.tg-game.tg-minimal{grid-column:2;grid-row:2;display:flex;flex-direction:column;justify-content:center;background:var(--wine);border-radius:16px;overflow:hidden;align-self:stretch}
.tennis-bento .tg-minimal .tg-stage{aspect-ratio:9/8;width:100%;height:auto;min-height:0;max-height:none;flex:none;margin-block:auto;border-radius:0}
.tennis-bento .tg-minimal .tg-stage:focus-visible{outline-color:var(--paper);outline-offset:-5px}
.tennis-bento .tg-minimal .tg-hint{flex:none;min-height:53px;display:flex;align-items:center;justify-content:center;padding:12px 18px;margin:0;color:var(--paper);opacity:.7;font-size:12px;line-height:1.4}
@keyframes club-photo-in{from{opacity:.4}to{opacity:1}}
@media(max-width:1050px){.tennis{padding-block:58px}.tennis-bento{gap:27px 16px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.tennis-editorial{gap:32px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.tennis-editorial h2{font-size:54px}.tennis-editorial__intro>p{font-size:15px}.tennis-editorial .eyebrow{font-size:9px}.club-context__bar{padding:14px 17px;min-height:63px}.club-context__caption{font-size:24px}.club-context__count{display:none}.tennis-bento .tg-minimal .tg-hint{font-size:11px}}
@media(max-width:760px){.tennis{padding-block:43px}.tennis-bento{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:18px}.tennis-editorial{grid-column:1;grid-row:1;grid-template-columns:1fr;gap:20px;padding:0 2px 9px}.tennis-editorial h2{font-size:49px}.tennis-editorial h2 br{display:block}.tennis-editorial__intro{padding:0;max-width:43ch}.tennis-editorial__intro>p{font-size:16px}.tennis-bento .club-support{margin-top:12px}.tennis-editorial .eyebrow{font-size:9px;max-width:32ch}.club-context{grid-column:1;grid-row:2;border-radius:14px}.club-context__bar{padding:13px 17px;min-height:62px}.club-context__count{display:block}.club-context__caption{font-size:25px}.club-context__controls button{width:35px;height:35px}.tennis-bento>.tg-game.tg-minimal{grid-column:1;grid-row:3;border-radius:14px}.tennis-bento .tg-minimal .tg-hint{min-height:44px;font-size:11px}}
@media(max-width:380px){.tennis-editorial h2{font-size:44px}.club-context__bar{padding-inline:15px}.club-context__count{display:none}.club-context__caption{font-size:24px}.tennis-bento .tg-minimal .tg-hint{font-size:10px}}
@media(prefers-reduced-motion:reduce){.club-context__slide img{animation:none}.club-context__controls button{transition:none}}
/* A clear expandable commitment panel, kept within the editorial introduction. */
.tennis-editorial{align-items:start;gap:42px}
.tennis-editorial__title{padding-top:8px}
.tennis-editorial h2{font-size:clamp(47px,4.8vw,65px)}
.tennis-editorial__intro{padding-top:0;max-width:none}
.tennis-editorial__intro>p{font-size:16px;line-height:1.6;max-width:43ch}
.tennis-bento .club-support{width:100%;max-width:none;margin-top:21px;background:var(--wine);color:var(--paper);border-radius:13px;overflow:hidden}
.tennis-bento .club-support summary{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:20px 23px;color:var(--paper);width:100%;list-style:none}
.club-support__eyebrow{display:block;font:400 9px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.13em;opacity:.6;margin-bottom:5px}
.tennis-bento .club-support summary strong{display:block;font:300 28px/1.1 var(--serif);letter-spacing:-.025em}
.tennis-bento .club-support summary>.club-support__toggle{display:grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid rgba(219,213,200,.35);border-radius:50%;font:300 25px/1 var(--sans);transition:transform .25s}
.tennis-bento .club-support summary:focus-visible{outline:none}
.tennis-bento .club-support summary:focus-visible .club-support__toggle{outline:2px solid var(--paper);outline-offset:4px}
.tennis-bento .club-support>.club-support__content{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:4px 23px 25px;color:var(--paper)}
.club-support__content article{min-width:0}
.club-support__content svg{width:30px;height:30px;display:block;margin:5px 0 15px;opacity:.65}
.club-support__content h3{font:300 23px/1.1 var(--serif);letter-spacing:-.02em;margin:0 0 11px}
.club-support__content article p{font-size:13px;line-height:1.55;margin:0;opacity:.75}
.club-support[open] .club-support__content{animation:club-photo-in .3s ease-out}
@media(max-width:1050px){.tennis-editorial{gap:28px}.tennis-editorial h2{font-size:52px}.tennis-editorial__intro>p{font-size:15px}.tennis-bento .club-support summary{padding:18px 20px}.tennis-bento .club-support summary strong{font-size:26px}.tennis-bento .club-support>.club-support__content{grid-template-columns:1fr;gap:21px;padding:4px 20px 24px}.club-support__content svg{float:left;margin:1px 13px 6px 0;width:26px;height:26px}.club-support__content h3{font-size:23px}.club-support__content article p{clear:both}}
@media(max-width:760px){.tennis-editorial{gap:20px}.tennis-editorial__title{padding-top:0}.tennis-editorial h2{font-size:49px}.tennis-bento .club-support{margin-top:18px}.tennis-editorial__intro>p{font-size:16px}.tennis-bento .club-support summary{padding:18px 21px}.tennis-bento .club-support summary strong{font-size:28px}}
@media(max-width:380px){.tennis-editorial h2{font-size:44px}}
@media(prefers-reduced-motion:reduce){.club-support[open] .club-support__content{animation:none}}

/* Keep expanded commitments readable at every card width. */
.tennis-bento .club-support>.club-support__content{grid-template-columns:1fr;gap:22px;padding:8px 23px 26px}
.club-support__content article{display:grid;grid-template-columns:25px minmax(0,1fr);column-gap:14px;row-gap:7px;align-items:start}
.club-support__content svg{grid-column:1;grid-row:1 / 3;width:25px;height:25px;margin:1px 0 0;float:none;opacity:.75}
.club-support__content h3{grid-column:2;margin:0;font-size:23px;line-height:1.15}
.club-support__content article p{grid-column:2;clear:none;opacity:.85;line-height:1.6}
@media(max-width:760px){.tennis-bento .club-support>.club-support__content{padding:6px 21px 24px}.club-support__content article{column-gap:12px}.club-support__content h3{font-size:22px}}

/* Disclosure follows both cards, so opening it never moves them. */
.tennis-bento>.club-support{grid-column:1 / -1;grid-row:3;margin:0;align-self:start}
.tennis-bento>.club-support>.club-support__content{grid-template-columns:1fr 1fr;gap:36px;padding:8px 23px 26px}
@media(max-width:760px){.tennis-bento>.club-support{grid-row:4;margin:0}.tennis-bento>.club-support>.club-support__content{grid-template-columns:1fr;gap:22px;padding:6px 21px 24px}}

/* A calmer bento rhythm for the club sequence. */
.tennis{padding-block:66px 82px}
.tennis-bento{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}
.tennis-editorial{position:relative;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-bottom:2px;align-items:end;padding:0 0 8px}
.tennis-editorial::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:linear-gradient(90deg,rgba(66,15,20,.2),rgba(66,15,20,.06) 42%,transparent)}
.tennis-editorial__title,.tennis-editorial__intro{min-width:0}
.tennis-editorial__title{padding-top:0}
.tennis-editorial .eyebrow{max-width:38ch;margin-bottom:20px}
.tennis-editorial h2{font-size:clamp(58px,6vw,82px);line-height:.98;margin:0;max-width:7.8em}
.tennis-editorial__intro{justify-self:end;width:100%;max-width:47ch;padding:0 2px 11px}
.tennis-editorial__intro>p{font-size:19px;line-height:1.62;color:rgba(66,15,20,.68);max-width:none}
.club-context,.tennis-bento>.tg-game.tg-minimal{border-radius:22px;min-height:clamp(560px,43vw,680px);box-shadow:0 18px 46px rgba(66,15,20,.05)}
.club-context{align-self:stretch;background:rgba(66,15,20,.07);color:var(--wine);padding:8px;border:1px solid rgba(66,15,20,.08)}
.club-context__photos{aspect-ratio:auto;flex:1;border-radius:16px 16px 3px 3px;background:rgba(66,15,20,.08)}
.club-context__slide img{filter:saturate(.88) contrast(.96)}
.club-context__bar{min-height:84px;padding:20px 24px 18px;background:var(--wine) url('assets/motif-wine.webp') repeat;background-size:260px 219px;border-radius:3px 3px 16px 16px;color:var(--paper)}
.club-context__caption{font-size:30px}
.club-context__controls button{width:42px;height:42px;border:1px solid rgba(219,213,200,.32);font-size:24px}
.club-context__count{opacity:.68;margin-right:12px;color:rgba(219,213,200,.72)}
.tennis-bento>.tg-game.tg-minimal{padding:8px;background:var(--wine);border:1px solid rgba(66,15,20,.1)}
.tennis-bento .tg-minimal .tg-stage{flex:1;aspect-ratio:auto;border-radius:16px 16px 3px 3px;background:var(--wine)}
.tennis-bento .tg-minimal .tg-hint{min-height:84px;border-radius:3px 3px 16px 16px;background:rgba(219,213,200,.08);color:var(--paper);opacity:.72;font-size:13px}
.tennis-bento>.club-support{border-radius:22px;margin-top:5px;background:var(--wine) url('assets/motif-wine.webp') repeat;background-size:290px 244px}
.tennis-bento .club-support summary{padding:25px 31px}
.club-support__eyebrow{opacity:.56}
.tennis-bento .club-support summary strong{font-size:32px}
.tennis-bento .club-support summary>.club-support__toggle{width:45px;height:45px;border-color:rgba(219,213,200,.42)}
.tennis-bento>.club-support>.club-support__content{padding:0 31px 30px;gap:40px}

@media(max-width:1050px){
  .tennis{padding-block:58px 74px}
  .tennis-bento{gap:18px}
  .tennis-editorial{gap:18px}
  .tennis-editorial h2{font-size:60px}
  .tennis-editorial__intro>p{font-size:17px}
  .club-context,.tennis-bento>.tg-game.tg-minimal{min-height:clamp(500px,48vw,620px);border-radius:18px}
  .club-context__bar,.tennis-bento .tg-minimal .tg-hint{min-height:74px}
  .club-context__caption{font-size:27px}
}

@media(max-width:760px){
  .tennis{padding-block:45px 58px}
  .tennis-bento{grid-template-rows:auto auto auto auto;gap:17px}
  .tennis-editorial{grid-template-columns:1fr;gap:18px;margin-bottom:2px;padding-bottom:0}
  .tennis-editorial::after{display:none}
  .tennis-editorial h2{font-size:52px;max-width:8em}
  .tennis-editorial__intro{justify-self:start;max-width:43ch;padding:0}
  .tennis-editorial__intro>p{font-size:16px}
  .club-context,.tennis-bento>.tg-game.tg-minimal{min-height:min(118vw,590px);border-radius:17px;padding:7px}
  .club-context__bar,.tennis-bento .tg-minimal .tg-hint{min-height:68px;padding-inline:18px}
  .club-context__caption{font-size:27px}
  .club-context__controls button{width:38px;height:38px}
  .tennis-bento .club-support summary{padding:21px 22px}
.tennis-bento .club-support summary strong{font-size:30px}
  .tennis-bento>.club-support>.club-support__content{padding:0 22px 25px}
}

/* Keep the playable court proportional inside the unified layout. */
.tennis-bento>.tg-game.tg-minimal{align-self:start;min-height:0}
.tennis-bento .tg-minimal .tg-stage{flex:none;aspect-ratio:9/8;height:auto;min-height:0}
.tennis-bento .tg-minimal .tg-canvas{height:100%}
@media(min-width:901px){
  .club-context,.tennis-bento>.tg-game.tg-minimal{height:clamp(620px,45vw,760px);min-height:0}
  .tennis-bento>.tg-game.tg-minimal{align-self:stretch;justify-content:space-between}
  .tennis-bento .tg-minimal .tg-stage{width:min(100%,calc((clamp(620px,45vw,760px) - 108px) * 1.125));margin:auto}
}
@media(max-width:760px){
  .tennis-bento>.tg-game.tg-minimal{min-height:0}
  .tennis-bento .tg-minimal .tg-stage{aspect-ratio:9/8}
}

/* Responsive reset: the stacked cards keep natural proportions. */
@media(max-width:900px){
  .tennis-bento{grid-template-columns:minmax(0,1fr);gap:18px}
  .tennis-editorial{grid-template-columns:minmax(0,1fr);gap:18px}
  .tennis-editorial__intro{justify-self:start;max-width:48ch;padding:0}
  .club-context,.tennis-bento>.tg-game.tg-minimal{width:100%;min-height:0}
  .club-context__photos{aspect-ratio:4/3;flex:none}
  .tennis-bento>.tg-game.tg-minimal{grid-column:1;grid-row:3}
  .tennis-bento>.club-support{grid-row:4}
  .tennis-bento .tg-minimal .tg-stage{aspect-ratio:9/8;width:100%;max-height:none}
}

@media(max-width:520px){
  .club-context__bar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px}
  .club-context__caption{font-size:24px;line-height:1}
  .club-context__controls{gap:6px}
  .club-context__controls button{width:34px;height:34px;font-size:20px}
  .club-context__count{font-size:9px;margin-right:4px}
  .tennis-bento .tg-minimal .tg-hud{left:18px;top:16px;gap:10px}
  .tennis-bento .tg-minimal .tg-score strong{font-size:30px}
  .tennis-bento .tg-minimal .tg-score>span{font-size:10px}
  .tennis-bento .tg-minimal .tg-record>span,.tennis-bento .tg-minimal .tg-record strong{font-size:9px}
}

/* Centrer les nouvelles photos sur les bâches du partenariat. */
.club-context__slide img{object-position:50% 54%}