/* The same desktop inset on every page; backgrounds remain full bleed. */
:root{--clinic-gutter:250px;--clinic-rail:calc(100% - var(--clinic-gutter)*2)}
html body footer.clinic-footer{padding-left:0!important;padding-right:0!important}
@media(max-width:1280px){:root{--clinic-gutter:clamp(24px,4vw,48px)}}
@media(max-width:700px){:root{--clinic-gutter:20px}}
/* Shared header metrics in both navigation contexts. */
html body header.unified-review-header{grid-template-columns:minmax(220px,1fr) auto minmax(150px,1fr)!important;gap:24px!important}
html body header.unified-review-header #main-nav{gap:32px!important}
html body header.unified-review-header #main-nav>a,
html body header.unified-review-header #main-nav>button{font-size:16px!important;letter-spacing:0!important;font-weight:400!important}
/* The footer carries the same wordmark construction as the header. */
html body footer .footer-wordmark{position:relative;display:block;width:max-content;max-width:100%;padding:0 0 17px!important;color:#fff!important;text-decoration:none!important;white-space:nowrap}
html body footer .footer-wordmark .wordmark-korean{display:block;font-size:22px;font-weight:300;letter-spacing:-1.1px;line-height:1.35;color:#fff}
html body footer .footer-wordmark .wordmark-korean strong{font-size:inherit;font-weight:700;letter-spacing:inherit;color:inherit}
html body footer .footer-wordmark .wordmark-english{position:absolute;display:block;bottom:0;left:0;width:100%;height:13px;overflow:visible}
html body footer .footer-wordmark .wordmark-english text{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',sans-serif;font-size:9px;font-weight:300;letter-spacing:0;fill:currentColor;stroke:none}
/* The entry-screen mark shares the same lettering and English baseline. */
html body.entrance-contrast .portal-wordmark{width:max-content!important;max-width:calc(100% - 40px);padding-bottom:17px;letter-spacing:0}
html body.entrance-contrast .portal-wordmark .wordmark-korean{display:block;font-size:22px;font-weight:300;letter-spacing:-1.1px;line-height:1.35}
html body.entrance-contrast .portal-wordmark strong{font-size:inherit;font-weight:700;letter-spacing:inherit}
html body.entrance-contrast .portal-wordmark .wordmark-english{position:absolute;bottom:0;left:0;width:100%;height:13px;overflow:visible}
html body.entrance-contrast .portal-wordmark .wordmark-english text{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',sans-serif;font-size:9px;font-weight:300;fill:currentColor;stroke:none}
html body.entrance-contrast .clinic-info,html body.entrance-contrast .copyright{padding-left:var(--clinic-gutter)!important;padding-right:var(--clinic-gutter)!important}
@media(min-width:761px){
 html body.entrance-contrast .choice{padding-left:var(--clinic-gutter)!important;padding-right:20px!important;justify-content:flex-start}
 html body.entrance-contrast .choice+.choice{padding-left:20px!important;padding-right:var(--clinic-gutter)!important;justify-content:flex-end}
}
/* Separate portrait and service controls into non-overlapping tracks. */
html body.anti-home-white .design-home{background:#EEE8DF!important}
html body.anti-home-white .design-layout{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(245px,.8fr);gap:88px;align-items:center;padding:56px 0;min-height:620px}
html body.anti-home-white .design-copy{grid-column:1;grid-row:1;width:100%;max-width:none;min-width:0}
html body.anti-home-white .design-image{position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;max-width:100%;height:540px;margin:0;object-fit:cover;object-position:60% 38%;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
html body.anti-home-white .service-nav{grid-column:3;grid-row:1;width:100%;min-width:0;margin:0;padding:16px 0;gap:24px}
html body.anti-home-white .service-nav li:nth-of-type(1),html body.anti-home-white .service-nav li:nth-of-type(4){transform:translateX(-64px)!important}
html body.anti-home-white .service-nav li:nth-of-type(2),html body.anti-home-white .service-nav li:nth-of-type(3){transform:translateX(-16px)!important}
html body.anti-home-white .service-symbol{background:#554D45!important;border-color:#554D45!important;color:#fff!important}
html body.anti-home-white .service-symbol svg{color:inherit!important;stroke:currentColor!important}
html body.anti-home-white .service-link:hover .service-symbol{background:#2D251D!important}
html body.anti-home-white .service-link:focus-visible{outline:2px solid #554D45;outline-offset:6px}
@media(max-width:1500px){
 html body.anti-home-white .design-layout{grid-template-columns:minmax(0,1fr) minmax(245px,.85fr);gap:28px}
 html body.anti-home-white .design-copy{grid-column:1/-1;grid-row:1}
 html body.anti-home-white .design-image{grid-column:1;grid-row:2;height:450px}
 html body.anti-home-white .service-nav{grid-column:2;grid-row:2}
 html body.anti-home-white .service-nav li{transform:none!important}
 html body.anti-home-white .service-orbit{display:none}
}
@media(max-width:1280px){
 html body header.unified-review-header{grid-template-columns:1fr auto!important;gap:12px!important}
 html body header.unified-review-header #main-nav{grid-column:1/-1!important;grid-row:2!important;width:100%!important;max-width:100%!important;gap:32px!important}
 html body header.unified-review-header .anti-aging-shortcut{grid-column:2!important;grid-row:1!important}
 html body.anti-home-white .design-layout{grid-template-columns:minmax(0,1fr) minmax(245px,.85fr);gap:28px}
 html body.anti-home-white .design-copy{grid-column:1/-1;grid-row:1}
 html body.anti-home-white .design-image{grid-column:1;grid-row:2;height:450px}
 html body.anti-home-white .service-nav{grid-column:2;grid-row:2}
 html body.anti-home-white .service-nav li{transform:none!important}
 html body.anti-home-white .service-orbit{display:none}
}
@media(max-width:700px){
 :root{--clinic-gutter:20px}
 html body header.unified-review-header #main-nav{justify-content:flex-start!important;gap:22px!important;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:4px!important;scrollbar-width:thin}
 html body header.unified-review-header #main-nav>a,html body header.unified-review-header #main-nav>button{font-size:14px!important;flex:none!important}
 html body.anti-home-white .design-layout{grid-template-columns:minmax(0,1fr);gap:24px;padding:40px 0;min-height:0}
 html body.anti-home-white .design-copy{grid-column:1;grid-row:1}
 html body.anti-home-white .design-image{grid-column:1;grid-row:2;height:380px;object-fit:contain;mask-image:none;-webkit-mask-image:none}
 html body.anti-home-white .service-nav{grid-column:1;grid-row:3;gap:12px;padding:0}
 html body.anti-home-white .service-nav li{transform:none!important}
 html body.anti-home-white .service-link strong{font-size:14px}
 html body.anti-home-white .service-link small{font-size:8px;letter-spacing:.5px}
 html body footer .footer-wordmark .wordmark-korean{font-size:18px;letter-spacing:-.9px}
 html body footer .footer-wordmark{padding-bottom:15px!important}
 html body footer .footer-wordmark .wordmark-english{height:11px}
 html body.entrance-contrast .portal-wordmark .wordmark-korean{font-size:18px;letter-spacing:-.9px}
 html body.entrance-contrast .portal-wordmark{padding-bottom:15px}
 html body.entrance-contrast .portal-wordmark .wordmark-english{height:11px}
}