*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f8f7f3;color:#252a28;font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.75}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.topline{background:#263a35;color:#e9e9df;font-size:11px;letter-spacing:.06em}.topline-inner{height:36px;display:flex;align-items:center;justify-content:space-between}.topline a{color:#fff}.topline i{display:inline-block;width:3px;height:3px;border-radius:50%;background:#b9ad91;margin:0 12px 3px}.header{height:86px;background:rgba(248,247,243,.96);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(37,54,48,.08);backdrop-filter:blur(12px)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border:1px solid #b4a989;border-radius:50%;display:grid;place-items:center;font:600 26px Georgia;color:#344a42;position:relative}.brand-mark span{color:#b49b69}.brand-name{font:800 12px Manrope,sans-serif;letter-spacing:.13em;line-height:1.4}.brand-name small{display:block;font:500 8px 'DM Sans';letter-spacing:.19em;color:#8b8b7f;margin-top:3px}.nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:600}.nav>a:not(.nav-cta):hover,.footer a:hover{color:#9c895e}.nav-cta{background:#344a42;color:white;padding:13px 18px;border-radius:2px}.nav-cta b{padding-left:12px;color:#d6c69f}.lang{font-size:10px;color:#8a8b81}.menu-toggle{display:none}.hero{min-height:650px;position:relative;display:flex;align-items:center;overflow:hidden;background:#273b35;color:white}.hero-photo{position:absolute;inset:0;background-image:url('https://ladentisterie.com/images/about-02-803x458.jpg');background-size:cover;background-position:center 55%;filter:saturate(.65)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,43,37,.88) 0%,rgba(25,43,37,.7) 44%,rgba(25,43,37,.13) 100%),linear-gradient(0deg,rgba(25,43,37,.25),transparent 60%)}.hero-content{position:relative;z-index:1;padding:100px 0 115px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;color:#9b8961;margin:0 0 22px}.eyebrow.light{color:#d3c5a5}.hero h1{font:500 clamp(48px,6.5vw,82px)/1.08 Manrope,sans-serif;letter-spacing:-.055em;margin:0 0 25px}.hero h1 em,h2 em{font-family:Georgia,serif;font-weight:400}.hero-copy{max-width:460px;color:#e0e2dc;font-size:16px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:35px}.button{display:inline-flex;align-items:center;gap:28px;padding:15px 21px;font-size:11px;font-weight:700;letter-spacing:.04em;border:0;cursor:pointer;transition:.25s}.button span{font-size:16px}.button-light{background:#f2efe6;color:#2e4039}.button-light:hover{background:#d6c7a5;transform:translateY(-2px)}.text-link{font-size:11px;font-weight:700;border-bottom:1px solid #b9ad91;padding-bottom:7px;color:#46574e}.text-link span{margin-left:12px;color:#a48f60}.light-link{color:white;border-color:rgba(255,255,255,.5)}.hero-note{position:absolute;right:max(24px,calc((100% - 1160px)/2));bottom:38px;font-size:9px;letter-spacing:.17em;color:#e1dfd5;display:flex;align-items:center;gap:12px}.note-line{width:40px;height:1px;background:#c3b28c}.section-pad{padding:110px 0}.intro{background:#f8f7f3}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end}.intro h2,.section-heading h2,.about-copy h2,.testimonial h2,.contact h2,.doctor-copy h2{font:500 clamp(35px,4vw,52px)/1.16 Manrope,sans-serif;letter-spacing:-.045em;margin:0;color:#2b3933}.intro h2 em,.section-heading h2 em,.about-copy h2 em,.testimonial h2 em{color:#9c8961}.intro-text{max-width:470px;padding-bottom:5px}.intro-text p{font-size:16px;color:#69716b;margin:0 0 24px}.about{background:#eeeee8}.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:100px;align-items:center}.about-images{position:relative;padding:0 55px 55px 0}.about-main{display:block;width:100%;aspect-ratio:1.35;object-fit:cover}.about-small{position:absolute;width:47%;right:0;bottom:0;border:10px solid #eeeee8;aspect-ratio:1.4;object-fit:cover}.image-caption{position:absolute;left:0;bottom:23px;background:#344a42;color:white;padding:11px 16px;font-size:8px;letter-spacing:.15em}.about-copy h2{margin-bottom:26px}.about-copy>p:not(.eyebrow){color:#68716b;font-size:13px;line-height:1.9}.comfort-list{margin-top:28px;border-top:1px solid #d5d5cc}.comfort-list>div{display:flex;gap:20px;padding:14px 0;border-bottom:1px solid #d5d5cc;align-items:center}.comfort-list b{font:500 17px Georgia;color:#a08e68}.comfort-list strong,.comfort-list small{display:block}.comfort-list strong{font-size:11px}.comfort-list small{font-size:10px;color:#8a908a}.services{background:#f8f7f3}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:52px}.section-heading h2{margin:0}.section-heading>p{max-width:350px;color:#707870;font-size:13px;margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dcdcd3;border-left:1px solid #dcdcd3}.service-card{min-height:270px;padding:28px 30px 26px;border-right:1px solid #dcdcd3;border-bottom:1px solid #dcdcd3;position:relative;transition:.25s;background:#f8f7f3}.service-card:hover{background:#eeeee8;transform:translateY(-3px)}.service-num{position:absolute;right:27px;top:25px;font-size:10px;color:#a49a82;letter-spacing:.1em}.service-icon{width:42px;height:42px;border:1px solid #c9c0aa;border-radius:50%;display:grid;place-items:center;color:#a28e64;font-size:22px;margin-bottom:23px}.service-card h3{font:600 18px Manrope;margin:0 0 10px;color:#33463e}.service-card p{font-size:11px;color:#727a73;line-height:1.8;margin:0;max-width:290px}.service-card>a{position:absolute;right:27px;bottom:23px;color:#9d8960;font-size:18px}.doctor-band{background:#2c4039;color:white;overflow:hidden}.doctor-grid{display:grid;grid-template-columns:300px 1fr 180px;gap:75px;align-items:center;min-height:440px}.doctor-photo-wrap{height:440px;align-self:end;display:flex;align-items:end;justify-content:center}.doctor-photo-wrap img{height:95%;max-width:100%;object-fit:contain;object-position:bottom}.doctor-copy{padding:75px 0}.doctor-copy h2{font-size:54px;color:#fff}.doctor-copy h2 em{color:#d2c39f}.doctor-role{font-size:10px;letter-spacing:.14em;color:#d2c39f;text-transform:uppercase;margin:14px 0 25px}.doctor-copy>p:not(.eyebrow):not(.doctor-role){max-width:480px;color:#d0d8d1;font-size:13px}.button-outline{border:1px solid rgba(255,255,255,.5);color:white;margin-top:20px}.button-outline:hover{background:#f1eee5;color:#2b4038}.experience{border-left:1px solid rgba(255,255,255,.25);padding-left:35px;display:flex;flex-direction:column}.experience strong{font:500 74px/1 Manrope;color:#d3c5a5}.experience span{font-size:11px;letter-spacing:.08em;color:#d8ded8;margin-top:10px}.team{background:#eeeee8}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.team-card{background:#f8f7f3}.team-card img{width:100%;height:280px;object-fit:cover;object-position:top}.team-card>div{padding:17px 19px 20px}.team-card h3{font:600 17px Manrope;margin:0;color:#34463e}.team-card p{font-size:10px;color:#8b8e84;margin:3px 0 0}.testimonial{background:#f8f7f3;text-align:center}.testimonial h2{margin-bottom:50px}.quote-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;text-align:left}.quote-grid blockquote{margin:0;padding:27px 30px 25px;background:#efeee8;position:relative}.quote-grid blockquote>span{font:60px/1 Georgia;color:#b2a17d}.quote-grid blockquote p{font:italic 14px/1.8 Georgia,serif;color:#505d55;margin:0 0 22px}.quote-grid cite{font:700 9px 'DM Sans';font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:#9a8964}.contact{background:#31463e;color:white}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.contact h2{color:white;font-size:52px}.contact h2 em{color:#d4c5a2}.contact-copy>p:not(.eyebrow){max-width:390px;color:#d0d8d1;font-size:13px;margin:25px 0}.contact-details{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#e6e8e1}.contact-details a:first-child{font:500 25px Manrope;color:#d5c6a2}.contact-form{background:#f8f7f3;color:#2e3e36;padding:37px 40px}.contact-form h3{font:600 23px Manrope;margin:0}.contact-form>p{font-size:11px;color:#81877e;margin:3px 0 23px}.contact-form label{display:block;font-size:9px;font-weight:700;letter-spacing:.08em;color:#657067;margin-bottom:14px}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:5px;border:1px solid #deded5;background:transparent;padding:12px 13px;font:12px 'DM Sans';color:#2e3e36;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:#9e8c65}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form textarea{resize:vertical}.button-dark{background:#344a42;color:white}.button-dark:hover{background:#9b8961}.form-note{display:block;color:#9a9e95;font-size:9px;margin-top:12px;line-height:1.5}.form-status{font-size:11px;color:#526b5c}.footer{background:#222f2a;color:#e2e4dd}.footer-main{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:50px;padding:65px 0 48px}.footer-brand{align-self:start}.footer-brand .brand-mark{border-color:#a99b79;color:#e3e2d9}.footer-brand .brand-name{color:white}.footer h4{font:700 10px 'DM Sans';letter-spacing:.13em;text-transform:uppercase;color:#d4c5a2;margin:0 0 14px}.footer p{font-size:11px;line-height:1.9;color:#c1c9c1;margin:0}.footer p span{color:#8e9a90}.footer-link{display:inline-block;font-size:10px;color:#d4c5a2;margin-top:12px}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding:18px 0 22px;display:flex;justify-content:space-between;gap:25px;font-size:9px;color:#9da79f}.footer-bottom a{color:#d4c5a2}.back-top{position:fixed;right:20px;bottom:20px;width:40px;height:40px;background:#b7a57d;color:white;display:grid;place-items:center;z-index:10;opacity:0;pointer-events:none;transition:.2s}.back-top.visible{opacity:1;pointer-events:auto}
@media(max-width:900px){.nav{gap:16px}.nav-cta{padding:11px}.about-grid{gap:45px}.doctor-grid{grid-template-columns:230px 1fr 130px;gap:35px}.team-card img{height:230px}.contact-grid{gap:45px}.footer-main{gap:25px}}
@media(max-width:700px){.wrap{width:min(100% - 36px,540px)}.topline-inner{height:auto;min-height:36px;font-size:9px;gap:8px}.topline-inner span:last-child{white-space:nowrap}.header{height:72px}.brand-mark{width:37px;height:37px}.menu-toggle{display:flex;flex-direction:column;gap:6px;border:0;background:none;padding:10px}.menu-toggle span{width:24px;height:1px;background:#344a42}.nav{display:none;position:absolute;left:0;right:0;top:72px;background:#f8f7f3;padding:22px 24px 28px;flex-direction:column;align-items:stretch;gap:17px;border-bottom:1px solid #ddd}.nav.open{display:flex}.nav-cta{text-align:center}.hero{min-height:620px}.hero-photo{background-position:60% center}.hero-shade{background:linear-gradient(90deg,rgba(25,43,37,.88),rgba(25,43,37,.4)),linear-gradient(0deg,rgba(25,43,37,.4),transparent)}.hero-content{padding:85px 0}.hero h1{font-size:53px}.hero-copy{font-size:14px;max-width:350px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-note{font-size:8px;right:18px;bottom:20px}.section-pad{padding:75px 0}.intro-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.intro h2,.section-heading h2,.about-copy h2,.testimonial h2{font-size:39px}.intro-text{max-width:none}.about-images{padding-right:35px;padding-bottom:45px}.about-small{border-width:7px}.about-copy{padding-top:15px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:20px}.service-grid{grid-template-columns:1fr 1fr}.service-card{min-height:260px;padding:22px 18px}.service-card h3{font-size:16px}.service-card p{font-size:10px}.doctor-grid{grid-template-columns:120px 1fr;gap:22px;min-height:0}.doctor-photo-wrap{height:300px}.doctor-copy{padding:55px 0}.doctor-copy h2{font-size:38px}.doctor-copy>p:not(.eyebrow):not(.doctor-role){font-size:11px}.doctor-copy .button{gap:10px;padding:12px}.experience{grid-column:1/-1;border-left:0;border-top:1px solid rgba(255,255,255,.2);padding:20px 0 30px;flex-direction:row;align-items:center;gap:20px}.experience strong{font-size:48px}.experience span br{display:none}.team-grid{grid-template-columns:1fr 1fr;gap:13px}.team-card img{height:220px}.team-card>div{padding:13px}.quote-grid{grid-template-columns:1fr}.contact h2{font-size:41px}.contact-form{padding:28px 22px}.footer-main{grid-template-columns:1fr 1fr;gap:35px 22px;padding:50px 0 35px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.form-row{grid-template-columns:1fr;gap:0}}
@media(max-width:380px){.topline-inner span:first-child{max-width:145px}.hero h1{font-size:45px}.service-grid{grid-template-columns:1fr}.service-card{min-height:220px}.doctor-grid{grid-template-columns:95px 1fr}.doctor-photo-wrap{height:260px}.doctor-copy h2{font-size:32px}.team-card img{height:180px}}
/* =========================================================
UPDATE VISUEL — AQUA CLAIR + TYPOGRAPHIE PLUS LISIBLE
Remplacez simplement l'ancien assets/style.css par celui-ci.
========================================================= */
:root{
--aqua-900:#176b70;
--aqua-800:#207e83;
--aqua-700:#31969a;
--aqua-200:#ccebea;
--aqua-100:#e5f3f1;
--paper:#fbfcfa;
--ink:#26383a;
--muted:#586b6d;
--line:#d5e5e2;
}
body{background:var(--paper);color:var(--ink);font-size:17px;line-height:1.8}
.wrap{width:min(1320px,calc(100% - 64px))}
.topline{background:#247e83;color:#f4ffff;font-size:13px}
.topline i{background:#bce9e6}
.header{background:rgba(251,252,250,.97);border-bottom-color:rgba(31,117,121,.13)}
.brand-mark{border-color:#7dbfc0;color:#247e83}
.brand-mark span{color:#55aaa9}
.brand-name{font-size:14px;color:#245d61}
.brand-name small{font-size:10px;color:#66898a}
.nav{gap:32px;font-size:14px}
.nav>a:not(.nav-cta):hover,.footer a:hover{color:#26979b}
.nav-cta{background:#31969a;color:#fff;padding:15px 21px}
.nav-cta b{color:#d8f4f1}
.lang{font-size:12px;color:#557b7d}
.hero{background:#246f74}
.hero-photo{filter:saturate(.72) brightness(1.04)}
.hero-shade{background:linear-gradient(90deg,rgba(18,75,80,.82) 0%,rgba(22,94,99,.63) 44%,rgba(25,111,115,.10) 100%),linear-gradient(0deg,rgba(18,75,80,.22),transparent 60%)}
.hero-content{padding:115px 0 130px}
.eyebrow{font-size:12px;color:#268d91;letter-spacing:.18em}
.eyebrow.light{color:#bce9e6}
.hero h1{font-size:clamp(54px,5.4vw,92px)}
.hero-copy{max-width:570px;font-size:19px;line-height:1.85;color:#f0f8f7}
.button{font-size:14px;padding:17px 24px}
.button-light{background:#e3f5f2;color:#176b70}
.button-light:hover{background:#c4e9e6}
.text-link{font-size:14px;color:#287d80;border-color:#8bc9c7}
.text-link span{color:#31969a}
.light-link{color:#fff;border-color:rgba(255,255,255,.65)}
.hero-note{font-size:11px}
.note-line{background:#bce9e6}
.section-pad{padding:125px 0}
.intro{background:#fbfcfa}
.intro-grid{gap:100px}
.intro h2,.section-heading h2,.about-copy h2,.testimonial h2,.contact h2,.doctor-copy h2{font-size:clamp(40px,3.8vw,60px);color:#263f41}
.intro h2 em,.section-heading h2 em,.about-copy h2 em,.testimonial h2 em{color:#258d91}
.intro-text p{font-size:18px;color:#586d6e;line-height:1.9}
.about,.team{background:#edf6f4}
.about-small{border-color:#edf6f4}
.image-caption{background:#2d9295;color:#fff;font-size:11px}
.about-copy>p:not(.eyebrow){color:#52696a;font-size:16px;line-height:1.95}
.comfort-list{border-color:#c9dfdc}
.comfort-list>div{border-color:#c9dfdc;padding:17px 0}
.comfort-list b{font-size:20px;color:#258d91}
.comfort-list strong{font-size:14px;color:#304b4d}
.comfort-list small{font-size:13px;color:#617879}
.services{background:#fbfcfa}
.section-heading{margin-bottom:58px}
.section-heading>p{font-size:16px;color:#5a7071;line-height:1.85}
.service-grid{border-color:#d6e6e3}
.service-card{min-height:300px;padding:34px 34px 30px;background:#fbfcfa;border-color:#d6e6e3}
.service-card:hover{background:#eaf5f3}
.service-num{font-size:12px;color:#57999a}
.service-icon{width:48px;height:48px;border-color:#9dcfcd;color:#278e92;font-size:24px;margin-bottom:25px}
.service-card h3{font-size:21px;color:#245d61}
.service-card p{font-size:14px;color:#5b7071;line-height:1.9}
.service-card>a{color:#258d91;font-size:21px}
.doctor-band{background:#287f83}
.doctor-copy h2{color:#fff}
.doctor-copy h2 em{color:#c8efeb}
.doctor-role{font-size:13px;color:#d5f1ee}
.doctor-copy>p:not(.eyebrow):not(.doctor-role){font-size:16px;line-height:1.9;color:#effafa}
.button-outline{border-color:rgba(255,255,255,.7);font-size:14px}
.button-outline:hover{background:#e3f5f2;color:#176b70}
.experience{border-color:rgba(255,255,255,.35)}
.experience strong{font-size:82px;color:#c8efeb}
.experience span{font-size:13px;color:#e6f7f5}
.team-card{background:#fbfcfa}
.team-card img{height:310px}
.team-card>div{padding:20px 21px 23px}
.team-card h3{font-size:20px;color:#245d61}
.team-card p{font-size:13px;color:#627879}
.testimonial{background:#fbfcfa}
.quote-grid{gap:22px}
.quote-grid blockquote{padding:32px 35px;background:#edf6f4}
.quote-grid blockquote>span{font-size:68px;color:#5ba9a8}
.quote-grid blockquote p{font-size:17px;line-height:1.9;color:#40595a}
.quote-grid cite{font-size:12px;color:#25868a}
.contact{background:#287f83}
.contact h2{color:#fff}
.contact h2 em{color:#c8efeb}
.contact-copy>p:not(.eyebrow){font-size:16px;line-height:1.9;color:#effafa}
.contact-details{gap:10px;font-size:16px;color:#f1fbfa}
.contact-details a:first-child{font-size:30px;color:#d4f2ef}
.contact-form{background:#fbfcfa;color:#263f41;padding:42px 44px}
.contact-form h3{font-size:27px}
.contact-form>p{font-size:14px;color:#637879}
.contact-form label{font-size:12px;color:#456365}
.contact-form input,.contact-form textarea{padding:14px 15px;font-size:15px;border-color:#cfe1df;color:#263f41}
.contact-form input:focus,.contact-form textarea:focus{border-color:#31969a}
.button-dark{background:#27878b;color:#fff}
.button-dark:hover{background:#176b70}
.form-note{font-size:11px;color:#718687}
.form-status{font-size:13px;color:#287f83}
.footer{background:#205f64;color:#f0f9f8}
.footer-brand .brand-mark{border-color:#a9dcda;color:#fff}
.footer-brand .brand-name{color:#fff}
.footer h4{font-size:12px;color:#c9eeeb}
.footer p{font-size:14px;line-height:1.9;color:#e0f0ee}
.footer p span{color:#b5d4d2}
.footer-link{font-size:13px;color:#c9eeeb}
.footer-bottom{font-size:11px;color:#c1dcda}
.footer-bottom a{color:#c9eeeb}
.back-top{width:48px;height:48px;background:#31969a;font-size:20px}
/* Écrans 4K et grands moniteurs : largeur utile et échelle de lecture accrues. */
@media(min-width:1800px){
.wrap{width:min(1600px,calc(100% - 120px))}
body{font-size:19px}
.topline-inner{height:42px}
.header{height:100px}
.nav{font-size:16px;gap:40px}
.brand-mark{width:50px;height:50px;font-size:30px}
.brand-name{font-size:16px}
.brand-name small{font-size:11px}
.hero{min-height:780px}
.hero-content{padding:145px 0 160px}
.hero h1{font-size:clamp(78px,4.8vw,112px)}
.hero-copy{font-size:22px;max-width:650px}
.eyebrow{font-size:14px}
.button{font-size:16px;padding:19px 28px}
.section-pad{padding:150px 0}
.intro h2,.section-heading h2,.about-copy h2,.testimonial h2,.contact h2,.doctor-copy h2{font-size:68px}
.intro-text p{font-size:21px}
.about-copy>p:not(.eyebrow){font-size:19px}
.comfort-list strong{font-size:16px}
.comfort-list small{font-size:15px}
.section-heading>p{font-size:19px;max-width:450px}
.service-card{min-height:340px;padding:42px}
.service-card h3{font-size:25px}
.service-card p{font-size:17px}
.doctor-grid{grid-template-columns:360px 1fr 220px;gap:95px;min-height:520px}
.doctor-photo-wrap{height:520px}
.doctor-copy>p:not(.eyebrow):not(.doctor-role){font-size:19px}
.team-card img{height:360px}
.team-card h3{font-size:23px}
.team-card p{font-size:15px}
.quote-grid blockquote p{font-size:20px}
.contact-copy>p:not(.eyebrow){font-size:19px}
.contact-details{font-size:19px}
.contact-form h3{font-size:32px}
.contact-form label{font-size:14px}
.contact-form input,.contact-form textarea{font-size:18px;padding:17px}
.footer p{font-size:16px}
}
@media(max-width:700px){
body{font-size:16px}
.wrap{width:calc(100% - 36px)}
.section-pad{padding:82px 0}
.hero h1{font-size:clamp(44px,12vw,64px)}
.hero-copy{font-size:17px}
.intro h2,.section-heading h2,.about-copy h2,.testimonial h2,.contact h2,.doctor-copy h2{font-size:39px}
.service-card{min-height:260px;padding:25px 22px}
.service-card h3{font-size:19px}
.service-card p{font-size:13px}
.quote-grid blockquote p{font-size:15px}
}
/* TEAM PARALLAX SECTION */
.team-parallax {
position: relative;
width: 100%;
height: 480px;
background-image: url('https://ladentisterie.com/images/slide-02.jpg');
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
display: flex;
align-items: flex-end;
overflow: hidden;
}
.team-parallax::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
90deg,
rgba(20, 65, 68, 0.55),
rgba(20, 65, 68, 0.05)
);
}
.team-parallax-content {
position: relative;
z-index: 1;
max-width: 1160px;
width: 100%;
margin: 0 auto;
padding: 0 30px 65px;
color: #fff;
}
.team-parallax-content span {
display: block;
font-size: 11px;
font-weight: 700;
letter-spacing: 3px;
margin-bottom: 15px;
}
.team-parallax-content h2 {
color: #fff;
font-size: clamp(32px, 4vw, 56px);
line-height: 1.12;
max-width: 650px;
margin: 0;
}
/* Mobile */
@media (max-width: 768px) {
.team-parallax {
height: 360px;
background-attachment: scroll;
background-position: center center;
}
.team-parallax-content {
padding: 0 22px 40px;
}
.team-parallax-content h2 {
font-size: 34px;
}
}
/* ==========================================
NOUVELLE PALETTE — BLEU #6B8DB1
========================================== */
:root {
--aqua-900: #496b8f;
--aqua-800: #5b7fa4;
--aqua-700: #6b8db1;
--aqua-200: #d5e1ed;
--aqua-100: #edf3f8;
--paper: #fbfcfe;
--ink: #293b4e;
--muted: #617487;
--line: #d9e3ed;
--primary: #6b8db1;
--primary-dark: #496b8f;
--primary-light: #8fa9c3;
--secondary: #a9bdcf;
--pale-blue: #edf3f8;
}
/* BASE */
body {
background: var(--paper);
color: var(--ink);
}
/* TOP BAR */
.topline {
background: var(--primary-dark);
}
/* HEADER */
.brand-mark {
border-color: var(--secondary);
color: var(--primary-dark);
}
.brand-mark span {
color: var(--primary);
}
.brand-name {
color: var(--primary-dark);
}
.brand-name small {
color: #8296aa;
}
/* NAVIGATION */
.nav > a:not(.nav-cta):hover,
.footer a:hover {
color: var(--primary);
}
.nav-cta {
background: var(--primary);
}
.nav-cta b {
color: #e5edf5;
}
.lang {
color: var(--primary-dark);
}
/* HERO */
.hero {
background: var(--primary-dark);
}
.hero-shade {
background:
linear-gradient(
90deg,
rgba(40, 65, 91, .84) 0%,
rgba(60, 88, 117, .63) 44%,
rgba(70, 105, 140, .10) 100%
),
linear-gradient(
0deg,
rgba(40, 65, 91, .22),
transparent 60%
);
}
.eyebrow {
color: var(--primary);
}
.eyebrow.light {
color: #d5e3f0;
}
.button-light {
background: #eaf0f6;
color: var(--primary-dark);
}
.button-light:hover {
background: #d5e3f0;
}
.text-link {
color: var(--primary-dark);
border-color: var(--secondary);
}
.text-link span {
color: var(--primary);
}
.note-line {
background: var(--secondary);
}
/* TITLES AND ACCENTS */
.intro h2 em,
.section-heading h2 em,
.about-copy h2 em,
.testimonial h2 em {
color: var(--primary);
}
/* ABOUT */
.about,
.team {
background: #edf2f7;
}
.about-small {
border-color: #edf2f7;
}
.image-caption {
background: var(--primary);
}
.comfort-list b {
color: var(--primary);
}
.comfort-list strong {
color: var(--primary-dark);
}
/* SERVICES */
.service-icon {
border-color: #b5c8da;
color: var(--primary);
}
.service-card:hover {
background: #edf3f8;
}
.service-card h3 {
color: var(--primary-dark);
}
.service-card > a {
color: var(--primary);
}
/* DOCTOR SECTION */
.doctor-band {
background: var(--primary-dark);
}
.doctor-copy h2 em {
color: #cbdbea;
}
.doctor-role {
color: #d5e3f0;
}
.experience strong {
color: #cbdbea;
}
.button-outline:hover {
background: #eaf0f6;
color: var(--primary-dark);
}
/* TEAM */
.team-card h3 {
color: var(--primary-dark);
}
/* TESTIMONIALS */
.quote-grid blockquote > span {
color: var(--primary-light);
}
.quote-grid cite {
color: var(--primary-dark);
}
/* CONTACT */
.contact {
background: var(--primary-dark);
}
.contact h2 em {
color: #cbdbea;
}
.contact-details a:first-child {
color: #d5e3f0;
}
.contact-form input:focus,
.contact-form textarea:focus {
border-color: var(--primary);
}
.button-dark {
background: var(--primary);
}
.button-dark:hover {
background: var(--primary-dark);
}
.form-status {
color: var(--primary-dark);
}
/* FOOTER */
.footer {
background: #354f69;
}
.footer h4,
.footer-link,
.footer-bottom a {
color: #d5e3f0;
}
.footer-brand .brand-mark {
border-color: #b5c8da;
}
.back-top {
background: var(--primary);
}
.brand-mark {
width: auto;
height: auto;
border: none;
border-radius: 0;
display: inline-flex;
align-items: center;
background: transparent;
font-family: "Times New Roman", Times, serif;
font-size: 38px;
color: #fff;
line-height: 1;
letter-spacing: 1px;
}
.brand-mark .brand-letter {
font-size: 30px;
display: inline-block;
line-height: 1;
position: relative;
top: 3px;
color:white;
}