@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#102b39;--muted:#49616a;--paper:#f7f9f8;--white:#fff;--line:#cbd9d9;--teal:#087e83;--deep:#073a48;--pale:#e6f1f0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:1rem;line-height:1.65}a{color:inherit}img{max-width:100%;display:block}.skip{position:absolute;left:-999px;top:0;background:#fff;padding:.7rem;z-index:20}.skip:focus{left:1rem}.site-header{height:96px;padding:0 clamp(1.25rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;background:var(--white);border-bottom:1px solid var(--line);position:relative;z-index:10}.wordmark{display:flex;align-items:center;gap:.85rem;text-decoration:none;color:var(--deep)}.brand-mark{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.13em;font-size:2.05rem;border:2px solid var(--teal);width:3.4rem;height:3.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-right:.2rem}.mark-slash{color:var(--teal);padding:0 .08em}.brand-name{font-family:Manrope,sans-serif;font-size:.78rem;line-height:1.22;font-weight:800;letter-spacing:.11em}.site-header nav{display:flex;gap:clamp(.8rem,2vw,2.2rem);align-items:center}.site-header nav a{text-decoration:none;font-size:.89rem;font-weight:600;white-space:nowrap}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--teal)}.menu-toggle{display:none}.hero{padding:clamp(4rem,8vw,8rem) clamp(1.25rem,8vw,9rem);background:var(--deep);color:#fff}.home-hero{min-height:575px;background:linear-gradient(110deg,#073a48 0%,#0b4b59 62%,#146777 100%);display:flex;flex-direction:column;justify-content:center}.inner-hero{min-height:420px}.eyebrow,.section-label{font-family:Manrope,sans-serif;font-size:.75rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:var(--teal)}.hero .eyebrow{color:#80d7d5}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(2.6rem,5.6vw,5.6rem);letter-spacing:-.055em;line-height:1.08;max-width:980px;margin:1rem 0 1.4rem;font-weight:600}.hero p{font-size:clamp(1.12rem,1.6vw,1.37rem);line-height:1.55;max-width:760px;color:#d8ebec;margin:0 0 2rem}.button{background:var(--teal);border:1px solid var(--teal);padding:.88rem 1.25rem;color:white;text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:2.4rem;min-height:52px;border-radius:3px;transition:background .2s,transform .2s}.button:hover{background:#045c64;transform:translateY(-2px)}.button:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #e2b858;outline-offset:3px}.page-content{max-width:1440px;margin:auto;padding:0 clamp(1.25rem,6vw,6rem) 5rem}.surgeons{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:-4rem;position:relative}.surgeon-panel{min-height:470px;position:relative;overflow:hidden;text-decoration:none;background:#dbe9e7;color:var(--ink);display:flex;align-items:flex-end}.surgeon-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% 30%;transition:transform .35s}.james-panel:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,28,36,.85),transparent 75%)}.james-panel{color:white}.james-panel .section-label{color:#9be2df}.panel-text{position:relative;z-index:2;padding:2.4rem;max-width:510px}.panel-text h2{font-family:Manrope,sans-serif;font-size:clamp(1.8rem,2.5vw,2.65rem);line-height:1.12;letter-spacing:-.045em;margin:.8rem 0}.panel-text p{font-size:1.05rem;line-height:1.45}.panel-link{display:inline-block;margin-top:.55rem;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:.2rem}.surgeon-panel:hover img{transform:scale(1.035)}.sara-panel{background:#b9d5d2}.sara-panel .panel-text{max-width:370px}.sara-monogram{position:absolute;right:-.05em;top:-.2em;font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(12rem,29vw,29rem);letter-spacing:-.13em;color:rgba(255,255,255,.25);line-height:1;pointer-events:none}.home-lead{display:flex;justify-content:space-between;align-items:baseline;gap:2rem;margin:6rem 0 2rem}.home-lead h2{font:600 clamp(2rem,3.6vw,3.5rem)/1.15 Manrope,sans-serif;letter-spacing:-.045em;max-width:690px;margin:0}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.service-card{min-height:255px;background:var(--white);border:1px solid var(--line);padding:1.55rem;display:flex;flex-direction:column;text-decoration:none;transition:border-color .2s,transform .2s}.service-card:hover{border-color:var(--teal);transform:translateY(-3px)}.card-title{font:700 1.3rem/1.25 Manrope,sans-serif;letter-spacing:-.025em;margin-bottom:.8rem}.service-card>span:nth-child(2){color:var(--muted);line-height:1.45}.card-link{margin-top:auto;padding-top:1.5rem;color:var(--teal);font-weight:700}.content-section{padding:4.2rem 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:32% 1fr;gap:2rem;max-width:1100px}.content-section h2{font:600 clamp(1.8rem,3vw,2.8rem)/1.18 Manrope,sans-serif;letter-spacing:-.045em;margin:0 0 1rem}.content-section p{max-width:720px;font-size:1.14rem;line-height:1.7;color:var(--muted);margin:0 0 1rem}.text-link{display:inline-block;color:var(--teal);font-weight:700;text-decoration-thickness:1px;text-underline-offset:5px}.profile-image{height:470px;overflow:hidden;margin:3rem 0 0;background:#4a5262}.profile-image img{height:100%;width:100%;object-fit:cover;object-position:50% 32%}.compact{grid-template-columns:repeat(3,1fr);margin-top:3rem}.compact .service-card{min-height:200px}.quote-block{background:#d5e8e6;margin-top:3rem;padding:clamp(2rem,6vw,5rem);min-height:300px;display:flex;flex-direction:column;justify-content:center}.quote-block p{font:600 clamp(2rem,3.8vw,3.8rem)/1.22 Manrope,sans-serif;letter-spacing:-.045em;max-width:920px;margin:1rem 0 0}.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:4rem;margin:4rem 0}.contact-card{background:white;border:1px solid var(--line);padding:clamp(2rem,5vw,4.5rem)}.contact-card h2,.contact-aside h2{font:600 clamp(2rem,3vw,3rem)/1.15 Manrope,sans-serif;letter-spacing:-.04em;margin:.6rem 0 1.2rem}.contact-card p,.contact-aside p{color:var(--muted);font-size:1.1rem;max-width:650px}.contact-aside{padding:1rem 0}.contact-aside strong{color:var(--ink)}.small{font-size:.88rem!important}.closing-cta{padding:clamp(3rem,6vw,6rem) clamp(1.25rem,8vw,9rem);background:#0b5260;color:white;display:flex;align-items:end;justify-content:space-between;gap:2rem}.closing-cta .section-label{color:#9ce2e0}.closing-cta h2{font:600 clamp(2rem,4vw,4rem)/1.15 Manrope,sans-serif;letter-spacing:-.045em;margin:.7rem 0}.closing-cta p{color:#d9eeee;font-size:1.1rem;margin:0}.button-light{background:white;color:var(--deep);border-color:white;white-space:nowrap}.button-light:hover{background:#e6f1f0}footer{background:#092e3a;color:#d0e2e4;padding:4rem clamp(1.25rem,8vw,9rem);display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:3rem}footer>div{display:flex;flex-direction:column;align-items:flex-start}footer a{text-decoration:none;margin:.2rem 0}footer a:hover{text-decoration:underline}.footer-brand{font:700 1.2rem Manrope,sans-serif;color:#fff}footer p{margin:.4rem 0}footer .section-label{color:#87d3d1;margin-bottom:.7rem}@media(max-width:950px){.site-header{height:auto;min-height:82px}.menu-toggle{display:block;background:transparent;border:1px solid var(--line);padding:.55rem .8rem;color:var(--ink);font:700 1rem 'DM Sans',sans-serif}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:1rem 1.25rem 1.7rem;box-shadow:0 10px 20px #102b3920;flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.site-header nav a{padding:.45rem 0}.card-grid{grid-template-columns:repeat(2,1fr)}.surgeons{grid-template-columns:1fr}.surgeon-panel{min-height:420px}.sara-monogram{font-size:25rem}}@media(max-width:650px){.hero{padding:4.2rem 1.25rem 5.3rem}.home-hero{min-height:480px}.inner-hero{min-height:0}.hero h1{font-size:2.65rem}.surgeons{margin-top:-2.5rem}.surgeon-panel{min-height:360px}.panel-text{padding:1.6rem}.home-lead{display:block;margin:4rem 0 2rem}.home-lead h2{margin-top:1rem}.card-grid,.compact,.contact-grid{grid-template-columns:1fr}.service-card{min-height:190px}.content-section{display:block;padding:3.2rem 0}.content-section .section-label{display:block;margin-bottom:1rem}.profile-image{height:290px}.closing-cta{display:block}.closing-cta .button{margin-top:2rem}.contact-grid{gap:1rem}footer{grid-template-columns:1fr 1fr;gap:2rem}footer>div:first-child{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Portraits and professional details */
.sara-panel{color:#fff}.sara-panel:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,28,36,.9),transparent 82%)}.sara-panel img{object-position:50% 20%}.sara-panel .section-label{color:#9be2df}.sara-panel .panel-text{max-width:510px}.sara-profile{height:550px;background:#fff}.sara-profile img{object-fit:contain;object-position:50% 35%}.qualifications{margin:1.25rem 0 0;font-weight:600;color:var(--muted)}.qualifications span{margin-left:1rem;white-space:nowrap}.publication-list{padding:0;list-style:none;margin:1.5rem 0 0}.publication-list li{border-top:1px solid var(--line);padding:1.25rem 0}.publication-list a{color:var(--teal);font-weight:600;text-underline-offset:4px;line-height:1.5}.publication-meta{display:block;font-size:.9rem;color:var(--muted);margin-top:.4rem}.publication-note{margin-top:1.5rem!important}.research-links{display:flex;flex-wrap:wrap;gap:1rem 2rem}.information-grid{margin-top:3rem}@media(max-width:650px){.sara-profile{height:380px}.qualifications span{display:block;margin:.5rem 0 0}}
.contact-grid.split-contacts{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.split-contacts .contact-card{padding:clamp(1.5rem,3vw,3rem);display:flex;flex-direction:column;min-width:0}.split-contacts .button{align-self:flex-start;margin-top:auto}.email-address{display:block;overflow-wrap:anywhere;word-break:break-word;color:var(--teal);font-weight:600;margin:.5rem 0 1.6rem;text-underline-offset:4px}.enquiry-note{max-width:800px;margin:2rem 0}.enquiry-note h2{font:600 1.8rem Manrope,sans-serif;letter-spacing:-.03em}.enquiry-note p{color:var(--muted)}@media(max-width:650px){.contact-grid.split-contacts{grid-template-columns:1fr}}

/* Approved S/O logo, with a cropped display window for its white preview margins. */
.site-header{gap:1rem}.wordmark{display:block;width:23rem;height:4.5rem;min-width:0;flex-shrink:1;overflow:hidden;gap:0}.site-logo{width:100%;height:100%;object-fit:cover;object-position:center}@media(max-width:1100px) and (min-width:951px){.wordmark{width:19rem}.site-header{padding-inline:1.5rem}.site-header nav{gap:1rem}}@media(max-width:950px){.wordmark{width:23rem;height:4.25rem}.menu-toggle{flex-shrink:0}}@media(max-width:650px){.wordmark{width:min(68vw,23rem);height:3.75rem}.site-header{gap:.65rem}.menu-toggle{font-size:.9rem;padding:.5rem .65rem}}