@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600&family=Noto+Serif+KR:wght@300;400&display=swap');

/* ONDO — real spaces, a quiet typographic hierarchy, and a readable treatment menu. */
:root{--ink:#493c31;--paper:#ffffff;--muted:#6d6256;--line:#493c312b;--gold:#76583d;--surface:#faf7f2;--serif:'Noto Serif KR',Batang,serif;--sans:'Noto Sans KR','Malgun Gothic',sans-serif;--header:90px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 28px)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:400;font-size:14px;line-height:1.85;word-break:keep-all}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-weight:400}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;cursor:pointer}img{display:block;max-width:100%;height:auto}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid currentColor;outline-offset:5px}[hidden]{display:none!important}::selection{background:#d8c5ac;color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--paper);color:var(--ink);padding:10px 20px}.skip-link:focus{top:12px}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.section{padding-block:100px}h2{font-size:clamp(28px,3vw,39px);letter-spacing:-.06em;line-height:1.5}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:500;line-height:1.5}.text-link{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;min-height:44px;font-size:12px;border-bottom:1px solid currentColor;padding-block:8px;transition:opacity .2s}.text-link:hover{opacity:.65}.text-link span[aria-hidden]{font-size:18px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;padding:15px 24px;font-size:12px;min-height:52px;transition:background .2s}.button-light{background:var(--ink);color:var(--paper)}.button:hover{background:#6b5440;color:var(--paper)}.button span[aria-hidden]{font-size:20px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:40px}.section-heading>p{font-size:13px;line-height:1.9;color:var(--muted)}

/* A compact, always available desktop navigation. */
.header{height:var(--header);padding:12px 56px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:30}.brand{width:86px;flex:none}.brand img,.footer-logo img{filter:none}.header-location{font-size:11px;letter-spacing:-.025em;color:var(--muted);padding-left:24px;border-left:1px solid var(--line)}.header nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:12px}.header nav a:not(.nav-book){padding-block:10px;border-bottom:1px solid transparent}.header nav a:not(.nav-book):hover{border-color:currentColor}.nav-book{background:var(--ink);color:var(--paper);padding:10px 17px;display:flex;align-items:center;gap:24px}.nav-book:hover{background:#6b5440}.menu-toggle{display:none}

/* The entrance photograph is the first impression; the brand statement has its own space. */
.hero{scroll-margin-top:var(--header)}.hero-figure{position:relative;height:clamp(330px,52svh,620px);overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center 20%}.hero-figure figcaption{position:absolute;right:28px;bottom:16px;color:#fff;font-size:10px;text-shadow:0 1px 4px #0009;letter-spacing:.03em}.hero-content{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:50px;padding-block:39px 49px}.hero .eyebrow{font-size:9px;color:var(--muted);letter-spacing:.15em;margin-bottom:15px}.hero h1{font-family:var(--serif);font-weight:300;font-size:clamp(29px,2.8vw,44px);letter-spacing:-.065em;line-height:1.55}.hero-aside{justify-self:end;padding-bottom:4px}.hero-description{font-size:13px;color:#675b4e;line-height:2.05}.hero .text-link{margin-top:17px;min-width:166px}

/* A short introduction, with one close-up from the actual salon. */
.philosophy{border-top:1px solid var(--line)}.philosophy-grid{display:grid;grid-template-columns:1fr 1.1fr .5fr;gap:60px;align-items:center}.philosophy-copy>.eyebrow{color:var(--muted);margin-bottom:25px}.philosophy-copy h2{font-size:30px;font-weight:300;line-height:1.6;margin-bottom:25px}.philosophy-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:2}.philosophy-copy>p+p{margin-top:16px}.philosophy-copy .text-link{margin-top:24px}.welcome-photo img{width:100%;height:390px;object-fit:cover;object-position:center 56%}.welcome-photo figcaption{font-size:11px;color:var(--muted);margin-top:12px}.story-detail{font-family:Georgia,serif;letter-spacing:.04em;font-size:14px;line-height:2.5;color:var(--muted);align-self:end;padding-bottom:45px}

/* A light, printed-menu surface. Keep names, times and both rates together. */
.care{background:var(--surface);color:var(--ink);--line:#493c312b;--muted:#6d6256;--gold:#76583d}.care .section-heading>p{color:var(--muted)}.care-quick-links{display:flex;gap:28px;flex-wrap:wrap;font-size:12px;margin-bottom:38px}.care-quick-links a{border-bottom:1px solid #493c3166;min-height:35px;padding:4px 0}.care-quick-links a:hover{border-bottom-color:transparent}.menu-tabs{display:flex;gap:40px;border-bottom:1px solid var(--line);margin-bottom:42px}.menu-tabs button{background:none;padding:16px 0;position:relative;color:var(--muted);min-height:64px;min-width:90px;text-align:left}.menu-tabs strong{font-size:17px;font-weight:400;letter-spacing:-.04em}.menu-tabs small{display:none}.menu-tabs button[aria-selected=true]{color:var(--ink)}.menu-tabs button[aria-selected=true]:after{content:'';height:2px;position:absolute;left:0;right:0;bottom:-1px;background:var(--ink)}.menu-tabs button:hover{color:var(--ink)}.menu-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:65px;align-items:start}.menu-category{position:sticky;top:calc(var(--header) + 30px)}.menu-category img{width:100%;aspect-ratio:1.04;object-fit:cover}.menu-category h3{font-size:20px;letter-spacing:-.04em;margin-top:20px}.menu-category .text-link{margin-top:12px;font-size:12px}.menu-item{padding:27px 0;border-bottom:1px solid var(--line)}.menu-item:first-child{padding-top:0}.menu-item-title{display:flex;align-items:baseline;gap:15px}.menu-index{font-family:Georgia,serif;font-size:12px;color:var(--muted);flex:none}.menu-item-title .menu-index{display:none}.menu-item h4{font-size:21px;line-height:1.6;letter-spacing:-.045em}.menu-time{margin-left:auto;font-size:13px;white-space:nowrap}.menu-subtitle{font-size:11px;margin:8px 0;color:var(--muted)}.menu-description{font-size:13px;line-height:1.9;color:#675b4e;max-width:540px}.menu-prices{display:flex;justify-content:flex-end;gap:34px;margin:20px 0 0;font-variant-numeric:tabular-nums}.menu-prices>div{display:flex;align-items:baseline;gap:12px}.menu-prices dt{font-size:11px;color:var(--muted)}.menu-prices dd{margin:0;font-size:17px;font-weight:500;white-space:nowrap}.menu-prices>div:first-child dd{font-weight:400}.member-note{font-size:11px;color:var(--muted);margin-top:20px;text-align:right}.special-heading{display:flex;gap:25px;justify-content:space-between;align-items:baseline;margin-bottom:28px}.special-heading h3{font-size:22px;letter-spacing:-.04em}.special-heading p{font-size:12px;color:var(--muted)}.special-item{border-top:1px solid var(--line)}.special-item:last-of-type{border-bottom:1px solid var(--line)}.special-item>summary{display:flex;align-items:center;gap:24px;padding:26px 4px;cursor:pointer;list-style:none}.special-item>summary::-webkit-details-marker,.care-guidelines>summary::-webkit-details-marker{display:none}.special-title{display:flex;align-items:baseline;gap:28px;flex:1;justify-content:space-between}.special-title strong{font-size:21px;font-weight:400;line-height:1.7;letter-spacing:-.04em}.special-title small{font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}.expand-icon{font-size:25px;font-weight:300;flex:none;margin-left:14px}.special-item[open]>summary .expand-icon{transform:rotate(45deg)}.special-item[open]>summary{padding-bottom:20px}.special-content{display:grid;grid-template-columns:1fr 1.2fr;gap:65px;padding:10px 36px 38px}.special-intro .eyebrow{font-size:9px;color:var(--muted)}.special-intro>p{font-size:13px;color:#675b4e;margin:12px 0 24px;line-height:2}.special-addon{border-left:1px solid #a28a6d;padding:4px 0 4px 17px}.special-addon>span{display:block;font-size:11px;color:var(--muted)}.special-addon strong{display:block;font-size:13px;font-weight:400;margin:6px 0}.special-addon p{font-size:13px}.special-rates table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}.special-rates th,.special-rates td{padding:12px 0;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;font-weight:400}.special-rates th:first-child{text-align:left}.special-rates thead{font-size:11px;color:var(--muted)}.special-rates tbody td:nth-child(2){font-weight:500}.special-rates tbody td:last-child{color:var(--muted)}.package-benefit{font-size:12px;line-height:1.9;padding:16px 18px;margin:20px 0;background:#ffffff}.package-benefit>span{display:block;font-size:11px;font-weight:500;margin-bottom:6px}.care-guidelines{font-size:12px;color:#675b4e;margin-top:15px}.care-guidelines>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}.care-guidelines[open]>summary span{transform:rotate(45deg)}.care-guidelines ul{padding-left:17px;margin:15px 0 0}.care-guidelines li+li{margin-top:9px}.special-panel>.text-link{margin-top:24px}

.add-ons{margin-top:65px;padding-top:38px;border-top:1px solid var(--line)}.addon-heading{display:flex;align-items:baseline;gap:25px;justify-content:space-between;margin-bottom:28px}.addon-heading .eyebrow{display:none}.addon-heading h3{font-size:23px;letter-spacing:-.04em}.addon-heading>p{font-size:12px;color:var(--muted)}.addon-list{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.addon-list article{padding:18px 0;border-top:1px solid var(--line)}.addon-list .eyebrow,.addon-focus .eyebrow{font-size:9px;color:var(--muted);letter-spacing:.08em}.addon-list h4,.addon-focus h4{font-size:16px;margin:9px 0 8px;letter-spacing:-.035em}.addon-list p,.addon-focus p{font-size:12px;color:var(--muted)}.addon-price{display:flex;align-items:baseline;gap:18px;font-size:12px;margin-top:18px;white-space:nowrap;font-variant-numeric:tabular-nums}.addon-price strong{font-size:17px;font-weight:400}.addon-focus{display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin-top:20px}.addon-focus .addon-price{margin:0}.addon-note{font-size:11px;line-height:1.9;color:var(--muted);margin-top:20px;max-width:840px}

/* The room tour and room services read as one continuous section. */
.space{padding-bottom:60px}.space-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:36px;align-items:start}.space-main{padding-top:60px}.photo-open{background:none;padding:0;width:100%;position:relative;overflow:hidden;display:block}.photo-open img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.photo-open:hover img{transform:scale(1.025)}.space-main .photo-open{aspect-ratio:1.45}.space-detail .photo-open{aspect-ratio:.79}.photo-zoom{position:absolute;right:14px;bottom:14px;width:35px;height:35px;display:grid;place-items:center;background:#493c31d9;color:var(--paper);font-size:20px}.space-grid figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-top:16px;font-size:13px}.space-grid small{font-size:8px;color:var(--muted);letter-spacing:.12em}.space-detail figcaption{display:block}.space-detail small{display:block;margin-top:3px}.space-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:30px}.space-bottom p{font-size:12px;color:var(--muted)}.gallery-launch{background:none}.rooms{padding-top:0;padding-bottom:100px}.rooms>.wrap{border-top:1px solid var(--line);padding-top:50px}.rooms .section-heading h2{font-size:27px}.rooms .section-heading>p{font-size:12px}.room-options{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.room-options article{border-top:1px solid var(--line);padding-top:26px}.room-options .eyebrow{font-size:9px;color:var(--muted);letter-spacing:.1em}.room-options h3{font-family:var(--serif);font-size:31px;font-weight:300;margin:10px 0 6px}.room-type{font-size:12px;color:var(--muted)}.room-price{font-size:22px;font-weight:400;margin:20px 0;min-height:41px;display:flex;align-items:baseline;gap:3px;font-variant-numeric:tabular-nums}.room-price span{font-size:13px}.room-options article:first-child .room-price{font-size:18px;align-items:center}.room-options ul{list-style:none;padding:0;margin:0;font-size:13px;color:var(--muted);line-height:2.2}.room-note{border-top:1px solid var(--line);font-size:11px;color:var(--muted);padding-top:22px;margin-top:32px}

.first-visit{background:#faf7f2;color:var(--ink);--line:#493c313b;--muted:#675b4e}.first-visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.first-visit-copy h2{font-size:32px}.first-visit-copy>p{font-size:13px;color:var(--muted);line-height:2;margin-top:24px}.first-visit-copy .first-visit-message{margin-top:22px}.first-visit-copy .button{background:var(--ink);color:var(--paper);margin-top:28px}.first-visit-copy .button:hover{background:#6b5440}.first-visit-offer{border-left:1px solid var(--line);padding:0 0 0 50px}.offer-label{font-size:11px;margin-bottom:15px;color:#675b4e}.first-visit-offer h3{font-size:24px;letter-spacing:-.05em;line-height:1.6}.first-visit-offer h3>span{font-size:13px;margin-left:10px;white-space:nowrap}.offer-normal{font-size:12px;color:var(--muted);margin-top:26px}.offer-price{margin-top:7px}.offer-price>span{font-size:12px;display:block}.offer-price>strong{font-size:48px;font-weight:300;letter-spacing:-.04em;line-height:1.6;font-variant-numeric:tabular-nums}.offer-price small{font-size:18px;margin-left:6px}.offer-total{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin-top:10px}.offer-total span{font-size:12px}.offer-total strong{font-size:20px;font-weight:500;white-space:nowrap}.offer-conditions{font-size:12px;color:#675b4e;line-height:1.9;padding-left:16px;margin:20px 0 0}.offer-conditions li+li{margin-top:7px}.offer-conditions strong{font-weight:500;color:var(--ink)}

.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.visit-intro>p{font-size:13px;line-height:2;color:var(--muted);margin:24px 0 28px}.instagram-link{display:block;width:fit-content;font-size:12px;margin-top:20px;color:var(--muted)}.instagram-link span[aria-hidden]{margin-left:20px}.visit-info h3{font-size:21px;letter-spacing:-.04em}.visit-info dl{margin:26px 0 15px}.visit-info dl>div{display:grid;grid-template-columns:90px 1fr;gap:15px;border-top:1px solid var(--line);padding:22px 0}.visit-info dt{font-size:12px;color:var(--muted)}.visit-info dd{margin:0;font-size:14px}.visit-info dd small{display:block;font-size:11px;color:var(--muted);margin-top:7px}.copy-address{display:block;background:none;padding:6px 0 0;font-size:11px;color:var(--muted);min-height:32px}.copy-address span{margin-left:10px}.visit-info>.text-link{font-size:12px}.faq{margin-top:70px;padding-top:35px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:60px}.faq>h3{font-size:18px}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:19px 0;font-size:13px;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:22px}.faq details[open] summary span{transform:rotate(45deg)}.faq details>p{font-size:12px;line-height:2;color:var(--muted);padding:0 25px 22px 0}.faq p a{text-decoration:underline;text-underline-offset:4px}.footer{background:#f7f3ec;border-top:1px solid var(--line);padding:45px 0 22px}.footer-top{display:flex;align-items:center;gap:40px;padding-bottom:35px}.footer-logo{width:120px;flex:none}.footer-top>p{font-size:13px}.footer-top>p span{font-size:11px;color:var(--muted);display:block;margin-top:5px}.footer-top>a:last-child{font-size:9px;letter-spacing:.1em;margin-left:auto}.footer-top>a:last-child span{margin-left:20px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:8px;letter-spacing:.07em}.footer-bottom a{white-space:nowrap}.mobile-reservation{display:none}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%,15px);padding:12px 24px;background:var(--ink);color:var(--paper);box-shadow:0 4px 22px #0003;font-size:13px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;width:max-content;max-width:calc(100% - 32px)}.toast.visible{opacity:1;transform:translate(-50%,0)}

.gallery{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:24px 30px;width:min(1120px,calc(100% - 48px));max-height:94svh}.gallery::backdrop{background:#30271fe0}.gallery-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.gallery-top h2{font-size:16px;letter-spacing:-.03em}.gallery-close{background:none;font-size:12px;min-height:44px;padding:0 0 0 20px}.gallery-close span{font-size:25px;vertical-align:middle;margin-left:18px}.gallery-stage{display:grid;grid-template-columns:40px 1fr 40px;gap:16px;align-items:center}.gallery-image{width:100%;height:65svh;object-fit:contain}.gallery-prev,.gallery-next{background:#493c3110;height:50px;font-size:20px}.gallery-caption{display:flex;justify-content:space-between;gap:25px;margin:18px 56px 0;font-size:12px;color:var(--muted)}.gallery-count{white-space:nowrap;font-size:11px}body:has(.gallery[open]){overflow:hidden}

@media(max-width:1150px){.wrap{width:calc(100% - 80px)}.header{padding-inline:40px}.header-location{display:none}.header nav{gap:24px}.hero-content{gap:35px}.hero-description{font-size:12px}.philosophy-grid{grid-template-columns:1fr 1fr;gap:70px}.story-detail{display:none}.welcome-photo img{height:370px}.menu-panel{gap:40px}.menu-item h4{font-size:20px}.menu-prices{gap:22px}.special-content{gap:35px;padding-inline:20px}.room-options{gap:35px}.first-visit-grid,.visit-grid{gap:60px}.first-visit-offer{padding-left:35px}.first-visit-offer h3{font-size:21px}}
@media(min-width:721px) and (max-width:900px){.header{gap:20px;padding-inline:28px}.header nav{gap:18px;font-size:11px}.nav-book{padding:10px 12px;gap:13px}.brand{width:75px}.wrap{width:calc(100% - 56px)}.hero-content{gap:25px}.hero h1{font-size:31px}.hero-description{font-size:11px}.hero-description br{display:initial}.menu-panel{grid-template-columns:1fr 1.6fr;gap:28px}.menu-category img{aspect-ratio:.8}.menu-item h4{font-size:18px}.menu-prices{gap:18px;justify-content:space-between}.menu-prices dd{font-size:14px}.special-title strong{font-size:18px}.special-title small{font-size:12px}.special-content{grid-template-columns:1fr}.space-grid{gap:24px}.space-grid figcaption{display:block}.space-grid small{display:block;margin-top:4px}.first-visit-grid{gap:35px}.first-visit-copy h2{font-size:28px}.first-visit-offer{padding-left:25px}.first-visit-offer h3>span{display:block;margin:5px 0 0}.visit-grid{gap:35px}.visit-info dl>div{grid-template-columns:65px 1fr}.visit-info dd{font-size:13px}}
@media(max-width:720px){
  :root{--header:78px}html{scroll-padding-top:24px}.wrap{width:calc(100% - 40px)}.section{padding-block:62px}h2{font-size:29px}.header{position:relative;height:var(--header);padding:10px 20px;justify-content:space-between}.brand{width:76px}.header-location{display:block;font-size:10px;border:0;padding:0;margin-right:15px}.menu-toggle{display:flex;background:none;align-items:center;gap:12px;font-size:11px;padding:10px 0 10px 10px;min-height:44px}.menu-icon{width:20px;height:10px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;position:relative}.menu-toggle[aria-expanded=true] .menu-icon{height:1px;border-bottom:0;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-icon:after{content:'';position:absolute;inset:-1px 0 0;border-top:1px solid currentColor;transform:rotate(-90deg)}.header nav{display:none;position:absolute;inset:77px 0 auto;background:var(--paper);padding:16px 24px 25px;margin:0;flex-direction:column;gap:0;align-items:stretch;border-bottom:1px solid var(--line);font-size:14px}.header nav.is-open{display:flex}.header nav a:not(.nav-book){padding:15px 0}.nav-book{margin-top:12px;justify-content:space-between;padding:13px 16px}
  .hero-figure{height:auto;aspect-ratio:1.17}.hero-image{object-position:32% center}.hero-figure figcaption{right:15px;bottom:12px;font-size:9px}.hero-content{grid-template-columns:1fr;gap:23px;padding-block:30px 38px}.hero .eyebrow{font-size:8px;margin-bottom:14px}.hero h1{font-size:clamp(28px,7.3vw,43px);line-height:1.55}.hero-aside{justify-self:start;padding:0}.hero-description{font-size:12px;line-height:2}.hero-description br{display:initial}.hero .text-link{margin-top:17px;min-width:158px}.text-link{font-size:12px;gap:32px}
  .philosophy-grid{grid-template-columns:1fr 1fr;gap:25px;align-items:start}.philosophy-copy{grid-column:1/-1}.philosophy-copy>.eyebrow{font-size:9px;margin-bottom:18px}.philosophy-copy h2{font-size:27px;margin-bottom:19px}.philosophy-copy>p:not(.eyebrow){font-size:13px}.philosophy-copy .text-link{margin-top:16px}.welcome-photo{grid-column:1/-1;width:80%;margin-left:auto}.welcome-photo img{height:auto;aspect-ratio:1.04}.welcome-photo figcaption{font-size:10px}.desktop-br{display:none}.story-detail{display:none}.section-heading{display:block;margin-bottom:28px}.section-heading>p{font-size:12px;margin-top:16px}.care-quick-links{gap:9px 22px;font-size:11px;margin-bottom:20px}.care-quick-links a{min-height:38px}.menu-tabs{gap:0;justify-content:space-between;margin-bottom:26px}.menu-tabs button{min-width:0;min-height:60px;padding:15px 4px}.menu-tabs strong{font-size:14px;white-space:nowrap}.menu-panel{grid-template-columns:1fr;gap:26px}.menu-category{position:static;display:grid;grid-template-columns:1fr auto;gap:0 18px;align-items:center}.menu-category img{grid-column:1/-1;aspect-ratio:1.85;max-height:300px}.menu-category h3{margin-top:18px;font-size:18px}.menu-category .text-link{font-size:10px;margin-top:12px;gap:13px}.menu-item{padding-block:22px}.menu-item h4{font-size:19px}.menu-time{font-size:12px}.menu-item-title{gap:12px}.menu-description{font-size:12px}.menu-subtitle{font-size:11px}.menu-prices{justify-content:space-between;gap:16px;margin-top:17px}.menu-prices>div{gap:10px}.menu-prices dt{font-size:10px}.menu-prices dd{font-size:16px}.member-note{text-align:left;font-size:10px}.special-heading{display:block;margin-bottom:22px}.special-heading h3{font-size:21px}.special-heading p{font-size:11px;margin-top:10px}.special-item>summary{gap:13px;padding:22px 0}.special-title{display:block}.special-title strong{font-size:18px;line-height:1.6}.special-title small{display:block;font-size:12px;margin-top:7px}.expand-icon{font-size:23px;margin-left:0}.special-content{grid-template-columns:1fr;gap:20px;padding:5px 0 26px}.special-intro>p{font-size:12px}.special-rates table{font-size:12px}.special-rates thead{font-size:10px}.special-rates th,.special-rates td{padding:11px 0}.care-guidelines{font-size:11px}.package-benefit{font-size:12px}
  .add-ons{margin-top:42px;padding-top:30px}.addon-heading{display:block;margin-bottom:21px}.addon-heading h3{font-size:23px}.addon-heading>p{font-size:11px;margin-top:8px}.addon-list{grid-template-columns:1fr;gap:0}.addon-list article{padding:20px 0}.addon-list h4,.addon-focus h4{font-size:17px}.addon-price{justify-content:flex-end;margin-top:13px}.addon-focus{display:block;margin-top:0;padding-block:20px}.addon-focus .addon-price{margin-top:13px}.addon-note{font-size:10px}
  .space{padding-bottom:34px}.space-grid{display:block}.space-main{padding:0}.space-main .photo-open{aspect-ratio:1.4}.space-detail{width:72%;margin:30px 0 0 auto}.space-detail .photo-open{aspect-ratio:.85}.space-grid figcaption{display:block;font-size:12px;margin-top:13px}.space-grid small{display:block;margin-top:3px;font-size:8px}.space-bottom{align-items:flex-start;gap:25px;margin-top:26px}.space-bottom p{font-size:10px;max-width:150px;padding-top:7px}.space-bottom .text-link{font-size:10px;gap:15px;white-space:nowrap}.rooms{padding-top:0;padding-bottom:62px}.rooms>.wrap{padding-top:34px}.rooms .section-heading h2{font-size:25px}.rooms .section-heading>p{font-size:12px}.room-options{grid-template-columns:1fr;gap:27px}.room-options article{padding-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.room-options .eyebrow{grid-column:1/-1;font-size:8px}.room-options h3{font-size:29px;margin-top:9px}.room-type{grid-column:1;font-size:11px}.room-price{grid-column:2;grid-row:2/4;align-self:center;justify-content:flex-end;margin:0;font-size:24px;min-height:0}.room-options article:first-child .room-price{font-size:17px}.room-options ul{grid-column:1/-1;margin-top:17px;font-size:12px;line-height:2.1}.room-note{font-size:10px;margin-top:25px;padding-top:19px}
  .first-visit-grid{grid-template-columns:1fr;gap:35px}.first-visit-copy h2{font-size:28px}.first-visit-copy>p{font-size:12px;margin-top:19px}.first-visit-copy .button{margin-top:24px}.first-visit-offer{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.offer-label{font-size:11px;margin-bottom:12px}.first-visit-offer h3{font-size:23px}.first-visit-offer h3>span{font-size:12px;margin-left:8px}.offer-price>strong{font-size:46px}.offer-total strong{font-size:19px}.offer-conditions{font-size:11px}
  .visit-grid{grid-template-columns:1fr;gap:42px}.visit-intro>p{font-size:12px;margin-top:19px}.visit-info h3{font-size:20px}.visit-info dl>div{grid-template-columns:69px 1fr;gap:12px;padding:19px 0}.visit-info dt{font-size:11px}.visit-info dd{font-size:13px}.visit-info dd small{font-size:10px}.faq{grid-template-columns:1fr;gap:16px;margin-top:44px;padding-top:28px}.faq>h3{font-size:18px}.faq summary{font-size:12px}.faq details>p{font-size:11px}.footer{padding:30px 0 96px}.footer-top{gap:25px;flex-wrap:wrap;padding-bottom:27px}.footer-logo{width:108px}.footer-top p{font-size:12px}.footer-top>a:last-child{width:100%;margin-left:0;font-size:9px}.footer-bottom{font-size:7px}.footer-bottom span{max-width:190px}.mobile-reservation{display:block;position:fixed;inset:auto 0 0;z-index:40;background:#fffffff5;border-top:1px solid var(--line);padding:10px 16px max(10px,env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.mobile-reservation>a{background:var(--ink);color:var(--paper);padding:11px;display:flex;justify-content:center;align-items:center;gap:30px;font-size:12px}.toast{bottom:90px}
  .gallery{width:calc(100% - 20px);padding:14px}.gallery-top{margin-bottom:10px}.gallery-top h2{font-size:14px}.gallery-stage{grid-template-columns:30px 1fr 30px;gap:5px}.gallery-image{height:58svh}.gallery-caption{margin:16px 0 4px;font-size:11px;gap:15px}.gallery-prev,.gallery-next{font-size:16px;height:44px}
}
@media(max-width:360px){.header-location{font-size:9px;margin-right:5px}.wrap{width:calc(100% - 36px)}.hero h1{font-size:27px}.menu-tabs strong{font-size:12px}.menu-item h4{font-size:17px}.menu-prices{gap:10px}.menu-prices>div{gap:7px}.menu-prices dd{font-size:14px}.special-title strong{font-size:17px}.first-visit-offer h3{font-size:21px}.first-visit-offer h3>span{display:block;margin:5px 0 0}}
.visit-map-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.visit-map-links a{display:inline-flex;align-items:center;justify-content:center;width:132px;max-width:100%;min-height:44px;padding:8px 12px;border:1px solid var(--line);background:var(--surface);font-size:11px;white-space:nowrap;transition:background .2s,border-color .2s}
.visit-map-links a:hover{background:#f0e9df;border-color:var(--gold)}
.visit-map-links a[href^="https://map.naver.com/"]{background:rgb(3,199,90);border-color:rgb(3,199,90);color:#10301b}
.visit-map-links a[href^="https://map.kakao.com/"]{background:rgb(254,229,0);border-color:rgb(254,229,0);color:#191919}
.visit-map-links a:hover{box-shadow:inset 0 0 0 1px currentColor}

/* Parking directions use the owner's marked photograph without cropping. */
.parking-guide{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:'photo copy';gap:56px;align-items:center;margin-top:60px;padding-top:48px;border-top:1px solid var(--line)}
.parking-copy{grid-area:copy;min-width:0}
.parking-copy h3{font-size:26px;line-height:1.5;letter-spacing:-.04em}
.parking-summary{font-size:20px;font-weight:500;margin:18px 0 16px}
.parking-copy>p:not(.parking-summary){font-size:14px;line-height:1.9;color:var(--muted)}
.parking-advance{margin-top:24px;padding:20px 22px;background:var(--surface);border-left:2px solid var(--gold);font-size:14px;line-height:1.9}
.parking-advance strong{display:block;font-weight:500;margin-bottom:8px}
.parking-advance p{color:var(--muted)}
.parking-photo{grid-area:photo;min-width:0}
.parking-photo-open{display:block;width:100%;padding:0;background:none;text-align:left}
.parking-photo-open img{width:100%;height:auto}
.parking-photo-hint{display:block;margin-top:10px;text-align:right;font-size:12px;text-decoration:underline;text-underline-offset:4px;color:var(--muted)}
.parking-viewer{width:min(1280px,calc(100% - 32px));max-width:none;max-height:calc(100svh - 32px);padding:20px;border:0;background:var(--paper);color:var(--ink);overflow:hidden}
.parking-viewer::backdrop{background:#21190fa6;backdrop-filter:blur(2px)}
.parking-viewer-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.parking-viewer-top h2{flex:1;font-size:18px;line-height:1.5;letter-spacing:-.03em}
.parking-viewer-top button{min-height:44px;padding:8px 12px;font-size:12px;background:var(--surface)}
.parking-viewer-top .parking-close{background:var(--ink);color:var(--paper)}
.parking-viewer-stage{overflow:auto;max-height:calc(100svh - 180px);background:var(--surface);overscroll-behavior:contain}
.parking-viewer-image{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100svh - 180px);margin-inline:auto}
.parking-viewer.is-zoomed .parking-viewer-image{width:max(100%,1200px);max-width:none;max-height:none}
.parking-viewer-tip{margin-top:12px;font-size:11px;color:var(--muted)}
body:has(.parking-viewer[open]){overflow:hidden}
@media(max-width:900px){.parking-guide{gap:32px}}
@media(max-width:720px){
  .parking-guide{grid-template-columns:1fr;grid-template-areas:'copy' 'photo';gap:24px;margin-top:38px;padding-top:30px}
  .parking-copy h3{font-size:23px}
  .parking-summary{font-size:18px;margin:14px 0 12px}
  .parking-copy>p:not(.parking-summary),.parking-advance{font-size:13px}
  .parking-advance{padding:17px 18px;margin-top:18px}
  .parking-photo-hint{font-size:11px}
  .parking-viewer{width:calc(100% - 20px);max-height:calc(100svh - 20px);padding:12px}
  .parking-viewer-top{gap:8px}
  .parking-viewer-top h2{font-size:15px}
  .parking-viewer-top button{padding-inline:10px;font-size:11px}
  .parking-viewer-tip{font-size:10px}
}

/* Keep category switching within reach while reading prices on a phone. */
@media(max-width:720px){
  .menu-catalog{scroll-margin-top:-24px}
  .menu-tabs{position:sticky;top:0;z-index:20;background:var(--surface);box-shadow:0 8px 12px -12px #493c3166;margin-bottom:20px;gap:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
  .menu-tabs button{min-height:56px;padding:12px 2px;text-align:center}
  .menu-category{grid-template-columns:88px minmax(0,1fr);grid-template-rows:auto auto;gap:0 18px}
  .menu-category img{grid-column:1;grid-row:1/3;width:88px;height:88px;aspect-ratio:1;object-fit:cover}
  .menu-category h3{margin:0;align-self:end}
  .menu-category .text-link{margin:0;justify-self:start;align-self:start;min-height:44px}
  .menu-panel{gap:24px}
  .menu-catalog .special-item{scroll-margin-top:64px}
  .add-ons{scroll-margin-top:44px}
}
/* Dedicated pages share the home's white and light ivory palette. */
.page-title{font-size:clamp(28px,3vw,39px);letter-spacing:-.06em;line-height:1.5;font-weight:400}
.breadcrumb{display:flex;gap:12px;align-items:center;font-size:11px;color:var(--muted);margin-bottom:24px}
.breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.page-programs .care,.page-space .space{padding-top:48px}
.header nav a:is([aria-current=page],[aria-current=location]){border-bottom-color:currentColor}
.menu-scrim{display:none}
.menu-sticky-sentinel{display:block;height:1px;margin-bottom:-1px;pointer-events:none}
.page-programs .add-ons[role=tabpanel]{margin-top:0;padding-top:0;border-top:0}
@media(max-width:720px){
  .page-programs .care,.page-space .space{padding-top:32px}
  .page-title{font-size:29px}
  .page-programs .menu-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
  .page-programs .menu-tabs button{padding-inline:0}
  .page-programs .tab-suffix{display:none}
  .breadcrumb{font-size:10px;margin-bottom:22px}
  .header nav{position:fixed;inset:86px 16px auto;padding:12px 22px 22px;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 40px #493c3120;max-height:calc(100svh - 180px);overflow-y:auto;overscroll-behavior:contain}
  .header nav{gap:4px}
  .header nav a:not(.nav-book){display:flex;align-items:center;gap:12px;min-height:52px;padding:13px 14px;border-radius:8px}
  .header nav a:is([aria-current=page],[aria-current=location]){background:var(--ink);color:var(--paper);font-size:15px;font-weight:600;border-bottom-color:transparent;box-shadow:inset 4px 0 0 #cbb293}
  .header nav .nav-book{background:#f5f1eb;color:var(--ink)}
  .menu-scrim:not([hidden]){display:block;position:fixed;inset:0;z-index:25;background:#493c311a}
  .menu-floating .menu-toggle{position:fixed;right:16px;top:max(14px,env(safe-area-inset-top));min-height:48px;padding:10px 16px;gap:13px;border:1px solid var(--line);border-radius:999px;background:var(--paper);box-shadow:0 4px 20px #493c3126;z-index:31}
  .menu-floating .header nav{top:max(74px,calc(env(safe-area-inset-top) + 60px))}
  .menu-tabs{top:72px}
  .menu-tabs.is-stuck:before{content:'';position:absolute;top:-72px;left:0;right:0;height:72px;background:var(--surface)}
  .menu-catalog{scroll-margin-top:48px}
  .menu-catalog .special-item{scroll-margin-top:136px}
  .add-ons{scroll-margin-top:116px}
}
/* The home statement sits over the salon's own treatment film. */
.hero-motion{position:relative;isolation:isolate;height:calc(100svh - var(--header));min-height:560px;max-height:960px;overflow:hidden;color:#fff;background:#62554a}
.hero-media,.hero-video,.hero-shade{position:absolute;inset:0;width:100%;height:100%}
.hero-media{z-index:-1}
.hero-video{object-fit:cover;object-position:50% 58%}
.hero-shade{background:linear-gradient(90deg,#21190f80 0%,#21190f30 66%,#21190f18 100%),linear-gradient(0deg,#21190f38,transparent 45%);pointer-events:none}
.hero-motion .hero-content{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%;padding-block:74px 100px;gap:25px}
.hero-motion .eyebrow{color:#ffffffe6;margin-bottom:22px;font-size:10px;letter-spacing:.15em}
.hero-motion h1{font-size:clamp(36px,4.4vw,68px);line-height:1.55;font-weight:300;text-shadow:0 2px 18px #0003}
.hero-motion .hero-aside{justify-self:auto;padding:0}
.hero-motion .hero-description{color:#fffffff2;font-size:13px;line-height:2;text-shadow:0 1px 8px #0004}
.hero-motion .text-link{margin-top:25px;min-width:180px;color:#fff}
@media(max-width:720px){
  .hero-motion{height:calc(100svh - var(--header));min-height:min(520px,calc(100svh - var(--header)));max-height:920px}
  .hero-motion .hero-video{object-position:50% 52%}
  .hero-motion .hero-shade{background:linear-gradient(90deg,#21190f80,#21190f30),linear-gradient(0deg,#21190f4d,transparent 55%)}
  .hero-motion .hero-content{padding-block:48px 112px;gap:24px}
  .hero-motion .eyebrow{font-size:8px;margin-bottom:18px}
  .hero-motion h1{font-size:clamp(28px,7.6vw,45px);line-height:1.6}
  .hero-motion .hero-description{font-size:12px;line-height:2}
  .hero-motion .text-link{margin-top:20px;min-width:170px}
}
/* ABOUT ONDO: selected salon photos with optional automatic rotation. */
.philosophy-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px}
.about-carousel{min-width:0;align-self:center}
.about-carousel-track{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--surface);touch-action:pan-y}
.about-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .65s ease}
.about-slide.is-active{opacity:1;z-index:1}
.about-slide img{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}
.about-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ffffff80;border-radius:50%;background:#21190f66;color:#fff;backdrop-filter:blur(3px);transition:background .2s}
.about-arrow:hover{background:#21190fa6}
.about-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.about-arrow:focus-visible{outline-color:#fff;outline-offset:-5px}
.about-prev{left:14px}.about-next{right:14px}
@media(max-width:900px){.philosophy-grid{gap:40px}}
@media(max-width:720px){.philosophy-grid{grid-template-columns:1fr;gap:30px}.about-carousel{width:100%;grid-column:1/-1}.about-prev{left:10px}.about-next{right:10px}}
.header-location{font-size:18px}
@media(max-width:720px){.header{gap:8px}}
.footer-top>a.footer-instagram{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;margin-left:auto;color:var(--ink);letter-spacing:normal;transition:opacity .2s}
.footer-instagram:hover{opacity:.65}
.footer-instagram svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}
.notice-popups{--notice-count:2;width:min(1488px,calc(100% - 48px));max-width:none;max-height:calc(100svh - 32px);padding:0;border:0;background:transparent;color:var(--ink);overflow:auto}
.notice-popups:has(.notice-popup:nth-child(3)){--notice-count:3}
.notice-popups[open]{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:24px}
.notice-popups::backdrop{background:#21190f80;backdrop-filter:blur(2px)}
.notice-popup{width:calc((100% + 24px)/var(--notice-count) - 24px);max-width:480px;flex:none;background:#fff;box-shadow:0 8px 35px #0003}
.notice-popup-artwork{display:block;background:#fff}
.notice-popup-image{display:block;width:100%;height:auto;max-height:calc(100svh - 100px);object-fit:contain}
.notice-popup-actions{display:flex;border-top:1px solid var(--line);background:#fff}
.notice-popup-actions button{min-height:48px;padding:10px 16px;background:none;font-size:14px;color:var(--ink)}
.notice-popup-actions button:hover{background:var(--surface)}
.notice-popup-hide-today{flex:1;text-align:left}
.notice-popup-close{min-width:68px;border-left:1px solid var(--line)}
body:has(.notice-popups[open]){overflow:hidden}
@media(max-width:720px){.notice-popups{width:calc(100% - 24px);max-height:calc(100svh - 24px)}.notice-popups[open]{gap:16px}.notice-popup{width:min(100%,360px);max-width:none}.notice-popup-actions button{font-size:11px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}