@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Nanum+Myeongjo:wght@400;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{--ink:#252720;--paper:#f3f1eb;--warm:#ddd8cd;--brown:#887761;--dark:#222721}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif;font-size:14px;word-break:keep-all}img{width:100%;height:100%;object-fit:cover;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.sample{background:#30362e;text-align:center;color:#e5e2d9;padding:9px 15px;font:600 10px 'DM Sans','Noto Sans KR',sans-serif;letter-spacing:.08em}.header{height:88px;background:#f3f1eb;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:relative;z-index:5}.brand{display:flex;gap:9px;align-items:center;font:700 16px 'DM Sans',sans-serif;letter-spacing:.08em;line-height:1}.brand-symbol{font-size:34px;line-height:1;transform:rotate(-15deg)}.brand small{display:block;font-size:8px;letter-spacing:.22em;margin-top:5px}.header nav{display:flex;align-items:center;gap:38px;font-size:12px;font-weight:600}.header nav a:not(.book-link):hover,.under-link:hover{opacity:.55}.book-link{background:#252b24;color:#fff;border-radius:50px;padding:15px 22px;margin-left:8px}.book-link span{margin-left:35px}.menu-button{display:none}.hero{height:min(780px,calc(100vh - 118px));min-height:580px;position:relative;margin:0 16px;border-radius:4px;overflow:hidden;color:#fff}.hero-photo,.hero-overlay{position:absolute;inset:0}.hero-photo{background:url('assets/01-pension-exterior.webp') center 53%/cover}.hero-overlay{background:linear-gradient(90deg,rgba(14,22,20,.61),rgba(16,24,21,.08) 80%),linear-gradient(0deg,rgba(14,20,17,.42),transparent 45%)}.hero-content{position:relative;height:100%;padding:30px 5%;display:flex;flex-direction:column;justify-content:space-between}.hero-topline,.hero-bottom,.section-meta{display:flex;justify-content:space-between;gap:20px;font:700 9px 'DM Sans',sans-serif;letter-spacing:.16em}.hero-topline,.hero-bottom{color:#f0f0e9}.hero-title{padding:25px 0 30px}.eyebrow{font:700 10px 'DM Sans',sans-serif;letter-spacing:.18em;margin:0 0 25px}.brown{color:#96846c}h1,h2{font-family:'Nanum Myeongjo',serif;font-weight:400;letter-spacing:-.055em;line-height:1.38;margin:0}h1{font-size:clamp(48px,6vw,85px)}h1 em,h2 em{font-style:normal}h1 em{color:#deddd0}.hero-title>p:not(.eyebrow){line-height:1.9;color:#e5e6df;margin:25px 0 30px}.pill{border:0;border-radius:40px;display:inline-flex;align-items:center;justify-content:space-between;gap:65px;padding:17px 20px;font-size:12px;font-weight:700;cursor:pointer}.light{background:#f6f5ed;color:#2e352d}.pill:hover{background:#dddcd0}.section{padding:110px max(6%,calc((100% - 1340px)/2))}.section-meta{border-bottom:1px solid #c7c6ba;color:#8e8c7e;padding-bottom:18px;margin-bottom:75px}.intro-grid,.guide-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12%}h2{font-size:clamp(35px,3.8vw,56px)}.intro-text{color:#707267;line-height:2.1}.intro-text p{margin:0 0 22px}.under-link{display:inline-flex;gap:65px;border-bottom:1px solid #535b4c;color:#343b32;padding:15px 0;font-size:12px;font-weight:700}.values{margin-top:100px;border-top:1px solid #c7c6ba;display:grid;grid-template-columns:repeat(3,1fr)}.values>div{padding:27px 0;display:flex;flex-direction:column;gap:12px;border-right:1px solid #d2d1c7}.values>div:not(:first-child){padding-left:30px}.values>div:last-child{border-right:0}.values span,.values small{font:700 9px 'DM Sans';letter-spacing:.12em;color:#a29c8e}.values strong{font-family:'Nanum Myeongjo',serif;font-size:19px}.rooms{background:#e6e4dc}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:55px}.section-heading>p{font-size:13px;color:#77796d;line-height:1.9;margin:0}.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.room-image{height:390px;overflow:hidden;position:relative;background:#c8c9bc}.room-image img{transition:transform .6s}.room-card:hover img{transform:scale(1.04)}.room-image>span{position:absolute;top:16px;left:16px;color:white;background:rgba(31,37,29,.55);padding:9px 12px;font:600 9px 'DM Sans';letter-spacing:.1em}.room-info{display:flex;justify-content:space-between;align-items:center;padding-top:20px}.room-info small{font:700 9px 'DM Sans';letter-spacing:.13em;color:#9b9689}.room-info h3{font:700 23px 'Nanum Myeongjo',serif;margin:10px 0}.room-info p{font-size:12px;color:#7d7f73;margin:0}.room-info>a{width:40px;height:40px;border:1px solid #aaab9f;border-radius:50%;display:grid;place-items:center;font-size:16px}.room-info>a:hover{background:#293129;color:white}.example-note{font-size:11px;color:#959789;margin:35px 0 0}.experience{display:grid;grid-template-columns:1fr 1fr;background:#30382f;color:#f4f3eb}.experience-image{min-height:650px}.experience-content{padding:65px 9% 70px}.experience .section-meta{color:#aab2a1;border-color:#687266;margin-bottom:100px}.experience-copy{max-width:500px}.experience-copy .eyebrow{color:#c3cabb}.experience-copy h2 em{color:#bbc8b5}.experience-copy>p:not(.eyebrow){color:#c4cbc0;line-height:2.1;margin:30px 0 45px}.experience-tags{display:flex;gap:8px;flex-wrap:wrap}.experience-tags span{border:1px solid #849080;border-radius:25px;padding:10px 13px;font:600 9px 'DM Sans';letter-spacing:.08em}.guide-note{font-size:12px;line-height:1.8;color:#999a8d;margin-top:30px}.guide-list>div{display:grid;grid-template-columns:35px 1fr 1.2fr;gap:10px;align-items:baseline;border-bottom:1px solid #cfcec4;padding:23px 0}.guide-list>div:first-child{border-top:1px solid #cfcec4}.guide-list span{font:700 10px 'DM Sans';color:#a4a294}.guide-list h3{font-size:14px;margin:0}.guide-list p{font-size:12px;color:#838578;line-height:1.7;margin:0}.booking{position:relative;margin:0 16px;color:white;min-height:490px;display:grid;place-items:center;text-align:center;overflow:hidden}.booking-image{position:absolute;inset:0;background:linear-gradient(rgba(22,30,26,.57),rgba(22,30,26,.64)),url('assets/01-pension-exterior.webp') center 58%/cover}.booking-inner{position:relative;padding:70px 20px}.booking-inner h2{font-size:clamp(36px,4vw,58px)}.booking-inner h2 em{color:#d6ddd2}.booking-inner>p:not(.eyebrow){color:#e1e7de;line-height:1.8;margin:22px auto}.booking-inner .pill{margin-top:10px}.booking-note{max-width:420px;font-size:12px}footer{padding:75px 6% 30px}.footer-top{display:flex;align-items:center;gap:50px;padding-bottom:55px}.footer-top p{color:#8c8e82;font-size:12px}.back-top{margin-left:auto;font:700 10px 'DM Sans';letter-spacing:.12em}.footer-bottom{border-top:1px solid #d1d0c6;padding-top:20px;display:flex;justify-content:space-between;color:#a4a497;font:600 10px 'DM Sans','Noto Sans KR';letter-spacing:.06em}.menu-button{background:none;border:0}.menu-button span{display:block;width:24px;height:1px;margin:7px 0;background:#263027}[hidden]{display:none!important}:focus-visible{outline:2px solid #bc9261;outline-offset:4px}@media(max-width:800px){.sample{font-size:9px;letter-spacing:0}.header{height:70px}.menu-button{display:block;padding:10px;cursor:pointer}.header nav{display:none;position:absolute;top:70px;left:0;right:0;background:#f3f1eb;padding:12px 6% 25px;align-items:stretch;flex-direction:column;gap:0}.header nav.open{display:flex}.header nav a{padding:15px 0}.header nav .book-link{margin:8px 0 0;padding:15px 20px}.hero{margin:0 8px;min-height:570px;height:72vh}.hero-photo{background-position:57% center}.hero-content{padding:25px 6%}.hero-topline span:last-child,.hero-bottom span:last-child{display:none}.section{padding:75px 6%}.section-meta{margin-bottom:50px}.intro-grid,.guide-grid{grid-template-columns:1fr;gap:35px}.values{margin-top:60px}.values>div:not(:first-child){padding-left:15px}.values strong{font-size:15px}.values small{font-size:8px}.section-heading{display:block}.section-heading>p{margin-top:20px}.room-grid{grid-template-columns:1fr;gap:40px}.room-image{height:360px}.experience{grid-template-columns:1fr}.experience-image{min-height:340px;height:340px}.experience-content{padding:55px 6% 75px}.experience .section-meta{margin-bottom:60px}.guide-list>div{grid-template-columns:30px 1fr}.guide-list p{grid-column:2}.booking{margin:0 8px;min-height:400px}.footer-top{align-items:flex-start;flex-direction:column;gap:12px}.back-top{margin-left:0}.footer-bottom{gap:15px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Full-viewport, image-first landing */
.sample{position:absolute;z-index:7;top:0;left:0;right:0;background:rgba(20,27,24,.45);color:#f2f1e9;backdrop-filter:blur(8px)}
.header{position:absolute;top:30px;left:0;right:0;z-index:6;height:88px;background:transparent;color:white;padding:0 5%}
.header nav a:not(.book-link){text-shadow:0 1px 8px rgba(0,0,0,.35)}
.book-link{background:#f5f4ed;color:#29332d}
.hero{height:100svh;min-height:650px;margin:0;border-radius:0}
.hero-photo{background-position:center 55%}
.hero-overlay{background:linear-gradient(90deg,rgba(14,24,22,.57) 0%,rgba(14,24,22,.22) 48%,rgba(14,24,22,.03) 100%),linear-gradient(0deg,rgba(10,21,19,.48),transparent 30%),linear-gradient(180deg,rgba(10,21,19,.40),transparent 23%)}
.hero-content{padding:135px 6% 35px}
.hero-topline{align-self:flex-end}
.hero-topline span:first-child{display:none}
.hero-title{padding:0 0 10px;max-width:900px}
.hero-title h1{font-size:clamp(54px,7.5vw,110px);line-height:1.23}
.hero-title>p:not(.eyebrow){font-size:15px;margin:30px 0 35px}
.hero-bottom{border-top:1px solid rgba(255,255,255,.45);padding-top:20px}
@media(max-width:800px){
 .header{top:28px;height:70px;color:#fff}
 .menu-button span{background:#fff}
 .header nav{top:70px;color:#273029;background:#f3f1eb}
 .header nav a:not(.book-link){text-shadow:none}
 .header nav .book-link{background:#252b24;color:#fff}
 .hero{height:100svh;min-height:620px;margin:0}
 .hero-content{padding:120px 6% 28px}
 .hero-title h1{font-size:clamp(46px,11vw,72px)}
 .hero-title>p:not(.eyebrow){font-size:13px}
 .hero-topline{display:none}
 .hero-title{margin:auto 0}
}