:root{--ink:#26221f;--warm:#f4f0e9;--paper:#fffdfa;--line:#d9d1c7;--brown:#876e59;--red:#b9473d;--mist:#e9e4dc;--mono:"DM Mono",monospace;--sans:"Noto Sans TC",Arial,sans-serif;--serif:"Noto Serif TC",serif;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--warm);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.8;letter-spacing:.015em}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}.skip{position:absolute;top:-80px;left:14px;background:var(--ink);color:#fff;padding:8px 14px;z-index:50}.skip:focus{top:10px}.site-header{background:rgba(255,253,250,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{max-width:var(--max);height:84px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;flex:none}.brand-star{height:32px;width:32px;position:relative;display:block;background:linear-gradient(90deg,transparent 44%,var(--brown) 44% 56%,transparent 56%),linear-gradient(0deg,transparent 44%,var(--brown) 44% 56%,transparent 56%);transform:rotate(45deg)}.brand-star:before,.brand-star:after{content:"";position:absolute;background:var(--brown);left:13px;top:0;width:6px;height:32px;border-radius:4px}.brand-star:before{transform:rotate(45deg)}.brand-star:after{transform:rotate(-45deg)}.brand-word{font-family:var(--mono);font-size:18px;font-weight:500;letter-spacing:.18em;line-height:1.05}.brand-word small{display:block;font-family:var(--sans);font-size:8px;letter-spacing:.19em;margin-top:4px}.site-nav{display:flex;align-items:center;gap:25px;font-size:13px}.site-nav a{position:relative;padding:8px 0;white-space:nowrap}.site-nav a:not(.nav-cta):after{content:"";position:absolute;height:1px;width:0;bottom:3px;left:0;background:var(--red);transition:.2s}.site-nav a:hover:after,.site-nav a.active:after{width:100%}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--ink);color:white;padding:11px 19px;border:1px solid var(--ink);font-size:13px;font-weight:600;letter-spacing:.04em;transition:.2s}.nav-cta:hover,.button:hover{background:var(--red);border-color:var(--red)}.button--light{background:transparent;border-color:currentColor}.button--light:hover{background:white;color:var(--ink);border-color:white}.button--sand{background:var(--brown);border-color:var(--brown)}.button--sand:hover{background:var(--red);border-color:var(--red)}.button .chev{font-family:var(--mono);font-size:19px;line-height:1}.menu-toggle{display:none;border:0;background:none;padding:8px;color:var(--ink);font-size:22px}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--red);display:flex;gap:10px;align-items:center}.eyebrow:before{content:"";display:inline-block;width:20px;border-top:1px solid currentColor}.section{padding:110px 24px}.wrap{max-width:var(--max);margin:auto}.section-title{font-family:var(--serif);font-size:clamp(30px,4vw,54px);line-height:1.35;letter-spacing:.02em;margin:13px 0 20px}.section-lead{max-width:630px;margin:0;color:#5a5048}.split-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:44px}.split-heading .section-lead{justify-self:end}.rule{border:0;border-top:1px solid var(--line);margin:0}.page-hero{background:var(--ink);color:#fff;padding:82px 24px 62px}.page-hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:end}.page-hero h1{font-family:var(--serif);font-size:clamp(40px,5vw,72px);line-height:1.2;margin:14px 0 0}.page-hero p{margin:0 0 8px;color:#e5d9ce;max-width:460px}.page-index{color:#c5ab92;font:11px var(--mono);letter-spacing:.18em;display:block;text-align:right}.hero{background:var(--paper);min-height:655px;border-bottom:1px solid var(--line)}.hero-grid{max-width:1440px;margin:auto;min-height:655px;display:grid;grid-template-columns:48% 52%}.hero-copy{padding:clamp(64px,9vw,132px) clamp(34px,8vw,128px);display:flex;flex-direction:column;justify-content:center;position:relative}.hero-copy:before{content:"BUSAN · DAEYEON";font:10px var(--mono);letter-spacing:.18em;color:var(--red);position:absolute;top:35px}.hero h1{font-family:var(--serif);font-size:clamp(42px,5.4vw,82px);font-weight:600;line-height:1.18;letter-spacing:-.05em;margin:18px 0 23px}.hero p{color:#665c54;max-width:400px;margin:0 0 32px}.hero-art{min-height:655px;position:relative;overflow:hidden;background:#e7e1d8}.hero-art img{height:100%;width:100%;object-fit:cover;object-position:center 32%}.hero-art:after{content:"THE FIRST / DERMATOLOGY";position:absolute;bottom:22px;right:24px;color:#fff;font:10px var(--mono);letter-spacing:.15em;text-shadow:0 1px 8px #0008}.assurance{background:var(--ink);color:#f9f4ec;padding:38px 24px}.assurance-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.2fr repeat(3,1fr)}.assurance-item{padding:10px 28px;border-left:1px solid #5b5149}.assurance-item:first-child{border:0;padding-left:0}.assurance strong{display:block;font-family:var(--serif);font-size:21px;line-height:1.4}.assurance small{font:10px var(--mono);letter-spacing:.12em;color:#cdbba7}.doctors-band{background:#e9e4dc}.doctor-feature{display:grid;grid-template-columns:40% 60%;background:var(--paper);border:1px solid var(--line);min-height:470px}.doctor-feature figure{margin:0;background:#dcd5cc;overflow:hidden}.doctor-feature img{height:100%;width:100%;object-fit:cover;object-position:50% 15%}.doctor-feature__copy{padding:clamp(35px,5vw,75px);display:flex;flex-direction:column;justify-content:center}.doctor-feature h3{font-family:var(--serif);font-size:36px;margin:11px 0 8px}.doctor-feature p{margin:0 0 24px;max-width:510px}.treatment-board{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.treatment-board a{padding:28px 24px;min-height:192px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--paper);transition:.2s}.treatment-board a:hover{background:var(--ink);color:#fff}.treatment-board b{font-family:var(--serif);font-size:25px;font-weight:500;display:block;margin-bottom:22px}.treatment-board span{font-size:13px;color:#6e6258}.treatment-board a:hover span{color:#e0d4c8}.event-strip{display:grid;grid-template-columns:47% 53%;background:#b9473d;color:#fff}.event-strip__image{min-height:395px;overflow:hidden;background:#1e1b19}.event-strip__image img{width:100%;height:100%;object-fit:cover;object-position:center 21%}.event-strip__copy{padding:clamp(38px,6vw,82px);display:flex;flex-direction:column;justify-content:center}.event-strip h2{font:500 clamp(35px,4vw,55px)/1.35 var(--serif);margin:14px 0}.event-strip p{max-width:455px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.info-card{background:var(--paper);padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.info-card .num{font:11px var(--mono);letter-spacing:.15em;color:var(--red)}.info-card h3{font:500 25px var(--serif);margin:24px 0 12px}.info-card p{margin:0;color:#675e57;font-size:14px}.footer{background:var(--ink);color:#f1e9df;padding:65px 24px 28px}.footer-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:48px}.footer .brand{margin-bottom:22px}.footer .brand-star{--brown:#c6aa8c}.footer h4{font:11px var(--mono);letter-spacing:.15em;color:#bda891;margin:0 0 14px}.footer p{margin:0;color:#d8cec3;font-size:13px;line-height:1.9}.footer a{display:block;color:#d8cec3;font-size:13px;margin:7px 0}.footer a:hover{color:#fff}.footer-bottom{max-width:var(--max);margin:48px auto 0;padding-top:16px;border-top:1px solid #4b433d;display:flex;justify-content:space-between;gap:15px;color:#a39991;font:10px var(--mono);letter-spacing:.07em}.doctor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--line)}.doctor-card{background:var(--paper);display:grid;grid-template-columns:44% 56%;min-height:430px}.doctor-card figure{margin:0;background:#e5ded5;overflow:hidden}.doctor-card img{height:100%;width:100%;object-fit:cover;object-position:center 22%}.doctor-card__copy{padding:35px 26px;align-self:end}.doctor-card h2{font:500 32px var(--serif);margin:9px 0}.doctor-card p{font-size:13px;color:#685e56;margin:0}.credentials{padding:80px 24px;background:#ede7de}.credentials-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.credentials h2{font:500 42px/1.4 var(--serif);margin:0}.credentials-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.credentials-list li{padding:17px 0;border-bottom:1px solid var(--line);font-size:15px}.credentials-list li:before{content:"✦";color:var(--red);margin-right:11px}.treatment-list{border-top:1px solid var(--ink)}.treatment-row{display:grid;grid-template-columns:27% 31% 28% 14%;gap:14px;align-items:center;min-height:105px;border-bottom:1px solid var(--line)}.treatment-row b{font:500 23px var(--serif)}.treatment-row span{font-size:13px;color:#625950}.treatment-row .time{font:11px var(--mono);color:var(--red)}.treatment-row .arr{font:20px var(--mono);justify-self:end}.device-notes{display:grid;grid-template-columns:1.05fr .95fr;gap:35px;align-items:stretch}.device-notes img{width:100%;height:100%;max-height:585px;object-fit:cover}.note-panel{background:var(--ink);color:#fff;padding:clamp(33px,5vw,66px);display:flex;flex-direction:column;justify-content:center}.note-panel h3{font:500 33px/1.45 var(--serif);margin:14px 0}.note-panel p{color:#d8cdc1;margin:0}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.guide-card{background:var(--paper);padding:46px}.guide-card .tag{font:10px var(--mono);color:var(--red);letter-spacing:.13em}.guide-card h2{font:500 31px var(--serif);margin:14px 0}.guide-card p{color:#665c54;font-size:14px;margin:0}.guide-card ul{margin:18px 0 0;padding-left:17px;color:#665c54;font-size:14px}.guide-card li{padding:3px 0}.booster-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.booster{padding:26px;background:var(--paper);border-top:3px solid var(--brown)}.booster h3{font:500 25px var(--serif);margin:4px 0 12px}.booster p{font-size:14px;color:#635951;margin:0}.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.map-card{background:var(--paper);border:1px solid var(--line);padding:14px}.map-card img{width:100%;height:560px;object-fit:cover;object-position:center}.visit-details h2{font:500 43px/1.4 var(--serif);margin:14px 0 20px}.location-address{padding:22px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-size:16px}.location-address b{display:block;font-family:var(--mono);font-size:11px;color:var(--red);letter-spacing:.12em;margin-bottom:7px}.arrival{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.arrival div{min-height:142px;padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}.arrival span{display:block;font:10px var(--mono);color:var(--red);margin-bottom:13px}.payment-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.payment-list div{background:var(--paper);padding:25px;min-height:112px}.payment-list b{font-family:var(--serif);font-size:20px;display:block}.payment-list span{font-size:13px;color:#665d54}.booking-box{background:#dad3ca;padding:clamp(30px,5vw,64px);display:grid;grid-template-columns:1fr 1fr;gap:50px}.booking-box h2{font:500 38px/1.4 var(--serif);margin:10px 0}.booking-box p{margin:0;color:#544a43}.booking-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.offer-layout{display:grid;grid-template-columns:52% 48%;min-height:690px;background:var(--ink);color:#fff}.offer-layout figure{margin:0;overflow:hidden}.offer-layout figure img{height:100%;width:100%;object-fit:cover;object-position:center top}.offer-copy{padding:clamp(38px,6vw,90px);display:flex;flex-direction:column;justify-content:center}.offer-copy h1{font:500 clamp(38px,5vw,66px)/1.35 var(--serif);margin:16px 0}.offer-copy p{color:#ded3c6;max-width:440px}.offer-notice{background:var(--paper);padding:35px;border:1px solid var(--line)}.offer-notice strong{font:500 27px var(--serif)}.offer-notice p{color:#675c55;margin:8px 0 0}.floating-contact{position:fixed;right:18px;bottom:18px;z-index:15;display:flex;flex-direction:column;gap:7px}.floating-contact a{height:43px;width:43px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;border:1px solid #fff;box-shadow:0 3px 12px #0002;font:10px var(--mono);letter-spacing:-.04em}.floating-contact a:hover{background:var(--red)}
@media(max-width:900px){.header-inner{height:70px;padding:0 18px}.site-nav{position:fixed;inset:70px 0 auto 0;background:var(--paper);padding:20px 24px 28px;display:none;flex-direction:column;align-items:stretch;gap:5px;border-bottom:1px solid var(--line)}.site-nav.is-open{display:flex}.site-nav a{padding:11px 0}.nav-cta{text-align:center}.menu-toggle{display:block}.brand-word{font-size:16px}.section{padding:70px 18px}.page-hero{padding:55px 18px 45px}.page-hero .wrap,.hero-grid,.split-heading,.doctor-feature,.event-strip,.device-notes,.credentials-inner,.visit-grid,.booking-box,.offer-layout{grid-template-columns:1fr}.page-index{text-align:left}.hero,.hero-grid,.hero-art{min-height:unset}.hero-copy{padding:75px 28px 60px}.hero-art{height:460px}.hero h1{font-size:51px}.assurance-grid{grid-template-columns:1fr 1fr}.assurance-item{padding:17px;border:0}.assurance-item:first-child{grid-column:1/-1;padding:10px 0 18px}.treatment-board{grid-template-columns:1fr 1fr}.info-grid,.payment-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column}.doctor-grid{grid-template-columns:1fr}.doctor-card{min-height:360px}.doctor-card__copy{padding:28px 20px}.treatment-row{grid-template-columns:1fr 1fr;padding:19px 0}.treatment-row span:nth-child(3){grid-column:1/2}.treatment-row .arr{grid-column:2/3;grid-row:1/3}.guide-card{padding:32px 25px}.arrival{grid-template-columns:1fr 1fr}.map-card img{height:auto}.offer-layout figure{height:560px}.offer-layout{min-height:unset}.floating-contact{right:12px;bottom:12px}}@media(max-width:520px){body{font-size:14px}.hero h1{font-size:42px}.section-title{font-size:31px}.assurance-grid,.treatment-board,.booster-grid,.arrival{grid-template-columns:1fr}.doctor-card{grid-template-columns:40% 60%;min-height:310px}.doctor-card h2{font-size:25px}.doctor-card__copy{padding:20px 16px}.doctor-card p{font-size:12px}.arrival div{min-height:100px}.offer-layout figure{height:420px}.visit-details h2{font-size:34px}}