:root{--forest:#19382f;--forest-deep:#102720;--ink:#17201c;--cream:#f2eee4;--paper:#faf8f2;--orange:#e86d31;--lime:#d6e578;--line:rgba(23,32,28,.18);--serif:"Chonburi",serif;--sans:"Noto Sans Thai",sans-serif;--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}body.menu-open{overflow:hidden}img{display:block;width:100%}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button{font:inherit}.skip-link{position:fixed;top:8px;left:8px;z-index:99;background:#fff;padding:10px 14px;transform:translateY(-140%)}.skip-link:focus{transform:none}.site-header{height:84px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;gap:36px;background:rgba(250,248,242,.94);backdrop-filter:blur(16px);position:fixed;z-index:30;top:0;left:0;right:0;border-bottom:1px solid transparent;transition:border-color .2s}.site-header.scrolled{border-color:var(--line)}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand img{width:52px;height:52px;border-radius:50%;object-fit:cover}.brand span{display:grid;line-height:1.1}.brand strong{font-family:var(--serif);font-weight:400;font-size:18px}.brand small{font-size:9px;letter-spacing:.18em;margin-top:6px}.site-header nav{display:flex;gap:30px;font-size:13px;font-weight:600}.site-header nav a,.text-link,footer a{position:relative}.site-header nav a:after,.text-link:after,footer a:after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:1px;background:currentColor;transition:right .2s}.site-header nav a:hover:after,.text-link:hover:after,footer a:hover:after{right:0}.header-cta{min-height:44px;display:flex;align-items:center;gap:18px;border:1px solid var(--ink);padding:0 18px;font-size:13px;font-weight:600;transition:.2s}.header-cta:hover{background:var(--ink);color:#fff}.menu-button{display:none;width:48px;height:48px;border:0;background:transparent}.menu-button span{display:block;width:24px;height:1px;background:var(--ink);margin:7px auto;transition:.2s}.mobile-menu{position:fixed;inset:84px 0 0;z-index:25;background:var(--cream);padding:36px 24px;flex-direction:column;gap:24px;font-family:var(--serif);font-size:26px}.mobile-menu[hidden]{display:none}.mobile-menu:not([hidden]){display:flex}.hero{min-height:calc(100svh - 84px);margin-top:84px;position:relative;color:#fff;display:grid;align-items:end;overflow:hidden}.hero-image,.hero-scrim{position:absolute;inset:0;height:100%;object-fit:cover}.hero-image{animation:heroZoom 14s ease-out both}.hero-scrim{background:linear-gradient(90deg,rgba(10,24,20,.8) 0%,rgba(10,24,20,.34) 56%,rgba(10,24,20,.14)),linear-gradient(0deg,rgba(10,24,20,.67),transparent 55%)}.hero-content{position:relative;z-index:2;padding:clamp(48px,7vw,100px);max-width:1050px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.22em;font-weight:700;display:flex;align-items:center;gap:12px}.eyebrow span{width:34px;height:1px;background:currentColor}.hero h1,.section h2,.location h2,.final-cta h2{font-family:var(--serif);font-weight:400;line-height:1.18;letter-spacing:-.035em;margin:18px 0}.hero h1{font-size:clamp(58px,9vw,130px)}.hero h1 em{font-style:normal;color:var(--lime)}.hero-bottom{display:flex;align-items:flex-end;gap:60px}.hero-bottom>p{max-width:480px;margin:0;font-size:18px;font-weight:300}.hero-actions{display:flex;align-items:center;gap:26px;white-space:nowrap}.button{min-height:52px;padding:0 24px;display:inline-flex;justify-content:center;align-items:center;gap:26px;font-size:13px;font-weight:700;letter-spacing:.02em;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.button-accent{background:var(--orange);color:#fff}.button-primary{background:var(--forest);color:#fff}.button-outline{border:1px solid var(--ink);margin-top:40px}.button-outline:hover{background:var(--ink);color:#fff}.text-link{font-size:13px;font-weight:600}.hero-note{position:absolute;z-index:2;right:0;bottom:0;background:var(--lime);color:var(--ink);padding:20px 28px;display:flex;gap:12px;align-items:center}.hero-note strong{font-family:var(--serif);font-size:28px}.hero-note span{font-size:10px;line-height:1.35;font-weight:700;letter-spacing:.06em}.trust-strip{background:var(--cream);display:grid;grid-template-columns:repeat(3,1fr);padding:0 max(5vw,32px);border-bottom:1px solid var(--line)}.trust-strip p{margin:0;padding:28px clamp(20px,4vw,60px);display:flex;gap:16px;align-items:center;border-right:1px solid var(--line)}.trust-strip p:last-child{border:0}.trust-strip strong{font-family:var(--serif);font-weight:400;font-size:22px}.trust-strip span{font-size:11px;line-height:1.35}.section{max-width:var(--max);margin:auto;padding:clamp(80px,10vw,150px) clamp(20px,5vw,72px)}.section-kicker{border-top:1px solid var(--line);padding-top:15px}.section-kicker span{font-family:var(--serif);font-size:13px}.story-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:12vw;margin:60px 0 80px}.story h2,.gallery h2{font-size:clamp(46px,6vw,82px)}.story-copy{padding-top:22px}.story-copy p{max-width:550px}.story-copy .lead{font-size:22px;color:var(--forest);font-weight:500}.story-photo{position:relative;margin:0}.story-photo img{aspect-ratio:16/8.5;object-fit:cover}.story-photo figcaption{position:absolute;left:0;bottom:0;background:var(--lime);padding:14px 20px;font-size:12px}.story-photo figcaption span{font-weight:700;margin-right:24px}.experience{max-width:none;background:var(--forest);color:#fff}.experience>.section-kicker,.experience>.experience-head,.experience>.experience-grid{max-width:calc(var(--max) - 10vw);margin-left:auto;margin-right:auto}.section-kicker.light{border-color:rgba(255,255,255,.3)}.experience-head{display:grid;grid-template-columns:1fr 420px;gap:80px;align-items:end;margin-top:58px}.experience h2{font-size:clamp(50px,7vw,96px);color:var(--lime)}.experience-head p{font-size:18px;font-weight:300;margin-bottom:30px}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:76px;border-top:1px solid rgba(255,255,255,.25)}.experience-grid article{padding:34px 36px 12px 0;border-right:1px solid rgba(255,255,255,.25)}.experience-grid article+article{padding-left:36px}.experience-grid article:last-child{border:0}.experience-grid span{font-size:11px;letter-spacing:.18em;color:var(--lime)}.experience-grid h3{font-family:var(--serif);font-size:26px;font-weight:400}.experience-grid p{font-weight:300;color:rgba(255,255,255,.75);font-size:14px}.gallery-title-row{display:grid;grid-template-columns:1fr 360px;gap:80px;align-items:end;margin-bottom:64px}.gallery-title-row p{margin-bottom:25px}.gallery-grid{display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:auto auto;gap:18px}.gallery-grid figure{margin:0;position:relative;overflow:hidden;background:#ddd}.gallery-grid img{height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.gallery-grid figure:hover img{transform:scale(1.035)}.gallery-grid figcaption{position:absolute;bottom:0;left:0;background:rgba(16,39,32,.9);color:#fff;padding:10px 14px;font-size:11px;letter-spacing:.08em}.gallery-wide{grid-row:span 2;min-height:700px}.gallery-grid figure:not(.gallery-wide){min-height:340px}.location{display:grid;grid-template-columns:1.08fr .92fr;background:var(--forest-deep);color:#fff}.location-image img{height:100%;min-height:720px;object-fit:cover}.location-content{padding:clamp(70px,8vw,130px)}.location h2{font-size:clamp(50px,6vw,84px);color:var(--lime);margin:48px 0 28px}.location address{font-style:normal;font-weight:300;color:rgba(255,255,255,.8)}.contact-list{margin-top:55px;border-top:1px solid rgba(255,255,255,.28)}.contact-list a{display:grid;grid-template-columns:130px 1fr auto;align-items:center;min-height:76px;border-bottom:1px solid rgba(255,255,255,.28);transition:padding .2s,background .2s}.contact-list a:hover{padding:0 12px;background:rgba(255,255,255,.05)}.contact-list small{font-size:11px;color:rgba(255,255,255,.6)}.contact-list strong{font-weight:500}.contact-list span{font-size:20px}.final-cta{text-align:center;padding:clamp(90px,12vw,170px) 20px;background:var(--cream);position:relative;overflow:hidden}.final-cta .eyebrow{justify-content:center}.final-cta h2{font-size:clamp(56px,8vw,112px);color:var(--forest)}.final-cta>p:not(.eyebrow){margin:0 auto 34px}.final-cta .button{min-width:245px}footer{min-height:120px;padding:28px clamp(20px,5vw,72px);display:flex;align-items:center;gap:36px;background:var(--paper);font-size:12px}.footer-brand{margin-right:auto}.footer-brand img{width:46px;height:46px}.footer-brand strong{font-size:15px}footer>div{display:flex;gap:24px}.floating-cta{display:none}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@keyframes heroZoom{from{transform:scale(1.06)}to{transform:scale(1)}}
@media(max-width:900px){.site-header{height:72px}.site-header nav,.header-cta{display:none}.menu-button{display:block}.mobile-menu{inset:72px 0 0}.hero{margin-top:72px;min-height:calc(100svh - 72px)}.hero-content{padding:48px 24px 100px}.hero h1{font-size:clamp(54px,16vw,90px)}.hero-bottom{display:block}.hero-bottom>p{font-size:16px;max-width:570px}.hero-actions{margin-top:28px;flex-wrap:wrap}.hero-note{padding:12px 18px}.trust-strip{grid-template-columns:1fr;padding:12px 24px}.trust-strip p{padding:14px 0;border-right:0;border-bottom:1px solid var(--line)}.story-grid,.experience-head,.gallery-title-row{grid-template-columns:1fr;gap:20px}.story-grid{margin:42px 0 55px}.story-copy{padding:0}.story-photo img{aspect-ratio:4/3}.experience-grid{grid-template-columns:1fr}.experience-grid article,.experience-grid article+article{padding:28px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.25)}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-wide{grid-column:1/-1;grid-row:auto;min-height:480px}.gallery-grid figure:not(.gallery-wide){min-height:300px}.location{grid-template-columns:1fr}.location-image img{min-height:440px;max-height:70vh}.location-content{padding:70px 24px}.floating-cta{position:fixed;display:flex;align-items:center;gap:10px;z-index:20;bottom:14px;right:14px;background:var(--orange);color:#fff;padding:12px 18px;border-radius:2px;box-shadow:0 10px 30px rgba(0,0,0,.25);font-size:13px;font-weight:700}.floating-cta span{font-size:10px;border:1px solid currentColor;padding:1px 4px}footer{padding-bottom:86px;flex-wrap:wrap}footer p{width:100%;order:3;margin:0}}
@media(max-width:560px){.brand strong{font-size:15px}.brand img{width:44px;height:44px}.hero-content{padding-bottom:120px}.hero h1{font-size:52px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-note{right:auto;left:24px}.section{padding:76px 20px}.section h2,.location h2{font-size:44px}.gallery-grid{grid-template-columns:1fr}.gallery-wide{grid-column:auto;min-height:420px}.gallery-grid figure:not(.gallery-wide){min-height:360px}.gallery-title-row{margin-bottom:38px}.contact-list a{grid-template-columns:100px 1fr auto}.location-image img{min-height:350px}.experience{padding-left:20px;padding-right:20px}footer>div{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image{animation:none}.reveal{opacity:1;transform:none;transition:none}.gallery-grid img,.button{transition:none}}

/* Expanded atmosphere gallery */
.gallery-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:none;grid-auto-flow:dense;grid-auto-rows:220px}
.gallery-grid figure,.gallery-grid figure:not(.gallery-wide){min-height:0}
.gallery-feature{grid-column:span 2;grid-row:span 3}
.gallery-wide{grid-column:span 2;grid-row:span 2;min-height:0}
.gallery-portrait{grid-row:span 2}
.gallery-grid figure:not(.gallery-feature):not(.gallery-wide):not(.gallery-portrait){grid-row:span 2}
@media(max-width:900px){.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:190px}.gallery-feature{grid-column:1/-1;grid-row:span 3}.gallery-wide{grid-column:1/-1;grid-row:span 2}.gallery-portrait{grid-row:span 2}}
@media(max-width:560px){.gallery-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:12px}.gallery-feature,.gallery-wide,.gallery-portrait,.gallery-grid figure:not(.gallery-feature):not(.gallery-wide):not(.gallery-portrait){grid-column:auto;grid-row:auto;min-height:0}.gallery-grid figure{aspect-ratio:4/3}.gallery-grid .gallery-feature{aspect-ratio:3/4}}

/* Hero cover focal point */
.hero-image{object-position:center 68%}
@media(max-width:560px){.hero-image{object-position:52% 58%}}

/* Nearby travel guide */
.nearby{max-width:var(--max)}
.nearby-head{display:grid;grid-template-columns:1fr 420px;gap:80px;align-items:end;margin:58px 0 64px}
.nearby-head h2{font-size:clamp(50px,6vw,82px);margin:0;font-family:var(--serif);font-weight:400;line-height:1.18;letter-spacing:-.035em}
.nearby-head p{margin:0 0 10px;font-size:18px;color:var(--forest);max-width:560px}
.sapan-route{display:grid;grid-template-columns:1.08fr .92fr;background:var(--forest);color:#fff;margin-bottom:22px}
.route-copy{padding:clamp(38px,5vw,72px)}
.route-label{margin:0 0 20px;font-size:11px;letter-spacing:.2em;color:var(--lime);font-weight:700}
.route-copy h3{margin:0 0 18px;font-family:var(--serif);font-size:clamp(38px,4.5vw,64px);font-weight:400;line-height:1.18}
.route-copy>p:not(.route-label){margin:0;max-width:620px;color:rgba(255,255,255,.78)}
.button-light{margin-top:32px;background:#fff;color:var(--forest)}
.button-light:hover{background:var(--lime)}
.route-stats{display:grid;grid-template-columns:1fr 1fr;align-content:center;background:var(--forest-deep);padding:clamp(38px,5vw,70px)}
.route-stats p{margin:0;padding:26px 20px;border-top:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25);display:grid;gap:4px}
.route-stats p+p{border-left:1px solid rgba(255,255,255,.25)}
.route-stats strong{font-family:var(--serif);font-size:clamp(36px,4vw,56px);font-weight:400;color:var(--lime);line-height:1}
.route-stats span{font-size:12px;color:rgba(255,255,255,.72)}
.route-stats small{grid-column:1/-1;margin-top:18px;color:rgba(255,255,255,.58);line-height:1.5}
.nearby-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.nearby-grid article{min-width:0;padding:clamp(28px,4vw,48px);border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start}
.place-number{font-size:11px;letter-spacing:.18em;color:var(--orange);font-weight:700}
.nearby-grid h3{font-family:var(--serif);font-size:clamp(26px,3vw,36px);font-weight:400;line-height:1.3;margin:18px 0 12px}
.nearby-grid p{margin:0 0 24px;max-width:560px;color:var(--forest)}
.place-link{min-height:44px;margin-top:auto;display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:700;border-bottom:1px solid currentColor}
.place-link:hover{color:var(--orange)}
@media(max-width:900px){.nearby-head{grid-template-columns:1fr;gap:20px;margin:42px 0 48px}.sapan-route{grid-template-columns:1fr}.nearby-grid{grid-template-columns:1fr}.route-stats{padding:38px 24px}}
@media(max-width:560px){.nearby-head h2{font-size:44px}.nearby-head p{font-size:16px}.route-copy{padding:36px 24px}.route-copy h3{font-size:38px}.route-stats{grid-template-columns:1fr;padding:24px}.route-stats p{padding:22px 0}.route-stats p+p{border-left:0;border-top:0}.route-stats small{grid-column:auto}.nearby-grid article{padding:28px 24px}.button-light{width:100%;padding:0 18px;gap:14px}}