@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500&family=Noto+Serif+KR:wght@400;500;600&display=swap";:root{--ink:#071521;--ink-soft:#102333;--paper:#f4f0e7;--paper-deep:#e9e2d6;--gold:#bd9152;--text:#18201f;--line:#18201f2e;color:var(--text);background:var(--paper);font-synthesis:none;font-family:Noto Sans KR,Pretendard,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;margin:0}button,a{color:inherit;font:inherit}button{cursor:pointer}a{text-decoration:none}img{width:100%;display:block}.site-header{z-index:30;color:#fff;justify-content:space-between;align-items:center;height:104px;padding:0 5.2vw;transition:background .35s,height .35s,color .35s;display:flex;position:fixed;inset:0 0 auto}.site-header.is-scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#071521f0;height:76px}.brand{flex-direction:column;gap:2px;line-height:1;display:flex}.brand span{letter-spacing:.08em;font:500 23px/1.2 Noto Serif KR,serif}.brand small{letter-spacing:.29em;opacity:.68;font-size:8px}.nav{letter-spacing:.22em;align-items:center;gap:43px;font-size:11px;display:flex}.nav a,.nav button{background:0 0;border:0;padding:10px 0;position:relative}.nav a:after,.nav button:after{content:"";background:currentColor;height:1px;transition:right .25s;position:absolute;bottom:3px;left:0;right:100%}.nav a:hover:after,.nav button:hover:after{right:0}.menu-button{display:none}.hero{color:#fff;background:var(--ink) url(/images/hero-night.png) center/cover no-repeat;align-items:center;min-height:100svh;display:flex;position:relative}.hero-copy{width:min(610px,43vw);margin-left:9vw;padding-top:5vh}.kicker,.section-label{letter-spacing:.32em;margin:0 0 28px;font-size:10px;font-weight:500}.hero h1,h2,h3{font-family:Noto Serif KR,serif;font-weight:400}.hero h1{letter-spacing:-.045em;text-shadow:0 2px 22px #00000047;margin:0 0 30px;font-size:clamp(45px,4.55vw,72px);line-height:1.42}.hero-sub{color:#ffffffb3;letter-spacing:.04em;margin:0 0 42px;font:300 15px/1.9 Noto Sans KR,sans-serif}.line-button{letter-spacing:.08em;background:0 0;border:0;border-bottom:1px solid #18201f73;justify-content:space-between;align-items:center;gap:58px;min-width:190px;padding:14px 0;font-size:12px;display:inline-flex}.line-button.light{color:#fff;border-color:#ffffff8c}.arrow{font-size:18px;font-weight:300;transition:transform .25s;display:inline-block}a:hover .arrow,button:hover .arrow{transform:translate(5px)}.arrow.diagonal{transform:rotate(-45deg)}a:hover .arrow.diagonal,button:hover .arrow.diagonal{transform:translate(3px,-3px)rotate(-45deg)}.scroll-hint{letter-spacing:.26em;color:#fff9;align-items:center;gap:22px;font-size:8px;display:flex;position:absolute;bottom:42px;left:5.2vw}.scroll-hint i{background:#ffffff61;width:70px;height:1px}.mobile-only{display:none}.section-pad{padding:145px 9vw}.section-label{color:var(--gold)}.intro{border-bottom:1px solid var(--line)}.intro-grid{grid-template-columns:1.05fr .95fr;align-items:start;gap:11vw;display:grid}.intro h2,.section-heading h2,.night h2,.reservation h2,.modal h2{letter-spacing:-.045em;margin:0;font-size:clamp(39px,4.1vw,64px);line-height:1.48}.intro-copy{max-width:500px;padding-top:13px}.intro-copy p{color:#5f635e;word-break:keep-all;margin:0 0 24px;font-size:14px;font-weight:300;line-height:2.1}.stays{padding-top:125px;overflow:hidden}.section-heading{justify-content:space-between;align-items:end;margin-bottom:100px;display:flex}.section-heading .section-label{align-self:start}.stay-list{flex-direction:column;gap:145px;display:flex}.stay-card{grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);align-items:center;gap:8vw;display:grid}.stay-card.reverse{grid-template-columns:minmax(310px,.65fr) minmax(0,1.1fr)}.stay-card.reverse .stay-image-wrap{grid-area:1/2;justify-self:end;max-width:720px}.stay-card.reverse .stay-copy{grid-area:1/1}.stay-image-wrap{position:relative;overflow:hidden}.stay-image-wrap img{aspect-ratio:1.25;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.stay-card:hover img{transform:scale(1.025)}.stay-card.reverse .stay-image-wrap img{aspect-ratio:.82}.stay-image-wrap>span{color:#fff;letter-spacing:.1em;border:1px solid #fff9;border-radius:50%;place-items:center;width:45px;height:45px;font-size:10px;display:grid;position:absolute;top:22px;left:23px}.stay-copy{max-width:390px}.stay-eyebrow{letter-spacing:.24em;margin:0 0 31px;color:var(--gold)!important;font-size:10px!important;font-weight:500!important}.stay-copy h3{letter-spacing:-.04em;margin:0 0 25px;font-size:clamp(30px,3vw,44px)}.stay-copy>p{color:#60645f;word-break:keep-all;font-size:14px;font-weight:300;line-height:2}.stay-copy small{color:#85857e;letter-spacing:.12em;margin:24px 0 30px;font-size:10px;display:block}.night{color:#fff;background:var(--ink) url(/images/night-walk.png) center/cover no-repeat;align-items:center;min-height:740px;padding:140px 9vw;display:flex}.night-copy{width:min(510px,41vw);margin-left:auto}.night .section-label{color:#d5aa6f}.night h2{margin-bottom:34px}.night-copy>p:last-child{color:#ffffffa3;font-size:13px;font-weight:300;line-height:2.1}.facts{background:var(--ink);color:#fff;border-top:1px solid #ffffff21;grid-template-columns:repeat(4,1fr);display:grid}.facts div{border-right:1px solid #ffffff21;flex-direction:column;gap:12px;min-height:126px;padding:34px 4.5vw;display:flex}.facts div:last-child{border:0}.facts span{color:#be9b6c;letter-spacing:.25em;font-size:8px}.facts strong{letter-spacing:.04em;font:400 16px/1.4 Noto Serif KR,serif}.reservation{background:#eee8dd;grid-template-columns:1.08fr .92fr;min-height:800px;display:grid}.reservation-image{min-height:800px;overflow:hidden}.reservation-image img{object-fit:cover;height:100%}.reservation-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:110px 8vw;display:flex}.reservation-copy h2{margin-bottom:34px}.reservation-copy>p:not(.section-label){color:#646660;font-size:14px;font-weight:300;line-height:2}.primary-button{border:1px solid var(--ink);background:var(--ink);color:#fff;letter-spacing:.08em;justify-content:space-between;align-items:center;min-width:245px;margin-top:34px;padding:20px 25px;font-size:12px;display:flex}.text-button{background:0 0;border:0;border-bottom:1px solid #18201f66;align-items:center;gap:60px;margin-top:15px;padding:15px 0;font-size:11px;display:flex}footer{background:var(--ink);color:#fff;padding:80px 5.2vw 24px}.footer-main{grid-template-columns:1.2fr 1fr 1fr;gap:8vw;min-height:180px;display:grid}.footer-brand{flex-direction:column;gap:8px;display:flex}.footer-brand strong{letter-spacing:.08em;font:500 28px/1.2 Noto Serif KR,serif}.footer-brand span{color:#ffffff73;letter-spacing:.28em;font-size:8px}.address span{color:#bd9258;letter-spacing:.27em;font-size:8px}.address p{color:#ffffffa3;font-size:12px;font-weight:300;line-height:1.9}.footer-links{flex-direction:column;align-items:flex-start;gap:15px;display:flex}.footer-links button{color:#fff;letter-spacing:.18em;background:0 0;border:0;border-bottom:1px solid #ffffff40;justify-content:space-between;width:100%;padding:8px 0 13px;font-size:9px;display:flex}.footer-bottom{color:#ffffff4d;letter-spacing:.19em;border-top:1px solid #ffffff1f;justify-content:space-between;padding-top:22px;font-size:7px;display:flex}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040c13ba;place-items:center;padding:24px;animation:.25s fade;display:grid;position:fixed;inset:0}.modal{background:var(--paper);width:min(620px,100%);max-height:92vh;padding:65px 70px;animation:.3s rise;position:relative;overflow:auto;box-shadow:0 30px 80px #00000045}.modal-close{color:#777;background:0 0;border:0;font:300 31px/1 sans-serif;position:absolute;top:18px;right:24px}.modal h2{margin-bottom:35px;font-size:43px}.reserve-options{background:var(--line);border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.reserve-options a{background:var(--paper);flex-direction:column;min-height:160px;padding:24px;transition:background .25s,color .25s;display:flex;position:relative}.reserve-options a:hover{background:var(--ink);color:#fff}.reserve-options span{letter-spacing:.19em;color:var(--gold);margin-bottom:auto;font-size:8px}.reserve-options strong{font:400 18px/1.5 Noto Serif KR,serif}.reserve-options .arrow{position:absolute;bottom:20px;right:22px}.modal-note{color:#898981;margin-top:20px;font-size:10px;display:block}.booking-form h2{margin-bottom:32px}.stay-select{background:var(--line);border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;margin-bottom:25px;display:grid}.stay-select label{background:var(--paper);cursor:pointer;flex-direction:column;justify-content:space-between;min-height:104px;padding:19px;transition:all .25s;display:flex}.stay-select label.selected{background:var(--ink);color:#fff}.stay-select input{opacity:0;position:absolute}.stay-select span{color:var(--gold);letter-spacing:.16em;font-size:8px}.stay-select strong{font:400 16px/1.5 Noto Serif KR,serif}.field-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.field-grid.single{grid-template-columns:1fr}.field-grid label{flex-direction:column;gap:8px;display:flex}.field-grid label.full{grid-column:1/-1}.field-grid label>span{color:#777970;letter-spacing:.06em;font-size:10px}.field-grid input,.field-grid select{border:1px solid var(--line);width:100%;min-height:50px;color:var(--text);background:#fff6;border-radius:0;padding:0 13px;font:400 12px Noto Sans KR,sans-serif}.form-submit{margin-left:auto}.form-actions{justify-content:space-between;align-items:end;gap:20px;display:flex}.booking-summary{border:1px solid var(--line);flex-direction:column;gap:7px;margin:-5px 0 28px;padding:20px;display:flex}.booking-summary span{color:var(--gold);font-size:10px}.booking-summary strong{font:400 15px Noto Serif KR,serif}.booking-summary small{color:#777970}.request-complete{text-align:center}.complete-mark{border:1px solid var(--gold);width:52px;height:52px;color:var(--gold);border-radius:50%;place-items:center;margin:0 auto 24px;display:grid}.request-complete p{line-height:1.9}.request-complete small{color:#85857e;max-width:400px;margin:22px auto 5px;font-size:10px;line-height:1.8;display:block}.request-complete .primary-button{margin:28px auto 0}.stay-detail>img{object-fit:cover;width:calc(100% + 140px);height:250px;margin:-65px -70px 38px}.stay-detail h2{margin-bottom:20px}.stay-detail>p:not(.section-label){color:#62655f;font-size:13px;line-height:1.9}.stay-detail ul{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:13px;margin:25px 0 0;padding:18px 0;font-size:11px;list-style:none;display:grid}.stay-detail li:before{content:"—";color:var(--gold);margin-right:9px}.guide-list{border-top:1px solid var(--line);margin:0}.guide-list div{border-bottom:1px solid var(--line);justify-content:space-between;gap:30px;padding:19px 0;display:flex}.guide-list dt{color:#81817b;font-size:11px}.guide-list dd{text-align:right;margin:0;font:400 13px/1.5 Noto Serif KR,serif}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@media (width<=800px){.site-header{height:78px;padding:0 23px}.site-header.is-scrolled{height:68px}.brand span{font-size:19px}.brand,.menu-button{z-index:32;position:relative}.nav{z-index:31;background:var(--ink);opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;align-items:flex-start;gap:25px;padding:125px 30px 45px;transition:opacity .25s,visibility .25s;display:flex;position:fixed;inset:0}.nav.is-open{opacity:1;visibility:visible;pointer-events:auto}.nav a,.nav button{letter-spacing:.02em;font:400 26px/1.5 Noto Serif KR,serif}.menu-button{background:0 0;border:0;flex-direction:column;justify-content:center;gap:7px;width:32px;height:32px;padding:8px 0;display:flex}.menu-button span{background:#fff;width:100%;height:1px}.hero{background-position:65%;align-items:flex-end;min-height:820px}.hero-copy{width:auto;margin:0 23px 152px;padding:0}.kicker{margin-bottom:18px;font-size:8px}.hero h1{margin-bottom:20px;font-size:clamp(36px,10.5vw,48px);line-height:1.46}.hero-sub{margin-bottom:30px;font-size:13px;line-height:1.8}.mobile-only{display:block}.scroll-hint{bottom:34px;left:23px}.section-pad{padding:95px 23px}.intro-grid{grid-template-columns:1fr;gap:42px}.intro h2,.section-heading h2,.night h2,.reservation h2{font-size:37px}.intro-copy{padding:0}.section-heading{margin-bottom:62px;display:block}.stay-list{gap:95px}.stay-card,.stay-card.reverse{flex-direction:column;align-items:stretch;gap:35px;display:flex}.stay-card.reverse .stay-image-wrap,.stay-card.reverse .stay-copy{grid-area:auto;max-width:none}.stay-card.reverse .stay-image-wrap{order:0}.stay-card.reverse .stay-copy{order:1}.stay-image-wrap img,.stay-card.reverse .stay-image-wrap img{aspect-ratio:4/5}.stay-copy{max-width:none}.stay-eyebrow{margin-bottom:18px}.night{background-position:62%;align-items:flex-end;min-height:660px;padding:90px 23px}.night-copy{width:100%;margin:0}.night-copy>p:last-child br{display:none}.facts{grid-template-columns:1fr 1fr}.facts div{border-bottom:1px solid #ffffff21;min-height:105px;padding:27px 23px}.reservation{min-height:0;display:block}.reservation-image{height:67vh;min-height:530px}.reservation-copy{padding:90px 23px}footer{padding:68px 23px 24px}.footer-main{grid-template-columns:1fr;gap:40px;padding-bottom:55px}.footer-bottom{gap:20px}.modal{padding:58px 25px 35px}.modal h2{font-size:34px}.reserve-options{grid-template-columns:1fr}.reserve-options a{min-height:125px}.stay-select,.field-grid{grid-template-columns:1fr}.field-grid label.full{grid-column:auto}.stay-detail>img{width:calc(100% + 50px);height:210px;margin:-58px -25px 32px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app-shell{background:var(--paper);min-height:100svh}.page-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#071521f7;height:76px}.brand-button{color:inherit;text-align:left;background:0 0;border:0;padding:0}.nav button.active:after{right:0}.single-view{height:100svh;min-height:650px;padding-top:76px;overflow:hidden}.single-view.hero{padding-top:76px}.view-link{background:0 0;border:0}.story-page{grid-template-columns:1.05fr .95fr;display:grid}.story-visual{min-width:0;overflow:hidden}.story-visual img{object-fit:cover;width:100%;height:100%}.story-content{flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(60px,8vh,100px) 8vw 50px;display:flex}.story-content h2,.stay-page-heading h2{letter-spacing:-.045em;margin:0 0 34px;font:400 clamp(39px,4vw,62px)/1.46 Noto Serif KR,serif}.story-content>p:not(.section-label){color:#60645f;word-break:keep-all;max-width:510px;margin:0 0 17px;font-size:13px;font-weight:300;line-height:2}.story-content .line-button{margin-top:11px}.stay-page{flex-direction:column;padding:120px 7vw 44px;display:flex}.stay-page-heading{flex:none;justify-content:space-between;align-items:end;display:flex}.stay-page-heading h2{margin-bottom:24px;font-size:clamp(35px,3.3vw,52px)}.stay-page-grid{flex:auto;grid-template-columns:1fr 1fr;gap:2.5vw;min-height:0;display:grid}.stay-tile{background:#ece6dc;grid-template-columns:1.06fr .94fr;min-height:0;display:grid}.stay-tile .stay-image-wrap{min-height:0}.stay-tile .stay-image-wrap img{aspect-ratio:auto;object-fit:cover;width:100%;height:100%}.stay-tile .stay-copy{flex-direction:column;justify-content:center;min-width:0;padding:clamp(25px,3vw,48px);display:flex}.stay-tile .stay-copy h3{font-size:clamp(25px,2.2vw,37px)}.stay-tile .stay-copy>p{font-size:12px;line-height:1.85}.stay-tile .stay-copy small{margin:15px 0 12px}.stay-tile .line-button{gap:20px;width:100%;min-width:0}.guide-page{background:var(--ink);grid-template-rows:1fr 126px;padding-top:76px;display:grid}.guide-page .guide-night{height:auto;min-height:0;padding:7vh 9vw}.guide-page .facts{min-height:126px}.reservation-page{height:100svh;min-height:650px;padding-top:76px}.reservation-page .reservation-image{min-height:0}.reservation-page .reservation-copy{padding-top:55px;padding-bottom:45px}@media (width<=1100px) and (width>=801px){.stay-tile{grid-template-rows:55% 45%;grid-template-columns:1fr}.stay-tile .stay-copy{padding:22px 28px}.stay-tile .stay-copy>p{display:none}.stay-tile .stay-eyebrow{margin-bottom:10px}.stay-tile .stay-copy h3{margin-bottom:8px}}@media (width<=800px){.page-header{height:68px}.single-view{height:auto;min-height:100svh;padding-top:68px;overflow:visible}.single-view.hero{min-height:100svh;padding-top:68px}.story-page{grid-template-columns:1fr}.story-visual{height:42vh;min-height:300px}.story-content{padding:65px 23px 80px}.stay-page{padding:100px 23px 70px}.stay-page-heading{margin-bottom:32px;display:block}.stay-page-heading h2{font-size:35px}.stay-page-grid{grid-template-columns:1fr;gap:38px}.stay-tile{display:block}.stay-tile .stay-image-wrap{height:55vh;min-height:350px}.stay-tile .stay-copy{padding:34px 25px 40px}.guide-page{flex-direction:column;min-height:100svh;padding-top:68px;display:flex}.guide-page .guide-night{min-height:580px;padding:75px 23px}.guide-page .facts{min-height:210px}.reservation-page{height:auto;padding-top:68px}}
