:root{--paper:#f7faff;--white:#fff;--blue:#1769aa;--blue-dark:#123f68;--blue-soft:#e7f2fb;--blue-pale:#f0f7fd;--ink:#16334c;--muted:#61788b;--line:#cbddeb;--green:#28c76f;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px}a{color:inherit;text-decoration:none}img{display:block;width:100%}p{line-height:1.6}.skip{position:fixed;top:-5rem;left:1rem;z-index:99;padding:1rem;background:var(--blue-dark);color:#fff}.skip:focus{top:1rem}.urgent{min-height:32px;padding:.5rem 4vw;display:flex;justify-content:space-between;align-items:center;background:var(--blue-dark);color:#dceafb;font-size:.69rem}.urgent a{text-decoration:underline;color:#fff}header{height:78px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#f7fafff2;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(14px)}.logo{display:inline-flex;align-items:center;gap:.55rem;width:max-content}.logo b{font-size:1.35rem;letter-spacing:-.05em}.logo small{text-transform:uppercase;letter-spacing:.16em;font-size:.48rem;color:var(--muted);margin-left:-.25rem}.clara-mark{position:relative;width:34px;height:34px;flex:0 0 34px}.clara-mark:before,.clara-mark:after{content:"";position:absolute;border:2px solid var(--blue);border-radius:50%}.clara-mark:before{inset:1px;border-right-color:transparent;transform:rotate(-25deg)}.clara-mark:after{inset:9px;border-color:#72afe0 #72afe0 #72afe0 transparent;transform:rotate(30deg)}.clara-mark i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--blue-dark);left:15px;top:15px}nav{display:flex;gap:2rem;font-size:.72rem;color:#425f76}nav a:hover{color:var(--blue)}.header-actions{justify-self:end;display:flex;align-items:center;gap:1.3rem;font-size:.7rem}.phone{border-bottom:1px solid var(--blue);padding:.55rem 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2.5rem;padding:1rem 1.2rem;border-radius:.4rem;background:var(--blue);color:#fff;font-weight:700;font-size:.72rem;box-shadow:0 8px 24px #1769aa24}.button:hover{background:#0e578f}.button.compact{padding:.78rem 1rem;gap:1rem}.menu{display:none}.eyebrow{margin:0 0 1rem;color:var(--blue);font-size:.65rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.hero{min-height:650px;display:grid;grid-template-columns:1.12fr .88fr;background:var(--blue-pale)}.hero-photo{margin:0;min-height:650px;position:relative;overflow:hidden}.hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;transform:scale(1.12);transform-origin:right 60%}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 94%,#f0f7fd)}.hero-photo figcaption{position:absolute;z-index:2;left:4vw;bottom:2.5rem;background:#fffffff2;border:1px solid #fff;border-radius:.5rem;padding:1rem 1.2rem;display:flex;align-items:center;gap:.8rem;box-shadow:0 14px 35px #123f681a}.hero-photo figcaption b,.hero-photo figcaption small{display:block}.hero-photo figcaption b{font-size:.76rem}.hero-photo figcaption small{margin-top:.3rem;color:var(--muted);font-size:.62rem}.status-dot{width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px #28c76f1f}.hero-copy{padding:5.5rem 5vw 3rem 3vw;display:flex;flex-direction:column;justify-content:center;position:relative}.hero h1{font-size:clamp(3.3rem,5vw,5.4rem);line-height:.98;letter-spacing:-.055em;margin:.7rem 0 1.5rem;max-width:9ch;font-weight:540}.lede{color:var(--muted);font-size:1.06rem;max-width:480px;margin:0}.hero-actions{display:flex;align-items:center;gap:1.5rem;margin-top:2rem}.link{font-size:.72rem;font-weight:700;border-bottom:1px solid var(--blue);padding:.75rem 0}.hero-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:3.25rem 0 0;padding-top:1.25rem;border-top:1px solid var(--line)}.hero-facts dt{font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.hero-facts dd{margin:.45rem 0 0;font-size:.72rem;font-weight:700}.care{padding:6rem 6vw;background:var(--white);display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw}.care-heading h2,.team-heading h2,.visit-intro h2,.faq-heading h2,.contact h2{font-size:clamp(2.7rem,4.2vw,4.4rem);line-height:1.02;letter-spacing:-.045em;margin:.5rem 0 1rem;font-weight:520}.care-options{border-top:1px solid var(--line)}.care-row{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:1.2rem;padding:1.6rem 0;border-bottom:1px solid var(--line)}.care-row:hover h3{color:var(--blue)}.care-symbol{width:42px;height:42px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);border-radius:50%;font-size:1.1rem}.care-row h3{margin:0;font-size:1.15rem}.care-row p{margin:.35rem 0 0;font-size:.76rem;color:var(--muted)}.care-row strong{font-size:.65rem;color:var(--blue)}.team{padding:6rem 6vw;background:var(--blue-soft);display:grid;grid-template-columns:.54fr 1.46fr;gap:5vw;align-items:start}.team-heading{position:sticky;top:130px}.team-heading>p:not(.eyebrow){max-width:390px;color:var(--muted);font-size:.88rem}.team-heading .link{display:inline-block;margin-top:1.2rem}.doctor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.doctor{background:var(--white);border-radius:.55rem;overflow:hidden;box-shadow:0 12px 35px #123f680d}.portrait{height:370px;overflow:hidden;background:#d6e7f4}.portrait img{height:100%;object-fit:cover;object-position:center top}.doctor>div:last-child{padding:1.1rem 1.15rem 1.3rem}.doctor p{margin:0;color:var(--blue);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.doctor h3{margin:.45rem 0;font-size:1rem}.doctor span{color:var(--muted);font-size:.68rem;line-height:1.4}.visit{padding:6rem 6vw;display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;background:var(--blue-dark);color:#fff}.visit .eyebrow{color:#91c8ef}.visit-intro>p:last-child{color:#c7d8e6;max-width:430px}.visit-steps{list-style:none;margin:0;padding:0;border-top:1px solid #ffffff30}.visit-steps li{display:grid;grid-template-columns:110px 1fr;gap:2rem;padding:1.6rem 0;border-bottom:1px solid #ffffff30}.visit-steps>li>span{font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:#91c8ef}.visit-steps h3{margin:0;font-size:1.25rem}.visit-steps p{margin:.4rem 0 0;color:#c7d8e6;font-size:.78rem}.faq{padding:6rem 6vw;display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw;background:var(--white)}.faq-heading>p:last-child{max-width:410px;color:var(--muted);font-size:.85rem}.faq-list{border-top:1px solid var(--line)}.faq-list article{border-bottom:1px solid var(--line)}.faq-list button{width:100%;border:0;background:none;color:var(--ink);padding:1.45rem 0;display:flex;justify-content:space-between;text-align:left;font:600 1rem var(--sans);cursor:pointer}.faq-list button span{color:var(--blue);font-size:1.2rem}.faq-list article div{padding:0 3rem 1.2rem 0}.faq-list article p{margin:0;color:var(--muted);font-size:.82rem}.contact{padding:5rem 6vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;background:#1a76bd;color:#fff}.contact .eyebrow{color:#d8edff}.contact h2{margin-bottom:0}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.button.light{background:#fff;color:var(--blue-dark)}.contact-actions>a:nth-child(2){font-size:.78rem;border-bottom:1px solid #ffffff90;padding-bottom:.5rem}.contact-actions small{color:#d8edff;font-size:.62rem}footer{padding:3rem 4vw;display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:2rem;align-items:center;background:var(--paper)}footer p,footer div{font-size:.63rem;line-height:1.6;color:var(--muted)}footer div{display:flex;flex-direction:column;gap:.3rem}.whatsapp-float{position:fixed;z-index:50;right:1rem;bottom:1rem;padding:.8rem 1rem;display:flex;align-items:center;gap:.55rem;border-radius:2rem;background:#173f68;color:#fff;font-size:.66rem;box-shadow:0 12px 30px #123f6840}.whatsapp-float span{color:#38d67a}.reveal{opacity:0;transform:translateY(16px);transition:.65s ease}.reveal.in{opacity:1;transform:none}
@media(max-width:1050px){header{grid-template-columns:1fr auto}header nav{display:none}.header-actions{display:none}.menu{display:block;border:1px solid var(--line);border-radius:2rem;background:transparent;color:var(--ink);padding:.65rem 1rem}header nav.open{position:absolute;display:flex;top:78px;left:0;right:0;padding:1.5rem 4vw;flex-direction:column;background:var(--white);border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding-left:2vw}.hero h1{font-size:4rem}.doctor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portrait{height:320px}}
@media(max-width:760px){.urgent{justify-content:center}.urgent span:first-child{display:none}header{height:68px;padding:0 1rem}header nav.open{top:68px;padding:1.5rem 1rem}.hero{display:flex;flex-direction:column;min-height:0}.hero-photo{min-height:0;height:43vh;order:2}.hero-photo:after{display:none}.hero-photo figcaption{left:1rem;bottom:1rem}.hero-copy{padding:3rem 1rem 2.5rem;order:1}.hero h1{font-size:clamp(2.75rem,13vw,3.7rem);max-width:10ch}.hero-actions{align-items:flex-start;flex-direction:column}.hero-facts{margin-top:2.5rem}.hero-facts dd{font-size:.65rem}.care,.team,.visit,.faq,.contact{padding:4.5rem 1rem;display:block}.care-options,.doctor-grid,.visit-steps,.faq-list{margin-top:2.5rem}.care-row{grid-template-columns:48px 1fr}.care-row strong{grid-column:2}.team-heading{position:static}.doctor-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.6rem}.doctor{min-width:78vw;scroll-snap-align:start}.portrait{height:410px}.visit-steps li{grid-template-columns:75px 1fr;gap:1rem}.contact-actions{margin-top:2rem}footer{padding:2.5rem 1rem;grid-template-columns:1fr 1fr}footer>p:last-child{grid-column:1/-1}.whatsapp-float{right:.7rem;bottom:.7rem}}
@media(min-width:1060px){.hero h1{font-size:clamp(3.3rem,4.2vw,4.65rem);max-width:11.5ch}.hero{min-height:720px}.hero-photo{min-height:720px}}
@media(min-width:761px) and (max-width:850px){.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{order:1;padding:4rem 6vw}.hero h1{max-width:11ch}.hero-photo{order:2;min-height:0;height:52vh}.hero-photo:after{display:none}.care,.team,.visit,.faq{display:block}.care-options,.doctor-grid,.visit-steps,.faq-list{margin-top:3rem}.team-heading{position:static}.doctor-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.doctor{min-width:48vw;scroll-snap-align:start}.portrait{height:430px}}
@media(min-width:761px) and (max-width:850px){.hero-copy{padding:3rem 6vw}.hero-photo{height:40vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

@media(min-width:761px) and (max-width:850px){.hero-photo img{transform:scale(1.4)}}
@media(max-width:760px){.hero-photo img{transform:scale(1.08)}}

/* Collection navigation */
.catalog-return{position:fixed;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));z-index:60;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 15px;border:1px solid #222;border-radius:24px;background:#fff;color:#222;box-shadow:0 3px 14px #00000018;font:500 12px/1.2 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;text-decoration:none}
.catalog-return:hover{background:#222;color:#fff}
.catalog-return:focus-visible{outline:3px solid #517ab9;outline-offset:3px}
body>footer{padding-bottom:max(5rem,calc(env(safe-area-inset-bottom) + 72px))}
@media(max-width:420px){.catalog-return{padding-inline:12px}.catalog-return-prefix{display:none}}

/* Collection controls occupy their own space below the page. */
.collection-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem max(1.2rem,4vw);border-top:1px solid currentColor}
.collection-tools .catalog-return,.collection-tools .whatsapp-float{position:static;inset:auto;transform:none;margin:0;min-height:44px;display:inline-flex;align-items:center;box-shadow:none;font-size:12px}
.collection-tools .catalog-return{background:transparent;color:inherit;border-color:currentColor;border-radius:0}
body>footer{padding-bottom:3rem}
a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:4px}


html{scroll-padding-top:90px}
@media(min-width:761px) and (max-width:1100px){.team{display:block}.team-heading{position:static;max-width:650px}.doctor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2.5rem;overflow:visible}.doctor{min-width:0}.portrait{height:auto;aspect-ratio:3/4}.doctor span{font-size:13px}.doctor p{font-size:11px}}

