
.rn-home-planner{padding:22px 0 14px}
.rn-home-planner__intro{max-width:780px;margin:0 auto 34px;text-align:center}
.rn-home-planner__eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.14em;margin:0 0 10px}
.rn-home-planner__intro h2{margin:0 0 12px}
.rn-home-planner__intro p:last-child{margin:0;color:#555}
.rn-home-planner__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.rn-home-card{position:relative;display:flex;min-height:270px;overflow:hidden;border-radius:18px;text-decoration:none;color:#fff;background-size:cover;background-position:center;box-shadow:0 10px 30px rgba(0,0,0,.10);isolation:isolate;transition:transform .2s ease,box-shadow .2s ease}
.rn-home-card:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,12,18,.84) 0%,rgba(5,12,18,.20) 58%,rgba(5,12,18,.04) 100%);z-index:-1}
.rn-home-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,0,0,.16)}
.rn-home-card__content{display:flex;flex-direction:column;justify-content:flex-end;width:100%;padding:24px}
.rn-home-card strong{font-size:1.55rem;line-height:1.1;margin-bottom:7px}
.rn-home-card span{font-size:.98rem;line-height:1.4;color:rgba(255,255,255,.92)}
.rn-home-card em{font-style:normal;font-weight:750;font-size:.92rem;margin-top:16px}
.rn-home-card--phuket{background-image:url('/assets/migrated/3578837e494ddb1822e070b0.webp');filter:saturate(1.14) contrast(1.03)}
.rn-home-card--bangkok{background-image:url('/assets/migrated/7c52f272cbb3644687bb74dc.webp');filter:saturate(1.08) contrast(1.02)}
.rn-home-card--chiang{background-image:url('/assets/migrated/b1d95f4e6b7cb6a899523d3a.webp');filter:saturate(1.10) contrast(1.03)}
.rn-home-card--krabi{background-image:url('/assets/migrated/1884aa4f12e279f9caa6ea66.webp');filter:saturate(1.14) contrast(1.03)}
.rn-home-planner__links{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;margin-top:28px}
.rn-home-planner__links a{font-weight:700;text-decoration:underline;text-underline-offset:4px}
@media(max-width:980px){.rn-home-planner__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.rn-home-planner__grid{grid-template-columns:1fr}.rn-home-card{min-height:220px}.rn-home-planner__intro{text-align:left}.rn-home-planner__links{justify-content:flex-start}}
