@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Serif+Display&family=Manrope:wght@400;600;700;800&display=swap";:root{color:#102d55;--navy:#102d55;--blue:#dceeff;--mid:#336da6;--line:#c9ddf1;background:#f0f7ff;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{margin:0}.health{background:#f0f7ff;min-height:100vh}.health header{align-items:center;gap:25px;max-width:1200px;height:78px;margin:auto;padding:0 28px;display:flex}.health button{font:inherit;cursor:pointer}.health-logo{color:var(--navy);background:0 0;border:0;font-size:18px;font-weight:800}.health-logo span{color:#3977c0;margin-right:6px;font-size:22px}.health nav{gap:24px;margin:auto;display:flex}.health nav button,.login{color:#496782;background:0 0;border:0;font-size:12px}.health nav button:hover,.health nav .active{color:var(--navy)}.book{background:var(--navy);color:#fff;border:0;border-radius:3px;padding:12px 16px;font-size:12px;font-weight:700}.book span{margin-left:16px}.hamb{background:0 0;border:0;display:none}.health-hero{grid-template-columns:1fr 1fr;gap:30px;max-width:1200px;min-height:615px;margin:auto;padding:95px 28px 70px;display:grid}.eyebrow{letter-spacing:.17em;color:#3478be;margin:0 0 24px;font:10px DM Mono,monospace}.health h1{letter-spacing:-.03em;margin:0;font:400 clamp(52px,6vw,82px)/1.02 DM Serif Display,serif}.health h1 em,.health h2 em{color:#3575bb;font-style:normal}.health-hero>div:first-child>p:not(.eyebrow){color:#56728d;max-width:410px;margin:30px 0;font-size:14px;line-height:1.8}.health-actions{align-items:center;gap:24px;display:flex}.dark{background:var(--navy)}.link,.white-link{color:var(--navy);background:0 0;border:0;font-size:12px}.link span{margin-left:15px}.doctor{background:linear-gradient(135deg,#d9edff,#a9cee8);min-height:440px;position:relative;overflow:hidden}.portrait{background:linear-gradient(145deg,#fff 0 31%,#c9e1f0 32%);border-radius:50% 50% 4% 4%;place-items:center;width:290px;height:410px;display:grid;position:absolute;bottom:-40px;right:10%}.portrait span{color:#224c75;font:100px DM Serif Display,serif;position:absolute;top:35px}.portrait i{color:#3478be;background:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-style:normal;display:grid;position:absolute;top:100px;right:55px}.doctor-card{background:#fff;gap:7px;padding:17px 20px;font-size:11px;display:grid;position:absolute;bottom:25px;left:24px;box-shadow:0 10px 25px #36688a22}.doctor-card small{color:#3478be;font:9px DM Mono}.doctor-card span{color:#6c8499;font-size:10px}.health-services{background:#e3f1ff;max-width:1200px;margin:auto;padding:78px 28px 105px}.service-intro{justify-content:space-between;align-items:end;margin-bottom:42px;display:flex}.health h2{margin:0;font:400 42px/1.05 DM Serif Display,serif}.service-intro p{color:#5c7891;max-width:320px;font-size:13px;line-height:1.7}.service-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.service-grid article{background:#f8fcff;border:1px solid #d0e2f2;min-height:215px;padding:23px}.service-grid article>b{color:#3575bb;font-size:22px}.service-grid h3{margin:28px 0 10px;font-size:15px}.service-grid p{color:#64809a;margin:0;font-size:11px;line-height:1.7}.patient-portal{background:var(--navy);color:#fff;grid-template-columns:1fr 1fr;align-items:center;gap:100px;max-width:1200px;margin:auto;padding:90px 70px;display:grid}.phone{width:225px;color:var(--navy);background:#f1f7fd;border:7px solid #396285;border-radius:24px;margin:auto;padding:22px 15px 14px;box-shadow:0 0 0 2px #9cc8eb}.phone-top{justify-content:space-between;margin-bottom:35px;font-size:12px;font-weight:700;display:flex}.phone small{color:#4786c0;font:8px DM Mono}.phone>b{margin:13px 0 20px;font-size:11px;line-height:1.7;display:block}.phone>b span{color:#56728d;font-weight:400}.portal-row{border-top:1px solid #cbddeb;padding:15px 2px;font-size:10px}.portal-row span{float:right;font-size:16px}.patient-portal .eyebrow{color:#8bc3f6}.patient-portal h2{font-size:50px}.patient-portal p:not(.eyebrow){color:#aac3d8;max-width:370px;margin:25px 0;font-size:14px;line-height:1.8}.white-link{color:#fff;text-decoration:underline}.health-page{max-width:1200px;min-height:700px;margin:auto;padding:120px 28px}.health-page h1{max-width:700px;margin-bottom:75px}.health-page .service-grid{max-width:900px}.health footer{border-top:1px solid var(--line);color:#668097;gap:25px;max-width:1200px;margin:auto;padding:30px 28px;font-size:11px;display:flex}.health footer strong{color:var(--navy);margin-right:auto}.modal{background:#102d5588;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal>div{background:#fff;max-width:420px;padding:38px;position:relative}.modal>div>button:first-child{background:0 0;border:0;font-size:22px;position:absolute;top:12px;right:15px}.modal h2{margin:0 0 15px}.modal p:not(.eyebrow){color:#668097;font-size:13px;line-height:1.7}@media (width<=760px){.health header{padding:0 18px}.health nav,.login{display:none}.book{margin-left:auto}.hamb{display:block}.health-hero{padding:75px 20px 45px;display:block}.doctor{height:330px;min-height:0;margin-top:48px}.portrait{transform-origin:100% 100%;bottom:-20px;right:5%;transform:scale(.7)}.health-services{padding:65px 20px 75px}.service-intro{display:block}.service-intro p{margin-top:18px}.service-grid{grid-template-columns:1fr 1fr;gap:12px}.service-grid article{min-height:200px;padding:17px}.patient-portal{flex-direction:column;gap:55px;padding:70px 20px;display:flex}.patient-portal h2{font-size:42px}.health-page{padding:80px 20px}.health-page h1{margin-bottom:50px;font-size:54px}.health footer{flex-wrap:wrap;padding:25px 20px}.health footer strong{width:100%;margin:0}}.health-menu,.noma-menu{display:none}.health-page,.noma-page{min-height:720px;padding:115px max(20px,50% - 564px)}.page-lede{color:#668097;max-width:520px;margin:0 0 55px;line-height:1.7}.info-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.info-cards article{background:#fff;border:1px solid #dce6ef;min-height:220px;padding:28px}.info-cards h3{margin:35px 0 12px}.info-cards p{color:#668097;font-size:13px;line-height:1.7}.info-cards .book{margin-top:12px}.health-page .service-grid article .link{margin-top:18px}@media (width<=760px){.health-menu{display:grid}.health-page{min-height:700px;padding:75px 20px}.health-page h1{font-size:46px}.info-cards{grid-template-columns:1fr}.info-cards article{min-height:190px}}
