:root{--paper:#fffdf9;--ivory:#f4f1ea;--ink:#171715;--muted:#6d6a64;--gold:#aa8a55;--line:#ded8cd;--gray:#d7d7d4;--gray2:#ededeb;--serif:Georgia,"Noto Serif SC","Songti SC",serif;--sans:Arial,"Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.75}a{text-decoration:none;color:inherit}.shell{width:min(1240px,calc(100% - 48px));margin:auto}.topbar{height:72px;padding:0 max(24px,calc((100% - 1240px)/2));display:flex;align-items:center;gap:38px;position:sticky;top:0;background:rgba(255,253,249,.94);backdrop-filter:blur(14px);z-index:20;border-bottom:1px solid var(--line)}.brand{font-family:var(--serif);font-size:21px;margin-right:auto}.topbar nav{display:flex;gap:24px;font-size:13px}.wa-link{border:1px solid var(--ink);padding:8px 15px;font-size:12px}.layout-picker{position:fixed;right:18px;top:92px;z-index:30;width:148px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 35px #0002;padding:10px}.layout-picker strong{display:block;font-size:11px;margin:2px 5px 7px}.layout-picker button{width:100%;border:0;background:transparent;text-align:left;padding:8px;font-size:11px;cursor:pointer}.layout-picker button.active{background:var(--ink);color:#fff}.hero{min-height:720px;display:grid;grid-template-columns:1.04fr .96fr;align-items:stretch;padding-top:56px;padding-bottom:56px;gap:56px}.hero-copy{align-self:center}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--gold);font-weight:700;margin:0 0 13px}.hero h1,.section h2,.cta h2{font-family:var(--serif);font-weight:400;line-height:1.25;margin:0}.hero h1{font-size:clamp(44px,5.8vw,78px)}.lead{font-family:var(--serif);font-size:24px}.hero-copy>p:not(.eyebrow,.lead){color:var(--muted);max-width:620px}.actions{display:flex;gap:22px;align-items:center;margin:28px 0}.button{display:inline-block;background:var(--ink);color:#fff;padding:13px 20px;font-size:13px}.text-link{border-bottom:1px solid;font-size:13px}.stats{display:flex;gap:38px;border-top:1px solid var(--line);padding-top:20px}.stats span{font-size:11px;color:var(--muted)}.stats b{display:block;font-family:var(--serif);font-size:22px;color:var(--ink);font-weight:400}.placeholder{background:linear-gradient(135deg,var(--gray2),var(--gray));border:1px dashed #aaa69f;display:flex;min-height:180px;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:22px;color:#57544f}.placeholder b{font-family:var(--serif);font-size:17px;font-weight:400}.placeholder span{font-size:11px;color:#77736d;margin-top:5px}.portrait{min-height:590px}.section{padding:104px 0}.tint{background:var(--ivory)}.dark{background:#151513;color:#fff}.section-head{max-width:760px;margin-bottom:45px}.section h2,.cta h2{font-size:clamp(34px,4.3vw,57px)}.section-head>p:last-child{color:var(--muted)}.dark .section-head>p:last-child{color:#aaa69e}.doctor-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}.doctor-photo{min-height:560px}.doctor-copy h3{font-family:var(--serif);font-size:27px;font-weight:400;line-height:1.5;margin:0 0 24px}.doctor-copy p{color:var(--muted);font-size:14px}.credentials{display:grid;grid-template-columns:1fr 1fr;list-style:none;padding:0;border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:25px}.credentials li{padding:13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px}.photo-strip{display:grid;gap:14px;margin-top:56px}.photo-strip.four{grid-template-columns:repeat(4,1fr)}.photo-strip .placeholder{min-height:180px}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project-card{background:var(--paper);border:1px solid var(--line);padding:28px;display:grid;grid-template-columns:180px 1fr;gap:25px}.project-card .placeholder{min-height:220px}.project-card h3,.advantage-card h3{font-family:var(--serif);font-size:22px;font-weight:400;margin:0 0 12px}.facts{margin:0;padding:0;list-style:none}.facts li{font-size:12px;color:var(--muted);padding:5px 0;border-bottom:1px solid var(--line)}.facts b{color:var(--ink)}.method-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #ffffff33;border-left:1px solid #ffffff33}.method-card{min-height:260px;padding:25px;border-right:1px solid #ffffff33;border-bottom:1px solid #ffffff33}.method-card span{font-size:11px;color:#d4bb90}.method-card h3{font-family:var(--serif);font-size:21px;font-weight:400;margin:45px 0 8px}.method-card p{font-size:12px;color:#aaa69e}.advantage-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.advantage-card{padding:28px;min-height:280px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.advantage-card>span{font-size:10px;color:var(--gold)}.advantage-card p{font-size:12px;color:var(--muted)}.advantage-card .slot{height:64px;border-top:1px dashed #bbb;margin-top:20px;padding-top:9px;font-size:10px;color:#888}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.case-grid article{background:var(--paper);border:1px solid var(--line);padding:14px}.case-grid .placeholder{aspect-ratio:4/3;min-height:0}.case-grid h3{font-family:var(--serif);font-size:17px;font-weight:400;margin:14px 5px 4px}.fine-print{font-size:11px;color:var(--muted);margin-top:22px}.timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.timeline-card .placeholder{aspect-ratio:4/5;min-height:0}.timeline-card h3{font-family:var(--serif);font-size:17px;font-weight:400;margin:12px 0 4px}.timeline-card p{font-size:11px;color:var(--muted);margin:0}.hospital-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.hospital-photo{aspect-ratio:16/9;min-height:0}.hospital-layout h2{font-family:var(--serif);font-size:48px;font-weight:400;margin:0}.hospital-layout p{color:var(--muted)}.mini-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.mini-grid span{padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px}.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.journey-card{padding:23px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:190px}.journey-card span{font-size:10px;color:var(--gold)}.journey-card h3{font-family:var(--serif);font-size:18px;font-weight:400}.journey-card p{font-size:12px;color:var(--muted)}.faq-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.faq-item{padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.faq-item h3{font-family:var(--serif);font-size:18px;font-weight:400;margin:0 0 8px}.faq-item p{font-size:12px;color:var(--muted)}.cta{background:#151513;color:#fff;padding:100px 0}.cta .shell{max-width:880px}.cta p:not(.eyebrow){color:#aaa69e}.button.light{background:#fff;color:#111}.cta small{display:block;color:#77736d;margin-top:18px}.floating-wa{position:fixed;right:22px;bottom:22px;width:58px;height:58px;background:#45c86c;color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:bold;z-index:22}footer{padding:30px max(24px,calc((100% - 1240px)/2));display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}

/* Layout B: full-width media above the text. */
html[data-layout="editorial"] .hero{grid-template-columns:1fr;padding-top:36px}.hero-copy{max-width:930px}html[data-layout="editorial"] .hero .portrait{grid-row:1;width:100%;aspect-ratio:16/7;min-height:0}html[data-layout="editorial"] .hero-copy{grid-row:2}html[data-layout="editorial"] .doctor-layout{grid-template-columns:1fr}html[data-layout="editorial"] .doctor-photo{aspect-ratio:16/7;min-height:0}html[data-layout="editorial"] .project-grid{grid-template-columns:1fr}html[data-layout="editorial"] .project-card{grid-template-columns:38% 1fr}html[data-layout="editorial"] .case-grid{grid-template-columns:1fr 1fr}html[data-layout="editorial"] .case-grid article:first-child{grid-column:1/-1}html[data-layout="editorial"] .case-grid article:first-child .placeholder{aspect-ratio:16/7}

/* Layout C: compact cards for faster browsing and mobile screens. */
html[data-layout="cards"] .hero{min-height:auto;background:var(--ivory);margin-top:26px;margin-bottom:26px;padding:48px;grid-template-columns:1fr 360px}html[data-layout="cards"] .portrait{min-height:420px}html[data-layout="cards"] .doctor-layout{grid-template-columns:360px 1fr}html[data-layout="cards"] .doctor-photo{min-height:460px}html[data-layout="cards"] .project-grid{grid-template-columns:repeat(3,1fr)}html[data-layout="cards"] .project-card{display:block}html[data-layout="cards"] .project-card .placeholder{aspect-ratio:4/3;min-height:0;margin-bottom:18px}html[data-layout="cards"] .advantage-grid{gap:14px;border:0}html[data-layout="cards"] .advantage-card{border:1px solid var(--line);background:#fff;border-radius:10px}html[data-layout="cards"] .case-grid{grid-template-columns:repeat(3,1fr)}

@media(max-width:900px){.topbar nav{display:none}.layout-picker{top:auto;right:10px;bottom:86px}.hero,html[data-layout="cards"] .hero{grid-template-columns:1fr;padding:38px 0}.portrait{min-height:520px}.doctor-layout,html[data-layout="cards"] .doctor-layout,.hospital-layout{grid-template-columns:1fr}.project-grid,html[data-layout="cards"] .project-grid{grid-template-columns:1fr}.method-grid{grid-template-columns:1fr 1fr}.advantage-grid{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:repeat(3,1fr)}.journey-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.shell{width:min(100% - 30px,1240px)}.topbar{height:62px;padding:0 15px}.brand{font-size:17px}.wa-link{font-size:10px;padding:6px 9px}.section{padding:68px 0}.hero h1{font-size:41px}.hero{gap:25px}.portrait{min-height:430px}.actions,.stats{align-items:flex-start;flex-direction:column;gap:15px}.stats span{width:100%}.photo-strip.four,.case-grid,html[data-layout="editorial"] .case-grid{grid-template-columns:1fr}.project-card,html[data-layout="editorial"] .project-card{display:block}.project-card .placeholder{aspect-ratio:4/3;min-height:0;margin-bottom:18px}.method-grid,.advantage-grid,.timeline,.journey-grid,.faq-grid{grid-template-columns:1fr}.credentials{grid-template-columns:1fr}.doctor-photo{min-height:430px}.hospital-layout h2{font-size:37px}footer{display:block}.layout-picker{width:134px}}

/* Confirmed layout: compact methodology, text-only benefits, smaller hospital media, three arrival images, and four credentials. */
.hero-credentials{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-self:center}.hero-credentials .placeholder{aspect-ratio:4/3;min-height:0;padding:14px}.hero-credentials .placeholder b{font-size:15px}
.method{padding-top:72px;padding-bottom:72px}.method .section-head{margin-bottom:26px}.method-grid{display:flex;flex-direction:column;border:0;border-top:1px solid #ffffff33}.method-card{display:grid;grid-template-columns:54px 270px 1fr;align-items:center;min-height:0;padding:16px 4px;border:0;border-bottom:1px solid #ffffff33}.method-card h3{margin:0;font-size:19px}.method-card p{margin:0}.advantage-card{min-height:205px}.advantage-card .slot{display:none}.hospital-section{padding-top:68px;padding-bottom:68px}.hospital-layout{grid-template-columns:360px 1fr;gap:52px}.hospital-photo{aspect-ratio:4/3}.photo-strip.three{grid-template-columns:repeat(3,1fr)}.pickup-block{margin-top:44px}.pickup-block h3{font-family:var(--serif);font-size:23px;font-weight:400;margin:0}.pickup-block .photo-strip{margin-top:17px}.pickup-block .placeholder{aspect-ratio:4/3;min-height:0}
html[data-layout="editorial"] .hero-credentials{grid-row:1;width:100%;grid-template-columns:repeat(4,1fr)}html[data-layout="editorial"] .hero-credentials .placeholder{aspect-ratio:4/3}html[data-layout="cards"] .hero-credentials{grid-template-columns:1fr 1fr}
@media(max-width:900px){.hospital-layout{grid-template-columns:300px 1fr}.method-card{grid-template-columns:44px 220px 1fr}}
@media(max-width:560px){.hero-credentials,html[data-layout="editorial"] .hero-credentials{grid-template-columns:1fr 1fr}.method-card{grid-template-columns:34px 1fr;padding:14px 0}.method-card p{grid-column:2}.hospital-layout{grid-template-columns:1fr}.hospital-photo{max-width:360px}.photo-strip.three{grid-template-columns:1fr}.photo-strip.three .placeholder{min-height:0}}

.case-section .shell{width:min(1380px,calc(100% - 40px))}.case-section .case-grid{gap:24px}.case-section .case-grid article{padding:18px}.case-section .case-grid h3{font-size:20px}.doctor-client-block{margin-top:56px;padding-top:34px;border-top:1px solid var(--line)}.doctor-client-block>h3{font-family:var(--serif);font-size:27px;font-weight:400;margin:0}.doctor-client-block>p{font-size:12px;color:var(--muted);margin:6px 0 22px}.doctor-client-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.doctor-client-grid .placeholder{aspect-ratio:4/3;min-height:0;padding:12px}.doctor-client-grid .placeholder b{font-size:14px}
@media(max-width:900px){.doctor-client-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.case-section .shell{width:min(100% - 24px,1380px)}.doctor-client-grid{grid-template-columns:1fr 1fr}.doctor-client-grid .placeholder:last-child{grid-column:1/-1;width:50%;justify-self:center}}

/* Six patient photos in a three-column desktop grid. */
.doctor-client-grid{grid-template-columns:repeat(3,1fr);gap:16px}.doctor-client-grid .placeholder:last-child{grid-column:auto;width:auto;justify-self:stretch}
.mini-grid span{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:12px;padding:9px 12px}.mini-grid span::before{content:"Image\A 1:1";white-space:pre;aspect-ratio:1;display:grid;place-items:center;background:#dededb;border:1px dashed #aaa69f;color:#777;font-size:9px;line-height:1.35;text-align:center}
@media(max-width:900px){.doctor-client-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.doctor-client-grid{grid-template-columns:1fr 1fr}.doctor-client-grid .placeholder:last-child{grid-column:auto;width:auto}.mini-grid{grid-template-columns:1fr}.mini-grid span{grid-template-columns:52px 1fr}}

/* Local visual uploader. */
body.editor-mode .placeholder{cursor:pointer;position:relative;transition:border-color .2s,box-shadow .2s}body.editor-mode .placeholder:hover{border-color:var(--gold);box-shadow:inset 0 0 0 2px #aa8a5533}body.editor-mode .placeholder::after{content:"Upload";position:absolute;right:8px;top:8px;background:#171715;color:#fff;padding:3px 7px;font:10px/1.5 var(--sans);opacity:0;transition:.2s}body.editor-mode .placeholder:hover::after{opacity:1}.placeholder.has-upload{padding:0;overflow:hidden;border-style:solid}.placeholder.has-upload img{width:100%;height:100%;object-fit:contain;background:#e7e7e4}.upload-toolbar{position:fixed;left:18px;bottom:18px;z-index:40;background:#171715;color:#fff;padding:10px 14px;box-shadow:0 10px 28px #0003;font-size:11px}.upload-toolbar b{display:block;color:#d4bb90}.upload-toolbar span{color:#c7c4bd}

/* Procedure and patient-case media use the confirmed 4:3 ratio. */
.project-card{grid-template-columns:minmax(260px,38%) 1fr;align-items:start}.project-card .placeholder,.case-grid .placeholder,.doctor-client-grid .placeholder{width:100%;aspect-ratio:4/3;min-height:0}.project-card .placeholder.has-upload img,.case-grid .placeholder.has-upload img,.doctor-client-grid .placeholder.has-upload img{object-fit:contain;width:100%;height:100%}
@media(max-width:900px){.project-card{grid-template-columns:minmax(230px,36%) 1fr}}
@media(max-width:560px){.project-card{display:block}.project-card .placeholder{margin-bottom:18px}}

/* Preserve the full source image and fill unmatched ratios without white bands. */
.placeholder.has-upload{position:relative;background:#d8d8d5}.placeholder.has-upload .upload-bg{position:absolute;inset:-16px;background-size:cover;background-position:center;filter:blur(16px) brightness(.82);transform:scale(1.08);margin:0}.placeholder.has-upload img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:transparent}.placeholder.has-upload::after{z-index:3}

/* The surgeon portrait uses a vertical frame aligned with the profile copy. */
.doctor-layout{grid-template-columns:minmax(360px,40%) 1fr;gap:54px;align-items:start}.doctor-photo{width:100%;aspect-ratio:3/5;min-height:0}.doctor-photo.has-upload img{object-fit:contain;object-position:center top}.doctor-copy{padding-top:4px}
@media(max-width:900px){.doctor-layout{grid-template-columns:minmax(300px,38%) 1fr;gap:34px}}
@media(max-width:700px){.doctor-layout{grid-template-columns:1fr}.doctor-photo{max-width:520px;margin:auto}}

.hospital-qualifications{margin-top:26px;border-top:1px solid var(--line)}.hospital-qualifications p{margin:0;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.75;color:var(--muted)}.hospital-qualifications b{color:var(--ink)}.timeline-card .placeholder.has-upload video{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;background:#111}.video-enabled::before{content:"Video enabled";position:absolute;left:8px;top:8px;padding:3px 7px;background:#aa8a55;color:#fff;font-size:9px;z-index:3}
.client-doctor-section{padding-top:74px;padding-bottom:74px}.client-doctor-section .doctor-client-block{margin-top:0;padding-top:0;border-top:0}.case-grid .placeholder.has-upload video,.project-card .placeholder.has-upload video{position:relative;z-index:2;width:100%;height:100%;display:block;object-fit:contain;background:#111}

/* Show one complete surgeon profile image without cropping. */
#doctor{width:min(1480px,calc(100% - 24px));padding-top:54px;padding-bottom:54px}.doctor-intro-poster{width:100%;aspect-ratio:2640/2446;min-height:0;background:#e4e3df}.doctor-intro-poster.has-upload img{object-fit:contain;object-position:center}.doctor-intro-poster.has-upload .upload-bg{display:none}
@media(max-width:560px){#doctor{width:calc(100% - 12px);padding-top:26px;padding-bottom:26px}.doctor-intro-poster{aspect-ratio:2640/2446}}