.hero{padding:24px 0 60px}.hero-frame,.hero-content{min-height:510px}.hero-content{padding:62px 58px 62px 80px}.hero h1{max-width:720px;font-size:clamp(48px,5.2vw,70px);line-height:1}.section{padding:66px 0}.section-head{margin-bottom:26px}.section-title{font-size:clamp(32px,3.5vw,44px);padding-bottom:14px}.destination-grid{gap:14px}.destination-card{min-height:255px}.destination-card h3{font-size:29px}.destination-card p{font-size:11px;line-height:1.45}.topic-link{padding:23px 21px}.topic-link strong{font-size:23px}.latest-section{background:#fff}.latest-section .home-latest-grid{gap:16px}.latest-section .home-story-media{aspect-ratio:16/8.2}.latest-section .home-story-body{min-height:176px;padding:20px 22px 18px}.latest-section .home-story h3{font-size:clamp(23px,2vw,30px)}.latest-section .home-story p{font-size:12px;line-height:1.6}.latest-section .home-story-footer time{color:#7A8798;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.decision-band{padding:38px 42px}.decision-band h2{font-size:clamp(32px,3.5vw,44px)}

/* Homepage media is deliberately unique per visual slot. Never use the old city
   classes for Latest Articles; each story supplies its own contextual image. */
.home-story-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.home-story:hover .home-story-image{transform:scale(1.035)}
.latest-section .story-photo{display:none!important}

/* Destination cards use six distinct source files whose ORIGINAL files clear the
   1600px high-resolution bar. A ?width=2000 request is never used to fake a small
   original into looking high-resolution. */
.destinations .photo.bangkok{background-image:url('/assets/media/articles/stay-where-to-stay-bangkok-cover.webp')}
.destinations .photo.chiangmai{background-image:url('/assets/media/articles/itineraries-chiang-mai-4-days-cover.webp')}
.destinations .photo.phuket{background-image:url('/assets/media/articles/stay-where-to-stay-phuket-cover.webp')}
.destinations .photo.krabi{background-image:url('/assets/media/articles/stay-ao-nang-vs-railay-cover.webp')}
.destinations .photo.samui{background-image:url('/assets/media/articles/stay-koh-samui-one-resort-vs-split-stay-cover.webp')}
.destinations .photo.pattaya{background-image:url('/assets/media/articles/transport-pattaya-to-koh-larn-ferry-vs-speedboat-cover.webp')}
/* styles.css used to substitute a 1200px hero image on phones. Keep the same
   hero subject but never downgrade the source below the site high-resolution bar. */
.hero-media{background-image:linear-gradient(90deg,rgba(23,38,64,.92),rgba(23,38,64,.63) 47%,rgba(23,38,64,.08) 78%),url('/assets/media/articles/stay-sukhumvit-vs-siam-cover.webp')}

@media(max-width:980px){.hero-frame,.hero-content{min-height:480px}.hero-content{padding:52px 44px 52px 70px}.section{padding:58px 0}.latest-section .home-story-body{min-height:0}}
@media(max-width:640px){.hero{padding:12px 0 44px}.hero-frame,.hero-content{min-height:510px}.hero-content{padding:220px 22px 34px}.hero h1{font-size:42px}.section{padding:48px 0}.section-head{margin-bottom:20px}.section-title{font-size:32px}.destination-card{width:100%;min-width:0;min-height:0;height:220px;aspect-ratio:auto}.destination-card h3{font-size:27px}.topic-link{padding:20px 18px}.latest-section .home-latest-grid{gap:14px}.latest-section .home-story-media{aspect-ratio:16/9}.latest-section .home-story-body{padding:18px 17px 16px}.latest-section .home-story h3{font-size:24px}.decision-band{padding:28px 22px}.decision-band h2{font-size:32px}.hero-media{background-image:linear-gradient(180deg,rgba(23,38,64,.18),rgba(23,38,64,.30) 38%,rgba(23,38,64,.95) 78%),url('/assets/media/articles/stay-sukhumvit-vs-siam-cover.webp');background-position:center 34%}}