@font-face{font-family:Stage;src:url('assets/StageGrotesk-Regular.otf')}@font-face{font-family:Stage;src:url('assets/StageGrotesk-Black.otf');font-weight:800}@font-face{font-family:Stage;src:url('assets/StageGrotesk-Medium.otf');font-weight:600}
:root{--blue:#005492;--red:#e83f40;--ink:#152b3c;--gray:#546571;--pale:#f0f5f8;--line:#d6e0e7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:Stage,Arial,sans-serif;font-size:17px;line-height:1.6;background:white}a{color:inherit;text-underline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:800;line-height:1.06;letter-spacing:-.035em}h1{font-size:clamp(3rem,5.2vw,5.3rem);margin-bottom:28px}h1 span{color:var(--blue)}h2{font-size:clamp(2rem,3.6vw,3.7rem);margin-bottom:26px}h3{font-size:2rem}p{color:var(--gray)}header{min-height:100px;padding:20px 5%;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);background:white}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;line-height:1.2;font-size:16px;white-space:nowrap}.brand img{width:48px;height:48px;object-fit:contain}.brand strong{font-size:19px}nav{display:flex;gap:30px;margin-left:auto;font-size:15px}nav a{text-decoration:none}nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:white;padding:17px 25px;text-decoration:none;border-radius:5px;font-weight:600;font-size:16px;transition:background .15s}.button:hover{background:#003e6d}.button.small{padding:12px 18px;font-size:14px}.hero{display:grid;grid-template-columns:1.08fr .92fr;max-width:1500px;margin:auto}.hero-copy{padding:75px 7% 50px 9%}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.13em;color:var(--blue);margin-bottom:24px}.intro{font-size:20px;line-height:1.55;max-width:550px}.doctor-name{font-weight:600;color:var(--ink);margin:27px 0 0}.sub{font-size:15px;margin-bottom:28px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.text-link{font-size:15px;font-weight:600;color:var(--blue)}.hero-location{font-size:13px;margin-top:30px;margin-bottom:0}.hero-photo{position:relative;min-height:600px;background:#e2ecef}.hero-photo>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 36%}.photo-label{position:absolute;bottom:25px;left:28px;right:28px;background:rgba(255,255,255,.96);padding:18px 22px;border-left:4px solid var(--red)}.photo-label span{display:block;font-size:11px;letter-spacing:.14em;color:var(--gray)}.photo-label strong{font-size:19px}.discipline-strip{display:flex;justify-content:center;gap:8vw;background:var(--blue);color:white;padding:22px 5%;font-size:17px}.discipline-strip span:before{content:'';display:inline-block;width:6px;height:6px;background:var(--red);margin-right:14px;vertical-align:middle}.section{padding:85px 7%;max-width:1440px;margin:auto}.section-head{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:end;margin-bottom:45px}.section-head h2{margin-bottom:0}.section-head>p{max-width:440px;margin-bottom:3px}.specialty{border:1px solid var(--line);border-radius:6px}.knee{display:grid;grid-template-columns:.7fr 1.3fr;background:var(--pale);overflow:hidden}.specialty-title{padding:44px;background:var(--blue);color:white}.specialty-title h3{font-size:4.5rem;margin:35px 0 20px}.specialty-title p{color:#d5e6f2;font-size:20px;margin-bottom:0}.number{font-size:12px;letter-spacing:.12em;font-weight:600}.specialty-content{padding:40px}.conditions{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.conditions span{padding:7px 12px;border:1px solid #c9d7e1;border-radius:4px;font-size:14px;color:#334d61}details{border-top:1px solid var(--line);padding-top:17px;font-size:16px}summary{cursor:pointer;font-weight:600;color:var(--blue)}details p{margin:15px 0 0}.specialty-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.secondary{padding:36px}.secondary .number{color:var(--red)}.secondary h3{margin:18px 0;font-size:2.8rem}.secondary>p{max-width:470px}.doctor-section{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;padding-top:30px;align-items:center}.surgery-photo{overflow:hidden;border-radius:6px;height:580px}.surgery-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 38%}.credentials{list-style:none;padding:0;margin:30px 0 0}.credentials li{padding:15px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:140px 1fr;font-size:15px;gap:10px}.credentials strong{color:var(--blue)}.formation{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:center;background:var(--pale);max-width:none;padding-left:10%;padding-right:10%}.formation p{max-width:530px}.formation h2{font-size:clamp(2rem,3vw,3rem)}figure{margin:0}figure img{max-height:360px;width:100%;object-fit:cover;object-position:50% 40%;border-radius:5px}figcaption{font-size:13px;color:var(--gray);margin-top:12px}.visit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.visit-grid>div{border-top:2px solid var(--line);padding-top:20px}.visit-grid .number{color:var(--red)}.visit-grid h3{font-size:24px;margin:20px 0 15px}.contact{background:var(--blue);color:white;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;max-width:none;padding-left:10%;padding-right:10%}.contact .eyebrow,.contact p{color:#d1e5f3}.contact p{max-width:420px}.light{background:white;color:var(--blue);margin-top:12px}.light:hover{background:#e7f0f6}.phone{display:block;margin-top:20px;font-size:20px;text-decoration:none}.address{border-left:1px solid #5586ab;padding-left:60px}.address .number{color:#d1e5f3}.address h3{font-size:32px;margin:22px 0}address{font-style:normal;font-size:16px;color:#e2edf5}.map-link{display:inline-block;margin-top:22px;font-size:15px}footer{padding:45px 7%;display:flex;justify-content:space-between;align-items:center;gap:45px;max-width:1440px;margin:auto}footer img{width:235px}footer div{text-align:right}footer a{color:var(--blue);margin-left:20px;font-size:15px}footer p{font-size:14px}.copyright{font-size:12px;margin-top:25px}.mobile-appointment{display:none}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:15px;z-index:10;background:white;padding:15px}a:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:5px}
@media(min-width:1600px){.formation,.contact{padding-left:calc((100vw - 1200px)/2);padding-right:calc((100vw - 1200px)/2)}}
@media(max-width:1000px){header{gap:18px;padding:18px 4%}nav{gap:15px;font-size:14px}.hero-copy{padding:50px 7%}h1{font-size:3.5rem}.hero-photo{min-height:610px}.doctor-section{gap:35px}.credentials li{grid-template-columns:110px 1fr}.section{padding-left:5%;padding-right:5%}.section-head{gap:30px}.formation,.contact{gap:40px}.address{padding-left:30px}}
@media(max-width:700px){html{scroll-padding-top:20px}body{font-size:16px;padding-bottom:70px}header{min-height:85px;justify-content:space-between}.brand{font-size:13px}.brand strong{font-size:16px}.brand img{width:38px;height:38px}nav{display:none}.button.small{font-size:12px;padding:10px 12px}.hero{grid-template-columns:1fr}.hero-copy{padding:38px 6% 35px}h1{font-size:3.15rem;line-height:1.07}.eyebrow{font-size:11px;letter-spacing:.09em;margin-bottom:20px}.intro{font-size:18px}.actions{gap:18px}.hero-photo{min-height:460px}.hero-photo>img{object-position:50% 30%}.hero-location{font-size:12px}.photo-label{left:20px;right:20px;bottom:20px}.discipline-strip{gap:13px;padding:20px 4%;font-size:12px}.discipline-strip span:before{margin-right:6px;width:4px;height:4px}.section{padding:55px 6%}.section-head{grid-template-columns:1fr;gap:20px;margin-bottom:28px}h2{font-size:2.4rem}.knee{grid-template-columns:1fr}.specialty-title{padding:28px}.specialty-title h3{font-size:3rem;margin:16px 0}.specialty-title p{font-size:17px}.specialty-content{padding:26px}.specialty-grid{grid-template-columns:1fr}.secondary{padding:28px}.secondary h3{font-size:2.4rem}.doctor-section{grid-template-columns:1fr;gap:30px;padding-top:0}.surgery-photo{height:420px}.bio h2{font-size:2.3rem}.credentials li{grid-template-columns:1fr;gap:3px}.formation{grid-template-columns:1fr;gap:30px}.formation figure{max-width:400px}.visit-grid{grid-template-columns:1fr;gap:20px;margin-top:30px}.visit-grid h3{margin:12px 0}.contact{grid-template-columns:1fr;gap:35px}.address{border-left:0;border-top:1px solid #5586ab;padding:30px 0 0}.contact h2{font-size:2.7rem}footer{padding:35px 6%;flex-direction:column;align-items:start;gap:25px}footer img{width:200px}footer div{text-align:left}footer a{margin-left:0;margin-right:25px}.mobile-appointment{display:block;position:fixed;bottom:0;left:0;right:0;background:var(--blue);color:white;text-align:center;padding:17px;font-size:16px;font-weight:600;text-decoration:none;box-shadow:0 -3px 15px #0002;z-index:5}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.formation figure img{height:340px;max-height:none;object-position:50% 76%}.call{background:transparent;border:1px solid #b8d5e9;color:white;margin-top:15px;margin-left:12px}.call:hover{background:#003e6d}.contact-number{font-size:18px;margin-top:18px;margin-bottom:0}.reviews-link{display:block;font-size:14px;margin-top:16px}@media(max-width:700px){.formation figure img{height:300px}.call{margin-left:0;display:flex;width:max-content}}
