/* Header and menu rules copied from the supplied original website. */
:root{--paper:#fff;--white:#fff;--soft:#fff;--ink:#20201f;--sub:#777571;--muted:#98948e;--brown:#4e3d35;--accent:#4e3d35;--burgundy:#4e3d35;--line:#e6e3df;--orange:#ff7500;--header:90px;--font:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",Arial,sans-serif}
@media(max-width:880px){:root{--header:76px}}
body .site-header{font:20px/1.7 var(--font)}
body .site-header{position:fixed;z-index:120;top:0;left:0;right:0;height:var(--header);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(28px,4vw,64px);color:#fff;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,0));border-bottom:1px solid rgba(255,255,255,.42);transition:background .22s,color .22s,border .22s}
body .site-header.scrolled{background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);color:var(--ink);backdrop-filter:blur(12px)}
body .site-header.menu-visible{background:rgba(255,255,255,.97);color:var(--ink);border-bottom:1px solid var(--line)}
body .site-header .header-contact{justify-self:start;display:flex;align-items:center;gap:10px;font-size:14px;letter-spacing:.2em;font-weight:650}
body .site-header .phone-ring{width:38px;height:38px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center}
body .site-header .phone-ring svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.55}
body .site-header .brand{width:226px;height:60px;display:grid;place-items:center}
body .site-header .brand img{width:100%;max-height:60px;object-fit:contain;grid-area:1/1}
body .site-header .brand .brand-black{display:none}
body .site-header.scrolled .brand-white,body .site-header.menu-visible .brand-white{display:none}
body .site-header.scrolled .brand-black,body .site-header.menu-visible .brand-black{display:block}
body .site-header .menu-toggle{justify-self:end;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:8px;color:inherit;font-size:14px;letter-spacing:.16em;font-weight:700;padding:8px}
body .site-header .hamburger{position:relative;width:31px;height:19px}
body .site-header .hamburger i,body .site-header .hamburger::before,body .site-header .hamburger::after{content:"";position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:transform .2s,opacity .2s}
body .site-header .hamburger::before{top:1px}
body .site-header .hamburger i{top:9px}
body .site-header .hamburger::after{top:17px}
body .site-header .menu-toggle[aria-expanded="true"] .hamburger::before{transform:translateY(8px) rotate(45deg)}
body .site-header .menu-toggle[aria-expanded="true"] .hamburger i{opacity:0}
body .site-header .menu-toggle[aria-expanded="true"] .hamburger::after{transform:translateY(-8px) rotate(-45deg)}
body .menu-drawer{position:absolute;right:0;top:var(--header);bottom:0;width:min(610px,56vw);background:#090909;color:#fff;overflow-y:auto;overscroll-behavior:contain;padding:0 38px 46px}
body .menu-drawer .menu-search{display:flex;gap:14px;align-items:center;border-bottom:1px solid #424242;padding:23px 10px 23px 4px}
body .menu-drawer .menu-search svg{width:27px;height:27px;fill:none;stroke:#989898;stroke-width:1.5}
body .menu-drawer .menu-search input{border:0;outline:0;background:transparent;color:#fff;width:100%;font-size:29px;font-weight:300;min-width:0}
body .menu-drawer .menu-search input::placeholder{color:#969696}
body .menu-drawer .menu-search input:focus{outline:0}
body .menu-drawer .menu-nav a{display:flex;align-items:baseline;gap:22px;padding:19px 8px;border-bottom:1px solid #414141}
body .menu-drawer .menu-nav strong{font-size:calc(clamp(28px,3vw,40px) + 4px);font-weight:550;letter-spacing:-.06em;line-height:1.2;word-break:keep-all}
body .menu-drawer .menu-nav small{color:#b9b9b9;font-size:19px;font-weight:350;letter-spacing:-.02em}
body .menu-drawer .menu-nav a.accent,body .menu-drawer .menu-nav a.accent small{color:var(--orange)}
body .menu-drawer .menu-nav a:hover strong{color:var(--orange)}
body .menu-drawer .menu-room-head{margin:39px 4px 10px;font-size:26px;line-height:1.3;font-weight:650;letter-spacing:-.04em;white-space:nowrap;color:var(--orange)}
body .menu-drawer .menu-room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:15px}
body .menu-drawer .menu-room-grid a{border-bottom:1px solid #333;padding:12px 5px;display:flex;justify-content:space-between;gap:6px;align-items:center}
body .menu-drawer .menu-room-grid a span{font-size:17px}
body .menu-drawer .menu-room-grid a small{font-size:15px;color:#999}
body .menu-drawer .menu-room-grid a:hover span{color:var(--orange)}
body .menu-drawer .menu-foot{margin:30px 5px 0;color:#888;font-size:16px}
@media(max-width:880px){
body .site-header{padding:0 25px}
body .site-header .brand{width:186px}
body .menu-drawer{width:min(590px,78vw)}
}
@media(max-width:600px){
body .site-header{padding:0 18px}
body .site-header .header-contact span:last-child{display:none}
body .site-header .brand{width:160px}
body .menu-drawer{width:calc(100vw - 55px);padding:0 19px 38px}
body .menu-drawer .menu-nav strong{font-size:32px}
body .menu-drawer .menu-nav small{font-size:16px}
body .menu-drawer .menu-room-grid{grid-template-columns:1fr 1fr;gap:8px}
body .menu-drawer .menu-room-grid a{display:block}
}
body .site-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
body .site-header .brand{grid-column:2;grid-row:1;justify-self:center}
body .site-header .header-actions{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:24px;height:100%}
body .site-header .header-actions .header-contact{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;font-size:13px;line-height:1.15;letter-spacing:.08em;font-weight:650;text-align:center;padding:8px 2px;white-space:nowrap}
body .site-header .header-actions .phone-ring{width:32px;height:32px}
body .site-header .header-actions .phone-ring svg{width:17px;height:17px}
body .site-header .header-actions .menu-toggle{font-size:13px;line-height:1.15;gap:5px;justify-self:auto;min-width:42px}
body .site-header .header-actions .hamburger{width:30px}
@media(max-width:600px){
body .site-header .header-actions{gap:8px}
body .site-header .header-actions .phone-ring{width:29px;height:29px}
body .site-header .header-actions .header-contact span:last-child{display:none}
body .site-header .header-actions .menu-toggle{min-width:32px;padding:8px 2px}
body .site-header .header-actions .hamburger{width:26px}
body .site-header .brand{width:150px}
}
body .site-header{cursor:pointer}
/* Native dialog shell; its content uses the original site's header and drawer. */
.original-menu-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden;color:#fff}
.original-menu-dialog::backdrop{background:rgba(19,17,16,.48);backdrop-filter:blur(7px)}
body .original-menu-dialog .site-header{z-index:2}
body .site-header .header-actions{color:inherit;margin-left:0}
body .site-header .menu-toggle{width:auto;height:auto;min-width:42px;padding:8px}
body .site-header .brand{flex-shrink:0}
body .site-header .brand img{height:auto}
body .brand,body .brand:focus,body .brand:focus-visible,body .brand img{border:0!important;outline:none!important;box-shadow:none!important}
body.pointer-mode :focus-visible{outline:none}
body .menu-drawer{font:20px/1.7 var(--font)}
body .menu-drawer .menu-search-results{border-color:#383838}
body .menu-drawer .menu-search-results button{color:#fff;border-color:#303030;font-size:19px}
body .menu-drawer .menu-search-results strong{font-weight:500;font-size:19px}
body .menu-drawer .menu-search-results small{color:#a7a7a7;font-size:16px}
body .menu-drawer .menu-search-results p{font-size:17px;color:#bdbdbd}
/* All page surfaces use white; the menu retains its original black treatment. */
html,body,.section,.space-section,.location-section,.amenities-section,.rooms-section,.footer,.inquiry-section,.intro-strip{background:#fff}
.gallery-stage,.image-frame,.amenity-photo,.amenity.compact,.product-pair,.management,.location-info,.map-button,.copy-dialog{background:#fff}
.room-choice,.room-choice.selected,.room-choice:hover,.filter:not(.active):hover,thead{background:#fff}
.room-choice.selected{border-color:#4e3d35}@media(hover:hover) and (pointer:fine){.room-choice:hover{border-color:#777571}}
.photo-navigation,.room-navigation{background:#fff;border:1px solid #e6e3df}
.photo-navigation .circle-button:hover,.room-navigation .circle-button:hover{background:#f5f4f2}
th,td,.price-details,.room-facts,.management{border-color:#e6e3df}
.mobile-bottom{background:rgba(255,255,255,.98);border-top-color:#e6e3df}
.original-main .hero h1{color:#20201f}.original-main .hero .hero-english{color:#595b59}.original-main .hero .hero-description{color:#606060}
.original-main .hero-copy>.eyebrow{color:#666}.original-main .hero-text-link{color:#20201f;border-color:currentColor}
.original-main .hero-controls{color:#222}.original-main .hero-controls>span{color:#222}
.original-main .hero-controls .circle-button{width:48px;height:48px;border:1px solid #ddd8d2;background:rgba(255,255,255,.92);color:#222;font-size:30px}
.original-main .hero-controls .circle-button:hover{background:#ebe5df;border-color:#bbb}
.eyebrow{color:#83807c}.section-aside,.room-subtitle,.room-facts dt,.location-description{color:#777571}
.inquiry-section{color:#20201f;border-top:1px solid #e6e3df}
.inquiry-section .eyebrow.light{color:#83807c}
.inquiry-top>p,.inquiry-option small,.inquiry-help,.inquiry-draft form>p,.draft-privacy{color:#777571}
.inquiry-option,.inquiry-draft{border-color:#e6e3df}
.inquiry-draft label{color:#4e3d35}
.inquiry-draft select,.inquiry-draft input,.inquiry-draft textarea{background:#fff;color:#20201f;border-color:#d6d1cc;color-scheme:light}
.inquiry-draft select option{background:#fff;color:#20201f}
.inquiry-draft textarea::placeholder{color:#98948e}
.draft-button{background:#4e3d35;color:#fff}
.lightbox{background:#fff;color:#20201f}
.lightbox .eyebrow.light{color:#777571}.lightbox-tools>button{color:#20201f}
.lightbox-footer>span{color:#777571}.lightbox .circle-button.light-button{color:#222;border-color:#ddd8d2;background:#fff}
.lightbox .circle-button.light-button:hover{background:#ebe5df;border-color:#bbb}
.toast{background:rgba(32,32,31,.96)}
@media(max-width:600px){body .site-header .menu-toggle{min-width:32px;padding:8px 2px}}
/* Keep the original artwork and controls apart on the narrowest screens. */
@media(max-width:370px){body .site-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-inline:18px}body .site-header .brand{width:128px;height:60px;flex-shrink:0}body .site-header .header-actions{flex-shrink:0;margin-left:auto}}

/* Touch selection is represented only by .selected, never by sticky hover. */
@media(max-width:700px), (max-width:1000px) and (pointer:coarse){
 .room-choice{transition:none}
 .room-choice:not(.selected):hover{border-color:var(--line);background:#fff}
 .room-choice.selected,.room-choice.selected:hover{border-color:#4e3d35;background:#fff}
}