/* Tendre Lune — styles partagés des sections custom (Dawn : 1rem = 10px) */
.tl-section .tl-ph{border:2px dashed rgba(var(--color-foreground),.45);background:rgba(var(--color-foreground),.06);display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.3rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:1.2rem;position:absolute;inset:0}
.tl-section .tl-media{position:relative;overflow:hidden;width:100%}
.tl-media--portrait{aspect-ratio:4/5}.tl-media--square{aspect-ratio:1/1}.tl-media--vertical{aspect-ratio:9/16}.tl-media--landscape{aspect-ratio:16/9}
.tl-section .tl-media img,.tl-section .tl-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tl-section .tl-heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:3.2rem;line-height:1.25;margin:0 0 1.2rem;color:rgb(var(--color-foreground))}
.tl-section .tl-sub{font-size:1.8rem;line-height:1.6;opacity:.85;margin:0 0 2.8rem}
.tl-section .tl-text{font-size:1.6rem;line-height:1.6}
.tl-section .tl-text p{margin:0 0 1.6rem}
.tl-section .tl-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:1.3rem;font-weight:700;opacity:.75;margin:0 0 .6rem}
.tl-center{text-align:center}
.tl-section .tl-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:5.6rem;align-items:center}
.tl-section .tl-grid-2>*{min-width:0}
.tl-section .button{font-size:1.6rem}
@media screen and (max-width:749px){
  .tl-section .tl-heading{font-size:2.6rem}
  .tl-section .tl-sub{font-size:1.6rem}
  .tl-section .tl-grid-2{grid-template-columns:1fr;gap:2.8rem}
}