@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500&family=Noto+Serif+KR:wght@400;500&display=swap";:root{color:#39362f;background:#fff;font-family:Noto Sans KR,sans-serif;font-weight:300}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}.site-header{width:min(1000px,calc(100% - 64px));height:118px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;padding:0;font-family:"Noto Serif KR",serif;font-size:19px;letter-spacing:.1em}.brand img{width:44px;height:44px;border-radius:50%;object-fit:cover;filter:grayscale(100%)}.brand small{font-family:Noto Sans KR;font-size:10px;font-weight:400;letter-spacing:.22em;margin-right:6px}.desktop-nav{display:flex;align-items:center;gap:25px}.desktop-nav button{padding:9px 0 7px;font-size:11px;letter-spacing:.02em;border-bottom:1px solid transparent}.desktop-nav button.active{border-color:#403d36}.menu-button{display:none;font-size:11px;letter-spacing:.12em}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#fff;display:grid;place-items:center}.mobile-menu nav{display:flex;flex-direction:column;gap:26px;align-items:center}.mobile-menu nav button,.mobile-menu nav a{font-size:17px;font-weight:300;letter-spacing:.03em}.mobile-menu nav .active{text-decoration:underline;text-underline-offset:7px}.close-button{position:absolute;right:28px;top:27px;font-size:11px;letter-spacing:.12em}main{width:min(1000px,calc(100% - 64px));margin:0 auto}.page-enter{animation:enter .45s ease-out both}@keyframes enter{0%{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}.hero{margin:0;position:relative;height:min(54.4vw,544px);min-height:420px;overflow:hidden;background:#ece9e3}.hero img{width:100%;height:100%;display:block;object-fit:cover;object-position:var(--position)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.06),transparent 40%,rgba(0,0,0,.12));pointer-events:none}.hero figcaption{position:absolute;z-index:1;top:44px;right:48px;color:#fff;text-align:right;text-shadow:0 1px 8px rgba(0,0,0,.18)}.hero figcaption small{display:block;font-size:11px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px}.hero figcaption strong{font-family:"Noto Serif KR",serif;font-size:clamp(22px,3vw,42px);font-weight:400;letter-spacing:-.03em}.intro{min-height:420px;display:grid;grid-template-columns:1fr 1.55fr;align-items:center;gap:70px;padding:70px 9%}.section-mark{justify-self:center;width:64px;height:64px;border:1px solid #b8b1a5;border-radius:50%;display:grid;place-items:center;color:#8b8377;font-size:9px;letter-spacing:.12em}.intro small,.editorial-copy small,.room-facts small,.reservation-layout small,.directions-card small{display:block;color:#8a8379;font-size:10px;font-weight:400;letter-spacing:.18em}.intro h1{margin:18px 0 22px;font-family:"Noto Serif KR",serif;font-size:clamp(24px,2.8vw,38px);font-weight:400;line-height:1.45;letter-spacing:-.04em}.intro p{max-width:620px;margin:0;color:#6b665d;font-size:13px;line-height:2.05;word-break:keep-all}.editorial-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px 76px;align-items:center;padding:40px 0 150px}.editorial-grid img{width:100%;display:block;object-fit:cover}.editorial-grid .wide{grid-column:1 / -1;height:650px}.editorial-grid .portrait{height:600px}.editorial-grid .landscape{height:430px}.editorial-copy{padding:8%}.editorial-copy h2,.reservation-layout h2,.directions-card h2{margin:18px 0;font-family:"Noto Serif KR",serif;font-size:28px;font-weight:400;line-height:1.55}.editorial-copy p,.reservation-layout aside p{color:#6b665d;font-size:13px;line-height:2;word-break:keep-all}.text-link{margin-top:24px;padding:9px 0;border-bottom:1px solid #837b70;font-size:11px;letter-spacing:.12em}.home-quote{margin:0 0 110px;padding:78px 30px;text-align:center;border-top:1px solid #e5e0d8;border-bottom:1px solid #e5e0d8}.home-quote p{font-family:"Noto Serif KR",serif;font-size:22px}.home-quote small{color:#8b857d;font-size:11px}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding-bottom:130px}.gallery img{width:100%;height:470px;object-fit:cover;display:block}.gallery img.large{grid-column:1 / -1;height:680px}.room-switch{margin:80px auto 0;width:min(580px,100%);display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #d8d2c9}.room-switch button{padding:24px 15px;font-family:"Noto Serif KR",serif;font-size:20px;opacity:.4;border-bottom:1px solid transparent;margin-bottom:-1px}.room-switch button.active{opacity:1;border-color:#403d36}.room-switch small{display:block;margin-bottom:8px;font-family:Noto Sans KR;font-size:9px;letter-spacing:.15em}.room-facts{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:0 9% 120px}.room-facts div{border-top:1px solid #dcd7cf;padding-top:24px}.room-facts p{font-size:13px;line-height:2;color:#68635b}.tour-list{padding-bottom:140px}.tour-list article{display:grid;grid-template-columns:120px 1fr 1.2fr;gap:50px;align-items:baseline;padding:38px 20px;border-top:1px solid #ddd8d0}.tour-list article:last-child{border-bottom:1px solid #ddd8d0}.tour-list small{font-size:10px;letter-spacing:.14em;color:#8b857d}.tour-list h2{font-family:"Noto Serif KR",serif;font-size:21px;font-weight:400}.tour-list p{color:#746f66;font-size:12px;line-height:1.8}.reservation-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:100px;padding:0 9% 140px}.reservation-layout form{display:grid;gap:22px}.reservation-layout label{display:grid;gap:9px;font-size:11px;letter-spacing:.06em}.reservation-layout input,.reservation-layout select,.reservation-layout textarea{width:100%;padding:13px 2px;border:0;border-bottom:1px solid #bab4aa;border-radius:0;background:#fff;outline:none}.reservation-layout input:focus,.reservation-layout select:focus,.reservation-layout textarea:focus{border-color:#3f3b34}.date-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 24px;background:#454137;color:#fff;font-size:11px;letter-spacing:.1em}.success{padding:18px;background:#f2efe9;color:#5b554b;font-size:12px;line-height:1.7}.reservation-layout aside{padding-top:8px}.reservation-layout aside a{display:inline-block;margin-top:24px;border-bottom:1px solid #777066;padding-bottom:7px;letter-spacing:.08em}.directions-card{margin-bottom:140px;padding:80px 9%;background:#f4f1eb;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:80px}.directions-card p{color:#777066;font-size:12px}.direction-actions{display:flex;flex-direction:column;gap:22px;align-items:stretch;text-align:center}.direction-actions>a:not(.primary){font-size:12px;border-bottom:1px solid #aaa296;padding-bottom:10px}footer{width:min(1000px,calc(100% - 64px));margin:auto;min-height:220px;border-top:1px solid #ded9d1;display:grid;grid-template-columns:1fr auto;align-content:center;gap:20px 80px}footer div{display:flex;gap:25px;align-items:center;font-size:11px;letter-spacing:.05em}footer p{grid-column:1 / -1;margin:0;color:#8b857d;font-size:10px;letter-spacing:.04em}@media(max-width:820px){.site-header,main,footer{width:calc(100% - 32px)}.site-header{height:84px}.brand{font-size:15px;gap:9px}.brand img{width:35px;height:35px}.desktop-nav{display:none}.menu-button{display:block}.hero{height:62vh;min-height:430px}.hero figcaption{top:28px;right:24px}.hero figcaption strong{font-size:27px}.intro{min-height:auto;grid-template-columns:1fr;gap:30px;padding:86px 6% 100px;text-align:center}.section-mark{width:50px;height:50px}.intro h1{font-size:26px}.intro p{font-size:12px;line-height:1.9}.editorial-grid{grid-template-columns:1fr;gap:30px;padding:0 0 100px}.editorial-grid .wide,.editorial-grid .portrait,.editorial-grid .landscape{grid-column:auto;height:72vw;min-height:330px}.editorial-copy{padding:38px 7% 60px}.editorial-copy.lower{order:6}.home-quote{margin-bottom:90px;padding:55px 20px}.home-quote p{font-size:18px;line-height:1.7}.gallery{grid-template-columns:1fr;gap:16px;padding-bottom:90px}.gallery img,.gallery img.large{grid-column:auto;height:78vw;min-height:310px}.room-switch{margin-top:50px}.room-switch button{font-size:17px}.room-facts{grid-template-columns:1fr;gap:35px;padding:0 6% 90px}.tour-list article{grid-template-columns:75px 1fr;gap:8px 20px;padding:30px 5px}.tour-list article p{grid-column:2;margin:0}.reservation-layout{grid-template-columns:1fr;gap:70px;padding:0 5% 100px}.date-row{grid-template-columns:1fr}.directions-card{margin-bottom:90px;padding:55px 7%;grid-template-columns:1fr;gap:50px}footer{min-height:250px;grid-template-columns:1fr;gap:25px;text-align:center;justify-items:center}footer div{flex-direction:column;gap:10px}footer p{grid-column:auto}}@media(prefers-reduced-motion:reduce){.page-enter{animation:none}}
