
:root{--ink:#233d44;--deep:#132a31;--sage:#7d9994;--sand:#e5d4b8;--cream:#f8f7f3}
html{scroll-behavior:smooth}body{font-family:'Noto Sans KR','DM Sans',sans-serif;color:#516068;word-break:keep-all}section[id]{scroll-margin-top:30px}img{max-width:100%}
button:focus-visible,a:focus-visible{outline:3px solid #aec4b1;outline-offset:4px}
.site-header{z-index:1200;padding:0;top:0}.header-line{padding:23px 5.7vw}.site-logo a{font-family:'DM Sans',sans-serif;font-size:16px;letter-spacing:3px;font-style:normal;font-weight:700;color:#fff;line-height:1.35}.site-logo a span{display:block;font-size:9px;letter-spacing:5.2px;font-weight:500;margin-top:5px;opacity:.88}.site-menu-toggle{top:0;right:0;position:relative;width:35px;height:32px;background:transparent;border:0;cursor:pointer}
.hero-stay{height:min(850px,100svh);min-height:610px;background:#34494a url('../img/edit/hero.jpg') center center /cover no-repeat;position:relative}.hero-stay:before{background:linear-gradient(90deg,rgba(15,36,39,.59),rgba(17,31,37,.14) 65%),linear-gradient(0deg,rgba(15,36,39,.2),transparent 35%);opacity:1}.hero-shade{position:absolute;inset:0;pointer-events:none}.hero-stay .site-hero-inner{min-height:600px;height:min(850px,100svh)}.hero-contents{text-align:left!important}.hero-contents .heading{font-size:clamp(40px,5vw,70px);line-height:1.34;letter-spacing:-2px;font-weight:600;color:#fff;margin-top:17px}.hero-contents .heading em,.welcome-copy h2 em,.info-section h2 em{font-style:normal;font-weight:300}.hero-contents .sub-heading{margin:24px 0 30px;font-size:18px;letter-spacing:0.02em;color:#f5f4ef}.eyebrow{font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:3px;line-height:1.6;color:#73918e;font-weight:700;margin-bottom:16px}.hero-eyebrow{color:#fff;opacity:.9}.hero-buttons,.banner-buttons{display:flex;gap:13px;flex-wrap:wrap}.btn{border-radius:0;padding:16px 30px;letter-spacing:.4px;font-size:13px;font-weight:600;box-shadow:none!important}.btn-primary{background:#cfbaa0;border-color:#cfbaa0;color:#233335}.btn-primary:hover,.btn-primary:focus{background:#e7d4bc;border-color:#e7d4bc;color:#213335}.btn-outline-light{border-color:rgba(255,255,255,.75);color:#fff}.scroll-guide{position:absolute;bottom:28px;left:6%;color:#fff;display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:2px;z-index:1}.scroll-guide:hover{color:#fff}.scroll-guide i{font-size:23px}
.site-navbar{background:#192c31}.site-navbar nav .menu li a{font-family:'DM Sans','Noto Sans KR',sans-serif;font-weight:500;letter-spacing:2px;text-transform:uppercase}.site-navbar .extra-info h3{color:#f3f0e8}.site-navbar .extra-info .menu-contact{color:#e1c7a7}
.section{padding-top:100px;padding-bottom:100px}.heading{color:var(--ink);letter-spacing:-1.25px}.welcome-section{background:#fff}.welcome-photo{position:relative;padding-right:35px}.welcome-photo img{width:100%;height:620px;object-fit:cover}.photo-label{position:absolute;bottom:0;left:15px;background:#faf9f5;padding:20px 28px;font-size:10px;letter-spacing:2px;font-weight:700;color:#41565a}.welcome-copy{padding:20px 35px 20px 65px}.welcome-copy h2,.info-section h2{font-size:clamp(30px,3.2vw,46px);line-height:1.42;margin-bottom:28px}.welcome-copy p:not(.eyebrow){line-height:2.15;font-size:14px;color:#66777b;margin-bottom:15px}.welcome-meta{display:flex;gap:38px;margin:27px 0}.welcome-meta div{display:flex;flex-direction:column;gap:7px}.welcome-meta strong{font-size:26px;color:#293e41;font-weight:500;font-family:'DM Sans',sans-serif}.welcome-meta span{font-size:12px;color:#738086}.text-link{color:#496b68;font-family:'DM Sans','Noto Sans KR',sans-serif;font-size:12px;letter-spacing:1.3px;border-bottom:1px solid #9baaaa;padding-bottom:9px;display:inline-flex;gap:30px}.text-link span{font-size:16px}.text-link:hover{color:#223d3c}
.features-section{background:#f8f7f3}.section-lead{margin-bottom:42px}.section-lead .heading,.gallery-section .heading,.rooms-section .heading{font-size:clamp(30px,3vw,43px);line-height:1.4;font-weight:500;margin-bottom:20px}.section-lead p:not(.eyebrow){font-size:14px;color:#718085;line-height:1.9}.features-grid img{width:100%;height:265px;object-fit:cover;transition:transform .5s}.feature-item{overflow:hidden}.feature-item img:hover{transform:scale(1.025)}.feature-item h3{font-size:13px;font-family:'DM Sans',sans-serif;letter-spacing:1.3px;color:var(--ink);font-weight:700;margin:22px 0 10px}.feature-item p{font-size:12px;line-height:1.8;color:#829093}.small-note{color:#8e999a;font-size:11px;text-align:center;margin-top:28px}
.gallery-section{background:#fff}.gallery-section .lead,.rooms-section .lead{font-size:15px;line-height:1.9;color:#839093}.gallery-section .slider-item{position:relative;cursor:zoom-in}.gallery-section .slider-item img{width:100%;height:520px;object-fit:cover}.gallery-section .slider-item .slide-open{position:absolute;right:18px;bottom:18px;background:#fff;border:none;color:#243d41;width:48px;height:48px;font-size:21px;border-radius:50%;cursor:pointer}.gallery-hint{color:#98a3a5;font-size:12px;margin-top:16px}.owl-theme .owl-nav [class*=owl-]{border-radius:0}
.rooms-section{background:#f3f5f2}.rooms-grid .post{margin-bottom:28px}.room-card{background:#fff;height:100%;box-shadow:0 11px 33px rgba(30,47,47,.055);transition:transform .28s,box-shadow .28s}.room-card:hover{transform:translateY(-5px);box-shadow:0 15px 39px rgba(30,47,47,.11)}.room-card-image{position:relative;display:block;overflow:hidden}.room-card img{width:100%;height:260px;object-fit:cover;transition:transform .4s}.room-card-image:hover img{transform:scale(1.04)}.room-card-number{position:absolute;top:17px;left:18px;background:#fff;color:#48615f;min-width:42px;height:38px;display:grid;place-items:center;font-family:'DM Sans',sans-serif;font-size:12px;letter-spacing:1px}.room-card-body{padding:29px 25px 33px}.room-card .room-sub{font-size:10px;letter-spacing:2px;color:#829a98;font-family:'DM Sans',sans-serif;margin-bottom:6px}.room-card h3{font-size:26px;font-weight:600;color:#283c40;margin:0 0 13px}.room-card .capacity{font-size:13px;color:#63787c;margin:0 0 12px}.room-card .features{min-height:72px;font-size:13px;line-height:1.85;color:#899397}.room-card .room-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:16px;border-top:1px solid #e7ece8}.room-card .room-bottom span{font-size:11px;color:#94a09f}.room-card .room-bottom a{font-size:12px;color:#506d68;font-weight:600;letter-spacing:.3px}
.info-section{background:#fff}.info-section>div>div>div:first-child>p:not(.eyebrow){font-size:14px;line-height:2;margin-bottom:24px}.info-list{border-top:1px solid #e3e7e6}.info-list>div{display:grid;grid-template-columns:170px 1fr;align-items:start;gap:20px;border-bottom:1px solid #e3e7e6;padding:21px 0}.info-list h3{font-size:12px;color:#3e585a;font-weight:700;letter-spacing:.7px;margin:3px 0 0}.info-list p{font-size:13px;line-height:1.85;color:#728386;margin:0}
.reservation-banner{background:linear-gradient(rgba(15,39,41,.81),rgba(15,39,41,.81)), url('../img/edit/hero.jpg') center/cover;padding:110px 15px;color:#fff}.reservation-banner h2{font-size:clamp(31px,3.4vw,51px);line-height:1.4;color:#fff;margin-bottom:20px}.reservation-banner p:not(.eyebrow){font-size:14px;color:#d3dcdb;margin-bottom:29px}.reservation-banner .eyebrow{color:#e3d0b8}.reservation-banner .banner-buttons{justify-content:center}.footer-section{background:#14292f;color:#c4d0cd;padding:72px 0 34px;font-size:12px;line-height:1.9}.footer-brand{font-size:21px;letter-spacing:2px;color:#fff;font-family:'DM Sans',sans-serif;font-weight:700;line-height:1.4}.footer-brand span{display:block;letter-spacing:5px;font-size:10px}.footer-section h3{font-size:12px;color:#fff;font-weight:700;letter-spacing:1px;margin-bottom:20px}.footer-section a{color:#d7e0dc}.footer-section .bordertop{border-color:#2e4448}.footer-section .template-credit{font-size:10px;color:#8a9e9c}
.photo-dialog{position:fixed;max-height:96vh;max-width:96vw;width: min(1140px,96vw);padding:36px 65px;background:transparent;border:0;outline:none;color:white;overflow:visible}.photo-dialog::backdrop{background:rgba(10,22,24,.9)}.photo-dialog img{width:100%;max-height:79vh;object-fit:contain}.photo-dialog button{position:absolute;cursor:pointer;border:0;color:#fff;background:rgba(255,255,255,.12)}.dialog-close{right:4px;top:0;border-radius:50%;font-size:29px;width:45px;height:45px}.dialog-prev,.dialog-next{top:48%;font-size:37px;width:45px;height:55px}.dialog-prev{left:3px}.dialog-next{right:3px}.photo-counter{text-align:center;font-size:13px;color:#e8f1ef;margin-top:10px}
@media(max-width:991px){.section{padding-top:76px;padding-bottom:76px}.welcome-photo{padding-right:15px}.welcome-photo img{height:420px}.welcome-copy{padding:35px 20px}.feature-item{margin-bottom:20px}.features-grid img{height:240px}.info-list>div{grid-template-columns:130px 1fr}.rooms-grid .post{margin-bottom:25px}}
@media(max-width:575px){.header-line{padding:16px 20px}.site-logo a{font-size:12px;letter-spacing:2px}.site-logo a span{font-size:8px;letter-spacing:3px}.hero-stay{height:92svh;min-height:600px}.hero-stay .site-hero-inner{min-height:600px;height:92svh}.hero-contents .heading{font-size:35px;letter-spacing:-1px;line-height:1.4}.hero-contents .sub-heading{font-size:13px;line-height:1.8}.hero-buttons{gap:8px}.hero-buttons .btn{font-size:12px;padding:14px 17px}.scroll-guide{left:20px}.welcome-copy{padding:35px 10px}.welcome-copy h2{font-size:32px}.welcome-photo img{height:370px}.welcome-meta{gap:24px}.section-lead .heading,.gallery-section .heading,.rooms-section .heading{font-size:30px}.features-grid{row-gap:10px}.feature-item img{height:210px}.gallery-section .slider-item img{height:270px}.room-card img{height:245px}.info-list>div{grid-template-columns:1fr;gap:8px;padding:17px 0}.info-list h3{margin:0}.reservation-banner{padding:85px 15px}.footer-section .bordertop p{text-align:left!important}.photo-dialog{padding:37px 10px}.dialog-prev{left:0}.dialog-next{right:0}.dialog-close{right:8px}.photo-dialog .dialog-prev,.photo-dialog .dialog-next{background:rgba(20,40,40,.6);z-index:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Original Villa theme refinements for Korean lodging navigation. */
h1,h2,h3,h4,h5{font-family:'Noto Sans KR','DM Sans',sans-serif}
.hero-stay.overlay:before{height:100%;min-height:0;bottom:0}
.site-navbar nav .menu li a{color:#f1f5f2;font-size:clamp(26px,3.6vw,44px);font-family:'DM Sans','Noto Sans KR',sans-serif}
.site-navbar nav .menu li a:before{background:#5d8a7c}
.site-navbar .extra-info p{color:#d0d8d5}
.site-navbar .extra-info .menu-contact{color:#dfc09a}
.gallery-section .heading,.rooms-section .heading,.info-section .heading,.welcome-copy .heading{font-family:'Noto Sans KR',sans-serif}

.scroll-guide span:last-child{font-size:23px;font-weight:300}
.owl-nav button span{font-family:Arial,sans-serif;font-size:28px}
