.presentation-page { background:#f8f6ef; }
.presentation-hero { background:linear-gradient(90deg,#052d23ed 0%,#073e30c9 55%,#073e3050),url('../assets/images/tennis-hero.png') center 48%/cover; color:#f8f5e9; padding:25px 0 80px; }
.presentation-breadcrumb { display:flex; gap:12px; font-size:.75rem; color:#cfdbcc; margin-bottom:40px; }
.presentation-breadcrumb a { color:#f1ebd6; }
.presentation-hero .eyebrow { color:#e7b17d; margin-bottom:15px; }
.presentation-hero h1 { color:#fffaf0; font-size:clamp(2.3rem,4.3vw,3.8rem); line-height:1.12; letter-spacing:-.025em; margin-bottom:25px; }
.presentation-hero h1 span { color:#d9d68c; }
.presentation-lead { max-width:650px; font-size:1.05rem; line-height:1.75; margin:0; }
.presentation-pillars { display:grid; grid-template-columns:repeat(3,1fr); position:relative; margin-top:-30px; padding:0; background:#fffdf8; border:1px solid #e3dfd3; border-radius:6px; box-shadow:0 6px 20px #173d3508; }
.presentation-pillars article { display:flex; gap:17px; padding:28px 23px; }
.presentation-pillars article+article { border-left:1px solid #e9e3d8; }
.presentation-pillars i { color:var(--clay); font-size:1.55rem; margin-top:4px; }
.presentation-pillars h2 { font-size:1.15rem; margin-bottom:8px; }
.presentation-pillars p { color:#5b6e62; font-size:.8rem; line-height:1.6; margin:0; }
.presentation-origin { display:grid; grid-template-columns:1.4fr 1fr; gap:90px; padding-top:75px; padding-bottom:75px; align-items:center; }
.presentation-page .eyebrow { font-size:.7rem; letter-spacing:.16em; }
.origin-copy>.eyebrow,.practical-heading>.eyebrow { color:#9d4c2a; }
.presentation-page h2 { font-size:2.5rem; line-height:1.15; }
.origin-copy h2 { margin-bottom:24px; }
.origin-copy p { color:#566b5e; font-size:.94rem; }
.origin-copy .intro-text { color:#173d35; font-size:1.08rem; }
.presentation-text-link { display:inline-block; color:#18744b; font-weight:600; font-size:.85rem; margin-top:10px; }
.presentation-text-link span { margin-left:15px; }
.origin-portrait { margin:0; position:relative; padding:30px 30px 25px; text-align:center; background:#eae8db; border-radius:2px; }
.origin-portrait::before { content:''; position:absolute; width:65px; height:3px; top:0; left:30px; background:#d26935; }
.portrait-mat { background:#fffdf5; padding:10px; transform:rotate(-2deg); box-shadow:0 5px 15px #173d3525; max-width:245px; margin:0 auto 25px; }
.portrait-mat img { display:block; width:100%; height:250px; object-fit:cover; }
.origin-portrait figcaption>span,.origin-portrait figcaption>strong { display:block; }
.origin-portrait .eyebrow { color:#855035; margin-bottom:7px; }
.origin-portrait strong { font:400 1.65rem Georgia,serif; }
.origin-portrait figcaption>span:not(.eyebrow) { color:#5c6c60; font-size:.75rem; margin-top:8px; }
.origin-portrait a { display:inline-block; color:#236d49; font-size:.78rem; margin-top:14px; }
.presentation-values { background:#073e30; padding:60px 0; color:#edf1e6; }
.values-heading { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:end; margin-bottom:38px; }
.values-heading .eyebrow { color:#e6ac75; }
.values-heading h2 { color:#fff9ed; margin:0; }
.values-heading>p { max-width:390px; color:#c8dbcc; font-size:.94rem; margin:0 0 6px; }
.values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:35px; }
.values-grid article { border-top:1px solid #6c9480; padding-top:20px; }
.value-number { color:#d5c28f; font:400 2.2rem Georgia,serif; }
.values-grid h3 { color:#fff9ed; font-size:1.5rem; margin:15px 0; }
.values-grid p { font-size:.85rem; color:#d6e2d7; }
.values-grid a { color:#f1c49b; font-size:.8rem; }
.presentation-practical { display:grid; grid-template-columns:1fr 1.5fr; gap:75px; padding-top:70px; padding-bottom:70px; }
.practical-heading p:last-child { font-size:.9rem; color:#5a6d60; max-width:300px; margin-top:20px; }
.practical-links>a { display:flex; align-items:center; gap:22px; color:#073e30; padding:22px 0; border-bottom:1px solid #dddace; text-decoration:none; }
.practical-links>a:first-child { padding-top:0; }
.practical-links>a>i { color:#b74e28; font-size:1.5rem; width:30px; flex-shrink:0; text-align:center; }
.practical-links strong { display:block; font:400 1.4rem Georgia,serif; margin-bottom:8px; }
.practical-links small { display:block; font-size:.8rem; color:#5a6c60; line-height:1.7; }
.practical-links>a>span:last-child { margin-left:auto; color:#28744f; }
.practical-links>a:hover strong { color:#b74e28; text-decoration:underline; }
.presentation-join { background:linear-gradient(90deg,#eee8dbfa,#eee8dbd9),url('../assets/images/fond_terre.jpg') center/cover; padding:50px 0; }
.join-layout { display:grid; grid-template-columns:1.4fr 1fr; align-items:center; gap:90px; }
.join-layout h2 { margin-bottom:20px; }
.join-layout p:not(.eyebrow) { color:#4f6356; font-size:.88rem; margin-bottom:0; }
.join-layout .eyebrow { color:#92512d; }
.join-actions { display:flex; flex-direction:column; align-items:flex-start; gap:15px; }
.join-actions .btn { min-width:210px; }
.join-actions .btn span { margin-left:25px; }
.join-actions>a:not(.btn) { color:#216b49; font-size:.85rem; overflow-wrap:anywhere; max-width:100%; }
@media(max-width:991px) { .presentation-pillars { max-width:690px; } .presentation-pillars article { padding:22px 16px; gap:10px; } .presentation-origin { gap:35px; padding-top:50px; padding-bottom:50px; } .presentation-page h2 { font-size:2.1rem; } .values-heading { gap:35px; } .values-grid { gap:22px; } .values-grid h3 { font-size:1.3rem; } .presentation-practical { gap:35px; } .join-layout { gap:35px; } }
@media(max-width:767px) { .presentation-hero { padding-bottom:55px; } .presentation-hero h1 { font-size:2.6rem; } .presentation-lead { font-size:.95rem; } .presentation-breadcrumb { margin-bottom:30px; } .presentation-pillars { max-width:510px; grid-template-columns:1fr; margin-top:-20px; } .presentation-pillars article { padding:20px 24px; } .presentation-pillars article+article { border-left:0; border-top:1px solid #e9e3d8; } .presentation-origin { grid-template-columns:1fr; gap:35px; } .origin-portrait { max-width:380px; width:100%; justify-self:center; } .values-heading { grid-template-columns:1fr; gap:25px; } .values-grid { grid-template-columns:1fr; gap:25px; } .values-grid h3 br { display:none; } .presentation-values { padding:42px 0; } .presentation-practical { grid-template-columns:1fr; gap:25px; padding-top:45px; padding-bottom:45px; } .practical-heading p:last-child { max-width:100%; } .join-layout { grid-template-columns:1fr; gap:25px; } }
@media(max-width:575px) { .presentation-pillars { width:calc(100% - 30px); } .presentation-hero h1 { font-size:2.25rem; } .presentation-page h2 { font-size:2rem; } .presentation-origin { padding-top:40px; padding-bottom:40px; } .origin-copy .intro-text { font-size:1rem; } .practical-links strong { font-size:1.2rem; } .practical-links>a { gap:14px; } }
.presentation-page .presentation-pillars h2 { font-size:1.15rem; line-height:1.3; }
.presentation-page .nav-item.active>.dropdown-toggle::after { border:0; vertical-align:baseline; }