@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');

:root{--ivory:#f4f1ea;--cream:#e9e4da;--gold:#be9462;--gold-2:#dfbd92;--brown:#18201d;--brown-2:#45504b;--line:rgba(24,32,29,.14);--muted:#6c756f;--text:#19211e;}
html{scroll-behavior:smooth;}
body{font-family:'DM Sans',sans-serif;background:#f4f1ea;color:var(--text);line-height:1.65;}
h1,h2,h3,.bms-logo{font-family:'Playfair Display',serif!important;}

.bms-hdr{padding:0;background:rgba(244,241,234,.88);border:0;backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(24,32,29,.1);}
.bms-hdr-inner{min-height:78px;max-width:1320px;padding:0 34px;}
.bms-logo{font-size:24px;letter-spacing:-.025em;color:#18201d;}
.bms-logo small{font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:.25em;color:#8d693f;}
.bms-nav{gap:26px;font-size:13px;}
.bms-nav a{color:#39433f;position:relative;}
.bms-nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:#9c7144;transition:.25s;}
.bms-nav a:hover:after,.bms-nav a.active:after{right:0;}
.bms-cta,.btn-line{background:#18201d!important;border-radius:3px;color:#fff!important;padding:12px 21px;box-shadow:none;}
.bms-cta:hover,.btn-line:hover{background:#9c7144!important;transform:translateY(-1px);}

.bms-hero{min-height:680px;display:flex;align-items:center;padding:96px 0;background:linear-gradient(90deg,#18201d 0%,rgba(24,32,29,.98) 42%,rgba(24,32,29,.64) 64%,rgba(24,32,29,.08) 100%),url('https://bangkokmalespa.com/uploads/history/markle.png') center 24%/cover no-repeat;border:0;}
.bms-hero .bms-inner{max-width:1320px;width:100%;padding:0 34px;}
.bms-hero .bms-eyebrow{text-align:left;color:#dfbd92;font-size:11px;letter-spacing:.28em;}
.bms-hero h1{text-align:left;color:#fff;max-width:680px;font-size:clamp(48px,6.5vw,88px);line-height:.98;letter-spacing:-.045em;margin:18px 0 24px;}
.bms-hero .lead{text-align:left;color:rgba(255,255,255,.78);font-size:17px;line-height:1.75;max-width:590px;margin:0 0 32px;}
.bms-hero-actions{text-align:left;display:flex;gap:10px;}
.bms-hero .btn-outline{border-color:rgba(255,255,255,.46);color:#fff;border-radius:3px;padding:11px 25px;}
.bms-hero .btn-outline:hover{background:#fff;color:#18201d!important;}
.bms-hero .btn-line{background:#be9462!important;color:#18201d!important;}
.bms-hero .btn-line:hover{background:#dfbd92!important;}
.bms-proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:42px;}
.bms-proof span{font-size:11px;letter-spacing:.08em;color:#fff;border:1px solid rgba(255,255,255,.25);padding:8px 12px;background:rgba(0,0,0,.12);backdrop-filter:blur(8px);}

.bms-inner{max-width:1320px;padding:0 34px;}
.bms-section{padding:96px 0;}
.bms-section.alt{background:#18201d;border:0;color:#fff;}
.bms-section-hdr{display:grid;grid-template-columns:150px 1fr;gap:28px;text-align:left;align-items:start;margin-bottom:48px;}
.bms-section-hdr .bms-eyebrow{text-align:left;padding-top:14px;color:#9c7144;}
.bms-section-hdr h2{text-align:left;font-size:clamp(38px,5vw,62px);line-height:1.05;letter-spacing:-.035em;margin:0;color:#18201d;}
.bms-section-hdr p{grid-column:2;text-align:left;margin:0;max-width:620px;}
.bms-divider{display:none;}
.bms-section.alt .bms-section-hdr h2,.bms-section.alt .bms-branch-label h3{color:#fff;}
.bms-section.alt .bms-section-hdr p,.bms-section.alt .bms-branch-label .count{color:rgba(255,255,255,.58);}

.bms-treat-grid{grid-template-columns:repeat(12,1fr);gap:14px;}
.bms-treat{grid-column:span 4;border:0;border-radius:2px;padding:34px 30px;background:#fff;min-height:260px;box-shadow:0 12px 40px rgba(24,32,29,.05);}
.bms-treat:first-child,.bms-treat:nth-child(2){grid-column:span 6;}
.bms-treat:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(24,32,29,.12);}
.bms-treat .icon{font-size:22px;filter:grayscale(1);}
.bms-treat h3{font-size:28px;letter-spacing:-.02em;}
.bms-treat .duration{color:#9c7144;}

.bms-branch-label{border-color:rgba(255,255,255,.16);margin:58px 0 26px;}
.bms-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.bms-card{border:0;border-radius:2px;background:#26302c;}
.bms-card-img{aspect-ratio:4/5;background:#303b36;}
.bms-card-img:after{content:'';position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,rgba(0,0,0,.48));pointer-events:none;}
.bms-card-img{position:relative;}
.bms-card-body{padding:18px 19px 21px;}
.bms-card .name{color:#fff;font-size:24px;}
.bms-card .view{color:#d5ad7e;}
.bms-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(0,0,0,.28);}

.bms-section:not(.alt) .btn-outline{border-radius:3px;}
.bms-cta-strip{background:#9c7144;padding:76px 0;}
.bms-cta-strip h2{font-size:48px;letter-spacing:-.03em;}
.bms-cta-strip p{max-width:760px;margin:10px auto 24px;color:rgba(255,255,255,.78);}
.bms-cta-strip .btn-line{background:#18201d!important;}
.bms-ftr{background:#101512;padding:42px 0;}

@media(max-width:900px){
  .bms-hdr-inner,.bms-inner,.bms-hero .bms-inner{padding-left:20px;padding-right:20px;}
  .bms-hero{min-height:620px;background:linear-gradient(180deg,rgba(24,32,29,.24),#18201d 78%),url('https://bangkokmalespa.com/uploads/history/markle.png') 58% 12%/cover no-repeat;align-items:flex-end;padding:260px 0 62px;}
  .bms-hero h1{font-size:50px;max-width:520px;}
  .bms-section-hdr{display:block;}
  .bms-section-hdr .bms-eyebrow{margin-bottom:12px;}
  .bms-section-hdr p{margin-top:16px;}
  .bms-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:620px){
  .bms-hdr-inner{min-height:68px;}
  .bms-hero{min-height:710px;padding-top:330px;}
  .bms-hero h1{font-size:43px;}
  .bms-hero .lead{font-size:15px;}
  .bms-hero-actions{flex-direction:column;align-items:stretch;}
  .bms-hero-actions a{text-align:center;margin:0;}
  .bms-proof span{flex:1 1 45%;text-align:center;}
  .bms-section{padding:72px 0;}
  .bms-treat,.bms-treat:first-child,.bms-treat:nth-child(2){grid-column:span 12;min-height:0;}
  .bms-grid{gap:8px;}
  .bms-card-body{padding:13px;}
  .bms-card .name{font-size:20px;}
  .bms-cta-strip h2{font-size:37px;}
}