:root{--ink:#12313b;--muted:#52676f;--accent:#bd5738;--paper:#fff;--pale:#edf4f6;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
html{scroll-padding-top:84px}body{font-size:16px;line-height:1.7}
.header{height:84px;padding-inline:clamp(22px,6vw,96px);border-bottom-color:#12313b14;box-shadow:0 4px 22px #12313b08}.brand{font-size:28px}.brand span{font-size:10px;letter-spacing:.28em;margin-top:6px}nav{gap:clamp(20px,3vw,42px)}.nav-link{font-size:15px}
.button{border-radius:5px;font-weight:600;min-height:52px;padding:14px 24px}.book{background:var(--accent);border:1px solid #a8492f;color:#fff;box-shadow:0 7px 18px #7c321f26;transition:background .2s,box-shadow .2s,transform .2s}.book:hover{background:#a8492f;box-shadow:0 10px 24px #7c321f35;transform:translateY(-2px)}
.hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:570px;height:clamp(590px,76svh,830px);max-height:none;padding:clamp(42px,7vw,104px) clamp(24px,9vw,144px) 68px;color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 54%;filter:saturate(.9)}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,27,36,.70) 0%,rgba(7,27,36,.38) 43%,rgba(7,27,36,.04) 84%),linear-gradient(0deg,rgba(7,27,36,.42),transparent 50%)}
.hero-content{max-width:760px;position:relative;text-shadow:0 2px 22px #071b2490}.hero-kicker{font-size:13px;line-height:1.5;letter-spacing:.19em;font-weight:600;margin:0 0 20px;color:#f7e9dd}.hero h1{font-size:clamp(54px,7.3vw,100px);line-height:1.02;letter-spacing:-.045em;font-weight:400;margin:0;max-width:780px}.hero h1 em{color:#f0c9ad;font-weight:400}.hero-intro{font-size:clamp(17px,1.5vw,20px);line-height:1.65;max-width:570px;margin:25px 0 0;color:#f5f7f6;text-shadow:0 1px 9px #071b24}.hero-book{margin-top:29px;min-width:235px;box-shadow:0 8px 24px #061a2490}.hero-note{font-size:14px;letter-spacing:.02em;margin:16px 0 0;color:#f0f4f4;text-shadow:0 1px 8px #071b24}
.section{padding:clamp(78px,9vw,130px) clamp(24px,9vw,144px)}.stay{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(44px,8vw,124px)}.eyebrow{font-size:12px;letter-spacing:.17em;margin-bottom:20px;color:#8a4c39}.stay h2{font-size:clamp(40px,4.4vw,64px);line-height:1.1;letter-spacing:-.035em;max-width:580px}.stay-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;max-width:520px;margin-top:25px;color:var(--muted)}.amenities{margin-top:35px;gap:13px}.amenities>div{padding:16px 17px;background:#f4f7f7;border:1px solid #12313b10;border-radius:8px}.amenities dt{font-size:15px}.amenities dd{font-size:14px;line-height:1.55}.stay-copy>p.access-note{font-size:14px;margin-top:22px}.text-link{font-size:15px;margin-top:23px;border-bottom-color:#bd573888}.stay-image img{height:clamp(410px,43vw,610px);border-radius:10px;box-shadow:0 18px 50px #12313b16}.stay-image figcaption{font-size:14px;margin-top:13px}
.gallery-section{padding-top:44px}.section-heading{margin-bottom:40px;align-items:end}.section-heading>p{font-size:16px;line-height:1.7}.gallery{gap:18px}.gallery>a{display:block;min-width:0}.gallery figure{position:relative;overflow:hidden;border-radius:9px;background:#e5ecee;box-shadow:0 12px 36px #12313b13}.gallery img{height:clamp(260px,29vw,390px);transition:transform .45s ease,filter .3s}.gallery a:hover img{filter:brightness(.9);transform:scale(1.025)}.gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:38px 18px 17px;margin:0;color:white;font-size:15px;font-weight:500;background:linear-gradient(0deg,#0a1e2ee0,transparent);text-shadow:0 1px 5px #071b24}.more-photos{margin-top:28px}.more-photos summary{padding:20px 0;font-size:15px}.extra-gallery{gap:16px}.extra-gallery a{overflow:hidden;border-radius:8px}.extra-gallery img{height:290px;transition:transform .4s}.extra-gallery a:hover img{transform:scale(1.03)}
.destination{background:#eef4f5;padding-block:clamp(78px,8vw,110px)}.destination h2{font-size:clamp(42px,5vw,68px)}.destination>p:not(.eyebrow){max-width:700px;margin:25px auto 0;font-size:17px;line-height:1.8;color:var(--muted)}.booking{background:#12313b;padding-block:clamp(80px,8vw,110px)}.booking h2{font-size:clamp(42px,5vw,68px)}.booking>p:not(.eyebrow){font-size:17px}.booking .button{min-width:250px}footer{padding:42px clamp(24px,9vw,144px);border-top:1px solid #12313b12}footer .brand{font-size:25px}.language-menu summary{border-radius:6px}.language-options{border-radius:8px;box-shadow:0 12px 32px #12313b20}
@media(max-width:900px){.header{height:78px;padding-inline:5%}.header .brand{font-size:24px}.section{padding-inline:7%}.stay{gap:6%}.hero{padding-inline:7%}.gallery img{height:300px}}
@media(max-width:680px){html{scroll-padding-top:76px}.header{height:76px;padding-inline:5%}.brand{font-size:23px}.brand span{font-size:9px;margin-top:5px}.header .button{font-size:13px;min-height:44px;padding:10px 13px}.hero{height:72svh;min-height:540px;max-height:700px;padding:0 7% 56px;align-items:flex-end}.hero-image{object-position:57% center}.hero::after{background:linear-gradient(90deg,#071b24a8,#071b2440 85%),linear-gradient(0deg,#071b24b8,transparent 78%)}.hero-kicker{font-size:11px;letter-spacing:.15em;margin-bottom:15px}.hero h1{font-size:clamp(48px,12.5vw,66px);line-height:1.05}.hero-intro{font-size:16px;line-height:1.6;margin-top:18px;max-width:430px}.hero-book{min-height:52px;margin-top:22px;width:100%;max-width:320px}.hero-note{font-size:13px;line-height:1.5;margin-top:13px}.section{padding:67px 7%}.stay{grid-template-columns:1fr;gap:32px}.stay h2{font-size:42px}.stay-copy>p:not(.eyebrow){font-size:16px;line-height:1.75}.amenities{gap:10px;margin-top:25px}.amenities>div{padding:14px 12px}.amenities dt{font-size:14px}.amenities dd{font-size:13px}.stay-image img{height:370px}.gallery-section{padding-top:15px}.section-heading{margin-bottom:27px}.section-heading>p{margin-top:15px}.gallery{gap:13px}.gallery figure{border-radius:7px}.gallery img{height:205px}.gallery .wide img{height:290px}.gallery figcaption{font-size:13px;padding:32px 12px 12px}.extra-gallery{gap:12px}.extra-gallery img{height:190px}.destination,.booking{padding-block:68px}.destination h2,.booking h2{font-size:42px}.destination>p:not(.eyebrow){font-size:16px}.booking>p:not(.eyebrow){font-size:16px}.booking .button{width:100%;max-width:320px}footer{padding:34px 7%;gap:20px}footer p,footer>a:last-child{font-size:13px}}
@media(max-width:380px){.hero h1{font-size:45px}.hero-note{font-size:12px}.amenities{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.gallery img,.extra-gallery img,.book{transition:none!important}}
.reviews{background:#f7f9f9}.reviews-heading{text-align:center;margin:0 auto 38px}.reviews-heading h2{font-size:clamp(38px,4.8vw,62px);max-width:720px;margin-inline:auto}.rating-panel{display:grid;grid-template-columns:.8fr 1.2fr;max-width:940px;margin:auto;background:white;border:1px solid #12313b12;border-radius:12px;box-shadow:0 16px 48px #12313b0e;overflow:hidden}.rating-summary{padding:34px 38px;border-right:1px solid #12313b12;text-align:center}.rating-score{font-family:var(--serif);font-size:72px;line-height:1.05;display:block;color:var(--ink)}.rating-stars{display:block;color:#b85b3d;font-size:20px;letter-spacing:.14em;margin-top:8px}.rating-summary p{font-size:15px;color:var(--muted);margin-top:8px}.rating-summary .text-link{margin-top:13px}.rating-categories{padding:28px 38px;display:grid;grid-template-columns:1fr;align-content:center;gap:14px}.rating-categories>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #12313b12;padding-bottom:11px;font-size:15px}.rating-categories>div:last-child{border:0;padding-bottom:0}.rating-categories strong{font-size:16px}.reviews .eyebrow{margin-bottom:14px}
@media(max-width:680px){.reviews-heading{margin-bottom:26px}.rating-panel{grid-template-columns:1fr}.rating-summary{padding:27px 22px;border-right:0;border-bottom:1px solid #12313b12}.rating-score{font-size:62px}.rating-categories{padding:22px 24px;gap:12px}.rating-categories>div{font-size:14px}}
.airbnb-widget-wrap{display:flex;justify-content:center;width:100%;max-width:720px;margin:0 auto}.airbnb-embed-frame{width:min(100%,450px)!important;max-width:450px!important;height:300px!important;margin:0 auto!important}.airbnb-embed-frame iframe{max-width:100%;border:0;border-radius:8px}
@media(max-width:680px){.airbnb-embed-frame{width:100%!important;max-width:450px!important;height:300px!important}}
.testimonial-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1040px;margin:0 auto 12px}.guest-quote{margin:0;padding:25px 24px 21px;background:#fff;border:1px solid #12313b12;border-radius:10px;box-shadow:0 12px 34px #12313b0c;display:flex;flex-direction:column;justify-content:space-between;min-height:158px}.guest-quote p{font-family:var(--serif);font-size:20px;line-height:1.45;color:var(--ink)}.guest-quote footer{border:0;padding:17px 0 0;font-family:var(--sans);font-size:13px;color:var(--muted)}.review-source-note{text-align:center;font-size:13px;color:var(--muted);margin:18px auto 28px}.reviews-link{text-align:center;margin:22px 0 0}.reviews-link .text-link{margin-top:0}
@media(max-width:760px){.testimonial-list{grid-template-columns:1fr;max-width:450px;gap:11px}.guest-quote{min-height:0;padding:19px 19px 16px}.guest-quote p{font-size:19px}.guest-quote footer{padding-top:12px}}

/* Metung visitor guide and homepage discovery cards */
.explore-intro{max-width:720px;margin:18px auto 0;color:var(--muted);font-size:17px;line-height:1.8}
.explore-grid,.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:38px auto 0;max-width:1120px;text-align:left}
.explore-card,.guide-card{background:#fff;border:1px solid #12313b14;border-radius:10px;padding:27px 26px;box-shadow:0 12px 34px #12313b0a}
.explore-card .eyebrow,.guide-card .eyebrow{font-size:10px;margin:0 0 12px}
.explore-card h3,.guide-card h3{font-family:var(--serif);font-size:27px;line-height:1.2;font-weight:400;margin:0}
.explore-card>p:not(.eyebrow),.guide-card>p:not(.eyebrow){font-size:15px;line-height:1.75;color:var(--muted);margin:13px 0 0}
.explore-card .text-link,.guide-card .text-link{margin-top:18px}
.guide-link{margin-top:34px}
.guide-page .header .nav-link[aria-current="page"]{color:var(--accent)}
.guide-hero{background:linear-gradient(130deg,#12313b,#1e4b55);color:#fff;padding:clamp(76px,10vw,132px) clamp(24px,9vw,144px);}
.guide-hero .eyebrow,.guide-booking .eyebrow{color:#e7c4ae}
.guide-hero h1{font-size:clamp(48px,6vw,82px);line-height:1.08;max-width:900px;letter-spacing:-.035em}
.guide-hero h1 em{color:#f0c9ad}
.guide-lead{max-width:690px;color:#e3ecee;font-size:18px;line-height:1.8;margin-top:24px}
.guide-stay-note{max-width:690px;margin-top:18px;padding-left:15px;border-left:2px solid #e7a68c;color:#f6e5dc;font-size:15px;line-height:1.75}
.guide-hero .button{margin-top:28px}
.guide-content>h2,.guide-booking h2{font-size:clamp(38px,4.6vw,60px);line-height:1.12}
.guide-content .eyebrow{margin-bottom:15px}
.guide-card{padding:32px 30px;}
.guide-card .secondary-link{display:block;width:fit-content;margin-top:10px}
.guide-booking{text-align:center;background:var(--ink);color:#fff;padding:clamp(70px,8vw,105px) 24px}
.guide-booking>p:not(.eyebrow){margin-top:18px;color:#d3dfe4}
.guide-booking .button{margin-top:27px;min-width:235px}
@media(max-width:760px){.explore-grid,.guide-grid{grid-template-columns:1fr;gap:13px;margin-top:28px}.explore-card,.guide-card{padding:24px 22px}.explore-card h3,.guide-card h3{font-size:25px}.guide-hero{padding:70px 7% 76px}.guide-hero h1{font-size:clamp(42px,10vw,62px)}.guide-lead{font-size:16px}.guide-content.section{padding-block:66px}.guide-content>h2,.guide-booking h2{font-size:40px}}
.hero h1 .headline-line{display:block}

/* Practical stay details and local day planning */
.booking-facts{max-width:520px;margin-top:25px;padding:22px 24px;border:1px solid #12313b18;border-radius:9px;background:#f7f9f9}
.booking-facts h3{font-family:var(--serif);font-weight:400;font-size:25px;line-height:1.2;margin:0 0 12px}
.booking-facts ul{padding-left:19px;margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.booking-facts li+li{margin-top:9px}.booking-facts strong{color:var(--ink)}
.guide-day{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(35px,7vw,100px);background:#eef4f5}
.guide-day h2{font-size:clamp(38px,4.5vw,60px);line-height:1.14}
.guide-day ol{padding-left:23px;margin:26px 0 0;max-width:610px;color:var(--muted);line-height:1.75}
.guide-day li+li{margin-top:15px}.guide-day strong{color:var(--ink)}
.guide-day-copy>p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.7;margin-top:22px;max-width:630px}
.guide-day-copy>p a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.guide-day-image img{aspect-ratio:4/3;object-fit:cover;border-radius:10px;box-shadow:0 18px 50px #12313b16}
.guide-day-image figcaption{font-size:13px;color:var(--muted);margin-top:11px}
@media(max-width:760px){.booking-facts{padding:20px;margin-top:22px}.guide-day{grid-template-columns:1fr;gap:28px}.guide-day h2{font-size:40px}.guide-day-image img{max-height:360px}}
html[lang=th] .booking-facts h3,html[lang=zh-Hans] .booking-facts h3{font-family:Arial,sans-serif;line-height:1.4}