:root{--ink:#153c42;--teal:#0e444b;--muted:#607176;--line:#d8e1e1;--paper:#f1f5f5}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body{margin:0;color:var(--ink);font-family:Pretendard,'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:16px;line-height:1.75;word-break:keep-all}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
a:focus-visible,button:focus-visible{outline:3px solid #da9245;outline-offset:5px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:fixed;top:-80px;background:white;z-index:10;padding:12px}
.skip:focus{top:0}
header{height:94px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:white;position:sticky;top:0;z-index:7;border-bottom:1px solid #e8eeee}
.brand{font-family:Georgia,serif;font-size:49px;line-height:.8;letter-spacing:-3px}
.brand span{display:block;font-family:Arial,sans-serif;font-size:10px;letter-spacing:2px;margin-top:12px}
nav{display:flex;gap:34px;font-size:15px}
nav a:hover{color:#549298}
.mobile-booking{display:none}
.button{display:inline-block;padding:13px 25px;background:var(--teal);color:white;font-size:15px;border:1px solid var(--teal)}
.button:hover{background:#21616a}
.button.small{padding:10px 22px}
.button.outline{background:transparent;color:var(--ink)}
.button.outline:hover{background:#dce7e7}
.hero{height:690px;min-height:560px;max-height:86vh;position:relative;background:#203639;color:white}
.hero-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero:after{content:none}
.hero-text{position:absolute;top:20%;left:8%;z-index:2}
.eyebrow{font-size:12px;letter-spacing:2.5px;font-weight:600;margin:0 0 23px}
h1{font-size:clamp(38px,4.5vw,66px);font-weight:400;line-height:1.35;letter-spacing:-2.4px;margin:0 0 24px}
.hero-text>p:not(.eyebrow){font-size:18px;opacity:.9}
.light-link{display:inline-flex;gap:55px;border-bottom:1px solid #ffffff80;padding:20px 0 12px;margin-top:15px}
.hero-bottom{position:absolute;bottom:27px;left:8%;right:8%;display:flex;justify-content:space-between;z-index:2;font-size:12px;letter-spacing:1.3px}
.wrap{width:min(1200px,84%);margin:auto}
h2{font-size:clamp(28px,3vw,43px);line-height:1.4;font-weight:400;letter-spacing:-1.6px;margin:0}
p{color:inherit}
.intro{padding:110px 0;display:grid;grid-template-columns:1fr 1.15fr;gap:8%}
.intro>div>p:not(.eyebrow){color:var(--muted);margin-top:0}
.facts{display:flex;gap:40px;border-top:1px solid var(--line);padding-top:24px;margin-top:32px;font-size:14px}
.facts strong{display:block;font-family:Georgia,'Malgun Gothic',serif;font-size:28px;font-weight:400}
.rooms-section{background:var(--paper);padding:95px 0}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.section-head>p{color:var(--muted);font-size:15px}
.filters{display:flex;gap:12px;flex-wrap:wrap;margin:35px 0}
.filters button{border:1px solid #cbd8d9;background:transparent;color:var(--ink);padding:9px 20px;border-radius:2px;font-size:14px}
.filters button.active{background:var(--teal);color:white;border-color:var(--teal)}
small{font-size:12px;margin-left:6px}
.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 26px}
.room-card{min-width:0}
.room-card img{display:block;aspect-ratio:4/3;width:100%;object-fit:cover;transition:transform .3s}
.room-card>a{display:block;overflow:hidden}
.room-card>a:hover img{transform:scale(1.035)}
.room-label{display:flex;justify-content:space-between;align-items:center;margin-top:17px}
.room-label h3{font-size:23px;font-weight:500;margin:0}
.room-label span{font-size:13px;color:var(--muted)}
.room-card p{font-size:14px;color:var(--muted);margin:5px 0}
.room-card .detail-link{font-size:14px;display:inline-block;border-bottom:1px solid #95adae;margin-top:9px}
.room-note{font-size:14px;color:var(--muted);margin-top:32px}
.special{padding:110px 0;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;column-gap:10%;row-gap:45px}
.special-img{grid-column:1/-1}
.special-img img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center}
.special-copy{grid-column:1/-1}
.special-copy>p:not(.eyebrow){color:var(--muted);margin:25px 0}
.bbq-info{grid-column:1 / -1;min-width:0;margin-top:5px;border-top:1px solid var(--line);padding-top:35px}
.bbq-heading h3{font-size:26px;margin:0 0 10px}
.bbq-heading p{margin:0;color:var(--muted)}
.bbq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:25px}
.bbq-card{background:var(--paper);padding:25px;min-width:0}
.bbq-card h4{font-size:18px;margin:0 0 20px;font-weight:600}
.bbq-prices{margin:0}
.bbq-prices>div{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 12px;padding:12px 0;border-top:1px solid var(--line)}
.bbq-prices dt{color:var(--muted)}
.bbq-prices dd{margin:0;font-size:27px;font-weight:600;white-space:nowrap}
.bbq-prices dd span{font-size:16px;margin-left:3px;font-weight:400}
.bbq-steps{padding-left:23px;margin:0}
.bbq-steps li{padding-left:3px;margin-bottom:15px}
.bbq-steps li:last-child{margin-bottom:0}
.bbq-steps li::marker{color:var(--teal);font-weight:600}
.bbq-equipment{margin:0}
.bbq-equipment>div+div{margin-top:16px}
.bbq-equipment dt{font-weight:600;margin-bottom:5px}
.bbq-equipment dd{margin:0;color:var(--muted)}
.bbq-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
.bbq-actions p{width:100%;margin:0;font-size:14px;color:var(--muted)}
@media(max-width:1000px){.bbq-grid{grid-template-columns:1fr}.bbq-card{padding:24px}.bbq-prices{max-width:380px}}
@media(max-width:800px){.bbq-info{padding-top:28px}.bbq-actions .button{width:100%;text-align:center}.bbq-heading h3{font-size:24px}}
.text-link{display:inline-block;border-bottom:1px solid;padding-bottom:10px;margin-top:16px}
.guide{padding:25px 0 110px}
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}
.guide article{border-top:1px solid var(--ink);padding-top:22px}
.guide article>span{font-size:12px;letter-spacing:1px;color:var(--muted)}
h3{font-size:19px;font-weight:500}
.guide article p{font-size:15px;color:var(--muted)}
.guide article a{font-size:14px;border-bottom:1px solid}
.location{background:#e7eff0;padding:75px 0}
.location-inner{display:grid;grid-template-columns:1fr 1fr;gap:10%}
.contact{padding-left:10%;border-left:1px solid #b6ccce}
.phone{font-size:clamp(25px,3vw,39px);font-family:Georgia,serif}
.reserve-links{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}
.contact>p{margin:0 0 10px}
footer{padding:60px 0 25px}
.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}
.footer-top>div{display:flex;gap:24px;font-size:14px}
footer>p{font-size:13px;color:var(--muted);line-height:2}
.copyright{border-top:1px solid var(--line);padding-top:23px;margin-top:30px}
@media(max-width:800px){body{padding-bottom:calc(59px + env(safe-area-inset-bottom))}
header{height:auto;min-height:0;flex-wrap:wrap;padding:12px 6% 8px;gap:10px}
.brand{font-size:39px}
.brand span{font-size:8px}
nav{order:3;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;font-size:14px;text-align:center;border-top:1px solid var(--line)}
nav a{padding:8px 4px 6px;border-right:1px solid var(--line)}
nav a:nth-child(3n){border-right:0}
.header-booking{display:none!important}
.mobile-booking{position:fixed;left:0;right:0;bottom:0;z-index:9;display:grid;grid-template-columns:1fr 1fr;padding-bottom:env(safe-area-inset-bottom);background:white;box-shadow:0 -5px 18px rgba(21,60,66,.15)}
.mobile-booking a{display:flex;align-items:center;justify-content:center;min-height:59px;background:var(--teal);color:white;font-size:15px;font-weight:600}
.mobile-booking a:last-child{background:#087d3b}
.hero{height:570px;max-height:none}
.hero-text{left:7%;top:22%}
.hero-text .eyebrow{font-size:10px;letter-spacing:1.7px}
.hero-bottom{left:7%;right:7%}
.hero-bottom span:last-child{display:none}
.wrap{width:86%}
.intro,.special,.location-inner{grid-template-columns:1fr;gap:30px}
.intro{padding:65px 0}
.facts{gap:28px}
.facts strong{font-size:24px}
.section-head{display:block}
.rooms-section{padding:60px 0}
.room-grid{grid-template-columns:repeat(2,1fr);gap:28px 18px}
.room-label{display:block}
.room-label h3{font-size:20px}
.filters{gap:8px}
.filters button{padding:8px 12px;font-size:13px}
.special{padding:65px 0}
.special-img img{height:auto;aspect-ratio:16/9}
.guide{padding:0 0 65px}
.guide-grid{grid-template-columns:1fr;gap:20px}
.guide article h3{margin:12px 0}
.guide article p{margin:8px 0}
.location{padding:55px 0}
.contact{border-left:0;border-top:1px solid #b6ccce;padding:28px 0 0}
.hero-text>p:not(.eyebrow){font-size:16px}
html{scroll-padding-top:140px}
}
@media(max-width:420px){.room-grid{grid-template-columns:1fr}
.hero h1{font-size:37px}
.hero{height:540px}
.facts{gap:22px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{transition:none!important}
}


/* Reservation navigation, permanent award and tourism board */
.header-booking{display:flex;gap:10px;flex-shrink:0}
.button.naver{background:#087d3b;border-color:#087d3b;color:#fff}
.button.naver:hover{background:#066530}
header{gap:24px}
header nav{gap:22px}
nav a[aria-current=page]{border-bottom:2px solid var(--teal)}
.award-section{background:#f2f5f5;padding:60px 0}
.award-inner{display:grid;grid-template-columns:300px 1fr;gap:65px;align-items:center}
.award-inner>img{width:100%;height:auto;display:block}
.award-inner h2{font-size:clamp(25px,2.6vw,36px)}
.award-category{font-weight:600}
.award-credit{font-size:14px;color:var(--muted);margin-top:24px}
.award-link{margin-top:4px}
.tourism-main{padding-top:75px;padding-bottom:100px;min-height:65vh}
.tourism-main h1{font-size:44px;color:var(--ink);margin-bottom:18px}
.board-intro{color:var(--muted)}
.tourism-notice{padding:18px 22px;background:var(--paper);font-size:15px;color:var(--muted);margin:24px 0 0}
.tour-phone{display:inline-flex;align-items:center;min-height:44px;font-size:15px;text-decoration:underline;text-underline-offset:4px}
.post-links .source-link{display:inline-flex;align-items:center;min-height:44px}
.board-meta{display:flex;gap:8px;margin:45px 0 16px;font-size:14px}
.board-meta>span{margin-left:auto;color:var(--muted)}
.tourism-board{border-top:2px solid var(--ink)}
.board-heading,.board-post summary{display:grid;grid-template-columns:65px 140px 1fr 30px;gap:16px;align-items:center;padding:21px 20px}
.board-heading{background:var(--paper);font-size:14px;color:var(--muted)}
.board-post{border-bottom:1px solid var(--line)}
.board-post summary{cursor:pointer;list-style:none;min-height:80px}
.board-post summary::-webkit-details-marker{display:none}
.board-post summary:hover{background:#f6f9f9}
.board-post summary:focus-visible{outline:3px solid #da9245;outline-offset:-3px}
.post-num,.post-category{font-size:14px;color:var(--muted)}
.post-title{font-size:17px}
.post-toggle:after{content:'+';font-size:23px}
.board-post[open] .post-toggle:after{content:'−'}
.board-post[open] summary{background:var(--paper)}
.post-body{padding:30px 35px 38px 115px;background:#fafcfc}
.post-body h2{font-size:25px}
.post-body p{max-width:760px}
.visit-note{font-size:14px;color:var(--muted)}
.post-links{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:22px}
.source-link{font-size:14px;text-decoration:underline}

@media(max-width:1150px){header{flex-wrap:wrap;height:auto;min-height:94px;padding-top:18px;padding-bottom:15px}
header nav{order:3;width:100%;justify-content:center;gap:28px}
html{scroll-padding-top:150px}
}
@media(max-width:800px){header{height:auto;min-height:0;flex-wrap:wrap;padding:12px 6% 8px;gap:10px}
header nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;white-space:normal;padding:0}
.award-inner{grid-template-columns:1fr;gap:28px}
.award-inner>img{max-width:320px;margin:auto}
.award-section{padding:45px 0}
.tourism-main{padding-top:45px;padding-bottom:60px}
.tourism-main h1{font-size:34px}
.board-meta{flex-wrap:wrap;margin-top:30px}
.board-meta>span{margin-left:0;width:100%;font-size:13px}
.board-heading{display:none}
.board-post summary{grid-template-columns:30px 1fr 20px;gap:8px;padding:20px 10px}
.post-category{grid-column:2;font-size:12px}
.post-num{grid-column:1;grid-row:1 / 3}
.post-title{grid-column:2;grid-row:2;font-size:16px}
.post-toggle{grid-column:3;grid-row:1 / 3}
.post-body{padding:24px 18px}
.award-inner .eyebrow{margin-bottom:16px}
}
@media(max-width:380px){header .brand{font-size:32px}
.brand span{letter-spacing:1px}
}

/* Reference wordmark: Viner Hand ITC lettering from the supplied logo. */
.brand{display:inline-flex;flex-direction:column;align-items:flex-start;flex-shrink:0;line-height:1;letter-spacing:normal}
.brand .brand-wordmark{display:block;width:126px;height:auto;max-width:none}
.brand span{font-family:Pretendard,"Noto Sans KR","Malgun Gothic",sans-serif;width:126px;font-size:21px;line-height:1.4;letter-spacing:0;text-align:justify;text-align-last:justify;white-space:nowrap;margin-top:8px}
@media(max-width:800px){.brand .brand-wordmark{width:108px}.brand span{width:108px;font-size:18px;letter-spacing:0;margin-top:7px}}


.room-gallery{display:block;overflow:hidden}
.room-photo-open:focus-visible{outline:3px solid #e9b65a;outline-offset:-3px}
.room-gallery img[src="assets/family-dining-front.jpg"],.room-detail-photos img[src="assets/family-dining-front.jpg"],.room-detail-photos img[src="assets/family-dining-side.jpg"]{filter:brightness(1.22)}
.room-detail{max-width:1040px;margin:auto;padding:40px 24px}
.room-detail-heading{padding:28px 0}
.room-detail-heading h1{font-size:44px;margin:8px 0}
.room-detail-heading p{line-height:1.8}
.room-detail-photos{display:grid;gap:28px}
.room-detail-photos figure{margin:0}
.room-detail-photos img{display:block;width:100%;height:auto}
.room-detail-photos figcaption{font-size:14px;padding:10px 0;color:#555}
.room-detail-booking{position:sticky;bottom:0;display:flex;gap:12px;padding:16px 0;background:#fff;z-index:2}
.room-detail-booking a{flex:1;text-align:center}
@media(max-width:600px){.room-detail{padding:24px 16px}.room-detail-heading h1{font-size:32px}.room-detail-booking .button{font-size:14px;padding:14px 8px}}
/* Room details: large gallery, thumbnail strip and original information. */
.room-detail{max-width:1200px}
.detail-gallery-stage{position:relative;aspect-ratio:2/1;background:#f5f5f5;overflow:hidden}
.detail-gallery-stage>img{width:100%;height:100%;object-fit:contain;display:block}
.detail-gallery-stage>button{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:#fffffff2;color:#333;box-shadow:0 2px 6px #0003;font-size:26px;cursor:pointer}
.gallery-prev{left:12px}.gallery-next{right:12px}
.gallery-counter{position:absolute;right:0;bottom:16px;background:#0008;color:white;font-size:14px;padding:4px 12px;border-radius:20px 0 0 20px}
.gallery-thumbs{position:relative;display:flex;gap:8px;overflow-x:auto;padding:10px 0;scrollbar-width:thin}
.gallery-thumb{flex:0 0 74px;width:74px;height:74px;border:2px solid transparent;border-radius:3px;padding:0;background:#eee;cursor:pointer;overflow:hidden}
.gallery-thumb[aria-pressed="true"]{border-color:#333}
.gallery-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.detail-gallery button:focus-visible{outline:3px solid #e9b65a;outline-offset:2px}
.pwb-rdetail__desc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:14px 0 26px}
.pwb-rdetail__section-label{font-size:18px;font-weight:700;margin:0 0 10px}
.pwb-rdetail__lines{list-style:none;margin:0;padding:0;font-size:14px;line-height:1.9}
.pwb-rdetail__line::before{content:'·';margin-right:8px}
.detail-gallery img[src="assets/family-dining-front.jpg"],.detail-gallery img[src="assets/family-dining-side.jpg"]{filter:brightness(1.22)}
@media(max-width:600px){.detail-gallery-stage{aspect-ratio:1/1}.gallery-thumb{flex-basis:60px;width:60px;height:60px}.pwb-rdetail__desc{grid-template-columns:1fr;gap:22px}.room-detail-heading{padding:18px 0}}