@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800;900&display=swap');
:root{--lime:#d2ec46;--forest:#14251c;--paper:#f5f4ec;--muted:#6c756b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--forest);font-family:'Noto Sans Thai',sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:10px 5%;background:#f5f4ecf5;position:sticky;top:0;z-index:20;border-bottom:1px solid #d9dfd4;backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:18px}.brand img{width:59px;height:59px;border-radius:50%}.brand small{display:block;font-size:10px;letter-spacing:2px}nav{display:flex;gap:28px;font-size:14px}nav a:hover{color:#7b9225}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 25px;gap:14px;background:var(--lime);color:var(--forest);font-size:15px;font-weight:700;border-radius:5px;box-shadow:0 5px 0 #96ab28;transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 0 #96ab28}.btn.small{padding:10px 18px;font-size:13px}.hero{position:relative;min-height:760px;height:calc(100svh - 88px);max-height:1000px;color:white;overflow:hidden;background:#17291f}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#06170feb 0%,#0b1c12a3 45%,#112a1020 100%),linear-gradient(0deg,#08170e9c,transparent 50%)}.hero-content{position:relative;padding:62px 7%;max-width:900px}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:700;color:#76856a}.hero .eyebrow{color:var(--lime)}.place{font-size:13px;margin:20px 0;color:#e0e9d8}h1{font-size:clamp(48px,5.8vw,86px);line-height:1.18;letter-spacing:-2px;margin:16px 0 25px;font-weight:900}em{font-style:normal;color:#748b2a}h1 em{color:var(--lime)}.intro{font-size:17px;color:#e5e9df;line-height:1.9}.actions{display:flex;gap:28px;align-items:center;margin-top:30px}.text-link{font-size:14px;border-bottom:1px solid #ffffff60}.hero-note{position:absolute;bottom:82px;right:6%;border:1px solid #fff5;background:#17281e70;backdrop-filter:blur(12px);padding:24px 30px;border-radius:8px;transform:rotate(-3deg);box-shadow:15px 20px 40px #0004}.hero-note span{display:block;font-size:10px;letter-spacing:2px;color:var(--lime)}.hero-note strong{display:block;margin-top:10px}.hero-note p{font-size:13px;margin:8px 0 0}.scroll{position:absolute;bottom:25px;left:7%;font-size:10px;letter-spacing:3px}.ticker{display:flex;justify-content:space-around;gap:20px;background:var(--lime);padding:20px;font-size:15px;font-weight:800;letter-spacing:2px;overflow:hidden;white-space:nowrap}.ticker b{font-size:22px}.section{padding:100px 7%;max-width:1600px;margin:auto}h2{font-size:clamp(31px,3.3vw,48px);line-height:1.4;letter-spacing:-1.4px;margin:16px 0 24px}h2 em{display:inline}p{color:var(--muted)}.story{display:grid;grid-template-columns:1fr 1fr;gap:80px}.story .lead{font-size:21px;font-weight:700;color:var(--forest)}.under{display:inline-block;border-bottom:1px solid #81923a;padding-bottom:4px;margin-top:15px;font-weight:600}.experience{background:#e9eddf;max-width:none}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:35px}.section-top p{font-size:14px;margin-bottom:26px}.feature{display:grid;grid-template-columns:1.2fr 1fr;background:var(--forest);color:var(--paper);border-radius:12px;overflow:hidden;max-width:1350px;margin:auto}.feature>img{width:100%;height:550px;object-fit:cover}.feature>div{padding:50px}.tag{font-size:10px;letter-spacing:2px;color:var(--lime)}.feature h3{font-size:37px;line-height:1.4;margin:20px 0}.feature p{color:#bbc6b6;font-size:15px}.feature .btn{margin-top:15px}.activity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:25px}.activity-grid article{position:relative;padding:28px;background:#f8f9ef;border:1px solid #d5dcc6;border-radius:10px;transition:transform .25s,box-shadow .25s}.activity-grid article:hover{transform:perspective(800px) rotateX(3deg) translateY(-6px);box-shadow:0 20px 25px #15231a15}.ico{display:inline-grid;place-items:center;background:var(--lime);width:53px;height:53px;border-radius:16px;box-shadow:4px 6px 0 #b1c63c;font-size:32px}.num{position:absolute;right:25px;top:30px;font-size:12px;color:#8c977b}.activity-grid h3{font-size:18px;margin-top:28px}.activity-grid p{font-size:14px}.family{display:grid;grid-template-columns:1fr 1fr;background:#18291f;color:white}.family>img{width:100%;height:620px;object-fit:cover;object-position:center 40%}.family>div{padding:65px 12%}.family .eyebrow{color:#b2c394}.family h2{font-size:42px}.family h2 em{color:var(--lime)}.family p{color:#b6c5b4;margin-bottom:30px}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.shot{position:relative;border:0;background:#dae0d0;padding:0;border-radius:9px;overflow:hidden;aspect-ratio:3/4}.shot img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.shot:hover img{transform:scale(1.045)}.shot span{position:absolute;bottom:10px;right:10px;background:#14251ccf;padding:5px 12px;border-radius:3px;color:white;font-size:11px}.planning{background:#e9eddf;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:80px}.steps{margin-top:35px}.steps>div{display:flex;gap:20px;margin:24px 0;align-items:flex-start}.steps b{font-size:20px;color:#7e913a;border:1px solid #bfcaab;border-radius:50%;width:44px;height:44px;text-align:center;flex-shrink:0}.steps span{font-size:14px;color:#6c756b}.steps strong{display:block;font-size:17px;color:var(--forest)}.faq{padding:32px;background:#f6f7f0;border-radius:10px}.faq h3{font-size:23px;margin-top:0}.faq details{border-top:1px solid #d9dfcd;padding:20px 0}.faq summary{font-weight:600;cursor:pointer}.faq details p{font-size:14px;margin-bottom:0}.notice{background:#e9eddf;padding:15px 20px;border-left:3px solid #819a3c;font-size:13px}.poster-strip{display:grid;grid-auto-flow:column;grid-auto-columns:260px;overflow-x:auto;gap:18px;padding:20px 0;scroll-snap-type:x mandatory}.poster{background:transparent;border:0;padding:0;scroll-snap-align:start}.poster img{width:100%;height:315px;object-fit:contain;border-radius:5px;background:#e6e8df}.booking{max-width:none;background:var(--forest);color:white;display:grid;grid-template-columns:1.3fr 1fr;gap:80px}.booking .eyebrow{color:#bed397}.booking h2{font-size:54px}.booking em{color:var(--lime)}.booking p{color:#c0cdbb}.booking .btn{margin-top:20px}.phones{display:flex;flex-direction:column;font-size:25px;font-weight:700;gap:9px;margin-top:30px}.address{border-left:1px solid #ffffff25;padding-left:70px}.address img{width:140px;border-radius:50%;margin-bottom:22px}.address h3{font-size:24px}.address p{font-size:14px}.license{font-size:12px;padding-top:20px;border-top:1px solid #ffffff25;color:#b9c6b3}.license strong{font-size:17px;color:#e7eddc}footer{background:#0d1a12;color:#b7c5ae;padding:25px 7%;display:flex;justify-content:space-between;font-size:12px}.mobile-bar{display:none}dialog{background:#0c160ef5;border:1px solid #637653;padding:36px 15px 15px;max-width:95vw;max-height:95svh;border-radius:8px}dialog::backdrop{background:#000d}dialog img{max-height:82svh;width:auto;object-fit:contain;margin:auto}#close-view{position:absolute;right:8px;top:2px;border:0;background:transparent;color:white;font-size:25px;width:38px;height:35px}:focus-visible{outline:3px solid #96b525;outline-offset:5px}
@media(min-width:900px){.hero-note{animation:float 6s ease-in-out infinite}@keyframes float{50%{transform:translateY(-10px) rotate(-1deg)}}} @media(max-width:1000px){nav{gap:15px}.hero-note{display:none}.activity-grid{grid-template-columns:repeat(2,1fr)}.feature>div{padding:35px}.family>div{padding:40px 8%}.family h2{font-size:34px}.story,.planning{gap:40px}.booking{gap:35px}.address{padding-left:35px}}
@media(max-width:650px){header{height:75px;padding:8px 5%}.brand{font-size:14px;gap:8px}.brand img{width:45px;height:45px}.brand small{font-size:8px}nav{display:none}.btn.small{font-size:11px;padding:9px 10px}html{scroll-padding-top:75px}.hero{height:auto;min-height:710px}.hero-content{padding:50px 6% 85px}.hero-bg{object-position:62% center}.hero-shade{background:linear-gradient(90deg,#06170fdc,#0b1c1270),linear-gradient(0deg,#08170edc,transparent)}h1{font-size:54px;letter-spacing:-1px}.intro{font-size:15px}.eyebrow{font-size:9px;letter-spacing:1.4px}.actions{gap:16px;align-items:flex-start;flex-direction:column}.btn{padding:14px 20px;font-size:14px}.ticker{justify-content:flex-start;font-size:11px;padding:14px;gap:20px}.section{padding:60px 6%}.story,.planning,.booking{grid-template-columns:1fr;gap:25px}.section-top{display:block;margin-bottom:25px}.section-top p{font-size:13px}h2{font-size:32px}.feature{grid-template-columns:1fr}.feature>img{height:360px}.feature>div{padding:30px}.feature h3{font-size:31px}.activity-grid{gap:12px}.activity-grid article{padding:20px 16px}.activity-grid h3{font-size:16px}.activity-grid p{font-size:13px}.num{right:14px;top:23px}.family{grid-template-columns:1fr}.family>img{height:420px}.family>div{padding:40px 6% 50px}.family h2{font-size:33px}.photo-grid{grid-template-columns:repeat(2,1fr);gap:10px}.faq{padding:22px}.poster-strip{grid-auto-columns:235px}.booking h2{font-size:40px}.address{border-left:0;border-top:1px solid #fff3;padding:30px 0 0;margin-top:15px}.phones{font-size:22px}footer{padding:25px 6% 100px;gap:20px}.mobile-bar{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:1fr 1fr;background:#14251c;padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:10px;box-shadow:0 -3px 20px #0003}.mobile-bar a{padding:10px;text-align:center;color:white;font-size:14px;border:1px solid #ffffff40;border-radius:5px}.mobile-bar a:last-child{background:var(--lime);color:var(--forest);font-weight:700}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}