.landing-page{background:var(--cream)}.landing-hero{min-height:570px;padding:clamp(70px,8vw,116px) clamp(20px,7vw,110px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:8vw;align-items:center;background:radial-gradient(circle at 82% 18%,rgba(196,151,80,.16),transparent 28%),linear-gradient(145deg,#fffdf9,#eee5d7)}.landing-hero h1{font:700 clamp(48px,6.5vw,88px)/1.02 "Playfair Display","IBM Plex Sans Thai";letter-spacing:-.035em;margin:17px 0 25px}.landing-hero h1 em{font-style:normal;color:var(--gold)}.landing-hero p{max-width:720px;color:var(--muted);font-size:17px;line-height:1.85}.landing-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}.landing-actions .btn:first-child span{display:grid;place-items:center;min-width:25px;height:25px;border-radius:99px;background:#ffffff20;font-size:11px}.landing-hero aside{padding:35px;border:1px solid rgba(19,59,50,.12);border-radius:20px;background:rgba(255,255,255,.62);box-shadow:0 24px 65px rgba(19,59,50,.08);backdrop-filter:blur(10px)}.landing-hero aside>span{font-size:10px;letter-spacing:.18em;color:var(--gold);font-weight:700}.landing-hero aside strong{display:block;margin:16px 0;font:700 34px/1.18 "Playfair Display","IBM Plex Sans Thai"}.landing-hero aside p{margin:0;font-size:13px}
.landing-listings{max-width:1600px;margin:auto;padding:clamp(72px,8vw,110px) clamp(16px,6vw,90px)}.landing-listings>header{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}.landing-listings h2{font:700 clamp(36px,4vw,58px)/1.12 "Playfair Display","IBM Plex Sans Thai";margin:10px 0 0}.landing-listings>header p{max-width:390px;color:var(--muted);font-size:13px}.landing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,2.5vw,34px)}.landing-card{overflow:hidden;border:1px solid rgba(19,59,50,.13);border-radius:20px;background:#fff;box-shadow:0 20px 55px rgba(18,52,45,.09);transition:.24s}.landing-card:hover{transform:translateY(-5px);box-shadow:0 28px 72px rgba(18,52,45,.15);border-color:rgba(183,134,69,.32)}.landing-media{display:block;height:clamp(290px,28vw,420px);position:relative;overflow:hidden;background:#d4ddd8}.landing-media img{width:100%;height:100%;object-fit:cover;transition:.55s}.landing-card:hover img{transform:scale(1.035)}.landing-media .availability-badge{left:18px;bottom:18px}.landing-card>div{padding:clamp(22px,2.3vw,30px)}.landing-card small{color:var(--gold);font-weight:600}.landing-card h3{font:700 clamp(26px,2.6vw,38px)/1.15 "Playfair Display","IBM Plex Sans Thai";margin:10px 0}.landing-card h3 em{font-style:normal;color:var(--gold)}.landing-card>div>p{color:var(--muted);font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.landing-card footer{min-height:auto;padding:20px 0 0;margin-top:20px;border-top:1px solid var(--line);background:none}.landing-card footer strong{font-size:23px}.landing-card footer a{color:var(--gold);font-size:13px;font-weight:700}.landing-empty{grid-column:1/-1;padding:70px 25px;text-align:center;border:1px solid rgba(19,59,50,.13);border-radius:20px;background:#fff}.landing-empty>span{display:grid;place-items:center;width:52px;height:52px;margin:auto;border-radius:50%;background:#f3eee6;color:var(--gold)}.landing-empty h2{font-size:29px}.landing-empty p{max-width:600px;margin:0 auto;color:var(--muted)}.landing-empty .btn{margin-top:22px}
.landing-links{padding:38px clamp(20px,7vw,110px);background:#e7ded0}.landing-links>span{font-size:10px;letter-spacing:.16em;color:var(--gold);font-weight:700}.landing-links>div{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}.landing-links a{padding:9px 13px;border:1px solid rgba(19,59,50,.13);border-radius:999px;background:#f8f5ef;font-size:12px;font-weight:600}.landing-links a:hover{border-color:var(--gold);color:#855d27}.landing-cta{padding:72px clamp(22px,7vw,110px);display:flex;justify-content:space-between;align-items:center;gap:35px;background:linear-gradient(135deg,#10372f,#174d41);color:#fff}.landing-cta h2{font:700 clamp(35px,4vw,56px) "Playfair Display","IBM Plex Sans Thai";margin:10px 0}.landing-cta p{margin:0;color:#bfd0ca}.landing-cta .btn{flex:none}
@media(max-width:850px){.landing-hero{grid-template-columns:1fr;gap:38px}.landing-grid{grid-template-columns:1fr}.landing-cta{display:grid}.landing-listings>header{display:block}.landing-listings>header p{margin-top:18px}}@media(max-width:600px){.landing-hero{min-height:auto;padding:62px 20px}.landing-hero h1{font-size:45px}.landing-hero p{font-size:15px}.landing-hero aside{padding:25px;border-radius:15px}.landing-hero aside strong{font-size:29px}.landing-actions{display:grid}.landing-listings{padding:65px 14px}.landing-listings h2{font-size:35px}.landing-grid{gap:16px}.landing-card{border-radius:16px}.landing-media{height:300px}.landing-card h3{font-size:28px}.landing-card footer{display:flex;padding-bottom:0}.landing-links{padding:34px 18px}.landing-links>div{display:grid}.landing-cta{padding:58px 22px}.landing-cta .btn{width:100%}}