.resort-jumps{display:flex;gap:10px;flex-wrap:wrap;padding-top:32px}.resort-jumps a{padding:10px 17px;border:1px solid #cddbd6;border-radius:999px;color:#12383e;font-size:14px;font-weight:700;text-decoration:none}.resort-jumps a:hover{background:#eaf2ed}.khaolak-facts,.khaolak-areas,.khaolak-budget-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.khaolak-facts article{padding:28px 26px;border:1px solid #d6e2dc;border-radius:20px;background:#f4f8f5}.khaolak-facts article>span,.khaolak-experiences article>span{font-size:11px;font-weight:800;letter-spacing:1.7px;color:#55746d}.khaolak-facts h3,.khaolak-fit h3,.khaolak-area h3,.khaolak-budget h3,.khaolak-experiences h3{font-size:23px;line-height:1.3;margin:15px 0 12px;letter-spacing:-.6px}.khaolak-facts p,.khaolak-fit p,.khaolak-area p,.khaolak-budget p,.khaolak-experiences p{line-height:1.7;color:#4e6664;margin:0}.khaolak-fit{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:24px;margin:40px 0 30px}.khaolak-fit h4{font-size:17px;margin:5px 0 10px}.khaolak-fit p{font-size:14px}.khaolak-area{display:flex;flex-direction:column;padding:28px;border:1px solid #d4ded7;border-radius:20px;background:#fff}.khaolak-area:nth-child(2n){background:#f6f7ef}.khaolak-area .eyebrow{font-size:10px}.area-check{padding:18px 0;margin:16px 0;border-top:1px solid #dae4dc}.area-check strong{font-size:12px;text-transform:uppercase;letter-spacing:1px}.area-check p{font-size:14px;margin-top:7px}.khaolak-area>.text-button{margin-top:auto;text-align:left}.khaolak-budget{background:#edf3ef}.khaolak-budget-grid article{padding:28px;border-radius:20px;background:#fff;border:1px solid #d8e2dc;display:flex;flex-direction:column}.budget-tier{font-size:11px;letter-spacing:1.5px;font-weight:800;color:#647b6f}.khaolak-budget-grid .budget-featured{background:#082f37;color:#fff;border-color:#082f37}.budget-featured .budget-tier{color:#ffb96c}.budget-featured p,.budget-featured .text-button{color:#ecf5ee}.khaolak-budget-grid .text-button{margin-top:24px;text-align:left}.budget-bottom{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin-top:24px}.budget-bottom p{font-size:15px}.khaolak-experiences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.khaolak-experiences article{padding:30px;border:1px solid #d8e2dc;border-radius:20px;background:linear-gradient(125deg,#f6f8f0,#fff)}.khaolak-experiences a{display:inline-block;font-size:13px;font-weight:700;margin-top:20px;color:#496b5f}.khaolak-overview .footnote a{color:inherit}.resort-advice{margin-top:28px}.khaolak-overview,.khaolak-budget,#experiences,#climate{scroll-margin-top:110px}.breadcrumbs{flex-wrap:wrap}.hero-subtitle{max-width:660px}
@media(max-width:1024px){.khaolak-facts,.khaolak-areas{gap:16px}.khaolak-facts article,.khaolak-area{padding:22px}.khaolak-fit{grid-template-columns:1fr 1fr}.khaolak-budget-grid{gap:14px}.khaolak-budget-grid article{padding:24px 20px}}
@media(max-width:700px){.khaolak-facts,.khaolak-areas,.khaolak-budget-grid,.khaolak-experiences,.budget-bottom{grid-template-columns:1fr}.khaolak-fit{gap:24px 16px}.khaolak-fit>div:first-child{grid-column:1/-1}.khaolak-fit>div:last-child{grid-column:1/-1}.khaolak-facts article{padding:23px}.khaolak-area{padding:25px}.khaolak-experiences article{padding:26px}.budget-bottom{gap:12px}.resort-jumps{gap:8px;padding-top:22px}.resort-jumps a{font-size:12px;padding:9px 12px}.khaolak-facts h3,.khaolak-area h3{font-size:23px}.breadcrumbs{font-size:11px}.hero-subtitle{font-size:17px}}

.khaolak-areas{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:900px){.khaolak-areas{grid-template-columns:1fr}}@media(max-width:700px){.help-launcher{display:none!important}}

.hero-image{object-position:65% center}.hero h1{font-size:clamp(42px,5.8vw,86px);max-width:1050px}.hero-subtitle{max-width:720px}.khaolak-area h3{overflow-wrap:anywhere}.khaolak-itinerary{margin-top:40px}.khaolak-itinerary>.khaolak-facts{margin-top:22px}.khaolak-itinerary>h3{font-size:clamp(24px,3vw,36px);line-height:1.15}@media(max-width:600px){.hero h1{font-size:clamp(35px,9.9vw,48px);line-height:1.06;letter-spacing:-.045em}.hero-location{max-width:300px}}