/* Version 2: hip and knee reconstruction, with clinical photography and blue-white surfaces. */
:root{--navy:#103954;--blue:#17679d;--ink:#123752;--muted:#526b7d;--soft:#eff6fc;--line:#d7e5f0;--accent:#a3c7e3}
.header .brand small,.footer-brand small{letter-spacing:.13em;font-size:.75rem}
.hero{background:#f4f9fd}
.hero-grid{grid-template-columns:1fr 1fr;gap:54px;min-height:640px;padding-top:54px;padding-bottom:54px}
.reconstruction-hero h1{font-size:clamp(3.25rem,5.1vw,4.6rem);font-weight:500;line-height:1.05;letter-spacing:-.05em;margin-bottom:25px}
.hero-copy>.eyebrow{font-size:.75rem;letter-spacing:.1em;margin-bottom:24px}
.reconstruction-lead{font-size:1.125rem;font-weight:500;line-height:1.7;color:var(--ink);margin-bottom:19px}
.hero-description{font-size:1rem;max-width:490px;margin-bottom:27px}
.reconstruction-hero .button-row{gap:22px;row-gap:18px}
.hero-footnote{margin:27px 0 0;font-size:.8125rem}
.clinical-hero-visual{position:relative;background:#dfeefa;padding:16px 16px 0;align-self:center}
.operating-theatre-photo{margin:0}
.operating-theatre-photo>img{display:block;width:100%;height:auto}
.operating-theatre-photo figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;background:var(--navy);padding:12px 18px;color:#fff;line-height:1.6}
.operating-theatre-photo figcaption span:first-child{font-size:.75rem;letter-spacing:.1em;color:#c9dfef}
.operating-theatre-photo figcaption span:last-child{font-size:.8125rem}
.surgeon-identity{display:flex;gap:18px;align-items:center;padding:20px 0 22px}
.surgeon-identity>img{width:65px;height:84px;object-fit:cover;object-position:top;flex:none}
.surgeon-identity .eyebrow{font-size:.75rem;letter-spacing:.1em;display:block;margin-bottom:7px}
.surgeon-identity h2{font-size:1.5rem;margin-bottom:6px;letter-spacing:-.025em}
.surgeon-identity p{font-size:.8125rem;line-height:1.5;margin:0}
.focus-grid{padding-top:27px;padding-bottom:27px}
.focus-grid strong{font-size:1rem}
.page-hero{background:var(--soft)}
.service-card{border-top:3px solid #6d9fbe}
@media(max-width:1100px){.hero-grid{gap:32px;grid-template-columns:1fr 1fr}.hero-copy h1{font-size:clamp(2.8rem,5.1vw,4rem)}.hero-copy>.eyebrow{line-height:1.8}.surgeon-identity{gap:12px}.surgeon-identity h2{font-size:1.3rem}.surgeon-identity .eyebrow{letter-spacing:.035em}.header .brand small{letter-spacing:.065em}nav{gap:22px}}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr;gap:36px;padding-top:44px;padding-bottom:38px}.hero-copy h1{font-size:clamp(2.65rem,8.5vw,4.3rem)}.hero-copy>.eyebrow{letter-spacing:.065em}.hero-description{max-width:600px}.reconstruction-lead{font-size:1.0625rem}.clinical-hero-visual{width:100%;max-width:600px;justify-self:center}.surgeon-identity{gap:16px}.surgeon-identity h2{font-size:1.45rem}.header .brand small{font-size:.75rem;letter-spacing:.025em}.header .brand strong{font-size:1rem}.header .brand-mark{width:38px}.hero-footnote{margin-top:23px}}
@media(max-width:520px){.clinical-hero-visual{padding:10px 10px 0}.operating-theatre-photo figcaption{padding:11px 12px;gap:10px}.operating-theatre-photo figcaption span:first-child{letter-spacing:.035em}.operating-theatre-photo figcaption span:last-child{font-size:.75rem}.surgeon-identity{gap:12px;padding:18px 2px}.surgeon-identity>img{width:55px;height:78px}.surgeon-identity h2{font-size:1.2rem}.surgeon-identity .eyebrow{font-size:.75rem;line-height:1.6;letter-spacing:.025em}.surgeon-identity p{font-size:.75rem}.hero .button{padding-inline:19px;gap:20px}.hero .button-row{align-items:flex-start;flex-direction:column;gap:19px}}
@media(max-width:380px){.header .brand strong{font-size:.875rem}.header .brand small{max-width:180px;white-space:normal;line-height:1.4}.header .brand-mark{width:34px}.hero-copy h1{font-size:2.6rem}.hero-copy>.eyebrow{font-size:.75rem;letter-spacing:.025em}.surgeon-identity h2{font-size:1.075rem}.operating-theatre-photo figcaption{flex-wrap:wrap;gap:2px 8px}.hero .button{gap:12px;padding-inline:14px;font-size:.875rem}}
.clinical-learning-section{background:#f7fbff;border-block:1px solid var(--line)}
.clinical-learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.clinical-learning-grid .lead{font-size:1.2rem;color:var(--ink)}
.surgical-disclosure{background:#e5f1fb;border:1px solid #c3dbed;border-top:4px solid var(--blue)}
.surgical-disclosure>summary{display:block;list-style:none;cursor:pointer;padding:34px}
.surgical-disclosure>summary::-webkit-details-marker{display:none}
.surgical-disclosure>summary>.eyebrow{display:block;margin-bottom:18px;font-size:.75rem;letter-spacing:.12em}
.surgical-disclosure>summary>strong{display:block;font-size:1.65rem;letter-spacing:-.025em;line-height:1.25;font-weight:500;margin-bottom:15px}
.disclosure-note{display:block;color:var(--muted);font-size:.9375rem;line-height:1.7}
.disclosure-action{margin-top:25px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #b8d2e6;padding-top:18px;color:var(--navy);font-size:.9375rem;font-weight:500}
.disclosure-action>span{font-size:1.4rem;font-weight:400}
.surgical-disclosure>summary:hover{background:#dcecf9}
.surgical-disclosure[open]>summary{padding-bottom:22px}
.surgical-photo{margin:0;padding:0 24px 24px}
.surgical-photo>img{display:block;width:100%;height:auto;max-height:660px;object-fit:contain;background:white}
.surgical-photo>figcaption{font-size:.8125rem;line-height:1.7;color:var(--muted);margin-top:15px}
.hide-clinical-image{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;min-height:44px;padding:10px 15px;border:1px solid #9cbacf;background:#fff;color:var(--navy);cursor:pointer;font-size:.875rem}
.hide-clinical-image:hover{background:#f2f8fd}
@media(max-width:1000px){.clinical-learning-grid{gap:40px}.surgical-disclosure>summary{padding:27px}}
@media(max-width:800px){.clinical-learning-grid{grid-template-columns:1fr;gap:30px}.surgical-disclosure{max-width:620px;width:100%}.clinical-learning-grid .lead{font-size:1.125rem}}
@media(max-width:520px){.surgical-disclosure>summary{padding:26px}.surgical-disclosure>summary>strong{font-size:1.45rem}.surgical-photo{padding:0 16px 20px}}

/* Public source links and clearly identified testimonial drafts. */
.news-section{background:#eff6fc;border-block:1px solid var(--line)}
.source-explainer{max-width:760px;font-size:.9375rem;margin-bottom:14px}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.news-card{padding:28px;background:#fff;border:1px solid #d0e1ee;border-top:3px solid #79a5c3;display:flex;flex-direction:column;align-items:flex-start}
.source-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px 12px;font-size:.8125rem;color:var(--muted);line-height:1.6;margin-bottom:25px}
.language-badge,.format-badge{display:inline-flex;align-items:center;gap:4px;border:1px solid #c5dbea;background:#f3f8fc;color:#245676;font-size:.75rem;line-height:1.6;padding:3px 8px;white-space:nowrap}
.format-badge{background:#fff}
.news-card>.source-meta{min-height:30px}
.news-card>.eyebrow{font-size:.75rem;letter-spacing:.1em;margin-bottom:12px}
.news-card h3{font-size:1.5rem;line-height:1.25;letter-spacing:-.025em}
.news-card>p:not(.eyebrow):not(.source-publisher){font-size:.9375rem}
.source-publisher{font-size:.8125rem;line-height:1.65;color:var(--muted);margin-bottom:17px}
.news-card>.source-publisher{margin-top:auto;padding-top:7px}
.source-link{font-size:.875rem;min-height:37px}
.news-more{margin-top:30px}
.news-list>article{display:grid;grid-template-columns:180px minmax(0,1fr);gap:44px;border-top:1px solid var(--line);padding:34px 0}
.news-list>article:last-child{border-bottom:1px solid var(--line)}
.news-list>article>.source-meta{align-content:start;align-items:start;margin:2px 0 0}
.news-list time{flex-basis:100%;font-size:1rem;color:var(--ink);margin-bottom:5px}
.news-list h3{font-size:1.65rem;margin-bottom:14px}
.news-list .eyebrow{margin-bottom:10px}
.news-list article p:not(.eyebrow):not(.source-publisher){max-width:790px}
.research-section{padding-top:58px;background:#f7fbff;border-block:1px solid var(--line)}
.research-section .source-meta{margin-bottom:14px}
.research-section .source-meta .eyebrow{margin:0}
.fellow-section{background:white}
.fellow-section .section-heading{align-items:center;margin-bottom:14px}
.fellow-section .section-heading h2{margin-bottom:12px}
.draft-label{display:inline-flex;flex:none;border:1px dashed #8babbe;padding:8px 13px;color:#345c76;font-size:.75rem;letter-spacing:.08em;line-height:1.7}
.draft-notice{padding:16px 20px;border-left:3px solid #7fa7c2;background:#eff6fc;max-width:860px;font-size:.875rem;margin-bottom:28px}
.fellow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.fellow-card{padding:30px 32px;background:#f7fbfe;border:1px solid var(--line)}
.fellow-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 260px;gap:0 50px;background:#eaf3fb;border-top:3px solid #80aac8}
.fellow-card:first-child>.eyebrow{grid-column:1/-1}
.fellow-card>.eyebrow{font-size:.75rem;letter-spacing:.085em;margin-bottom:18px}
.fellow-card blockquote{margin:0}
.fellow-card blockquote p{font-size:1rem;line-height:1.85;color:var(--ink);margin:0 0 24px}
.fellow-card:first-child blockquote p{font-size:1.15rem;margin-bottom:0}
.fellow-attribution{border-top:1px solid #cbddea;padding-top:17px;display:flex;flex-direction:column;color:var(--muted);font-size:.8125rem;line-height:1.85}
.fellow-attribution strong{font-weight:500;color:var(--blue);font-size:.875rem;margin-bottom:2px}
.fellow-card:first-child .fellow-attribution{align-self:center;border-top:0;border-left:1px solid #bed4e5;padding:0 0 0 28px}
@media(max-width:1100px){.news-grid{gap:18px}.news-card{padding:24px}.news-card h3{font-size:1.35rem}.news-card>.source-meta{min-height:64px;align-content:start}}
@media(max-width:900px){.news-grid{grid-template-columns:1fr}.news-card>.source-meta{min-height:0;margin-bottom:20px}.news-card h3{font-size:1.5rem}.news-card>.source-publisher{margin-top:0}.news-list>article{grid-template-columns:150px minmax(0,1fr);gap:28px}.fellow-card:first-child{grid-template-columns:1fr 210px;gap:0 26px}.fellow-card{padding:26px}.fellow-card:first-child blockquote p{font-size:1rem}}
@media(max-width:650px){.news-list>article{grid-template-columns:1fr;gap:22px;padding:28px 0}.news-list>article>.source-meta{align-items:center}.news-list time{flex-basis:auto;margin:0 5px 0 0;font-size:.875rem}.news-list h3{font-size:1.4rem}.fellow-section .section-heading .draft-label{margin:8px 0}.fellow-grid{grid-template-columns:1fr}.fellow-card:first-child{display:block}.fellow-card:first-child .fellow-attribution{border-top:1px solid #cbddea;border-left:0;padding:17px 0 0}.fellow-card:first-child blockquote p{margin-bottom:24px}}

/* Recorded interviews: native controls, optional transcripts and no autoplay. */
.intro-video-section{background:#103954;color:white}
.intro-video-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:66px;align-items:start}
.intro-video-copy .eyebrow{color:#b9d9f0}
.intro-video-copy h2{font-size:clamp(2rem,3.1vw,2.9rem);line-height:1.18}
.intro-video-copy .lead{font-size:1.1rem;line-height:1.8;color:#dbeaf4}
.intro-video-copy .interview-recorded{font-size:.875rem;color:#b9cede;margin-top:28px}
.intro-video-copy .text-link{color:white;border-color:#688da7;margin-top:10px}
.interview-player{background:#092b43;aspect-ratio:16/9;overflow:hidden;position:relative}
.interview-player video{display:block;width:100%;height:100%;object-fit:contain;background:#092b43}
.video-start{position:absolute;inset:0;display:block;padding:0;border:0;width:100%;height:100%;background:#092b43;color:white;cursor:pointer;text-align:left}
.video-start[hidden]{display:none}
.video-start>img{display:block;width:100%;height:100%;object-fit:cover}
.video-start-label{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:14px;padding:38px 24px 22px;background:linear-gradient(transparent,rgba(5,27,43,.9));font-size:1rem;font-weight:500}
.play-symbol{width:42px;height:42px;display:grid;place-items:center;flex:none;border:1px solid #fff9;border-radius:50%;font-size:.9375rem;background:#10395480;padding-left:2px}
.play-duration{margin-left:12px;font-weight:400;font-size:.875rem;color:#d4e4f0}
.video-start:hover .play-symbol{background:#17679d}
.video-start:focus-visible{outline-offset:-5px;outline-color:white}
.interview-player video::cue{font:1rem/1.4 Arial,Helvetica,sans-serif;background:rgba(0,0,0,.83);color:white}
.interview-meta{display:flex;flex-wrap:wrap;gap:7px 15px;font-size:.8125rem;line-height:1.7;color:var(--muted);margin:16px 0 18px}
.intro-video-section .interview-meta{color:#c6ddeb}
.interview-transcript{border-top:1px solid #ccdfed;margin-top:23px}
.interview-transcript summary{cursor:pointer;padding:15px 0;font-size:.875rem;color:var(--blue)}
.interview-transcript>div{padding:2px 0 8px;font-size:.9375rem;line-height:1.8}
.interview-transcript p{margin-bottom:15px}
.interview-transcript p:last-child{margin-bottom:0}
.interview-transcript .caption-review-note{font-size:.8125rem;color:var(--muted);padding-bottom:12px;border-bottom:1px solid var(--line)}
.intro-video-section .interview-transcript{border-color:#41657e}
.intro-video-section .interview-transcript summary{color:#e4f2fc}
.intro-video-section .interview-transcript p{color:#cbdfea}
.intro-video-section .interview-transcript .caption-review-note{color:#bbd0df;border-color:#41657e}
.fellow-video-section{background:#f0f7fd;border-block:1px solid var(--line)}
.interview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.interview-card{border:1px solid #ccdfed;background:#fff;min-width:0}
.interview-card-copy{padding:10px 28px 24px}
.interview-card h3{font-size:1.65rem;line-height:1.25;margin-bottom:8px}
.interview-role{font-size:.875rem;color:var(--blue);margin-bottom:24px}
.interview-topic{font-size:1rem;color:var(--ink);font-weight:600;line-height:1.55;margin-bottom:11px}
.interview-card-copy>p:not(.interview-role):not(.interview-topic){font-size:1rem;line-height:1.75;margin-bottom:0}
@media(max-width:1000px){.intro-video-grid{gap:35px;grid-template-columns:.85fr 1.15fr}.interview-grid{gap:22px}.interview-card-copy{padding-inline:22px}}
@media(max-width:800px){.intro-video-grid{grid-template-columns:1fr;gap:30px}.intro-video-copy{max-width:650px}.intro-video-copy .interview-recorded{margin-top:20px}.intro-video-copy .text-link{margin-top:0}.interview-grid{grid-template-columns:1fr}.interview-card{max-width:720px;width:100%;justify-self:center}.interview-player video::cue{font-size:.9rem}}
@media(max-width:380px){.interview-card-copy{padding-inline:18px}.interview-card h3{font-size:1.4rem}.interview-meta{font-size:.8125rem;gap:5px 12px}}