:root{--navy:#062f45;--navy2:#0a4056;--blue:#087eac;--aqua:#51d5cd;--mist:#eaf5f6;--ink:#102d3b;--muted:#58707b;--white:#fff;--line:#d8e6e8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:400 1rem/1.65 "DM Sans",sans-serif;background:#fff}a{color:inherit;text-decoration:none}.skip{position:fixed;left:1rem;top:-4rem;z-index:99;background:#fff;padding:.7rem 1rem;border-radius:.4rem}.skip:focus{top:1rem}.topbar{height:84px;padding:0 clamp(1.2rem,4vw,4.5rem);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%;color:#fff;border-bottom:1px solid rgba(255,255,255,.25)}.brand{display:flex;align-items:center;gap:.8rem}.brand-mark{width:42px;height:42px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:grid;place-items:center}.brand-mark:before,.brand-mark:after,.brand-mark i:before,.brand-mark i:after{content:"";position:absolute;background:var(--aqua)}.brand-mark{position:relative}.brand-mark:before{width:18px;height:4px;border-radius:4px}.brand-mark:after{width:4px;height:18px;border-radius:4px}.brand strong{display:block;font:700 1.25rem/1 "Manrope";letter-spacing:.18em}.brand small{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;opacity:.76}.topbar nav{display:flex;align-items:center;gap:clamp(1.1rem,2.5vw,2.8rem);font-size:.91rem}.topbar nav a{transition:.2s}.topbar nav a:hover{color:var(--aqua)}.nav-cta{border:1px solid rgba(255,255,255,.6);padding:.65rem 1rem;border-radius:99px}.menu{display:none;color:white;background:none;border:1px solid rgba(255,255,255,.5);border-radius:99px;padding:.55rem .9rem;font:inherit}.hero{min-height:750px;height:100svh;position:relative;color:#fff;display:flex;align-items:center;padding:120px clamp(1.2rem,8vw,9rem) 70px;overflow:hidden}.hero-image{position:absolute;inset:0;background:url("centre-azur-canon-prime-sp-store.png") center/cover no-repeat;transform:scale(1.01)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,31,47,.93) 0%,rgba(3,43,59,.7) 41%,rgba(4,41,53,.08) 75%),linear-gradient(0deg,rgba(2,31,47,.4),transparent 45%)}.hero-copy{position:relative;max-width:710px}.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--aqua);margin:0 0 1.25rem}.eyebrow.dark{color:var(--blue)}h1,h2,h3{font-family:"Manrope",sans-serif;margin-top:0}h1{font-size:clamp(3.2rem,7vw,6.7rem);line-height:.95;letter-spacing:-.055em;margin-bottom:1.75rem}h1 em{font-style:normal;color:var(--aqua)}.intro{font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.55;max-width:590px;color:rgba(255,255,255,.83)}.hero-actions{display:flex;gap:1rem;margin-top:2.2rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:2rem;border-radius:99px;padding:.92rem 1.35rem;font-weight:600;font-size:.92rem;transition:.2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--aqua);color:#053141}.button.ghost{border:1px solid rgba(255,255,255,.55)}.button.light{background:#fff;color:var(--navy)}.hero-note{position:absolute;right:clamp(1.2rem,5vw,5rem);bottom:3.2rem;border-left:2px solid var(--aqua);padding-left:1rem;text-align:left}.hero-note span,.hero-note strong{display:block}.hero-note span{font-size:.78rem;opacity:.7}.hero-note strong{font-size:.95rem}.section{padding:clamp(5rem,9vw,9rem) clamp(1.2rem,7vw,8rem)}.section-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:5rem;align-items:end;margin-bottom:4rem}.section-heading h2,.centre h2,.contact h2{font-size:clamp(2.4rem,4.5vw,4.4rem);line-height:1.08;letter-spacing:-.045em;margin-bottom:0}.section-heading>p{max-width:590px;color:var(--muted);font-size:1.08rem}.examens{background:#f5fafb}.exam-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.exam-grid article{min-height:285px;padding:2rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;background:#fff;transition:.25s}.exam-grid article:hover{background:var(--navy);color:#fff;transform:translateY(-5px)}.exam-grid article>span{color:var(--blue);font-size:.76rem;font-weight:700}.exam-grid h3{font-size:1.6rem;margin:2rem 0 .55rem}.exam-grid p{color:var(--muted);margin:0}.exam-grid article:hover p{color:#c7d6dc}.exam-grid small{margin-top:auto;color:var(--blue);font-weight:600}.exam-grid article:hover small{color:var(--aqua)}.centre{background:var(--navy);color:#fff;display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(3rem,7vw,8rem);align-items:center}.centre-panel>p:not(.eyebrow){font-size:1.12rem;color:#c2d3da;max-width:740px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:1.7rem;margin-top:3.2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.18)}.values strong,.values span{display:block}.values strong{color:var(--aqua);margin-bottom:.55rem}.values span{font-size:.88rem;color:#b7ccd4}.quote{background:linear-gradient(155deg,#0b5065,#087e8b);padding:clamp(2rem,4vw,4rem);border-radius:2px;box-shadow:1.5rem 1.5rem 0 rgba(81,213,205,.13)}.quote p{font:500 clamp(1.35rem,2.2vw,2rem)/1.5 "Manrope";margin:0 0 2rem}.quote span{color:var(--aqua);font-size:.84rem}.section-heading.compact{margin-bottom:3rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.steps>div{background:var(--mist);padding:2.2rem}.steps b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--navy);color:var(--aqua)}.steps h3{font-size:1.25rem;margin:1.8rem 0 .5rem}.steps p{color:var(--muted);margin:0}.medical-note{text-align:center;color:var(--muted);font-size:.9rem;margin:2rem 0 0}.contact{background:linear-gradient(120deg,var(--navy),#075c70);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.contact-card{border-left:1px solid rgba(255,255,255,.25);padding-left:clamp(2rem,6vw,6rem)}.contact-card>p{font-size:1.12rem;color:#cfdee3;max-width:580px}.contact-card .button{margin:1rem 0 2.5rem}.contact-meta{display:flex;gap:3rem;border-top:1px solid rgba(255,255,255,.2);padding-top:1.5rem}.contact-meta span{font-weight:600}.contact-meta small{display:block;color:var(--aqua);font-size:.68rem;letter-spacing:.15em;margin-bottom:.3rem}footer{padding:2rem clamp(1.2rem,7vw,8rem);background:#052535;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:2rem;font-size:.85rem}.footer-brand .brand-mark{width:36px;height:36px}.footer-brand small{display:none}footer p{color:#9fb3bb}footer>a:last-child{color:var(--aqua)}
@media(max-width:900px){.topbar nav{display:none;position:absolute;left:1rem;right:1rem;top:76px;background:var(--navy);padding:1.5rem;flex-direction:column;align-items:stretch;border-radius:.4rem}.topbar nav.open{display:flex}.menu{display:block}.hero{min-height:690px}.hero-note{display:none}.section-heading,.centre,.contact{grid-template-columns:1fr;gap:2.5rem}.exam-grid{grid-template-columns:repeat(2,1fr)}.values{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.contact-card{border-left:0;border-top:1px solid rgba(255,255,255,.25);padding:2rem 0 0}}
@media(max-width:560px){.topbar{height:72px}.hero{padding-top:105px;background:var(--navy)}.hero-shade{background:linear-gradient(0deg,rgba(2,31,47,.94) 0%,rgba(2,31,47,.55) 100%)}h1{font-size:3.25rem}.section{padding-top:4.5rem;padding-bottom:4.5rem}.exam-grid{grid-template-columns:1fr}.exam-grid article{min-height:240px}.section-heading{margin-bottom:2.5rem}.contact-meta{flex-direction:column;gap:1rem}footer{flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.exam-grid article{transition:none}}
.exam-grid article>a{margin:1rem 0;color:var(--blue);font-weight:700;font-size:.88rem}.exam-grid article:hover>a{color:var(--aqua)}.modality-info{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(3rem,7vw,7rem);padding-top:clamp(5rem,8vw,8rem);align-items:start}.modality-intro{position:sticky;top:2rem}.modality-intro h2{font-size:clamp(2.3rem,4vw,3.9rem);line-height:1.08;letter-spacing:-.045em}.modality-intro>p:last-child{color:var(--muted);font-size:1.03rem}.accordions{border-top:1px solid #bfd4d8}.accordions details{border-bottom:1px solid #bfd4d8;scroll-margin-top:1.5rem}.accordions summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:1.35rem .2rem;font:600 clamp(1.15rem,2vw,1.45rem) "Manrope"}.accordions summary::-webkit-details-marker{display:none}.accordions summary span{display:flex;align-items:center;gap:1.1rem}.accordions summary b{font:700 .72rem "DM Sans";color:var(--blue)}.accordions summary i{font-style:normal;font-size:1.8rem;color:var(--blue);transition:.2s}.accordions details[open] summary i{transform:rotate(45deg)}.detail-body{padding:0 .2rem 2rem}.detail-body>p{font-size:1.03rem;color:var(--muted);margin-top:0}.detail-body dl{margin:1.5rem 0 0;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.detail-body dl>div{background:#fff;padding:1.1rem 1.2rem;border-left:3px solid var(--aqua)}.detail-body dt{font-weight:700;color:var(--navy);margin-bottom:.3rem}.detail-body dd{margin:0;color:var(--muted);font-size:.92rem;line-height:1.55}
@media(max-width:900px){.modality-info{grid-template-columns:1fr;gap:2.5rem}.modality-intro{position:static}}
@media(max-width:560px){.detail-body dl{grid-template-columns:1fr}.accordions summary{padding:1.2rem 0}}
.procedure-list{display:grid;gap:1.2rem;margin-top:2rem}.procedure-list>article{background:#fff;border:1px solid var(--line);padding:clamp(1.25rem,3vw,2rem);border-radius:2px}.procedure-title{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1rem}.procedure-title>span{display:grid;place-items:center;min-width:38px;height:38px;border-radius:50%;background:var(--navy);color:var(--aqua);font-size:.72rem;font-weight:700}.procedure-title h4{font:700 clamp(1.2rem,2vw,1.55rem)/1.25 "Manrope";margin:0}.procedure-title p{margin:.15rem 0 0;color:var(--blue);font-size:.83rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.procedure-list>article>p{color:var(--muted)}.procedure-types,.joint-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.25rem 0}.procedure-types>div,.joint-grid>span{display:block;background:var(--mist);padding:1rem}.procedure-types strong,.procedure-types span,.joint-grid b{display:block}.procedure-types strong,.joint-grid b{color:var(--navy);margin-bottom:.35rem}.procedure-types span,.joint-grid span{color:var(--muted);font-size:.9rem;line-height:1.5}.joint-grid{grid-template-columns:repeat(2,1fr)}.procedure-note{border-top:1px solid var(--line);padding-top:1rem;margin-bottom:0}.safety-box{margin-top:1.5rem;background:var(--navy);color:#fff;padding:1.5rem;border-left:4px solid var(--aqua)}.safety-box>strong{font:700 1.05rem "Manrope";color:var(--aqua)}.safety-box p{margin:.5rem 0 0;color:#d5e3e7}.nerve-types{grid-template-columns:1fr 1fr}.nerve-types>div:first-child{grid-row:span 2}
@media(max-width:760px){.procedure-types,.joint-grid,.nerve-types{grid-template-columns:1fr}.nerve-types>div:first-child{grid-row:auto}}
.orl-expertise{background:#fff}.orl-heading{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,6rem);align-items:end;margin-bottom:3.5rem}.orl-heading .eyebrow{grid-column:1/-1;margin-bottom:-1rem}.orl-heading h2{font-size:clamp(2.5rem,5vw,4.7rem);line-height:1.03;letter-spacing:-.05em;margin:0}.orl-heading>p:last-child{font-size:1.08rem;color:var(--muted);max-width:650px}.orl-domains{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.orl-domains article{padding:1.7rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.orl-domains article>span{font-size:.72rem;font-weight:700;color:var(--blue)}.orl-domains h3{margin:1.5rem 0 .65rem;font-size:1.25rem}.orl-domains p{margin:0;color:var(--muted);font-size:.94rem}.university-note{display:flex;justify-content:space-between;gap:2rem;align-items:center;background:var(--mist);padding:1.4rem 1.7rem;margin-top:1.2rem}.university-note strong{color:var(--navy)}.university-note span{color:var(--muted);font-size:.92rem;text-align:right}
@media(max-width:900px){.orl-heading{grid-template-columns:1fr}.orl-heading .eyebrow{grid-column:auto;margin-bottom:0}.orl-domains{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.orl-domains{grid-template-columns:1fr}.university-note{align-items:flex-start;flex-direction:column}.university-note span{text-align:left}}
.medical-team{background:var(--navy);color:#fff}.team-heading{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);align-items:end;margin-bottom:3.5rem}.team-heading h2{font-size:clamp(2.5rem,5vw,4.7rem);line-height:1.03;letter-spacing:-.05em;margin:0}.team-heading>p{color:#bfd1d8;font-size:1.08rem}.doctor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.18)}.doctor-grid article{display:flex;align-items:center;gap:1.3rem;padding:clamp(1.4rem,3vw,2.2rem);background:var(--navy)}.doctor-grid article:last-child:nth-child(odd){grid-column:1/-1}.doctor-grid article>span{display:grid;place-items:center;min-width:64px;height:64px;border-radius:50%;background:#0b4b61;color:var(--aqua);font:700 .92rem "Manrope";letter-spacing:.08em}.doctor-grid small{color:var(--aqua);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em}.doctor-grid h3{font-size:1.3rem;margin:.15rem 0 .25rem}.doctor-grid p{color:#b9cdd4;margin:0;font-size:.92rem}
@media(max-width:760px){.team-heading,.doctor-grid{grid-template-columns:1fr}.doctor-grid article{align-items:flex-start}}
.doctor-grid article>div{width:100%}.doctor-pubs{margin-top:1rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.16)}.doctor-pubs summary{cursor:pointer;color:var(--aqua);font-size:.86rem;font-weight:700}.doctor-pubs ul{list-style:none;padding:0;margin:.9rem 0}.doctor-pubs li{padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.doctor-pubs li a{display:block;color:#e4eef1;font-size:.88rem;line-height:1.45}.doctor-pubs li a:hover{text-decoration:underline}.doctor-pubs li em{font-style:normal;color:#83a8b5;font-size:.72rem}.pubmed-link{display:inline-block;color:var(--aqua);font-size:.8rem;font-weight:700;margin-top:.2rem}
.results-sharing{margin-top:clamp(3.5rem,7vw,6rem);padding:clamp(1.5rem,4vw,3rem);background:#f5fafb;border-top:3px solid var(--aqua);display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(2rem,6vw,5rem)}.results-sharing h3{font-size:clamp(1.7rem,3vw,2.4rem);margin:0}.sharing-items{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.sharing-items article{display:flex;gap:1rem;background:#fff;padding:1.3rem;border:1px solid var(--line)}.sharing-items article>span{display:grid;place-items:center;min-width:40px;height:40px;border-radius:50%;background:var(--navy);color:var(--aqua);font-size:.72rem;font-weight:700}.sharing-items strong{color:var(--navy)}.sharing-items p{color:var(--muted);font-size:.9rem;line-height:1.5;margin:.35rem 0 0}
@media(max-width:760px){.results-sharing,.sharing-items{grid-template-columns:1fr}}
.pricing{scroll-margin-top:2rem;margin-top:1.5rem;background:var(--navy);color:#fff;padding:clamp(1.5rem,4vw,3rem)}.pricing-heading{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,5rem);align-items:end;margin-bottom:2rem}.pricing-heading h3{font-size:clamp(1.8rem,3.2vw,2.7rem);line-height:1.1;margin:0}.pricing-heading>p{color:#bed1d8;margin:0}.price-table{border-top:1px solid rgba(255,255,255,.22)}.price-row{display:flex;justify-content:space-between;gap:2rem;align-items:center;padding:1rem .2rem;border-bottom:1px solid rgba(255,255,255,.16)}.price-row span,.price-row strong,.price-row small{display:block}.price-row strong{font-size:1rem}.price-row small{color:#9eb8c2;margin-top:.15rem}.price-row b{color:var(--aqua);font:700 1.35rem "Manrope";white-space:nowrap}.pricing-note{color:#9eb8c2;font-size:.82rem;margin:1.2rem 0 0}
@media(max-width:760px){.pricing-heading{grid-template-columns:1fr}.price-row{align-items:flex-start}.price-row b{font-size:1.15rem}}
.ct-reimbursement{margin-top:1.5rem;padding:1.4rem 1.5rem;background:#0b4b61;border-left:4px solid var(--aqua)}.ct-reimbursement>strong{display:block;color:var(--aqua);font:700 1.05rem "Manrope";margin-bottom:.5rem}.ct-reimbursement p{color:#d3e1e5;margin:.45rem 0;font-size:.92rem}.ct-reimbursement b{color:#fff}
.contact-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:1rem 0 2.5rem}.contact-card .contact-actions .button{margin:0}.button.outline-light{border:1px solid rgba(255,255,255,.6);color:#fff}.button.outline-light:hover{background:rgba(255,255,255,.1)}
.location-strip{display:grid;grid-template-columns:1fr 1fr;background:#fff}.location-strip article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.4rem;padding:1.5rem clamp(1.2rem,4vw,4.5rem);border-bottom:1px solid var(--line)}.location-strip article:first-child{border-right:1px solid var(--line)}.location-strip article>span{color:var(--blue);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}.location-strip strong{display:block;color:var(--navy);font:700 1.12rem "Manrope"}.location-strip p{margin:.2rem 0 0;color:var(--muted);font-size:.88rem;line-height:1.45}.location-strip a{color:var(--blue);font-size:.85rem;font-weight:700;white-space:nowrap}.location-strip .tilia-card{background:var(--mist)}
@media(max-width:900px){.location-strip{grid-template-columns:1fr}.location-strip article:first-child{border-right:0}.location-strip article{grid-template-columns:auto 1fr}.location-strip a{grid-column:2}}
@media(max-width:560px){.location-strip article{padding:1.3rem 1.2rem;gap:1rem}.location-strip article>span{writing-mode:initial;transform:none;grid-column:1/-1}.location-strip a{grid-column:1/-1}}
.prp-guidance{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.25rem 0}.prp-guidance>div{background:#f5fafb;border-top:3px solid var(--aqua);padding:1.25rem}.prp-guidance>div>strong{display:block;color:var(--navy);font:700 1.05rem "Manrope";margin-bottom:.65rem}.prp-guidance ul{margin:0;padding-left:1.15rem;color:var(--muted)}.prp-guidance li{margin:.45rem 0;font-size:.9rem;line-height:1.5}
@media(max-width:760px){.prp-guidance{grid-template-columns:1fr}}
.topbar nav .tilia-nav{color:var(--aqua);font-weight:700;border-bottom:2px solid var(--aqua);padding:.45rem 0}.hero-actions .tilia-hero{position:relative;background:#fff;color:var(--navy);padding-top:1.35rem;box-shadow:0 10px 28px rgba(0,0,0,.2);font-weight:700}.tilia-hero .button-kicker{position:absolute;left:1.35rem;top:.28rem;color:var(--blue);font-size:.58rem;line-height:1;text-transform:uppercase;letter-spacing:.13em}.hero-actions .ghost{flex-basis:auto}
@media(max-width:900px){.topbar nav .tilia-nav{border:1px solid var(--aqua);padding:.7rem 1rem;border-radius:99px;text-align:center}}
@media(max-width:560px){.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-actions .tilia-hero{order:-1}.tilia-hero .button-kicker{left:50%;transform:translateX(-50%);white-space:nowrap}}
.bim-notice{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:1.5rem;padding:1.1rem 1.25rem;background:var(--aqua);color:var(--navy)}.bim-notice strong{font:700 1rem "Manrope";white-space:nowrap}.bim-notice p{margin:0;font-size:.9rem;line-height:1.45}
@media(max-width:760px){.bim-notice{align-items:flex-start;flex-direction:column;gap:.4rem}.bim-notice strong{white-space:normal}}
.privacy{background:#f5fafb}.privacy-heading{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,6vw,6rem);align-items:end;margin-bottom:2.5rem}.privacy-heading .eyebrow{grid-column:1/-1;margin-bottom:-1rem}.privacy-heading h2{font-size:clamp(2.4rem,4.5vw,4.2rem);line-height:1.08;letter-spacing:-.045em;margin:0}.privacy-heading>p:last-child{color:var(--muted);font-size:1.05rem}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.privacy-grid details{background:#fff;padding:1.4rem}.privacy-grid summary{cursor:pointer;color:var(--navy);font:700 1rem "Manrope"}.privacy-grid p{color:var(--muted);font-size:.9rem;line-height:1.6;margin:.8rem 0 0}.footer-links{display:flex;align-items:center;gap:1.3rem}.footer-links a,.footer-links button{color:var(--aqua);font:inherit;background:none;border:0;padding:0;cursor:pointer}.footer-links button{text-decoration:underline;text-underline-offset:3px}.cookie-banner{position:fixed;z-index:1000;left:1rem;right:1rem;bottom:1rem;max-width:1060px;margin:auto;background:#fff;color:var(--ink);padding:1.3rem 1.5rem;box-shadow:0 12px 45px rgba(2,31,47,.28);border-top:4px solid var(--aqua);display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}.cookie-banner[hidden]{display:none}.cookie-banner strong{font:700 1.15rem "Manrope";color:var(--navy)}.cookie-banner p{margin:.3rem 0;color:var(--muted);font-size:.9rem;line-height:1.5}.cookie-banner a{color:var(--blue);font-size:.84rem;font-weight:700;text-decoration:underline}.cookie-actions{display:flex;gap:.7rem}.cookie-actions button{border-radius:99px;padding:.75rem 1rem;font:700 .85rem "DM Sans";cursor:pointer}.cookie-refuse{background:#fff;color:var(--navy);border:1px solid var(--navy)}.cookie-accept{background:var(--navy);color:#fff;border:1px solid var(--navy)}
@media(max-width:760px){.privacy-heading,.privacy-grid{grid-template-columns:1fr}.privacy-heading .eyebrow{grid-column:auto;margin-bottom:0}.cookie-banner{grid-template-columns:1fr;gap:1rem}.cookie-actions{justify-content:stretch}.cookie-actions button{flex:1}footer{align-items:flex-start}.footer-links{align-items:flex-start;flex-direction:column;gap:.6rem}}
.hero-centre-name{display:inline-flex;align-items:flex-start;flex-direction:column;gap:.32rem;padding:.75rem 1rem;border:1px solid rgba(81,213,205,.55);background:rgba(6,47,69,.48);backdrop-filter:blur(6px);font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.25;letter-spacing:.12em}.hero-centre-name b{color:#fff;font-weight:700}.hero-centre-name small{color:#fff;font-size:.76rem;font-weight:600;letter-spacing:.08em;text-transform:none;opacity:.88}
@media(max-width:560px){.hero-centre-name{display:flex;align-items:flex-start;flex-direction:column;gap:.1rem;width:max-content;max-width:100%}}
.location-strip .pacs-access{grid-column:1/-1;background:var(--navy);color:#fff;border-top:0;border-bottom:0}.location-strip .pacs-access>span{color:var(--aqua)}.location-strip .pacs-access strong{color:#fff;font-size:1.2rem}.location-strip .pacs-access p{color:#c5d6dc}.location-strip .pacs-access a{display:inline-flex;align-items:center;justify-content:center;background:var(--aqua);color:var(--navy);padding:.75rem 1rem;border-radius:99px;font-weight:700}
@media(max-width:900px){.location-strip .pacs-access{grid-column:auto}}
.pacs-only{grid-template-columns:1fr}.pacs-only .pacs-access{grid-column:auto}
.images-nav{color:var(--aqua);font-weight:700}.technology-note{margin:1rem 0 1.35rem;padding:1rem 1.15rem;background:#f5fafb;border-left:4px solid var(--aqua);color:var(--muted)}.technology-note strong{color:var(--navy)}#mes-images{scroll-margin-top:2rem}.location-strip .pacs-access strong{font-size:clamp(1.2rem,2vw,1.55rem)}.location-strip .pacs-access a{padding:.9rem 1.25rem;box-shadow:0 7px 22px rgba(0,0,0,.18)}
.service-announcement{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1.4rem;margin:-1.5rem 0 2.5rem;padding:1.15rem 1.35rem;background:var(--navy);color:#fff;border-left:5px solid var(--aqua)}.service-announcement>span{padding:.42rem .7rem;border-radius:99px;background:var(--aqua);color:var(--navy);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.service-announcement p{margin:0;line-height:1.45;color:#dce8eb}.service-announcement strong{display:block;color:#fff;font:700 1.05rem "Manrope",sans-serif;margin-bottom:.18rem}@media(max-width:650px){.service-announcement{grid-template-columns:1fr;gap:.75rem;margin-top:-.5rem}.service-announcement>span{justify-self:start}}
.hero-announcement{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1.15rem;width:100%;max-width:1440px;margin:0 auto;padding:.85rem 1rem;background:rgba(255,255,255,.95);color:var(--navy);border-left:5px solid var(--aqua);box-shadow:0 12px 30px rgba(2,31,47,.25)}.hero-announcement>span{padding:.38rem .65rem;border-radius:99px;background:var(--aqua);color:var(--navy);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-announcement p{margin:0;line-height:1.4}.hero-announcement strong{display:inline;margin-right:.65rem;font:700 1rem "Manrope",sans-serif}@media(max-width:650px){.hero-announcement{grid-template-columns:1fr;gap:.55rem}.hero-announcement>span{justify-self:start}.hero-announcement strong{display:block;margin:0 0 .15rem}}
.hero-pacs{position:absolute;z-index:2;left:clamp(1.2rem,5vw,6rem);right:clamp(10rem,15vw,19rem);bottom:1.6rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.35rem;padding:1.15rem 1.35rem;background:rgba(6,47,69,.94);border:1px solid rgba(81,213,205,.55);box-shadow:0 14px 38px rgba(0,0,0,.2);backdrop-filter:blur(8px)}.hero-pacs>span{color:var(--aqua);font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.hero-pacs strong{display:block;color:#fff;font:700 clamp(1.05rem,1.5vw,1.3rem) "Manrope"}.hero-pacs p{margin:.15rem 0 0;color:#c5d6dc;font-size:.84rem;line-height:1.4}.hero-pacs a{display:inline-flex;align-items:center;justify-content:center;padding:.82rem 1.1rem;border-radius:99px;background:var(--aqua);color:var(--navy);font-size:.85rem;font-weight:700;white-space:nowrap}
@media(max-width:900px){.hero{height:auto;min-height:760px;padding-bottom:2rem;align-items:flex-start}.hero-copy{margin-top:1rem}.hero-pacs{position:relative;left:auto;right:auto;bottom:auto;width:100%;margin-top:auto;grid-template-columns:1fr auto}.hero-pacs>span{grid-column:1/-1}.hero-note{display:none}}
@media(max-width:560px){.hero{display:block;padding-bottom:1.2rem}.hero-pacs{margin-top:1.5rem;grid-template-columns:1fr;padding:1rem}.hero-pacs a{width:100%}}
.hero-contact{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem 1.2rem;margin-top:1.3rem;color:#fff;font-size:.9rem}.hero-contact>span{color:var(--aqua);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hero-contact a{border-bottom:1px solid rgba(255,255,255,.5);font-weight:600}.hero-contact a:hover{color:var(--aqua)}.secretariat-contact{display:grid;grid-template-columns:auto 1fr;gap:1rem;margin:1.2rem 0}.secretariat-contact a{display:block;background:rgba(255,255,255,.08);padding:.9rem 1rem}.secretariat-contact small,.secretariat-contact strong{display:block}.secretariat-contact small{color:var(--aqua);font-size:.66rem;letter-spacing:.13em}.secretariat-contact strong{margin-top:.2rem;font-size:.9rem;overflow-wrap:anywhere}.privacy-grid a{color:var(--blue);text-decoration:underline}
@media(max-width:560px){.hero-contact{align-items:flex-start;flex-direction:column}.secretariat-contact{grid-template-columns:1fr}}
.appointment-messages{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.4rem}.appointment-messages article{display:flex;align-items:flex-start;gap:1rem;background:var(--navy);color:#fff;padding:1.25rem}.appointment-messages article>span{display:grid;place-items:center;min-width:54px;height:34px;border-radius:99px;background:var(--aqua);color:var(--navy);font-size:.72rem;font-weight:700;text-transform:uppercase}.appointment-messages strong{display:block;font:700 1.05rem "Manrope"}.appointment-messages p{margin:.3rem 0 0;color:#c7d8de;font-size:.9rem;line-height:1.5}
@media(max-width:760px){.appointment-messages{grid-template-columns:1fr}}

/* Homepage: centre identities, secretariat and appointment access. */
.hero-shade{background:linear-gradient(90deg,rgba(2,31,47,.93) 0%,rgba(3,43,59,.75) 34%,rgba(4,41,53,.4) 52%,rgba(2,31,47,.74) 70%,rgba(2,31,47,.86) 100%),linear-gradient(0deg,rgba(2,31,47,.4),transparent 45%)}
.hero{height:auto;min-height:max(800px,100svh);padding:128px clamp(1.2rem,5vw,6rem) 28px;display:flex;flex-direction:column;align-items:stretch;gap:clamp(2rem,4vw,4rem)}
.hero-locations{position:relative;z-index:1;flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,680px));justify-content:space-between;align-items:start;align-content:center;gap:clamp(6rem,12vw,14rem);width:100%;max-width:1700px;margin:0 auto}
.hero-copy{max-width:760px;min-width:0;margin:0}
.hero-title{margin:0;font-size:1rem;font-weight:700;letter-spacing:-.045em;line-height:1}
.hero-service{display:block;margin-bottom:1rem;font-size:clamp(1.15rem,1.65vw,1.65rem);line-height:1.3;letter-spacing:.12em;text-transform:uppercase;color:var(--aqua)}
.hero-name{display:block;font-size:clamp(4.5rem,7.5vw,7.5rem);font-weight:700;line-height:1}
.hero-name>span{display:block;margin-top:.2rem;color:var(--aqua);font-size:clamp(2.5rem,4vw,4rem);line-height:1.15;letter-spacing:-.035em}
.hero-address{margin:1rem 0 1.5rem;color:#e2edf1;font-size:1.1rem;line-height:1.5}
.hero-secretariat{padding:1.3rem 1.5rem;background:rgba(6,47,69,.9);border:1px solid rgba(81,213,205,.6);border-left:4px solid var(--aqua);backdrop-filter:blur(10px)}
.hero-secretariat .hero-contact-title{margin:0 0 1rem;color:#fff;font-size:1.15rem;line-height:1.4;letter-spacing:0}
.hero-contact-links{display:flex;align-items:center;flex-wrap:wrap;gap:.9rem 1.7rem}
.hero-contact-links a{display:block;min-width:0;max-width:100%;padding:.15rem 0;text-underline-offset:.25em}
.hero-contact-links a>span{display:block;color:#a9d8de;font-size:.875rem;line-height:1.4;margin-bottom:.3rem}
.hero-contact-links strong{display:block;line-height:1.25}
.hero-phone strong{font-family:"Manrope",sans-serif;font-size:clamp(1.8rem,2.55vw,2.6rem);letter-spacing:-.03em;color:var(--aqua);white-space:nowrap}
.hero-email strong{font-size:clamp(1rem,1.25vw,1.25rem);color:#fff;overflow-wrap:anywhere}
.hero-contact-links a:hover strong{text-decoration:underline}
.hero-actions{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:stretch;margin-top:1.3rem;gap:.75rem}
.hero-actions .button{min-width:0;padding:.9rem 1.15rem;font-size:1rem;gap:1rem;line-height:1.4}
.hero-bottom{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:.75rem;width:100%;margin-top:auto}
.hero-pacs{position:relative;inset:auto;width:100%;margin:0;grid-template-columns:auto minmax(0,1fr) auto;gap:1.25rem;min-height:120px;padding:clamp(1.1rem,1.6vw,1.6rem);border:2px solid var(--aqua);border-top-width:3px;box-shadow:0 16px 48px rgba(2,31,47,.3)}
.hero-note{position:static;display:block;justify-self:end}
.hero-pacs>span{font-size:.875rem;letter-spacing:.08em}
.hero-pacs strong{font-size:clamp(1.2rem,1.65vw,1.65rem);line-height:1.25}
.hero-pacs p{font-size:.95rem;line-height:1.5;margin-top:.35rem}
.hero-pacs a{padding:.85rem 1.2rem;font-size:1rem;line-height:1.4;font-weight:700;white-space:normal;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.hero a:focus-visible{outline:3px solid var(--aqua);outline-offset:5px}
.topbar{height:96px;gap:1.5rem;background:rgba(6,47,69,.7);backdrop-filter:blur(10px)}
.topbar .brand{flex-shrink:0}
.topbar nav{gap:clamp(.65rem,.9vw,1.1rem);font-size:1.125rem;font-weight:700;line-height:1.4}
.topbar nav>a{color:var(--white);white-space:nowrap}
.topbar nav>a:not(.nav-cta){padding:.6rem .15rem}
.topbar nav>a:hover{color:var(--white);text-decoration:underline;text-underline-offset:.3em}
.topbar nav .images-nav,.topbar nav .tilia-nav{color:var(--white);border-color:var(--white)}
.topbar nav .nav-cta{background:rgba(184,242,235,.08);border-color:var(--white);color:var(--white);padding:.75rem 1rem}
.topbar nav .nav-cta:hover{background:rgba(184,242,235,.16);color:var(--white);text-decoration:none}
.topbar nav>a:focus-visible,.menu:focus-visible{outline:3px solid var(--aqua);outline-offset:4px}
@media(min-width:1701px) and (max-width:2400px){.topbar{height:144px;flex-wrap:wrap;align-content:center;row-gap:.7rem;padding-top:1rem;padding-bottom:1rem}.topbar nav{width:100%;justify-content:space-between;gap:.65rem;font-size:1rem}.hero{padding-top:180px}}
@media(max-width:1700px){.topbar nav{display:none;position:absolute;left:1rem;right:1rem;top:calc(100% + .5rem);max-height:calc(100svh - 120px);overflow-y:auto;background:var(--navy);padding:1.25rem;flex-direction:column;align-items:stretch;border:1px solid rgba(81,213,205,.5);border-radius:.4rem;font-size:1.125rem}.topbar nav.open{display:flex}.topbar nav>a{min-height:44px;white-space:normal}.menu{display:block;color:var(--white);border-color:var(--white);font-weight:700}}
@media(max-width:1100px){.hero-bottom{grid-template-columns:1fr}.hero-note{display:none}.hero-pacs{grid-template-columns:minmax(0,1fr) auto}.hero-pacs>span{grid-column:1/-1}.hero-secretariat{padding:1.2rem}.hero-contact-links{gap:.9rem}}
@media(max-width:900px){.hero{min-height:100svh;padding-top:116px;gap:2rem}.hero-locations{grid-template-columns:1fr;gap:3.5rem}.hero-copy{max-width:none}.hero-contact-links{gap:1rem 2rem}.hero-name{font-size:clamp(4.5rem,12vw,6.5rem)}}
@media(max-width:560px){.topbar{height:80px}.hero{padding-top:104px;padding-bottom:1.2rem}.hero-service{font-size:1.1rem;letter-spacing:.08em}.hero-name{font-size:min(4.5rem,21vw)}.hero-name>span{font-size:min(2.6rem,12vw)}.hero-address{font-size:1rem}.hero-secretariat{padding:1.1rem}.hero-contact-links{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.hero-phone strong{font-size:2rem;white-space:normal}.hero-email strong{font-size:1.05rem}.hero-actions{display:grid;grid-template-columns:minmax(0,1fr)}.hero-actions .button{width:100%}.hero-pacs{grid-template-columns:minmax(0,1fr);padding:1.15rem;gap:.8rem}.hero-pacs>span{grid-column:auto}.hero-pacs a{white-space:normal;text-align:center;width:100%}}

/* Patient navigation and language choice */
.topbar-controls{display:flex;align-items:center;gap:.8rem;order:2;flex-shrink:0}
.topbar nav{order:1}
.language-switcher{display:flex;align-items:center;gap:.25rem}
.language-flag{display:flex;align-items:center;justify-content:center;flex:0 0 44px;min-width:44px;min-height:44px;border:2px solid transparent;border-radius:.45rem;background:rgba(6,47,69,.45);transition:background .2s,border-color .2s}
.language-flag img{display:block;max-width:30px;max-height:20px;object-fit:contain}
.language-flag:hover{background:rgba(184,242,235,.16);border-color:rgba(184,242,235,.65)}
.language-flag[aria-current="page"]{border-color:var(--aqua);background:rgba(81,213,205,.2)}
.language-flag:focus-visible{outline:3px solid var(--aqua);outline-offset:3px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.nav-dropdown{position:relative;min-width:0}
.topbar .nav-dropdown>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:44px;padding:.6rem .1rem;cursor:pointer;color:var(--white);font:inherit;white-space:nowrap}
.nav-dropdown>summary::-webkit-details-marker{display:none}
.nav-dropdown>summary::after{content:"";flex:0 0 auto;width:.45rem;height:.45rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.nav-dropdown[open]>summary::after{transform:translateY(2px) rotate(225deg)}
.topbar .nav-dropdown>summary:hover,.topbar .nav-dropdown[open]>summary{color:var(--white);text-decoration:underline;text-underline-offset:.3em}
.topbar .nav-dropdown>summary:focus-visible,.topbar .nav-submenu a:focus-visible{outline:3px solid var(--aqua);outline-offset:3px}
.topbar .nav-submenu{position:absolute;left:0;top:calc(100% + .65rem);width:300px;max-width:calc(100vw - 2rem);max-height:calc(100svh - 190px);overflow-y:auto;overscroll-behavior:contain;padding:.8rem;background:#062f45;border:1px solid rgba(184,242,235,.65);border-top:3px solid var(--aqua);border-radius:.4rem;box-shadow:0 18px 45px rgba(2,23,35,.35);color:var(--white);text-align:left}
.topbar .nav-dropdown:not([open])>.nav-submenu{display:none}
.topbar .nav-dropdown-end>.nav-submenu{left:auto;right:0}
.topbar .nav-dropdown-wide>.nav-submenu{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:640px}
.nav-submenu ul{list-style:none;margin:0;padding:0}
.nav-submenu li{margin:0;padding:0}
.topbar .nav-submenu a{display:flex;align-items:center;min-height:44px;padding:.65rem .7rem;border-radius:.25rem;color:var(--white);font-size:1rem;font-weight:600;line-height:1.4;white-space:normal;overflow-wrap:break-word}
.topbar .nav-submenu a:hover,.topbar .nav-submenu a:focus-visible{background:rgba(184,242,235,.12);color:var(--white);text-decoration:underline;text-underline-offset:.2em}
.nav-group-label{margin:.3rem .7rem .65rem;font-size:.75rem;letter-spacing:.07em;text-transform:uppercase;color:#fff;line-height:1.5}
main [id]{scroll-margin-top:2rem}
.hero-write{grid-column:1/-1;padding:.4rem 0;color:#b8f2eb;font-size:1rem;font-weight:700;text-decoration:underline;text-underline-offset:.3em}
.hero-write:hover{color:#fff}
@media(min-width:1701px) and (max-width:2400px){.topbar nav{order:3}.topbar-controls{margin-left:auto}}
@media(max-width:1700px){.topbar .nav-dropdown>summary{width:100%;white-space:normal;padding:.75rem .3rem}.topbar .nav-submenu,.topbar .nav-dropdown-end>.nav-submenu{position:static;width:auto;max-width:none;max-height:none;margin:.3rem 0 .75rem;overflow:visible;box-shadow:none;background:#0a4056}.topbar .nav-dropdown{width:100%}.topbar .nav-dropdown-wide>.nav-submenu{width:auto}.topbar nav{gap:.35rem}.topbar nav .nav-cta{justify-content:center;gap:1rem}}
@media(max-width:650px){.topbar .brand small{display:none}.topbar{gap:.65rem}.topbar-controls{gap:.5rem}.topbar .nav-dropdown-wide>.nav-submenu{grid-template-columns:minmax(0,1fr)}}
@media(max-width:380px){.topbar .brand{gap:.5rem}.topbar .brand-mark{width:32px;height:32px}.topbar .brand strong{font-size:1rem}.menu{padding:.55rem .7rem;font-size:.9rem}}

/* Contact by e-mail and prescription form awaiting mailbox connection */
.patient-contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,6vw,6rem);align-items:start;background:#f5fafb}
.patient-contact h2{font-size:clamp(2.4rem,4vw,4rem);line-height:1.1;letter-spacing:-.04em;margin:0 0 1.5rem;color:var(--navy)}
.patient-contact-intro>p:not(.eyebrow){color:var(--muted);font-size:1.05rem}
.patient-contact-intro .button{margin:.75rem 0 .25rem;gap:1rem}
.patient-contact-intro .email-attachment-help{font-size:.95rem}
.patient-contact-address,.patient-contact-phone{display:block;color:var(--navy);font-weight:700;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:.25em}
.patient-contact-phone{margin-top:.75rem;font-size:1.6rem;color:var(--blue)}
.patient-form-panel{min-width:0;padding:clamp(1.25rem,3vw,2.5rem);border:1px solid #c5dcdf;border-top:4px solid var(--aqua);background:#fff}
.form-availability{padding:1rem 1.25rem;background:#e9f5f4;border-left:3px solid var(--blue);margin-bottom:1.5rem}
.form-availability strong{color:var(--navy)}
.form-availability p{margin:.4rem 0 0;font-size:.95rem;color:var(--muted)}
.patient-form-panel fieldset{border:0;margin:0;padding:0;min-width:0}
.patient-form-panel legend{font:700 1.25rem/1.4 "Manrope",sans-serif;color:var(--navy);padding:0;margin-bottom:1.5rem}
.patient-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.form-field{min-width:0}.form-field-full{grid-column:1/-1}
.form-field label{display:block;font-weight:700;font-size:.95rem;color:var(--navy);margin-bottom:.5rem}
.form-field input,.form-field select,.form-field textarea{display:block;width:100%;max-width:100%;min-height:48px;padding:.75rem;border:1px solid #a8c4cb;border-radius:.3rem;background:#fff;color:var(--ink);font:inherit;line-height:1.4}
.form-field textarea{resize:vertical}
.form-field :disabled{opacity:1;background:#f3f6f7;color:#526e79;cursor:not-allowed}
.prescription-upload{padding:1rem;background:#f5fafb;border:1px dashed #89b6bf;border-radius:.3rem}
.prescription-upload p{margin:0 0 .8rem;color:var(--muted);font-size:.9rem}
.prescription-upload input{font-size:.85rem;padding:.6rem}
.prescription-upload .camera-label{font-size:.85rem;font-weight:500;margin-top:1rem}
.patient-form-panel button{margin-top:1.5rem;border:0;font-family:inherit}
.patient-form-panel button:disabled{opacity:1;background:#d7e5e7;color:#486872;cursor:not-allowed;transform:none}
.patient-contact a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
@media(max-width:1000px){.patient-contact{grid-template-columns:1fr}}
@media(max-width:560px){.patient-form-grid{grid-template-columns:1fr}.patient-form-panel button{width:100%}.patient-contact-intro .button{width:100%}}

.centre{display:block}.centre-panel{max-width:1100px;margin:0 auto}.centre-panel>p:not(.eyebrow){max-width:950px}

.hero-pacs>span{max-width:12rem;line-height:1.5}

.topbar nav>a.nav-contact{display:flex;align-items:center;justify-content:center;max-width:13.5rem;min-height:44px;padding:.4rem .25rem;white-space:normal;text-align:center;line-height:1.35;color:var(--white)}
@media(max-width:1700px){.topbar nav>a.nav-contact{justify-content:flex-start;max-width:none;width:100%;padding:.75rem .3rem;text-align:left}}

.preparation-instructions{margin:2.5rem 0;background:#f0f8f8;padding:clamp(1.25rem,3vw,2.5rem);border-top:3px solid var(--aqua)}
.preparation-instructions>h3{margin:0 0 1.5rem;font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.25;color:var(--navy)}
.preparation-instructions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.preparation-instructions-grid article{padding:1.4rem;background:#fff;border-left:3px solid var(--aqua);min-width:0}
.preparation-instructions-grid h4{font:700 1.12rem/1.4 "Manrope",sans-serif;color:var(--navy);margin:0 0 .8rem}
.preparation-instructions-grid p{margin:0;color:var(--muted);font-size:1rem;line-height:1.65}
.payment-methods{margin-top:2rem;padding:1.25rem 1.5rem;border:1px solid rgba(184,242,235,.5);border-left:4px solid var(--aqua);background:rgba(184,242,235,.06)}
.payment-methods h4{font:700 1.15rem/1.4 "Manrope",sans-serif;color:var(--aqua);margin:0 0 .5rem}
.payment-methods p{margin:0;color:#e2edf1;font-size:1rem;line-height:1.6}
@media(max-width:1100px){.preparation-instructions-grid{grid-template-columns:1fr}}

@media(max-width:420px){.topbar{height:128px;flex-wrap:wrap;align-content:center;gap:.3rem;padding-top:.5rem;padding-bottom:.5rem}.topbar-controls{display:contents}.topbar .brand{order:0}.topbar .menu{order:2;margin-left:auto}.language-switcher{order:3;flex-basis:100%;justify-content:center}.hero{padding-top:152px}.topbar nav{max-height:calc(100svh - 150px)}}

.aftercare{margin:3rem 0;padding:clamp(1.2rem,3vw,2.5rem);background:var(--mist);border-top:3px solid var(--aqua)}
.aftercare>h3{margin:0 0 1rem;font:700 clamp(1.6rem,2.5vw,2.2rem)/1.25 "Manrope",sans-serif;color:var(--navy)}
.aftercare-intro{max-width:900px;color:var(--muted);margin:0 0 1.8rem}
.aftercare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;align-items:start}
.aftercare-grid>article{min-width:0;padding:clamp(1.1rem,2vw,1.7rem);background:#fff;border:1px solid var(--line)}
.aftercare h4{font:700 1.15rem/1.45 "Manrope",sans-serif;color:var(--navy);margin:0 0 1rem}
.aftercare-advice{padding-left:1.2rem;margin:0;color:var(--muted)}
.aftercare-advice li{margin:.7rem 0;line-height:1.65}
.aftercare-references{margin-top:1rem;font-size:.8rem;color:var(--muted)}
.aftercare-references summary{cursor:pointer;padding:.5rem 0;font-weight:600}
.aftercare-references ul{padding-left:1.1rem;margin:.5rem 0}
.aftercare-references li{margin:.5rem 0}
.aftercare-references a{color:var(--blue);text-decoration:underline;text-underline-offset:.2em;overflow-wrap:anywhere}
.aftercare-medication{margin:2rem 0;padding:clamp(1.4rem,3vw,2.2rem);background:#dcf5f1;border:2px solid var(--aqua);border-left:7px solid #138880;color:var(--navy);box-shadow:0 8px 24px rgba(7,52,75,.07)}
.aftercare-medication h4{font-size:clamp(1.4rem,2.3vw,1.9rem);line-height:1.3;margin:0 0 .75rem;color:#07554f}
.aftercare-medication p{max-width:none;margin:0;font-size:clamp(1.1rem,1.5vw,1.3rem);font-weight:600;line-height:1.65;color:var(--navy)}
.aftercare-contact{margin-top:1.5rem;padding:clamp(1.2rem,2.5vw,2rem);background:var(--navy);border-left:4px solid var(--aqua);color:#fff}
.aftercare-contact h4{color:var(--aqua);font-size:1.3rem;margin-bottom:.7rem}
.aftercare-contact p{color:#d5e3e7;margin:.5rem 0 1rem}
.aftercare-contact-links{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center}
.aftercare a:focus-visible,.aftercare summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
[id^="dr-"] .doctor-affiliation{color:var(--blue);font-weight:700;font-size:.92rem;line-height:1.55;margin:.7rem 0}
@media(max-width:900px){.aftercare-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.aftercare-contact-links{align-items:stretch;flex-direction:column}.aftercare-contact-links .button{width:100%;white-space:normal;text-align:center}}
@media(max-width:1700px){.topbar-controls{margin-left:auto}}

/* Compact AZUR + TILIA signature in the existing top bar */
.site-brands{position:absolute;left:clamp(1.2rem,4vw,4.5rem);top:50%;transform:translateY(-50%);order:0;display:flex;align-items:center;gap:.7rem;flex:0 0 auto;padding:.3rem .6rem .3rem .3rem;border:1px solid rgba(255,255,255,.24);border-radius:99px;background:rgba(3,36,52,.45)}
.site-brand{display:flex;align-items:center;gap:.5rem;min-width:0}
.site-brand>span{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:rgba(255,255,255,.95)}
.site-brand img{display:block;width:29px;height:29px;object-fit:contain}
.site-brand b{display:block;color:#fff;font:700 .92rem/1 "Manrope",sans-serif;letter-spacing:.1em}
.site-brand b i{display:block;margin-top:.25rem;color:#b8f2eb;font:600 .58rem/1 "DM Sans",sans-serif;letter-spacing:.07em;text-transform:uppercase}
.site-brand-divider{width:1px;height:28px;background:rgba(255,255,255,.28)}
.site-brand-tilia>span{background:#f3f8f2}
@media(min-width:1701px) and (max-width:2400px){.site-brands{top:1rem;transform:none}.topbar-controls{align-self:flex-start}}
@media(max-width:650px){.site-brands{gap:.4rem;padding:.2rem .35rem .2rem .2rem}.site-brand{gap:.3rem}.site-brand>span{width:34px;height:34px;flex-basis:34px}.site-brand img{width:25px;height:25px}.site-brand b{font-size:.72rem}.site-brand b i{font-size:.5rem}.site-brand-divider{height:22px}.topbar{padding-left:.75rem;padding-right:.75rem}}
@media(max-width:700px){.topbar{height:136px;align-content:center}.site-brands{left:.75rem;top:.6rem;width:max-content;max-width:calc(100% - 1.5rem);justify-content:flex-start;transform:none}.topbar-controls{display:flex;order:2;width:100%;align-self:flex-end;justify-content:center}.hero{padding-top:160px}.topbar nav{max-height:calc(100svh - 158px)}}

/* Appointment cancellation reminder */
.appointment-cancellation{margin:1.5rem 0;padding:1.35rem 1.5rem;background:var(--mist);border-left:4px solid var(--aqua);color:var(--navy)}
.appointment-cancellation h3{margin:0 0 .5rem;font:700 1.2rem/1.4 "Manrope",sans-serif}
.appointment-cancellation p{margin:0;line-height:1.65}
.appointment-cancellation a{font-weight:700;white-space:nowrap;text-decoration:underline;text-underline-offset:.2em}
.appointment-cancellation a:focus-visible{outline:3px solid var(--aqua);outline-offset:4px}
.contact .appointment-cancellation{background:rgba(255,255,255,.06);color:var(--white)}

/* Direct access to examinations on the homepage */
.hero-modalities{position:relative;z-index:1;width:100%;max-width:1720px;margin:0 auto;padding:.7rem 1.25rem;background:rgba(6,47,69,.55);border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3)}
.hero-modalities ul{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.25rem clamp(1rem,1.8vw,2rem);list-style:none;padding:0;margin:0}
.hero-modalities li{min-width:0}
.hero-modalities a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:.5rem 0;color:var(--white);font:700 clamp(1rem,1.15vw,1.3rem)/1.4 "DM Sans",sans-serif;text-align:center;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.3em;transition:text-decoration-color .2s}
.hero-modalities a:hover,.hero-modalities a:focus-visible{text-decoration-color:currentColor}
@media(max-width:560px){.hero-modalities{padding:.6rem .8rem}.hero-modalities ul{justify-content:flex-start;gap:.15rem 1rem}.hero-modalities a{font-size:.95rem;text-align:left}}

/* Compact phone contact for urgent examination requests */
.urgent-exam-notice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem 1.1rem;justify-self:start;max-width:100%;padding:.85rem 1.1rem;background:rgba(6,47,69,.88);border:1px solid rgba(81,213,205,.6);border-radius:.35rem;color:var(--white)}
.urgent-exam-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(81,213,205,.14);color:var(--aqua)}
.urgent-exam-notice h2{margin:0 0 .2rem;font:700 1.05rem/1.4 "Manrope",sans-serif;letter-spacing:0}
.urgent-exam-notice p{margin:0;font-size:.95rem;line-height:1.5;color:#d5e3e7}
.urgent-exam-notice>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.45rem .85rem;border:1px solid rgba(81,213,205,.6);border-radius:99px;background:rgba(81,213,205,.12);color:var(--aqua);font-weight:700;font-size:1.05rem;line-height:1.4;white-space:nowrap}
.urgent-exam-notice>a:hover{background:rgba(81,213,205,.22);text-decoration:underline;text-underline-offset:.2em}
@media(max-width:640px){.urgent-exam-notice{width:100%;grid-template-columns:auto minmax(0,1fr)}.urgent-exam-notice>a{grid-column:2;justify-self:start}}

/* Symbols beside the names of both practices. */
.hero-identity{--hero-symbol-size:clamp(5rem,9vw,10rem);position:relative}
.hero-identity .hero-name{padding-right:calc(var(--hero-symbol-size) + 1rem)}
.hero-symbol{position:absolute;right:0;bottom:.15rem;display:block;width:var(--hero-symbol-size);height:auto;max-height:10.5rem;object-fit:contain;pointer-events:none}
@media(max-width:560px){.hero-identity{--hero-symbol-size:clamp(3.75rem,20vw,6rem)}.hero-identity .hero-name{padding-right:calc(var(--hero-symbol-size) + .75rem)}.hero-symbol{bottom:.1rem;max-height:7rem}}

/* Accès au planning des équipes */
.topbar nav>a.nav-planning{display:flex;align-items:center;gap:.4rem;min-height:44px;white-space:nowrap}
.topbar nav>a.nav-planning:focus-visible{outline:3px solid var(--aqua);outline-offset:3px}
@media(max-width:1700px){.topbar nav>a.nav-planning{width:100%;padding:.75rem .3rem}}

/* Direct team access remains visible when patient navigation is collapsed. */
body{padding-top:0}
.topbar{top:0}

.team-planning-access{position:fixed;right:max(1rem,env(safe-area-inset-right));top:max(.5rem,env(safe-area-inset-top));z-index:20;display:flex;flex-direction:column;gap:.15rem;max-width:calc(100vw - 2rem);padding:.75rem 1.15rem;border:2px solid var(--aqua);border-radius:.65rem;background:#07344b;color:#fff;box-shadow:0 4px 18px rgba(0,0,0,.25);line-height:1.4}
.team-planning-access strong{font-size:1rem;color:var(--aqua)}
.team-planning-access>span{font-size:.875rem}
.team-planning-access:hover{background:#0a4b61}
.team-planning-access:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media print{.team-planning-access,body::before{display:none}body{padding-top:0}.topbar{top:0}}

/* Reserve space for the practice logos in every header layout. */
.topbar .site-brands{position:static;transform:none;flex-shrink:0}
@media(min-width:1701px) and (max-width:2400px){.topbar{height:auto;min-height:144px}.topbar .site-brands{align-self:flex-start}.topbar nav{flex-basis:100%}}
@media(max-width:700px){.topbar{flex-wrap:wrap;align-items:center;align-content:center}.topbar .site-brands{max-width:100%}.topbar-controls{flex-basis:100%}}

/* Primary online booking, above the secretariat details. */
.hero-booking{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-height:98px;margin:0 0 1.35rem;padding:1.1rem 1.4rem;border:2px solid #e6fffb;border-radius:.8rem;background:#51d5cd;color:#042f40;box-shadow:0 8px 24px rgba(0,0,0,.22);transition:background .2s,transform .2s}
.hero-booking>span:first-child{display:grid;gap:.25rem;min-width:0}
.hero-booking strong{font:800 clamp(1.25rem,1.55vw,1.65rem)/1.25 "Manrope",sans-serif}
.hero-booking>span>span{font-size:1rem;font-weight:600;line-height:1.4}
.hero-booking-arrow{font-size:2rem;line-height:1;flex-shrink:0}
.hero-booking:hover{background:#8be8e0;transform:translateY(-2px)}
.hero-booking:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:560px){.hero-booking{min-height:94px;padding:1rem}.hero-booking strong{font-size:1.25rem}}

/* Approved homepage: modest slogan and prominent booking above contacts. */
.topbar{position:relative;top:0;height:auto;min-height:96px;padding-top:1rem;padding-bottom:1rem;background:#07344b}
.hero{padding-top:2rem}
.hero-slogan{position:relative;z-index:1;margin:0 auto;text-align:center;color:#fff;font:700 clamp(1.15rem,1.7vw,1.75rem)/1.5 "Manrope",sans-serif;max-width:48rem}
.hero-locations{gap:clamp(2.5rem,6vw,7rem)}
.hero-copy{min-width:0}
.hero-booking{border-radius:3rem;border-color:transparent;min-height:88px;box-shadow:0 8px 24px rgba(0,0,0,.15);padding:1rem 1.5rem}
.booking-calendar{flex-shrink:0}
.hero-booking>span:first-of-type{display:grid;gap:.25rem;min-width:0;flex:1}
.hero-booking strong{font-size:clamp(1.05rem,1.35vw,1.45rem)}
.hero-email strong{overflow-wrap:anywhere}
@media(min-width:1250px){
 .topbar{flex-wrap:wrap;gap:1rem;align-content:center}
 .topbar-controls{margin-left:auto;align-self:center}
 .topbar .menu{display:none}
 .topbar nav,.topbar nav.open{display:flex;position:static;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;order:3;flex-basis:100%;width:100%;max-height:none;overflow:visible;padding:0;border:0;background:transparent;gap:.5rem 1.2rem;font-size:1rem}
 .topbar .nav-dropdown{width:auto}
 .topbar .nav-dropdown>summary{width:auto;white-space:normal;padding:.5rem .2rem}
 .topbar .nav-submenu,.topbar .nav-dropdown-end>.nav-submenu{position:absolute;width:22rem;max-width:calc(100vw - 4rem);max-height:65vh;overflow:auto;margin:0;box-shadow:0 14px 36px rgba(0,0,0,.25)}
 .topbar .nav-dropdown-wide>.nav-submenu{width:42rem}
 .topbar nav>a.nav-planning,.topbar nav>a.nav-contact{width:auto;max-width:13rem;min-height:44px;padding:.5rem .2rem}
}
@media(min-width:901px){.hero-copy+ .hero-copy{border-left:1px solid rgba(255,255,255,.25);padding-left:clamp(1.5rem,3vw,3rem)}}
@media(max-width:700px){.topbar{min-height:136px}.hero{padding-top:1.5rem}.hero-booking{padding:1rem;gap:.75rem}.booking-calendar{width:24px;height:24px}.hero-slogan{max-width:24rem}}

/* Photographs of the equipment, below the existing centre introduction. */
.equipment-gallery{background:#f4f6f7;color:#12384a;scroll-margin-top:2rem}
.equipment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
.equipment-photo{margin:0;min-width:0;background:#fff;border:1px solid #dce5e8;border-radius:14px;overflow:hidden}
.equipment-photo a{display:block;background:#e8edef}
.equipment-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.equipment-photo figcaption{padding:1.2rem 1.4rem;font-weight:700;font-size:1.05rem;line-height:1.5}
.equipment-photo a:focus-visible{outline:4px solid #008aa8;outline-offset:-4px}
@media(max-width:700px){.equipment-grid{grid-template-columns:1fr;gap:1.25rem}}

/* Compact fixed planning access, without a full-width strip. */
.team-planning-access{padding:.65rem 1rem;min-height:44px;justify-content:center}
.topbar-controls{margin-right:8.5rem}
@media(max-width:700px){.topbar-controls{margin-right:0}.site-brands{max-width:calc(100% - 9rem)}.team-planning-access{right:.5rem;padding:.55rem .7rem}.team-planning-access strong{font-size:.9rem}}

/* Fit the main welcome content to ordinary desktop browser windows. */
@media(min-width:901px){
 .topbar{min-height:0;padding-top:.5rem;padding-bottom:.5rem;row-gap:.35rem}
 .hero{min-height:0;height:auto;padding:1rem clamp(1.25rem,4vw,5rem) 1.25rem;gap:1rem}
 .hero-modalities{padding:.2rem .75rem}
 .hero-modalities a{font-size:1rem;padding:.3rem 0}
 .hero-modalities ul{gap:.15rem 1.2rem}
 .hero-announcement{padding:.5rem .8rem}
 .hero-slogan{font-size:1.2rem;line-height:1.4}
 .hero-locations{flex:none;gap:clamp(2rem,4vw,4rem);max-width:1440px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero-identity{--hero-symbol-size:5rem}
 .hero-service{font-size:1rem;margin-bottom:.45rem;letter-spacing:.08em}
 .hero-name{font-size:clamp(3rem,4vw,4rem)}
 .hero-name>span{font-size:1.9rem;margin-top:.15rem}
 .hero-address{font-size:1rem;margin:.6rem 0 .75rem}
 .hero-booking{min-height:64px;padding:.6rem 1rem;margin-bottom:.75rem}
 .hero-booking strong{font-size:1.1rem}
 .hero-booking>span>span{font-size:.9rem}
 .hero-secretariat{padding:.65rem 1rem}
 .hero-secretariat .hero-contact-title{font-size:1rem;margin-bottom:.35rem}
 .hero-contact-links{gap:.35rem 1.3rem}
 .hero-phone strong{font-size:1.65rem}
 .hero-email strong{font-size:1rem}
 .hero-actions{margin-top:.65rem;gap:.6rem}
 .hero-actions .button{padding:.5rem .75rem;min-height:44px;font-size:.9rem}
 .hero-bottom{max-width:1440px;margin:0 auto;gap:.6rem}
}
@media(min-width:1200px){
 .hero-bottom{grid-template-columns:1fr 1.3fr;align-items:stretch}
 .hero-bottom .hero-note{display:none}
 .hero-pacs{padding:.75rem 1rem;gap:.4rem}
 .urgent-exam-notice{padding:.75rem 1rem}
}
@media(min-width:901px) and (max-height:800px){
 .hero{gap:.65rem;padding-top:.65rem}
 .hero-name{font-size:3rem}
 .hero-name>span{font-size:1.6rem}
 .hero-identity{--hero-symbol-size:4rem}
 .hero-service{margin-bottom:.3rem}
 .hero-address{margin:.4rem 0 .5rem}
}

/* A calmer welcome: fewer framed surfaces and a lighter type hierarchy. */
.hero-secretariat{background:transparent;border:0;border-top:1px solid rgba(255,255,255,.22);padding:.65rem 0;backdrop-filter:none}
.hero-secretariat .hero-contact-title{font-size:.875rem;font-weight:600;margin-bottom:.4rem;color:#d5e7ed}
.hero-contact-links a>span{font-size:.875rem;margin-bottom:.15rem}
.hero-phone strong{font-size:1.4rem;font-weight:600}
.hero-email strong{font-size:1rem;font-weight:500}
.hero-booking{min-height:56px;padding:.65rem 1rem;border-radius:.5rem;box-shadow:none;gap:.75rem}
.hero-booking strong{font-size:1rem;font-weight:700}
.hero-booking>span>span{font-size:.875rem;font-weight:400}
.hero-booking .booking-calendar{width:22px;height:22px}
.hero-booking-arrow{font-size:1.4rem}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 1.25rem;margin-top:.2rem}
.hero-actions .button.ghost{border:0;background:none;padding:.45rem 0;min-height:44px;font-size:.875rem;font-weight:500;text-decoration:underline;text-underline-offset:.25em;width:auto}
.hero-write{font-size:.875rem;font-weight:500;padding:.45rem 0;min-height:44px;display:inline-flex;align-items:center}
.hero-announcement{box-shadow:none;border-left-width:2px;background:rgba(255,255,255,.88);padding:.45rem .75rem}
.hero-announcement p,.hero-announcement strong{font-size:.875rem;line-height:1.5}
.hero-announcement>span{font-size:.75rem;padding:.2rem .5rem}
.hero-slogan{font-size:1.05rem;font-weight:500}
.hero-modalities{background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.2);padding:0}
.hero-modalities a{font-size:.875rem;font-weight:600}
.hero-bottom{border-top:1px solid rgba(255,255,255,.22);padding-top:.65rem}
.hero-pacs,.urgent-exam-notice{border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;min-height:0;padding:.5rem 0}
.hero-pacs{grid-template-columns:minmax(0,1fr) auto;gap:.35rem 1rem}
.hero-pacs>span{grid-column:1/-1;font-size:.875rem;letter-spacing:0;font-weight:500;max-width:none}
.hero-pacs strong{font-size:1rem;font-weight:600}
.hero-pacs p,.urgent-exam-notice p{font-size:.875rem}
.hero-pacs a,.urgent-exam-notice>a{background:transparent;box-shadow:none;border:0;color:var(--aqua);padding:.45rem .2rem;font-size:.875rem;min-height:44px;text-decoration:underline;text-underline-offset:.25em}
.urgent-exam-notice h2{font-size:1rem;font-weight:600}
@media(min-width:901px){
 .hero-name{font-size:2.8rem}
 .hero-name>span{font-size:1.45rem}
 .hero-service{font-size:.875rem;letter-spacing:.05em;font-weight:500}
 .hero-identity{--hero-symbol-size:3.5rem}
 .hero-address{font-size:.875rem}
 .hero-locations{max-width:1280px}
 .hero-bottom{max-width:1280px}
}
@media(min-width:1250px){.topbar nav,.topbar nav.open{font-size:.875rem;font-weight:600;gap:.35rem 1rem}}
@media(max-width:900px){.hero-name{font-size:3rem}.hero-name>span{font-size:1.8rem}.hero-service{font-size:1rem}.hero-identity{--hero-symbol-size:4rem}.hero-actions .button{width:auto}}
@media(max-width:600px){.hero-pacs{grid-template-columns:1fr}.hero-pacs a{justify-self:start;width:auto;text-align:left}.urgent-exam-notice{grid-template-columns:auto minmax(0,1fr)}.urgent-exam-notice>a{grid-column:2;justify-self:start}}

/* Balanced centre columns and a shorter header. */
.hero .hero-phone strong,.hero .urgent-exam-notice>a{font-family:"Manrope",sans-serif;font-size:1.125rem;font-weight:600;line-height:1.4;letter-spacing:0;color:#fff;font-variant-numeric:tabular-nums}
.hero-contact-links{align-items:start}
.hero-contact-links a>span{line-height:1.4;margin-bottom:.25rem}
.hero-email strong{line-height:1.575}
.topbar{padding-top:.3rem;padding-bottom:.3rem;row-gap:.15rem}
.topbar .site-brands{padding:.2rem .45rem;gap:.45rem;border:0;background:transparent}
.topbar .site-brand>span{width:32px;height:32px;flex-basis:32px}
.topbar .site-brand img{width:26px;height:26px}
.topbar .site-brand b{font-size:.75rem}
.topbar .site-brand b i{font-size:.55rem}
.topbar .site-brand-divider{height:26px}
@media(min-width:901px){
 .hero-locations{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,5vw,5rem)}
 .hero-copy,.hero-copy+ .hero-copy{padding-left:0;padding-right:0;border-left:0;max-width:none}
 .hero-identity{min-height:6.25rem}
 .hero-service{min-height:1.4rem}
 .hero-address{min-height:1.5rem}
 .hero-booking{min-height:68px}
 .hero-contact-links{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:.4rem 1rem}
 .hero-secretariat{min-height:99px}
 .hero-actions{min-height:44px}
}
@media(min-width:1500px){
 .topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;min-height:72px;padding-left:1.25rem;padding-right:9rem;align-items:center}
 .topbar .site-brands{align-self:center}
 .topbar nav,.topbar nav.open{order:initial;width:auto;flex-basis:auto;gap:.2rem .7rem;font-size:.875rem;justify-content:center}
 .topbar-controls{order:initial;margin:0;align-self:center}
 .topbar nav>a.nav-contact{max-width:10rem}
 .topbar .nav-dropdown>summary{padding:.35rem .1rem}
 .topbar .nav-cta{padding:.45rem .65rem}
}
@media(min-width:901px) and (max-width:1100px){.hero-contact-links{grid-template-columns:1fr}.hero-secretariat{min-height:145px}}

/* Separate the two practices and give their symbols more presence. */
@media(min-width:901px){
 .hero-locations{max-width:1440px;grid-template-columns:repeat(2,minmax(0,600px));justify-content:space-between;column-gap:clamp(3rem,8vw,10rem)}
 .hero-identity{--hero-symbol-size:6rem;min-height:6.5rem}
 .hero-symbol{width:var(--hero-symbol-size);height:6.5rem;max-height:6.5rem;bottom:0;object-fit:contain}
}
@media(max-width:900px){
 .hero-identity{--hero-symbol-size:5rem}
 .hero-symbol{width:var(--hero-symbol-size);height:5.5rem;max-height:5.5rem;object-fit:contain}
}

/* Prominent patient image access across the foot of the welcome section. */
.hero-bottom{display:block;width:100%;max-width:none;border:0;padding:0;margin:.5rem auto 0}
.hero-bottom .hero-note{display:none}
.hero-bottom .hero-pacs{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem 2rem;width:100%;min-height:0;padding:1.1rem clamp(1rem,3vw,3rem);border:0;border-radius:.5rem;background:#51d5cd;color:#07344b;box-shadow:none;backdrop-filter:none}
.hero-bottom .hero-pacs>span{grid-column:1;font-size:.875rem;font-weight:600;letter-spacing:.03em;color:#07344b}
.hero-bottom .hero-pacs>div{grid-column:1}
.hero-bottom .hero-pacs strong{font-size:1.125rem;line-height:1.4;color:#07344b}
.hero-bottom .hero-pacs p{font-size:.95rem;line-height:1.5;color:#123e4d;margin:.25rem 0 0}
.hero-bottom .hero-pacs>a{grid-column:2;grid-row:1/3;justify-self:end;width:auto;padding:.75rem 1.2rem;min-height:44px;border:0;border-radius:.4rem;background:#07344b;color:#fff;font-size:1rem;font-weight:600;text-decoration:none;box-shadow:none}
.hero-bottom .hero-pacs>a:hover{background:#11516a;text-decoration:underline}
.hero-bottom .hero-pacs>a:focus-visible{outline:3px solid #07344b;outline-offset:4px}
@media(max-width:700px){.hero-bottom .hero-pacs{grid-template-columns:1fr;gap:.5rem;padding:1rem}.hero-bottom .hero-pacs>a{grid-column:1;grid-row:auto;justify-self:start;margin-top:.25rem}}

/* PACSonWEB banner colour matched to the supplied swatch (#07344b). */
.hero-bottom .hero-pacs{background:#07344b;color:#fff}
.hero-bottom .hero-pacs>span{color:#51d5cd}
.hero-bottom .hero-pacs strong{color:#fff}
.hero-bottom .hero-pacs p{color:#d5e7ed}
.hero-bottom .hero-pacs>a{background:#51d5cd;color:#07344b}
.hero-bottom .hero-pacs>a:hover{background:#8be8e0;color:#07344b}
.hero-bottom .hero-pacs>a:focus-visible{outline-color:#fff}

/* Slimmer Verviers / Malmedy strip. */
.location-strip article{padding:.6rem clamp(1rem,3vw,3rem);gap:.85rem}
.location-strip strong{font-size:1rem;line-height:1.35}
.location-strip p{margin:.1rem 0 0;font-size:.875rem;line-height:1.35}
.location-strip a{font-size:.875rem;min-height:44px;display:inline-flex;align-items:center}
@media(max-width:560px){.location-strip article{padding:.65rem 1rem;gap:.3rem .75rem}}

/* Remove the empty band immediately below the centre strip. */
.hero + .examens.section{padding-top:1rem}

/* Discreet team access in the footer instead of a fixed planning button. */
footer>a.team-footer-access{font-size:.875rem;font-weight:400;color:#b9cbd2;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;background:none;border:0;box-shadow:none}
footer>a.team-footer-access:hover{color:#fff;text-decoration:underline;text-underline-offset:.25em}
footer>a.team-footer-access:focus-visible{outline:2px solid #fff;outline-offset:4px}
footer{flex-wrap:wrap}
.topbar-controls{margin-right:0}
@media(min-width:1500px){.topbar{padding-right:1.25rem}}
@media(max-width:700px){.topbar .site-brands{max-width:100%}}

/* One shared content width keeps the welcome balanced at normal browser zoom. */
:root{--welcome-width:90rem;--welcome-gutter:clamp(1.25rem,4vw,5rem)}
.hero-modalities,.hero-announcement,.hero-locations,.hero-bottom{max-width:var(--welcome-width)}
.location-strip{padding-inline:max(0px,calc((100% - var(--welcome-width))/2));background:#f5fafb}
.location-strip article{min-width:0}
.hero + .examens.section{padding:2rem max(var(--welcome-gutter),calc((100% - var(--welcome-width))/2)) 4rem}
.examens .section-heading{gap:clamp(2rem,4vw,4rem);margin-bottom:3rem}
.examens .section-heading h2{font-size:clamp(2.25rem,3vw,3.25rem);line-height:1.12}
.examens .section-heading>p{font-size:1rem}
@media(min-width:901px){
 .hero{padding:1.25rem var(--welcome-gutter) 1.5rem;gap:1.25rem}
 .hero-locations{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(3rem,5vw,5rem)}
 .hero-identity{--hero-symbol-size:5.5rem;min-height:7.25rem}
 .hero-name{font-size:3.5rem}
 .hero-name>span{font-size:1.75rem;margin-top:.25rem}
 .hero-symbol{height:6rem;max-height:6rem}
 .hero-service,.hero-address{font-size:1rem}
 .hero-slogan{font-size:1.125rem}
 .hero-booking{min-height:72px;padding:.8rem 1.1rem}
 .hero-booking strong{font-size:1.125rem}
 .hero-contact-links{grid-template-columns:8rem minmax(0,1fr)}
 .hero-bottom{margin-top:.25rem}
 .hero-bottom .hero-pacs{padding:1rem 1.5rem}
}
@media(min-width:1500px){
 .topbar{padding-inline:max(1.25rem,calc((100% - 110rem)/2));grid-template-columns:auto auto minmax(0,1fr)}
 .topbar nav,.topbar nav.open{justify-content:flex-end}
}
@media(max-width:1100px) and (min-width:901px){
 .hero-contact-links{grid-template-columns:1fr}
}
@media(max-width:900px){
 .location-strip{padding-inline:0}
 .examens .section-heading{gap:1.25rem}
}

/* The header, welcome and practice strip together fill the desktop viewport. */
/* Move each complete practice block outwards on wide desktop screens. */
@media(min-width:1250px){
 .hero-locations{max-width:108rem;grid-template-columns:repeat(2,minmax(0,42.5rem));justify-content:space-between;column-gap:clamp(5rem,14vw,23rem)}
}
@media(min-width:901px){
 .hero{min-height:calc(100svh - var(--welcome-chrome-height,10rem));height:auto}
 .hero-locations{flex:1;align-content:center}
 .hero-bottom{flex-shrink:0}
}
@media(min-width:901px) and (max-height:850px){
 .hero{padding-top:.75rem;padding-bottom:.75rem;gap:.5rem}
 .hero-modalities a{padding:.25rem 0}
 .hero-slogan{font-size:1rem;line-height:1.4}
 .hero-identity{min-height:5.5rem;--hero-symbol-size:4.75rem}
 .hero-name{font-size:3rem}
 .hero-name>span{font-size:1.5rem;margin-top:.15rem}
 .hero-service{margin-bottom:.35rem;font-size:.875rem}
 .hero-symbol{height:5rem;max-height:5rem}
 .hero-address{margin:.35rem 0 .5rem;font-size:.875rem}
 .hero-booking{min-height:60px;margin-bottom:.5rem;padding:.5rem 1rem}
 .hero-booking strong{font-size:1rem}
 .hero-secretariat{min-height:0;padding:.5rem 0}
 .hero-actions{margin-top:0}
 .hero-bottom{margin-top:0}
 .hero-bottom .hero-pacs{padding:.75rem 1.25rem}
 .hero-bottom .hero-pacs p{font-size:.875rem}
 .location-strip article{padding-top:.4rem;padding-bottom:.4rem}
}

/* Shared contact strip replaces the repeated contact blocks in the hero. */
.shared-secretariat{grid-column:1/-1;flex:0 0 100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.25rem 1.5rem;width:100%;padding:.4rem 0 .6rem;border-bottom:1px solid rgba(255,255,255,.2);font-size:.875rem;line-height:1.5;color:#d6e7ed}
.shared-secretariat>span{color:var(--aqua);font-weight:600}
.shared-secretariat a{display:inline-flex;align-items:center;min-height:32px}
.shared-secretariat a:hover{text-decoration:underline;text-underline-offset:.2em}
.shared-secretariat a:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}
@media(max-width:1499px){.topbar{flex-wrap:wrap}}
@media(max-width:600px){.shared-secretariat{gap:0 .9rem;padding-bottom:.5rem}.shared-secretariat>span{flex-basis:100%;text-align:center}.shared-secretariat a{overflow-wrap:anywhere;min-width:0;max-width:100%}}

/* Compact header: shared contacts sit alongside the brands on desktop. */
.topbar{min-height:0;row-gap:.25rem;padding-top:.25rem;padding-bottom:.25rem}
.shared-secretariat{padding:.1rem 0 .25rem;gap:.1rem 1rem}
.shared-secretariat a{min-height:28px}
@media(min-width:1250px){
 .topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.2rem .75rem;align-items:center}
 .topbar .site-brands{grid-column:1;grid-row:1;align-self:center}
 .shared-secretariat{grid-column:2;grid-row:1;border-bottom:0;padding:0}
 .topbar-controls{grid-column:3;grid-row:1;margin:0;align-self:center}
 .topbar nav,.topbar nav.open{grid-column:1/-1;grid-row:2;display:flex;position:static;width:100%;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.1rem 1rem;padding:0;font-size:.875rem}
 .topbar nav>a.nav-contact{max-width:none;min-height:36px;padding:.25rem .2rem}
 .topbar .nav-dropdown>summary{padding:.25rem .1rem}
 .topbar .nav-cta{padding:.25rem .65rem}
}
@media(max-width:600px){.shared-secretariat{padding-bottom:.25rem}}

/* One shared appointment button, centered beneath both centre identities. */
.hero-locations{row-gap:1rem}
.hero-locations>.hero-booking{grid-column:1/-1;justify-self:center;width:100%;max-width:42.5rem;margin:0}
@media(max-width:900px){.hero-locations{row-gap:2rem}}

/* Keep each symbol beside its centre name rather than at the block edge. */
.hero-identity{width:fit-content;max-width:100%}

/* Centre both practice signs together with a small, consistent gap. */
@media(min-width:901px){
 .hero-locations{max-width:42.5rem;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;column-gap:2rem}
 .hero-locations>.hero-copy{width:max-content;max-width:100%}
 .hero-locations>.hero-copy:first-child{justify-self:end}
 .hero-locations>#cabinet-tilia{justify-self:start}
}
