:root{--jade:#12382f;--jade2:#1e5c4e;--sand:#f3ead7;--cream:#fffaf0;--mango:#f0a73b;--coral:#df6b53;--ink:#1e2724;--muted:#6d746f;--line:#ddd3c2;--white:#fffdf8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:"Noto Sans Thai","Leelawadee UI",Tahoma,sans-serif;line-height:1.78}a{text-decoration:none;color:inherit}.shell{width:min(1180px,calc(100% - 44px));margin:0 auto}
.topbar{background:rgba(255,253,248,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;backdrop-filter:blur(12px)}.top-inner{height:80px;display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;gap:10px}.logo-mark{width:42px;height:42px;border-radius:50% 50% 50% 18%;background:var(--mango);display:grid;place-items:center;font-size:13px;font-weight:800}.logo b{display:block;font-size:18px;line-height:1.2}.logo small{display:block;font-size:9px;letter-spacing:.18em;color:#7f817f;margin-top:2px}.top-inner nav{display:flex;gap:22px;margin-left:auto}.top-inner nav a{font-size:13px}.top-inner nav a.active{color:var(--coral);font-weight:700}.header-cta{background:var(--jade);color:white;padding:10px 17px;border-radius:2px;font-size:13px}.menu-btn{display:none;border:0;background:none}
.hero{min-height:760px;background:var(--jade);color:white;position:relative;overflow:hidden}.hero-art{position:absolute;inset:0;background:linear-gradient(120deg,rgba(18,56,47,.05),rgba(18,56,47,.2)),url('assets/thailand-hero.svg') center/cover no-repeat}.hero:after{content:"";position:absolute;inset:auto 0 0;height:130px;background:linear-gradient(transparent,rgba(18,56,47,.7))}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end;min-height:760px;padding-bottom:72px}.eyebrow,.page-hero span,.plan-band span,.section-heading span{font-size:10px;letter-spacing:.22em;font-weight:800}.hero-copy h1{font-size:clamp(52px,7vw,88px);line-height:1.08;margin:16px 0 24px;font-weight:700;max-width:760px}.hero-lead{font-size:19px;max-width:700px;color:#e8eee9}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;padding:13px 20px;font-size:13px}.btn.light{background:var(--mango);color:#1d2b27}.btn.outline-light{border:1px solid rgba(255,255,255,.5);color:white}.btn.dark{background:var(--jade);color:white;margin-top:24px}.hero-index{border-top:1px solid rgba(255,255,255,.45)}.hero-index>span,.hero-index>div{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.25)}.hero-index{display:grid;grid-template-columns:44px 1fr}.hero-index span{font-family:Georgia,serif;color:#e9b964}.hero-index b{display:block;font-size:17px}.hero-index small{color:#c4d0ca}
.intro-strip{background:var(--sand);padding:80px 0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.section-no{font-family:Georgia,serif;color:var(--coral);font-size:24px}.section-no.light{color:#f2bb5f}.intro-grid h2,.section-heading h2,.route-copy h2,.plan-band h2,.city-overview h2,.day-rhythm h2,.city-notes h2{font-size:42px;line-height:1.35;margin:12px 0}.intro-grid p{font-size:18px;color:#5e635f}
.dest-preview{padding:90px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.section-heading h2{margin:8px 0 0}.section-heading a{font-size:13px;text-decoration:underline;text-underline-offset:5px}.dest-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.dest-card{border:1px solid var(--line);background:#fff}.dest-card:nth-child(3),.dest-card:nth-child(4){display:grid;grid-template-columns:.9fr 1.1fr}.dest-img{height:300px;background-size:cover;background-position:center}.dest-card>div:last-child{padding:24px}.dest-card small{font-size:10px;letter-spacing:.15em;color:var(--coral)}.dest-card h3{font-size:29px;margin:6px 0 10px}.dest-card p{color:var(--muted);margin:0}.d1{grid-row:span 2}.d1 .dest-img{height:480px}.d2 .dest-img{height:280px}
.bg-bangkok{background:url('assets/bangkok.svg') center/cover no-repeat}.bg-chiangmai{background:url('assets/chiangmai.svg') center/cover no-repeat}.bg-phuket{background:url('assets/phuket.svg') center/cover no-repeat}.bg-krabi{background:url('assets/krabi.svg') center/cover no-repeat}
.route-section{background:var(--jade);color:white;padding:90px 0}.route-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.route-copy p{color:#d4dfda}.route-copy a{text-decoration:underline;text-underline-offset:5px}.route-days{border-top:1px solid #56766d}.route-days div{display:flex;justify-content:space-between;gap:20px;padding:25px 0;border-bottom:1px solid #56766d}.route-days b{font-size:28px;color:#f0b55b}.route-days span{align-self:center;color:#e4ebe7}
.culture{padding:90px 0}.culture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.culture-grid article{background:var(--cream);padding:30px;border-top:5px solid var(--mango)}.culture-grid h3{font-size:24px}.culture-grid p{color:var(--muted)}.culture-icon{height:100px;margin-bottom:20px;position:relative}.bowl:before{content:"";position:absolute;width:90px;height:45px;border:5px solid var(--jade);border-top:0;border-radius:0 0 50px 50px;left:10px;top:25px}.bowl:after{content:"";position:absolute;width:70px;height:5px;background:var(--coral);left:20px;top:18px}.temple:before{content:"";position:absolute;left:22px;top:10px;border-left:38px solid transparent;border-right:38px solid transparent;border-bottom:35px solid var(--coral)}.temple:after{content:"";position:absolute;width:66px;height:45px;background:var(--jade);left:27px;top:45px}.market:before{content:"";position:absolute;width:95px;height:55px;background:repeating-linear-gradient(90deg,var(--mango) 0 14px,var(--coral) 14px 28px);left:8px;top:10px;clip-path:polygon(0 0,100% 0,90% 30%,10% 30%)}.market:after{content:"";position:absolute;width:70px;height:50px;border:5px solid var(--jade);left:20px;top:35px}
.plan-band{background:var(--coral);color:white;padding:65px 0}.plan-band-grid{display:flex;justify-content:space-between;align-items:center;gap:50px}.plan-band h2{font-size:38px;margin:8px 0}.plan-band p{margin:0;color:#ffe9e2}.plan-band a{background:var(--cream);color:var(--ink);padding:14px 20px;white-space:nowrap}
.page-hero{padding:88px 0 58px;background:var(--sand);border-bottom:1px solid var(--line)}.page-hero h1{font-size:58px;line-height:1.2;margin:13px 0}.page-hero p{max-width:760px;color:#5f655f;font-size:18px}.travel-hero{background:#ede6d5}.route-hero{background:#e4eee8}.food-hero{background:#f7e3d7}.guide-hero{background:#e8e5f2}.journal-hero{background:#efe7d8}.plan-hero{background:#dfeae5}.faq-hero{background:#f2e5d8}.about-hero{background:#e8eadb}.contact-hero{background:#f0e6d7}.policy-hero{background:#eee7dc}
.destination-list{padding:30px 0 90px}.destination-list>a{display:grid;grid-template-columns:70px 1fr 50px;gap:28px;padding:35px 0;border-bottom:1px solid var(--line);align-items:center}.destination-list b{font-family:Georgia,serif;color:var(--coral);font-size:25px}.destination-list small{font-size:10px;letter-spacing:.16em;color:var(--jade2)}.destination-list h2{font-size:34px;margin:5px 0}.destination-list p{color:var(--muted);margin:0;max-width:800px}.destination-list>a>span{font-size:26px}
.destination-hero{min-height:540px;position:relative;color:white;background-size:cover;background-position:center;display:flex;align-items:end}.destination-hero .overlay{position:absolute;inset:0;background:linear-gradient(transparent 20%,rgba(0,0,0,.65))}.destination-hero .shell{position:relative;padding-bottom:55px;z-index:2}.destination-hero a{font-size:12px}.destination-hero span{display:block;margin-top:150px;font-size:11px;letter-spacing:.18em}.destination-hero h1{font-size:70px;margin:5px 0}.destination-hero p{max-width:760px;font-size:18px;color:#f0f0ed}.hero-bkk{background-image:url('assets/bangkok.svg')}.hero-cnx{background-image:url('assets/chiangmai.svg')}.hero-hkt{background-image:url('assets/phuket.svg')}.hero-kbv{background-image:url('assets/krabi.svg')}
.city-overview{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;padding:80px 0}.zone-list>div{border-top:1px solid var(--line);padding:22px 0;display:grid;grid-template-columns:50px 180px 1fr;gap:18px}.zone-list b{color:var(--coral)}.zone-list h3{margin:0}.zone-list p{margin:0;color:var(--muted)}.day-rhythm{background:var(--jade);color:white;padding:75px 0}.rhythm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:30px}.rhythm-grid div{padding:26px;border-left:1px solid #53756c}.rhythm-grid b{font-size:24px;color:#f0bd6e}.rhythm-grid p{color:#d8e0dc}.city-notes{padding:80px 0}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.note-grid article{border:1px solid var(--line);padding:25px}.note-grid p{color:var(--muted)}
.itinerary{padding:30px 0 90px}.itinerary article{display:grid;grid-template-columns:180px 1fr;gap:40px;padding:42px 0;border-bottom:1px solid var(--line)}.days{font-family:Georgia,serif;font-size:54px;color:var(--coral)}.itinerary small{font-size:10px;letter-spacing:.18em;color:var(--jade2)}.itinerary h2{font-size:32px}.itinerary li{margin:9px 0}.itinerary p{color:var(--muted)}
.food-grid,.guide-columns,.journal{padding:45px 0 90px;display:grid;grid-template-columns:repeat(2,1fr);gap:0}.food-grid article,.guide-columns>div,.journal article{padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.food-grid span,.guide-columns span,.journal span{font-family:Georgia,serif;color:var(--coral)}.food-grid h2,.guide-columns h2,.journal h2{font-size:27px}.food-grid p,.guide-columns p,.journal p{color:var(--muted)}
.plan-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;padding:50px 0 90px}.trip-form{display:grid;gap:17px;border:1px solid var(--line);padding:30px;background:white}.trip-form .two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.trip-form label{display:grid;gap:7px;font-size:13px;font-weight:700}.trip-form input,.trip-form select,.trip-form textarea{width:100%;border:1px solid #d9d1c5;padding:12px 13px;background:#fff;font:inherit}.consent{grid-template-columns:20px 1fr!important;align-items:start;font-weight:400!important}.consent input{margin-top:5px}.trip-form button{border:0;background:var(--jade);color:white;padding:14px;font:inherit;cursor:pointer}.form-status{font-size:12px;color:var(--muted)}.plan-layout aside{background:var(--cream);padding:30px}.aside-map{height:240px;background:url('assets/map-thailand.svg') center/contain no-repeat;margin-bottom:20px}.plan-layout aside p{color:var(--muted)}.plan-layout aside a{color:var(--coral);text-decoration:underline}
.faq{max-width:900px;padding:35px 0 90px}.faq details{padding:22px 0;border-bottom:1px solid var(--line)}.faq summary{font-size:18px;font-weight:700;cursor:pointer}.faq p{color:var(--muted)}.about-body{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding:70px 0 100px}.about-manifesto b{font-size:44px;line-height:1.45;color:var(--coral)}.about-body h2{font-size:34px}.about-body p{color:var(--muted)}.about-body a{text-decoration:underline}.contact-grid{padding:40px 0 100px}.contact-grid>div{display:grid;grid-template-columns:170px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.contact-grid span{font-size:10px;letter-spacing:.18em}.contact-grid a,.contact-grid b{font-size:24px}.policy{max-width:860px;padding:50px 0 100px}.policy h2{font-size:27px;margin-top:40px}.policy p,.policy li{color:#555d58}.policy a{text-decoration:underline}
.error-page{text-align:center;padding:110px 0}.error-number{font-family:Georgia,serif;font-size:120px;color:#d8c9b2}.error-page h1{font-size:38px}.error-page a{text-decoration:underline;color:var(--coral)}
.site-footer{background:#0f2d27;color:#e8eee9;padding:60px 0 22px}.footer-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.footer-brand p{max-width:430px;color:#aebeb8}.footer-mail{text-decoration:underline}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 20px}.footer-links a{font-size:13px;color:#c9d5d1}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #36554d;margin-top:40px;padding-top:18px;font-size:11px;color:#799088}
@media(max-width:900px){.top-inner nav{position:absolute;top:80px;left:0;right:0;background:var(--white);display:none;flex-direction:column;padding:18px 24px;border-bottom:1px solid var(--line)}.top-inner nav.open{display:flex}.menu-btn{display:block;margin-left:auto}.header-cta{display:none}.hero-content,.intro-grid,.route-grid,.city-overview,.plan-layout,.about-body,.footer-grid{grid-template-columns:1fr}.hero-content{align-content:end;gap:35px}.hero-index{max-width:520px}.dest-grid{grid-template-columns:1fr 1fr}.d1{grid-row:auto}.d1 .dest-img{height:300px}.dest-card:nth-child(3),.dest-card:nth-child(4){display:block}.culture-grid,.note-grid{grid-template-columns:1fr 1fr}.plan-band-grid{align-items:flex-start;flex-direction:column}.destination-hero span{margin-top:100px}.zone-list>div{grid-template-columns:45px 1fr}.zone-list p{grid-column:2}.food-grid,.guide-columns,.journal{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.shell{width:min(100% - 28px,1180px)}.hero{min-height:720px}.hero-content{min-height:720px}.hero-copy h1{font-size:48px}.intro-grid h2,.section-heading h2,.route-copy h2,.plan-band h2,.city-overview h2,.day-rhythm h2,.city-notes h2{font-size:34px}.section-heading{align-items:flex-start;flex-direction:column;gap:8px}.dest-grid,.culture-grid,.note-grid,.food-grid,.guide-columns,.journal,.rhythm-grid,.trip-form .two{grid-template-columns:1fr}.destination-list>a{grid-template-columns:45px 1fr}.destination-list>a>span{display:none}.destination-hero h1{font-size:54px}.itinerary article{grid-template-columns:1fr}.contact-grid>div{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:5px}.plan-band-grid{display:flex}.zone-list>div{grid-template-columns:40px 1fr}}