@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@700;800&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
:root{--blue:#005e97;--blue2:#0077be;--orange:#fe7d5e;--rust:#a53b22;--sand:#fcf9f4;--ink:#1c1c19;--muted:#5b626b;--line:#d9dde2;--white:#fff;--shadow:0 14px 40px rgba(0,94,151,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--sand);color:var(--ink);font-family:"Noto Sans Thai",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-80px;z-index:200;background:#fff;padding:12px 18px;border-radius:10px}.skip-link:focus{top:12px}.site-header{position:fixed;z-index:100;top:0;left:0;right:0;background:rgba(255,255,255,.78);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.5)}.nav-wrap{height:80px;max-width:1280px;margin:auto;padding:0 48px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:10px;font:800 22px "Be Vietnam Pro",sans-serif;color:var(--rust)}.brand img{border-radius:50%;object-fit:cover}.nav-wrap nav{display:flex;align-items:center;gap:28px;margin:auto}.nav-wrap nav a{font-weight:600;color:#47505a}.nav-wrap nav a:hover,.nav-wrap nav a.active{color:var(--blue)}.nav-cta,.search button,.newsletter button{border:0;border-radius:999px;background:linear-gradient(120deg,var(--orange),var(--rust));color:#fff;font:700 15px "Noto Sans Thai";padding:12px 22px;cursor:pointer}.menu-btn{display:none}.hero{height:82vh;min-height:650px;position:relative;display:flex;align-items:center;background:url('assets/places/jomtien-beach.webp') center/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,30,54,.72) 0%,rgba(0,30,54,.28) 60%,transparent),linear-gradient(0deg,var(--sand),transparent 22%)}.hero-content{position:relative;z-index:1;width:min(1280px,100%);margin:80px auto 0;padding:0 48px;color:#fff}.eyebrow,.kicker{display:inline-block;font:700 12px "Be Vietnam Pro";letter-spacing:.14em;color:var(--blue);margin-bottom:10px}.eyebrow{color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(12px);border-radius:999px;padding:5px 13px}.hero h1{font:800 clamp(44px,6vw,76px)/1.1 "Be Vietnam Pro","Noto Sans Thai";margin:8px 0 20px;letter-spacing:-.03em}.hero h1 em{font-style:normal;color:#ffd7c8}.hero p{font-size:18px;max-width:600px;margin:0 0 28px;color:#f7f7f5}.search{max-width:570px;padding:8px 8px 8px 16px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.65);box-shadow:var(--shadow);border-radius:18px;display:flex;align-items:center;gap:10px}.search span{color:var(--blue);font-size:26px}.search input{min-width:0;flex:1;border:0;outline:0;background:transparent;padding:12px 4px;font:500 16px "Noto Sans Thai"}.search button{background:var(--blue);border-radius:12px}.section{max-width:1280px;margin:0 auto;padding:88px 48px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.section-head h2,.trip h2,.newsletter h2{font:800 clamp(28px,3.2vw,42px)/1.3 "Be Vietnam Pro","Noto Sans Thai";margin:0 0 8px}.section-head p,.trip p,.newsletter p{margin:0;color:var(--muted)}.section-head>a{color:var(--blue);font-weight:700}.place-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.place-card{min-height:520px;position:relative;overflow:hidden;border-radius:24px;background-size:cover;background-position:center;box-shadow:var(--shadow);transition:.25s}.place-card:hover{transform:translateY(-6px)}.place-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,18,30,.9),transparent 65%)}.place-beach{background-image:url('assets/places/wong-amat-beach.webp')}.place-view{background-image:url('assets/places/pattaya-viewpoint.webp')}.place-day{background-image:url('assets/places/sanctuary-of-truth.webp')}.place-card>div{position:absolute;z-index:2;left:24px;right:24px;bottom:24px;color:#fff}.place-card h3{font:700 24px "Be Vietnam Pro","Noto Sans Thai";margin:0}.place-card p{margin:4px 0 16px;color:#e9eef0}.place-card a{display:block;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.12);backdrop-filter:blur(10px);padding:9px;text-align:center;border-radius:10px;font-weight:700}.pill{position:absolute;z-index:2;top:18px;right:18px;background:rgba(255,255,255,.25);color:#fff;backdrop-filter:blur(12px);padding:5px 12px;border:1px solid rgba(255,255,255,.45);border-radius:999px;font-size:13px}.trip{max-width:1184px;margin:24px auto 80px;padding:56px;border-radius:28px;background:linear-gradient(135deg,#004b78,#0077be);color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:54px;align-items:center;box-shadow:0 18px 50px rgba(0,94,151,.18)}.trip p{color:#d8efff}.kicker.light{color:#aee0ff}.trip-options{display:grid;gap:12px}.trip-options a{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:16px;padding:15px;display:flex;align-items:center;gap:14px;transition:.2s}.trip-options a:hover{background:rgba(255,255,255,.2)}.trip-options b{display:grid;place-items:center;background:#fff;width:48px;height:48px;border-radius:14px;font-size:21px}.trip-options span{display:flex;flex-direction:column}.trip-options small{color:#d8efff}.articles{padding-top:40px}.article-card{display:grid;grid-template-columns:42% 1fr;gap:36px;background:#fff;padding:18px;border-radius:24px;box-shadow:var(--shadow)}.article-image{min-height:310px;border-radius:16px;background:url('assets/places/jomtien-beach.webp') center/cover}.article-card>div{padding:24px 24px 24px 0;align-self:center}.tag{color:var(--rust);font-size:13px;font-weight:700}.article-card h3{font:700 clamp(24px,3vw,34px)/1.4 "Be Vietnam Pro","Noto Sans Thai";margin:8px 0}.article-card p{color:var(--muted)}.meta{font-size:13px;color:#707780}.newsletter{max-width:1184px;margin:10px auto 88px;padding:52px;background:#ffe2d8;border-radius:28px;display:flex;align-items:center;justify-content:space-between;gap:30px}.newsletter form{display:flex;background:#fff;padding:6px;border-radius:999px;min-width:400px}.newsletter input{flex:1;border:0;outline:0;padding:12px 16px;font:500 15px "Noto Sans Thai"}.newsletter button{white-space:nowrap}footer{background:#e5e2dd;padding:56px 48px 96px}.footer-grid{max-width:1184px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px}.footer-grid p{max-width:420px;color:var(--muted)}.footer-grid h2{font-size:16px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:7px}.copyright{max-width:1184px;margin:36px auto 0;padding-top:20px;border-top:1px solid #c8c5c0;color:#60605d;font-size:13px}.bottom-nav{display:none}:focus-visible{outline:3px solid #ff9a7d;outline-offset:3px}
.search-wrap{position:relative;max-width:570px}.search-help{margin:8px 4px 0!important;font-size:13px!important;color:#eef7fa!important}.search-results{position:absolute;z-index:30;top:72px;left:0;right:0;background:#fff;color:var(--ink);border:1px solid #dce3e7;border-radius:16px;box-shadow:0 18px 46px rgba(0,32,56,.25);padding:7px;max-height:320px;overflow:auto}.search-result{width:100%;display:flex;align-items:center;gap:13px;border:0;background:transparent;text-align:left;padding:11px;border-radius:11px;color:var(--ink);font-family:inherit;cursor:pointer}.search-result:hover,.search-result:focus-visible{background:#e8f5fc}.search-result-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;background:#dff1fb;font-size:20px}.search-result-copy{display:flex;flex-direction:column}.search-result-copy strong{font-size:15px}.search-result-copy small{color:#67717a}.search-empty{padding:16px 12px;text-align:center;color:#5c6670}.category-section{padding-top:56px;padding-bottom:28px}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.category-grid a{min-height:156px;padding:22px 16px;border:1px solid #e1e5e8;border-radius:20px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 8px 24px rgba(0,94,151,.06);transition:.2s}.category-grid a:hover{transform:translateY(-4px);border-color:#9acbff;box-shadow:var(--shadow)}.category-grid span{font-size:32px}.category-grid strong{margin-top:8px;font-size:16px}.category-grid small{color:var(--muted);line-height:1.45;margin-top:3px}
@media(max-width:800px){body{padding-bottom:72px}.site-header{height:68px}.nav-wrap{height:68px;padding:0 16px}.brand{font-size:17px}.brand img{width:38px;height:38px}.nav-wrap nav{display:none;position:absolute;top:68px;left:12px;right:12px;background:#fff;border-radius:14px;padding:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}.nav-wrap nav.open{display:flex}.nav-wrap nav a{padding:11px}.menu-btn{display:block;margin-left:auto;background:transparent;border:1px solid var(--line);border-radius:10px;padding:8px 11px;font-family:inherit}.nav-cta{display:none}.hero{height:auto;min-height:720px;text-align:center}.hero-shade{background:linear-gradient(0deg,var(--sand),rgba(0,31,52,.18) 25%,rgba(0,31,52,.45))}.hero-content{padding:90px 16px 80px;margin:0}.hero h1{font-size:43px}.hero p{font-size:16px}.search-wrap{margin:auto}.search{margin:auto}.search button{padding:12px 15px}.section{padding:64px 16px}.section-head{align-items:flex-start}.section-head>a{display:none}.place-grid{grid-template-columns:1fr;gap:18px}.place-card{min-height:460px}.trip{margin:0 16px 64px;padding:32px 20px;grid-template-columns:1fr;gap:24px}.article-card{grid-template-columns:1fr;gap:0}.article-image{min-height:230px}.article-card>div{padding:22px 8px}.newsletter{margin:0 16px 64px;padding:32px 20px;display:block}.newsletter form{min-width:0;margin-top:20px;border-radius:14px}.newsletter button{padding:10px 14px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}footer{padding:45px 20px 100px}.bottom-nav{position:fixed;z-index:90;bottom:0;left:0;right:0;height:70px;background:rgba(255,255,255,.9);backdrop-filter:blur(20px);border-top:1px solid var(--line);display:flex;justify-content:space-around}.bottom-nav a{min-width:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px;color:#68717a}.bottom-nav span{font-size:11px}.bottom-nav .active{color:var(--blue)}}
@media(max-width:800px){.category-section{padding-top:48px;padding-bottom:10px}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category-grid a{min-height:140px;padding:16px 10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.article-image{display:block}.article-read-more{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;color:var(--blue);font-weight:800;text-decoration:underline;text-underline-offset:4px}.article-card h3 a:hover,.article-read-more:hover{color:var(--rust)}
.category-grid>a>span{display:block;min-height:40px;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif!important;font-size:32px!important;font-style:normal;font-weight:400;line-height:1.2;font-variant-emoji:emoji}
.category-grid>a>span>img{width:40px;height:40px;margin:0 auto;object-fit:contain}
.directory-visual:has(>img){position:relative;height:190px;padding:0;overflow:hidden;background:#d7f0ff}.directory-visual>img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.directory-visual:has(>img)::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,30,48,.03),rgba(0,30,48,.3));pointer-events:none}.directory-card:hover .directory-visual>img{transform:scale(1.035)}.directory-visual:has(>img)>b{position:absolute;z-index:1;top:18px;right:18px;background:rgba(255,255,255,.88);color:#17222a;padding:6px 11px;border:1px solid rgba(255,255,255,.55);border-radius:999px;font-size:12px;backdrop-filter:blur(8px)}
@media(max-width:650px){.directory-visual:has(>img){height:210px}}