@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=Nunito:wght@400;500;600;700&family=Gowun+Dodum&family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap');
:root{--blue:#26418b;--yellow:#ecc44f;--ink:#202630;--muted:#7b8087;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:106px}body{margin:0;color:var(--ink);background:#fff;font-family:'Noto Sans KR',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--yellow);outline-offset:7px}.header{height:106px;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;background:#fff;position:relative;z-index:5}.wordmark{display:flex;flex-direction:column;width:max-content}.brand-name{font-size:29px;letter-spacing:-1.6px;font-weight:600;line-height:1.4;color:var(--blue)}.brand-name span{font-weight:700}.brand-en{font-family:'DM Sans',sans-serif;color:var(--blue);font-size:10px;letter-spacing:1.15px;margin-top:2px}.header nav{display:flex;gap:48px;font-size:14px;color:#3f444c}.header nav a{padding:12px 0;position:relative}.header nav a:after{content:'';position:absolute;bottom:4px;left:0;height:2px;background:var(--yellow);width:0;transition:width .25s}.header nav a:hover:after{width:100%}.hero{position:relative;min-height:740px;height:calc(100svh - 106px);max-height:1120px;color:#fff;background:#333936;overflow:hidden}.hero video,.shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero video{object-position:center 55%}.shade{background:linear-gradient(90deg,rgba(8,14,18,.48),rgba(9,15,20,.1) 45%,rgba(8,14,18,.48)),linear-gradient(0deg,rgba(4,10,18,.39),transparent 55%)}.hero-content{position:relative;z-index:1;max-width:1600px;margin:auto;padding:0 9%;height:100%;display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center;transform:translateY(-18px)}.eyebrow{font-family:'DM Sans',sans-serif;font-size:13px;letter-spacing:1.8px;display:flex;align-items:center;gap:14px;margin:0 0 28px}.yellow-line{display:inline-block;width:32px;height:2px;background:var(--yellow);flex-shrink:0}.date{letter-spacing:2px;margin-left:3px}h1{font-family:'DM Sans',sans-serif;font-weight:300;font-size:clamp(72px,7.2vw,116px);letter-spacing:-5px;line-height:1.04;margin:0}.period{color:var(--yellow)}.hero-message{padding-top:75px}.message-label{font-size:15px;letter-spacing:-.2px;color:rgba(255,255,255,.85);margin:0 0 24px}.hero-message h2{font-weight:400;font-size:clamp(26px,2.5vw,39px);line-height:1.6;letter-spacing:-1.2px;margin:0 0 25px;word-break:keep-all}.message-body{font-size:16px;font-weight:300;line-height:1.95;letter-spacing:-.3px;color:rgba(255,255,255,.82);margin:0}.hero-bottom{position:absolute;bottom:36px;left:5.2%;right:5.2%;display:flex;align-items:center;justify-content:space-between;gap:24px}.scroll-link{display:flex;align-items:center;gap:16px;font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:1.6px}.scroll-icon{width:36px;height:49px;border:1px solid #ffffff66;border-radius:22px;display:grid;place-items:center;font-size:22px;font-weight:300;transition:transform .25s}.scroll-link:hover .scroll-icon{transform:translateY(4px)}.hero-note{font-size:12px;font-weight:300;letter-spacing:1px;color:#ffffff9c}.video-control{background:none;color:#fff;border:1px solid #ffffff40;border-radius:30px;display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:1px;min-width:100px;justify-content:center}.video-control:hover{background:#ffffff16}.doctors{max-width:1600px;margin:auto;padding:132px 7.5% 38px}.section-intro{display:grid;grid-template-columns:1fr 2fr;align-items:start;margin-bottom:65px;gap:24px}.section-index{display:flex;align-items:center;gap:14px;font-family:'DM Sans',sans-serif;font-size:13px;letter-spacing:1.7px;color:var(--blue);padding-top:8px}.blue-line{height:1px;width:30px;background:var(--blue)}.kicker{color:var(--blue);font-size:14px;margin:0 0 21px}.intro-copy h2{font-size:clamp(32px,3.1vw,47px);line-height:1.5;font-weight:400;letter-spacing:-1.6px;margin:0}.intro-copy h2 span{color:#727780}.doctor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.portrait{height:auto;aspect-ratio:4/5;background:#f5f6f7;border-bottom:2px solid var(--blue)}.doctor-caption{display:flex;align-items:baseline;justify-content:space-between;margin-top:25px;padding:0 2px}.doctor-caption h3{font-size:27px;font-weight:500;letter-spacing:2px;margin:0}.doctor-caption span{font-size:14px;color:#747982}.biography{height:125px}.section-end{display:flex;align-items:center;gap:17px;padding-top:28px;border-top:1px solid #e8e9ec;font-size:12px;color:#8a8e95}.section-end span:first-child{font-family:'DM Sans',sans-serif;letter-spacing:1.6px}.section-end .yellow-line{width:19px;height:2px}.section-end span:last-child{margin-left:auto}
@media(min-width:1700px){.hero-content{padding:0 7%}}@media(max-width:1000px){.header{height:90px}.hero{height:calc(100svh - 90px);min-height:730px}.hero-content{padding:0 7%;gap:5%}h1{font-size:76px;letter-spacing:-3.5px}.hero-message h2{font-size:27px}.message-body{font-size:15px}.hero-note{display:none}.doctors{padding:95px 6% 30px}.doctor-grid{gap:22px}.section-intro{grid-template-columns:1fr 2fr}.doctor-caption h3{font-size:24px}.doctor-caption span{font-size:13px}}
@media(max-width:640px){html{scroll-padding-top:20px}.header{height:85px;padding:0 6%}.brand-name{font-size:24px}.brand-en{font-size:8px;letter-spacing:.75px}.header nav{gap:0;font-size:13px}.header nav a:first-child{display:none}.hero{min-height:780px;height:calc(100svh - 85px);max-height:none}.hero video{object-position:51% center}.shade{background:linear-gradient(180deg,#07101961,#0710193d 35%,#0710199e)}.hero-content{padding:62px 8% 110px;display:flex;flex-direction:column;gap:43px;align-items:flex-start;justify-content:center;transform:none}.eyebrow{font-size:11px;gap:10px;margin-bottom:20px}h1{font-size:74px;letter-spacing:-4px}.hero-message{padding-top:0}.message-label{font-size:13px;margin-bottom:13px}.hero-message h2{font-size:27px;line-height:1.5;margin-bottom:15px}.message-body{font-size:14px;line-height:1.9}.hero-bottom{left:8%;right:8%;bottom:26px}.scroll-link{font-size:9px;gap:11px}.scroll-icon{width:28px;height:40px;font-size:19px}.video-control{min-width:85px;font-size:10px;padding:9px 12px}.doctors{padding:78px 8% 25px}.section-intro{display:block;margin-bottom:42px}.section-index{font-size:11px;margin-bottom:31px}.kicker{font-size:13px;margin-bottom:15px}.intro-copy h2{font-size:30px;letter-spacing:-1px}.doctor-grid{grid-template-columns:1fr;gap:10px}.portrait{aspect-ratio:4/4.6}.doctor-caption h3{font-size:26px}.doctor-caption span{font-size:14px}.biography{height:70px}.section-end{gap:10px;flex-wrap:wrap;font-size:10px;padding-top:23px}.section-end span:last-child{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Three equal portrait columns, with credentials beneath each doctor. */

/* Softer hero typography and the extended clinic sections. */
.hero-title h1{font-family:'Noto Sans KR','Arial',sans-serif;font-weight:700;letter-spacing:-3px;line-height:1.12}
.eyebrow{font-family:'Noto Sans KR','Arial',sans-serif;font-weight:600;font-size:20px;letter-spacing:2px;gap:16px}
.eyebrow .date{font-size:25px;font-weight:700}
.section-heading h2,.intro-copy h2{font-family:'Gowun Dodum','Noto Sans KR',sans-serif}
.hero-message h2,.message-label{font-family:'Noto Sans KR',sans-serif;font-weight:600;letter-spacing:-.8px}
.message-label{font-size:23px;color:white}
.hero-sincerity{color:#74b4ff;font-weight:700}
.sincerity{color:var(--blue)}
.hero-message{padding-top:48px}
.header nav{gap:28px}
.page-section{padding:110px max(7.5%,calc((100% - 1360px)/2));}
.section-heading{margin-bottom:55px}
.section-label{display:flex;align-items:center;gap:14px;font-family:'Nunito',sans-serif;color:var(--blue);font-size:14px;font-weight:600;letter-spacing:2px;margin:0 0 22px}
.section-heading h2{font-size:clamp(32px,3.3vw,48px);font-weight:400;line-height:1.5;letter-spacing:-1px;margin:0;word-break:keep-all}
.treatments{background:#f5f7fa}
.treatment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #d8e0e9;border-left:1px solid #d8e0e9}
.treatment{min-height:245px;padding:32px 25px;border-right:1px solid #d8e0e9;border-bottom:1px solid #d8e0e9;transition:background .2s}
.treatment:hover{background:#fff}
.treatment-number{display:block;font-family:'Nunito',sans-serif;font-size:14px;letter-spacing:1px;color:#6b7d96;margin-bottom:36px}
.treatment h3{font-size:23px;letter-spacing:-.7px;font-weight:500;margin:0 0 15px;color:var(--blue)}
.treatment p{font-size:16px;line-height:1.8;word-break:keep-all;color:#727984;margin:0}
.facilities{overflow:hidden}
.facility-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.drag-hint{color:#77818e;font-size:14px;white-space:nowrap;margin:0 0 58px}
.drag-hint span{font-size:24px;margin-left:12px;color:var(--blue)}
.facility-slider{position:relative;display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y;user-select:none}
.facility-slider::-webkit-scrollbar{display:none}
.facility-slider:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
.facility-slide{flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always}
.facility-slide img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;pointer-events:none}
.facility-slide-portrait img{object-fit:contain;background:#eeece8}
.facility-slide figcaption{display:flex;justify-content:space-between;padding-top:20px;font-size:16px;color:var(--blue)}
.facility-slide figcaption span:last-child{font-family:'Nunito',sans-serif;letter-spacing:2px;font-size:12px;color:#7b8087}
.facility-slider.dragging,.facility-slider.settling{scroll-snap-type:none}
.facility-slider.dragging{cursor:grabbing}
.gallery-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:20px}
.gallery-bottom>p{font-size:12px;color:#7b8087;line-height:1.8}
.gallery-controls{display:flex;align-items:center;gap:22px;flex-shrink:0;font-family:'Nunito',sans-serif;font-size:14px;color:var(--blue)}
.gallery-controls button{width:42px;height:42px;border:1px solid #d8e0e9;border-radius:50%;background:#fff;color:var(--blue);font-size:22px;cursor:pointer}
.gallery-controls button:disabled{opacity:.3;cursor:default}
.location{background:#f5f7fa}
.location-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:start}
.map-frame{background:#fff;border:1px solid #e0e5eb}
.map-frame img{display:block;width:100%;height:auto}
.visit-info h3{font-size:15px;font-weight:500;color:var(--blue);margin:0 0 14px}
.address-block p{font-size:24px;line-height:1.6;letter-spacing:-.6px;margin:0}
.address-block strong{font-weight:500}
.parking-block{margin-top:28px}
.parking-block p{font-size:16px;margin:0;line-height:1.7}
.hours-block{margin-top:35px;padding-top:28px;border-top:1px solid #d8e0e9}
.hours{margin:0}
.hours>div{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 0;font-size:16px}
.hours dd{margin:0;font-family:'Nunito',sans-serif;font-size:19px;white-space:nowrap}
.night-tag{display:inline-block;font-size:12px;color:var(--blue);background:#f8e9bc;padding:3px 7px;margin-left:7px;border-radius:3px}
.hours .lunch{margin-top:8px;padding-top:18px;border-top:1px solid #e0e5eb;color:#77818e}
.hours-note{font-size:14px;color:#77818e;line-height:1.9;margin:15px 0 0}
.footer{display:flex;align-items:center;gap:32px;padding:45px 7.5%;background:#fff}
.footer img{width:190px;height:auto}
.footer>span{font-family:'Gowun Dodum',sans-serif;font-size:17px;color:var(--blue)}
.footer small{margin-left:auto;font-size:11px;color:#818893;font-family:'Nunito',sans-serif;letter-spacing:1px}
@media(max-width:1000px){
 .header nav{gap:16px;font-size:13px}.header nav a:first-child{display:none}
 .page-section{padding:85px 6%}.treatment{padding:25px 18px}.treatment h3{font-size:21px}
 .location-grid{gap:35px;grid-template-columns:1fr 1fr}.hours>div{font-size:14px}.hours dd{font-size:17px}
 .night-tag{display:block;margin:5px 0 0;width:max-content}
}
@media(max-width:640px){
 .header{gap:15px}.header nav{gap:14px;font-size:12px}.header nav a[href="#treatments"],.header nav a[href="#facilities"]{display:none}
 .brand-image{width:165px}.hero-title h1{font-size:74px;letter-spacing:-3px}.eyebrow{font-size:16px;gap:10px;letter-spacing:1px}.eyebrow .date{font-size:21px}
 .hero-message{padding-top:0}.message-label{font-size:21px}.hero-message h2{font-size:29px}
 .hero{min-height:690px}.hero-content{gap:48px}
 .page-section{padding:68px 6%}.section-heading{margin-bottom:35px}.section-label{font-size:12px;margin-bottom:16px}.section-heading h2{font-size:32px}
 .treatment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.treatment{min-height:210px;padding:24px 18px}.treatment-number{margin-bottom:25px}.treatment h3{font-size:21px}.treatment p{font-size:15px}
 .facility-heading{display:block}.drag-hint{margin:-12px 0 24px;font-size:13px}.facility-slide img{aspect-ratio:4/3}
 .gallery-bottom{align-items:flex-start;flex-direction:column;gap:12px}.gallery-controls{align-self:flex-end}
 .location-grid{grid-template-columns:1fr;gap:35px}.address-block p{font-size:23px}.hours>div{font-size:16px}.hours dd{font-size:19px}.night-tag{display:inline-block;margin:0 0 0 8px}
 .footer{padding:35px 6%;gap:18px;flex-wrap:wrap}.footer>span{font-size:14px}.footer small{width:100%;margin-left:0;font-size:10px}
}

:root{--blue:#173860;--yellow:#f5af13}
.brand-name span{color:#f0a000}
.portrait{position:relative;overflow:hidden;aspect-ratio:4/5;background:#fff;border:0}
.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.sample-label{position:absolute;bottom:12px;left:12px;background:rgba(255,255,255,.85);color:#626973;padding:5px 8px;font-size:11px;letter-spacing:.3px}
.biography{height:auto;min-height:165px;padding-top:26px}
.biography h4{font-size:14px;font-weight:500;color:var(--blue);margin:0;padding-top:19px;border-top:1px solid #e3e6e9}
.bio-space{min-height:95px}
@media(max-width:640px){.doctor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.doctors{padding-left:5%;padding-right:5%}.doctor-caption{display:block;margin-top:16px}.doctor-caption h3{font-size:21px;letter-spacing:0}.doctor-caption span{display:block;font-size:12px;margin-top:7px}.portrait{aspect-ratio:3/4}.sample-label{font-size:9px;left:4px;bottom:5px;padding:3px 4px}.biography{padding-top:15px;min-height:135px}.biography h4{font-size:13px}.bio-space{min-height:75px}}

.brand-image{display:block;width:237px;max-width:100%;height:auto}
.doctor>a{display:block}
.doctor>a:hover .doctor-caption h3{color:var(--blue)}
.portrait-disclaimer{margin:24px 0 0;color:var(--muted);font-size:12px}
.doctor-details{margin-top:100px;overflow-x:clip}
.doctor-detail{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center;padding:70px 0;border-top:1px solid #e3e6e9;scroll-margin-top:30px}
.detail-portrait{width:100%;max-width:none;border-bottom:0}
/* The supplied large logo is filtered as a mask without changing portrait pixels. */
.detail-portrait::after{content:'';position:absolute;z-index:1;left:3%;top:.5%;width:38%;aspect-ratio:1570/1630;pointer-events:none;background:#173860;opacity:.2;-webkit-mask:url('assets/portrait-mark-large.svg') center / contain no-repeat;mask:url('assets/portrait-mark-large.svg') center / contain no-repeat}
.detail-copy{min-width:0}
.detail-role{margin:0 0 20px;font-size:16px;color:var(--blue);letter-spacing:.3px}
.detail-copy h3{margin:0;font-size:46px;line-height:1.3;font-weight:500;letter-spacing:4px}
.detail-copy .biography{margin-top:22px;padding-top:0;min-height:0}
.detail-copy .biography h4{font-size:15px;padding-top:12px;border-top:1px solid #dce2e8}
.detail-copy .bio-space{min-height:180px}
.intro-copy h2 .consultation-lead,.intro-copy h2 .consultation-highlight{font-family:'Noto Sans KR',sans-serif;font-size:.88em}
.intro-copy h2 .consultation-lead{color:var(--ink);font-weight:400}
.intro-copy h2 .consultation-highlight{color:var(--blue);font-weight:700}
.consultation-note{margin:24px 0 0;font-size:16px;color:#737c87;line-height:1.9;word-break:keep-all}
.doctor-detail{align-items:start}
.detail-copy .biography{min-height:0}
.bio-group{margin-top:16px}
.bio-group ul{margin:8px 0 0;padding-left:16px;font-size:15px;line-height:1.6;color:#606a76;word-break:keep-all;overflow-wrap:anywhere}
.bio-group li{padding-left:2px;margin-bottom:3px}
.bio-group li::marker{color:#a7b6c7;font-size:.75em}
.phone-block{margin-top:28px}
.phone-block a{color:var(--blue);font-family:'Noto Sans KR',sans-serif;font-size:30px;font-weight:700;letter-spacing:.2px}
.clinic-footer{padding:60px 6% 48px;text-align:center;background:#10151c;color:#e4e8ed;font-size:14px;line-height:1.8}
.clinic-footer p{margin:4px 0}
.clinic-footer .footer-clinic-name{font-size:18px;font-weight:600;margin-bottom:12px;color:#fff}
.clinic-footer address{font-style:normal}
.clinic-footer .footer-copyright{margin-top:26px;font-size:13px;color:#aeb8c5}
.clinic-footer .footer-credit{font-weight:500;color:#fff}
.clinic-footer .footer-logo{display:block;width:190px;height:auto;max-width:100%;margin:30px auto 0;filter:brightness(0) invert(1)}
@media(max-width:640px){
 .bio-group ul{font-size:14px;line-height:1.55;padding-left:13px;word-break:normal}
 .consultation-note{font-size:14px}
 .clinic-footer{font-size:13px;padding:45px 6%}
}
.detail-portrait .sample-label{font-size:12px}
@media(max-width:640px){
 .brand-image{width:150px}
 .doctor-grid{gap:12px}
 .doctor-grid .doctor-caption h3{font-size:20px}
 .doctor-grid .doctor-caption span{font-size:14px}
 .doctor-details{margin-top:60px}
 .doctor-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:40px 0;align-items:start}
 .detail-portrait{aspect-ratio:3/4}
 .detail-role{font-size:14px;line-height:1.6;margin:4px 0 12px;word-break:keep-all}
 .detail-copy h3{font-size:28px;letter-spacing:2px}
 .detail-copy .biography{margin-top:16px;min-height:0}
 .detail-copy .biography h4{font-size:14px;padding-top:10px}
 .detail-copy .bio-space{min-height:110px}
 .detail-portrait .sample-label{position:static;display:block;font-size:12px;line-height:1.5;padding:5px 0;background:#fff}
 .detail-portrait{overflow:visible}
}

/* Original portrait proportions and equally sized biography columns. */
.doctor-details{margin-top:48px}
.doctor-detail{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;padding:32px 0;align-items:start}
.detail-portrait{aspect-ratio:4/5}
.detail-role{font-size:14px;margin:0 0 8px}
.detail-copy h3{font-size:36px;line-height:1.2;letter-spacing:2px}
.detail-copy .biography{margin-top:16px}
.bio-group{margin-top:10px;padding-top:10px;border-top:1px solid #dce2e8}
.detail-copy .biography h4{font-size:14px;padding:0;border:0;line-height:1.4}
.bio-group ul{font-size:14px;line-height:1.45;margin-top:5px;padding-left:14px;word-break:normal}
.bio-group li{margin-bottom:1px}
@media(min-width:1100px){
 .bio-group{display:grid;grid-template-columns:65px minmax(0,1fr);gap:8px}
 .bio-group ul{margin-top:0}
}
@media(max-width:640px){
 .doctor-details{margin-top:32px}
 .doctor-detail{grid-template-columns:minmax(0,1fr);gap:20px;padding:26px 0}
 .detail-portrait{width:100%;max-width:none;aspect-ratio:3/4}
 .detail-copy h3{font-size:30px}
 .detail-copy .biography{margin-top:12px}
 .bio-group{display:grid;grid-template-columns:65px minmax(0,1fr);gap:8px;margin-top:8px;padding-top:8px}
 .bio-group ul{margin-top:0}
 .detail-copy .biography h4{padding:0}
 .detail-role{margin:0 0 6px}
}

.section-label .blue-line{flex-shrink:0}

/* Align the biography from the portrait's top edge to its bottom edge. */
@media(min-width:641px){
 .doctor-detail .detail-copy{align-self:stretch;display:flex;flex-direction:column}
 .doctor-detail .detail-copy .biography{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:12px}
 .doctor-detail .bio-group{margin-top:0}
 .doctor-detail .bio-group:last-child li:last-child{margin-bottom:0}
}

/* More readable, closely set credentials. */
.detail-copy .biography h4{font-size:16px;line-height:1.5}
.bio-group ul{font-size:17px;line-height:1.5}
.detail-role{font-size:16px}
@media(min-width:1100px){.bio-group{grid-template-columns:76px minmax(0,1fr)}}
@media(max-width:640px){
 .bio-group{grid-template-columns:72px minmax(0,1fr)}
 .bio-group ul{font-size:16px;line-height:1.5}
 .detail-copy .biography h4{font-size:15px}
}

/* Section titles above the larger credential text. */
.doctor-detail .bio-group{display:block}
.detail-copy .biography h4{font-size:18px;font-weight:600;line-height:1.4;margin-bottom:6px}
.doctor-detail .bio-group ul{font-size:18px;line-height:1.5;margin-top:0}
.detail-role{font-size:17px}
.detail-copy h3{font-size:39px}
@media(max-width:640px){
 .detail-copy .biography h4{font-size:17px}
 .doctor-detail .bio-group ul{font-size:17px}
 .detail-copy h3{font-size:33px}
}

/* Credential divider follows each heading. */
.doctor-detail .bio-group{border-top:0;padding-top:0}
.detail-copy .biography h4{border-top:0;border-bottom:1px solid #dce2e8;padding:0 0 8px;margin-bottom:8px}
.page-section>.section-end{margin-top:48px}
.hero-signature{position:absolute;bottom:24px;left:5.2%;right:5.2%;color:#ffffffc9;border-top-color:#ffffff38;padding-top:16px}
.hero-bottom{bottom:78px}
@media(max-width:640px){
 .page-section>.section-end{margin-top:32px}
 .hero-signature{left:8%;right:8%;bottom:20px}
 .hero-bottom{bottom:76px}
}

/* Shared typography across section labels and every doctor's credentials. */
.section-index,.section-label{font-family:'Nunito',sans-serif;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:2px}
.doctor-detail .bio-group ul,.doctor-detail .bio-group li{font-family:'Noto Sans KR',sans-serif;font-size:18px;font-weight:400;line-height:1.5;letter-spacing:normal}
@media(max-width:640px){
 .section-index,.section-label{font-size:12px}
 .doctor-detail .bio-group ul,.doctor-detail .bio-group li{font-size:17px}
}

/* Keep the address together and restore the video scroll cue. */
.address-block p{font-size:clamp(16px,1.5vw,22px);white-space:nowrap;letter-spacing:-.7px}
.hero-bottom{bottom:36px}
@media(max-width:640px){.address-block p{font-size:clamp(14px,3.8vw,20px);letter-spacing:-.5px}.hero-bottom{bottom:26px}}

/* Bilingual director title and clearer separation before credentials. */
.detail-role{font-size:21px;font-weight:500;line-height:1.5;margin-bottom:12px}
.detail-role span{display:inline-block;margin-left:6px}
.doctor-detail .detail-copy .biography{margin-top:52px}
@media(max-width:640px){
 .detail-role{font-size:19px}
 .doctor-detail .detail-copy .biography{margin-top:44px}
}

.visit-info h3{font-size:19px;font-weight:700;line-height:1.5}
@media(max-width:640px){.visit-info h3{font-size:18px}}

/* Consistent semantic typography; parking details stay below address size. */
.address-block p{font-size:22px}
.parking-block p{font-size:18px;line-height:1.7;color:var(--ink)}
.section-index,.section-label,.detail-role,.visit-info h3,.detail-copy .biography h4{color:var(--blue)}
.doctor-detail .bio-group ul,.doctor-detail .bio-group li{color:#606a76}
.detail-role span{margin-left:0}
@media(max-width:1000px){.address-block p{font-size:20px}}
@media(max-width:640px){.address-block p{font-size:clamp(18px,4.9vw,20px)}.parking-block p{font-size:17px}}

/* Small-screen readability and finger-sized contact/gallery controls. */
.phone-block a{display:inline-flex;align-items:center;min-height:48px;padding:4px 0}
.gallery-controls button{min-width:44px;min-height:44px}
@media(max-width:640px){
 .hero-title{max-width:100%}
 .hero-title h1{font-size:clamp(44px,13.8vw,74px);letter-spacing:-2px}
 .hero-content{min-width:0}
 .header .wordmark{flex-shrink:0}
 .header nav a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
 .address-block p{font-size:clamp(16px,4.9vw,20px)}
 .treatment h3{word-break:keep-all}
}
@media(max-width:380px){
 .header{gap:10px}
 .header .brand-image{width:130px}
 .header nav{gap:10px}
 .detail-role{font-size:18px}
}

/* Match adjacent portrait and biography panels without stretching the image. */
@media(min-width:641px){
 .doctor-detail{align-items:stretch}
 .doctor-detail .detail-portrait{align-self:stretch;aspect-ratio:auto;min-height:600px;overflow:hidden}
 .doctor-detail .detail-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
}
@media(min-width:641px) and (max-width:1100px){
 .doctor-detail .detail-portrait img{object-fit:contain}
}
/* Fit all mobile credentials to the long credential's single-line size. */
.doctor-detail .detail-copy{background:#192f54;color:#fff;padding:32px;min-width:0}
.doctor-detail .detail-copy h3,.doctor-detail .detail-role,.doctor-detail .detail-copy .biography h4,.doctor-detail .bio-group ul,.doctor-detail .bio-group li{color:#fff}
.doctor-detail .detail-copy .biography h4{border-bottom-color:rgba(255,255,255,.28)}
.doctor-detail .detail-role{color:#e0e8f3}
@media(max-width:640px){.doctor-detail .detail-copy{padding:26px 18px}.doctor-detail .detail-copy .biography{margin-top:32px}}
@media(max-width:640px){
 .detail-copy .biography{container-type:inline-size}
 .doctor-detail .bio-group ul,.doctor-detail .bio-group li{font-size:var(--mobile-credential-font-size,17px)}
 .doctor-detail .bio-group li.single-line-credential{white-space:nowrap;letter-spacing:-.25px}
}