:root{
  --bg:#F2EEE8;
  --bg2:#ECE5DC;
  --card:#FFFFFF;
  --text:#111111;
  --muted:#444444;
  --primary:#0F3D2E;
  --accent:#E0B84A;
  --border:rgba(17,17,17,.10);
  --shadow:0 14px 40px rgba(17,17,17,.10);
  --r:18px;
  --max:1120px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;scroll-behavior:smooth}
a{color:var(--primary);text-decoration:none} a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:24px 16px}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow)}
.muted{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 16px;font-weight:900;
  border:1px solid transparent;cursor:pointer;white-space:nowrap;gap:8px}
.btnPrimary{background:var(--accent);color:var(--text)}
.btnGreen{background:var(--primary);color:#fff}
.btnGhost{background:transparent;border-color:var(--border);color:var(--primary)}

header{position:sticky;top:0;z-index:60;background:rgba(242,238,232,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.head{max-width:var(--max);margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:10px;min-width:0}
.brand img{height:34px;width:auto}
.nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nav a.link{padding:10px 10px;border-radius:999px;font-weight:900;color:var(--primary)}
.nav a.link:hover{background:rgba(15,61,46,.06);text-decoration:none}
.callBtn{background:var(--primary);color:#fff;padding:10px 14px;border-radius:999px;font-weight:950}
.callBtn:hover{text-decoration:none;filter:brightness(.98)}
.menuBtn{display:none;background:transparent;border:1px solid var(--border);border-radius:999px;padding:10px 12px;font-weight:950;color:var(--primary)}
.menuPanel{display:none;position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.35)}
.menuSheet{position:absolute;right:0;top:0;height:100%;width:min(360px,88%);background:var(--card);border-left:1px solid var(--border);
  padding:18px;box-shadow:var(--shadow)}
.menuSheet a{display:block;padding:12px 10px;border-radius:12px;font-weight:900;color:var(--primary)}
.menuSheet a:hover{background:rgba(15,61,46,.06);text-decoration:none}
.menuSheet .ctaRow{display:grid;gap:10px;margin-top:12px}

.hero{position:relative;overflow:hidden;border-radius:var(--r);border:1px solid var(--border);box-shadow:var(--shadow);min-height:560px}
.heroBg{position:absolute;inset:0;background:url('hero.webp') center/cover no-repeat}
.heroOverlay{position:absolute;inset:0;background:linear-gradient(90deg, rgba(15,61,46,.84) 0%, rgba(15,61,46,.58) 48%, rgba(15,61,46,.18) 100%)}
.heroIn{position:relative;max-width:var(--max);margin:0 auto;padding:54px 18px;display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
.h1{margin:0 0 10px 0;font-size:clamp(30px,4.5vw,54px);line-height:1.05;letter-spacing:-.8px;color:#fff}
.kicker{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);color:#fff;font-weight:900;font-size:12px;letter-spacing:.6px;text-transform:uppercase}
.lead{margin:10px 0 14px 0;color:rgba(255,255,255,.92);font-size:16px}
.bullets{display:grid;gap:10px;margin:14px 0 18px 0}
.bullet{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid rgba(255,255,255,.18);border-radius:14px;
  background:rgba(255,255,255,.08);color:#fff}
.dot{width:10px;height:10px;border-radius:999px;background:var(--accent);margin-top:6px;flex:0 0 10px}
.cta{display:flex;gap:10px;flex-wrap:wrap}
.trustStrip{margin-top:16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:14px;color:#fff}
.trustGrid{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-weight:950}
.trustGrid span{display:inline-flex;gap:8px;align-items:center;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.12)}
.urgency{margin-top:10px;color:#FFD9D9;font-weight:950}

.section{margin-top:22px}
.sectionAlt{background:var(--bg2);border-radius:var(--r);padding:18px;border:1px solid rgba(17,17,17,.06)}
.h2{margin:0 0 10px 0;font-size:22px;letter-spacing:-.3px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pack{position:relative;padding:16px;display:flex;flex-direction:column;gap:10px}
.badgeTop{position:absolute;top:-14px;right:-10px;background:var(--accent);color:#111;padding:10px 14px;border-radius:999px;font-weight:950;font-size:13px;
  box-shadow:0 10px 22px rgba(0,0,0,.16)}
.tag{display:inline-flex;width:fit-content;padding:6px 10px;border-radius:999px;font-weight:950;font-size:12px;background:rgba(224,184,74,.22);
  border:1px solid rgba(224,184,74,.45)}
.price{font-size:22px;font-weight:950;letter-spacing:-.3px}
.pack ul{margin:0;padding-left:18px;color:var(--muted)}
.pack .btn{width:100%}
.hint{font-weight:900;color:var(--muted);font-size:13px}
.note{font-weight:900;color:var(--muted);font-size:13px}

.why{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.whyCard{padding:16px}
.whyCard b{display:block;margin-bottom:6px}

.reviews{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.review{padding:16px;display:flex;gap:12px;align-items:flex-start}
.avatar{width:44px;height:44px;border-radius:999px;overflow:hidden;border:1px solid var(--border);flex:0 0 44px;background:#fff}
.stars{font-weight:950;letter-spacing:.5px}
.reviewQuote{font-weight:950;margin:4px 0 0 0}
.reviewWho{opacity:.8;margin-top:2px}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.step{padding:16px}
.step strong{display:block;margin-bottom:6px}
.step p{margin:0;color:var(--muted)}

details{border:1px solid var(--border);border-radius:14px;background:var(--card);padding:12px 14px}
details+details{margin-top:10px}
summary{cursor:pointer;font-weight:950}
details p{margin:10px 0 0 0;color:var(--muted)}

.contact{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.box{padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--card)}

.finalCta{margin-top:22px;background:var(--primary);color:#fff;border-radius:var(--r);padding:44px 16px;text-align:center;border:1px solid rgba(255,255,255,.12)}
.finalCta h3{margin:0 0 10px 0;font-size:30px;letter-spacing:-.4px}
.finalCta p{margin:0 0 18px 0;opacity:.95}

footer{margin-top:22px;padding:18px 0;color:var(--muted);font-size:13px}

.sticky{position:fixed;left:0;right:0;bottom:0;z-index:65;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-top:1px solid var(--border);
  padding:10px 10px calc(10px + env(safe-area-inset-bottom));display:none}
.stickyIn{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px}

.toast{position:fixed;inset:auto 14px 14px auto;z-index:90;max-width:360px;width:calc(100% - 28px);display:none}
.toastCard{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:14px}
.toastTop{display:flex;justify-content:space-between;gap:10px;align-items:start}
.toastTop b{font-size:14px}
.toastClose{border:none;background:transparent;font-weight:950;cursor:pointer}
.toastActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}

.modalBg{position:fixed;inset:0;z-index:95;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;padding:16px}
.modal{max-width:520px;width:100%;background:#fff;border-radius:18px;border:1px solid var(--border);box-shadow:var(--shadow);padding:18px}
.modal h4{margin:0 0 8px 0}
.modal p{margin:0 0 12px 0;color:var(--muted)}
.modal .row{display:flex;gap:10px;flex-wrap:wrap}

@media(max-width:900px){
  .nav{display:none}
  .menuBtn{display:inline-flex}
  .heroIn{grid-template-columns:1fr;padding:38px 16px}
  .grid3,.steps,.reviews,.contact{grid-template-columns:1fr}
  .why{grid-template-columns:1fr}
  body{padding-bottom:86px}
  .sticky{display:block}
}

/* Premium wellness redesign */
:root{
  --bg:#f6f0e6;
  --bg2:#efe3d2;
  --card:rgba(255,252,246,.92);
  --text:#21180f;
  --muted:#66594b;
  --primary:#173d30;
  --primary2:#0d241c;
  --accent:#c99a45;
  --accent2:#f4d696;
  --border:rgba(54,38,20,.13);
  --shadow:0 22px 60px rgba(38,25,12,.14);
  --r:24px;
}

html,body{
  background:
    radial-gradient(circle at 12% 5%, rgba(244,214,150,.30), transparent 32%),
    radial-gradient(circle at 84% 18%, rgba(23,61,48,.18), transparent 30%),
    linear-gradient(180deg,#fbf6ee 0%,#f2e7d8 52%,#efe1ce 100%);
}

body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(120deg, transparent 0 38%, rgba(255,255,255,.28) 39% 40%, transparent 41% 100%),
    radial-gradient(ellipse at 50% -10%, rgba(255,255,255,.55), transparent 52%);
  opacity:.72;
}

a{color:var(--primary)}
.wrap{padding:30px 18px}
.card{
  background:linear-gradient(180deg,rgba(255,253,248,.96),rgba(255,248,238,.91));
  border:1px solid rgba(80,56,28,.13);
  box-shadow:var(--shadow);
}

header{
  background:rgba(255,249,239,.82);
  border-bottom:1px solid rgba(80,56,28,.13);
  box-shadow:0 8px 28px rgba(33,24,15,.06);
}
.head{padding:14px 18px}
.brand img{height:42px;filter:drop-shadow(0 8px 16px rgba(23,61,48,.12))}
.nav{gap:8px}
.nav a.link{
  color:#2f2418;
  padding:10px 12px;
}
.nav a.link:hover{
  background:rgba(201,154,69,.14);
  color:var(--primary);
}
.callBtn,
.btnGreen{
  background:linear-gradient(135deg,var(--primary),var(--primary2));
  color:#fff;
  box-shadow:0 12px 28px rgba(23,61,48,.22);
}
.btnPrimary{
  background:linear-gradient(135deg,var(--accent2),var(--accent));
  color:#21180f;
  box-shadow:0 12px 30px rgba(201,154,69,.30);
}
.btnGhost{
  background:rgba(255,255,255,.42);
  border-color:rgba(23,61,48,.22);
  color:var(--primary);
}
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff}
.btn-secondary{background:linear-gradient(135deg,var(--accent2),var(--accent));color:#21180f}
.btn:hover{transform:translateY(-1px);text-decoration:none;filter:saturate(1.03)}
.btn{transition:transform .18s ease, filter .18s ease, box-shadow .18s ease}

.menuSheet{
  background:linear-gradient(180deg,#fffaf2,#f4eadb);
}

.hero{
  min-height:640px;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.42);
  box-shadow:0 34px 90px rgba(23,61,48,.22);
}
.hero:after{
  content:"";
  position:absolute;
  inset:auto 34px 28px auto;
  width:210px;
  height:210px;
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(244,214,150,.36),transparent 58%),
    radial-gradient(circle at 35% 35%,rgba(255,255,255,.35),transparent 26%);
  filter:blur(2px);
  pointer-events:none;
}
.heroBg{
  transform:scale(1.045);
  filter:saturate(1.06) contrast(1.03);
}
.heroOverlay{
  background:
    linear-gradient(90deg, rgba(13,36,28,.92) 0%, rgba(23,61,48,.72) 44%, rgba(23,61,48,.22) 100%),
    radial-gradient(circle at 18% 18%, rgba(244,214,150,.22), transparent 32%);
}
.heroIn{
  min-height:640px;
  align-items:center;
  padding:74px 26px;
}
.h1{
  max-width:760px;
  font-size:clamp(38px,5.2vw,68px);
  letter-spacing:-1.3px;
  text-wrap:balance;
}
.kicker{
  background:rgba(244,214,150,.16);
  border-color:rgba(244,214,150,.36);
  color:#fff4d8;
}
.lead{
  max-width:650px;
  font-size:18px;
}
.bullet{
  max-width:560px;
  border-color:rgba(255,255,255,.20);
  background:rgba(255,255,255,.105);
  backdrop-filter:blur(8px);
}
.dot{
  background:linear-gradient(135deg,var(--accent2),var(--accent));
  box-shadow:0 0 0 5px rgba(244,214,150,.16);
}
.trustStrip{
  max-width:760px;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(12px);
}

.section{margin-top:34px}
.sectionAlt{
  padding:26px;
  background:linear-gradient(135deg,rgba(23,61,48,.07),rgba(201,154,69,.12));
}
.h2{
  font-size:clamp(26px,3.1vw,38px);
  letter-spacing:-.6px;
  color:#241a10;
}
.grid3{gap:18px}
.pack{
  padding:22px;
  overflow:hidden;
}
.pack:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:5px;
  background:linear-gradient(90deg,var(--primary),var(--accent));
  opacity:.76;
}
.pack h3{font-size:22px}
.tag,.chip{
  display:inline-flex;
  width:fit-content;
  padding:7px 12px;
  border-radius:999px;
  font-weight:950;
  font-size:12px;
  color:#453016;
  background:linear-gradient(135deg,rgba(244,214,150,.58),rgba(255,255,255,.40));
  border:1px solid rgba(201,154,69,.38);
}
.price{
  color:var(--primary);
  font-size:26px;
}
.badgeTop{
  background:linear-gradient(135deg,var(--accent2),var(--accent));
  box-shadow:0 16px 34px rgba(201,154,69,.32);
}

.why{gap:16px}
.whyCard{
  background:linear-gradient(180deg,#fffaf3,#f8eddf);
  border-radius:20px;
}
.review{
  border-radius:22px;
}
.avatar{
  width:54px;
  height:54px;
  flex-basis:54px;
  box-shadow:0 10px 24px rgba(23,61,48,.12);
}
.stars{color:#bd8430}
.reviewQuote{font-size:17px}

.bookingPanel{
  padding:24px!important;
  background:
    radial-gradient(circle at 88% 12%, rgba(244,214,150,.30), transparent 26%),
    linear-gradient(180deg,rgba(255,253,248,.98),rgba(255,248,238,.94));
}
input,select,textarea{
  background:#fffaf3!important;
  border:1px solid rgba(80,56,28,.16)!important;
  color:var(--text);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
label{color:#2c2014}
#calWrap{
  box-shadow:0 22px 60px rgba(23,61,48,.15);
}

.finalCta{
  background:
    radial-gradient(circle at 78% 22%, rgba(244,214,150,.20), transparent 32%),
    linear-gradient(135deg,var(--primary),#0b2018);
  box-shadow:0 24px 70px rgba(23,61,48,.22);
}
.sticky{
  background:rgba(255,250,242,.92);
}
.toastCard,.modal{
  background:linear-gradient(180deg,#fffaf3,#f8eddf);
}

@media(max-width:900px){
  .wrap{padding:18px 14px}
  .hero{min-height:680px;border-radius:24px}
  .heroIn{min-height:680px;padding:42px 18px}
  .heroOverlay{
    background:linear-gradient(180deg,rgba(13,36,28,.94),rgba(23,61,48,.72) 58%,rgba(23,61,48,.32));
  }
  .hero:after{display:none}
  .stickyIn{grid-template-columns:1fr 1fr 1fr}
  .sticky .btn{padding:11px 9px;font-size:13px}
}

/* Signature spa edition: darker, more atmospheric and visibly different */
:root{
  --bg:#100d0a;
  --bg2:#1a130d;
  --card:rgba(31,23,16,.78);
  --text:#fff7ea;
  --muted:#d8c6ae;
  --primary:#d8a94f;
  --primary2:#9a6b25;
  --accent:#f0cf87;
  --accent2:#fff0bf;
  --border:rgba(255,230,184,.18);
  --shadow:0 30px 90px rgba(0,0,0,.42);
  --r:18px;
}

html,body{
  color:var(--text);
  background:
    radial-gradient(circle at 12% 0%, rgba(216,169,79,.22), transparent 30%),
    radial-gradient(circle at 86% 12%, rgba(69,42,20,.58), transparent 32%),
    linear-gradient(180deg,#0b0907 0%,#15100c 45%,#22170f 100%);
}

body:before{
  background:
    radial-gradient(ellipse at 50% -12%, rgba(255,231,188,.14), transparent 48%),
    linear-gradient(110deg, transparent 0 32%, rgba(255,255,255,.045) 33% 34%, transparent 35% 100%);
  opacity:1;
}

.wrap{
  max-width:1180px;
  padding:0 18px 34px;
}

header{
  position:fixed;
  left:0;
  right:0;
  background:rgba(11,9,7,.58);
  border-bottom:1px solid rgba(255,230,184,.14);
  backdrop-filter:blur(18px);
  box-shadow:none;
}
.head{
  max-width:1180px;
  min-height:76px;
}
.brand img{
  height:48px;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.35));
}
.nav a.link{
  color:#f4e6ce;
}
.nav a.link:hover{
  background:rgba(240,207,135,.12);
  color:#fff4ce;
}
.menuBtn{
  color:#fff4ce;
  border-color:rgba(255,230,184,.22);
}
.callBtn{
  background:linear-gradient(135deg,#f6d88b,#c79035);
  color:#160f08;
  box-shadow:0 14px 34px rgba(216,169,79,.28);
}

.hero{
  width:100vw;
  min-height:92vh;
  margin-left:calc(50% - 50vw);
  border:0;
  border-radius:0;
  box-shadow:none;
  background:#0b0907;
}
.heroBg{
  background-position:center 35%;
  transform:scale(1.03);
  filter:saturate(1.05) contrast(1.08) brightness(.82);
}
.heroOverlay{
  background:
    radial-gradient(circle at 66% 42%, rgba(240,207,135,.13), transparent 24%),
    linear-gradient(90deg, rgba(8,6,5,.96) 0%, rgba(13,9,6,.83) 43%, rgba(13,9,6,.34) 72%, rgba(13,9,6,.72) 100%),
    linear-gradient(180deg, rgba(0,0,0,.20), rgba(0,0,0,.72));
}
.hero:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:180px;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,#100d0a);
}
.hero:after{
  inset:auto 9vw 15vh auto;
  width:330px;
  height:330px;
  opacity:.95;
  background:
    radial-gradient(circle,rgba(240,207,135,.22),transparent 58%),
    radial-gradient(circle at 42% 38%,rgba(255,255,255,.18),transparent 23%);
  filter:blur(10px);
}
.heroIn{
  max-width:1180px;
  min-height:92vh;
  padding:150px 22px 120px;
  grid-template-columns:1.05fr .95fr;
}
.h1{
  max-width:820px;
  font-size:clamp(44px,6.5vw,82px);
  line-height:.98;
  color:#fff7ea;
  text-shadow:0 18px 44px rgba(0,0,0,.55);
}
.kicker{
  background:rgba(240,207,135,.12);
  border-color:rgba(240,207,135,.34);
  color:#f7d995;
}
.lead{
  max-width:650px;
  color:#f0dfc8;
  font-size:20px;
}
.bullets{
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:840px;
}
.bullet{
  display:block;
  min-height:118px;
  padding:18px;
  border-radius:18px;
  background:rgba(255,247,234,.10);
  border-color:rgba(255,230,184,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}
.dot{
  display:block;
  margin:0 0 12px;
  width:12px;
  height:12px;
  background:#f0cf87;
}
.hero .btnGhost{
  color:#fff4ce;
  border-color:rgba(255,230,184,.35);
  background:rgba(255,255,255,.08);
}
.trustStrip{
  max-width:840px;
  margin-top:24px;
  background:rgba(15,11,8,.42);
  border-color:rgba(255,230,184,.20);
  box-shadow:0 24px 70px rgba(0,0,0,.30);
}
.trustGrid span{
  background:rgba(240,207,135,.11);
  border-color:rgba(240,207,135,.18);
}
.urgency{color:#ffe0a3}

.section{
  margin-top:44px;
}
.section:first-of-type{
  margin-top:54px;
}
.sectionAlt{
  background:
    radial-gradient(circle at 80% 18%, rgba(240,207,135,.12), transparent 28%),
    linear-gradient(135deg,rgba(255,247,234,.08),rgba(255,247,234,.035));
  border-color:rgba(255,230,184,.16);
}
.h2{
  color:#fff7ea;
  font-size:clamp(30px,3.4vw,46px);
}
.muted{color:var(--muted)}
.card{
  color:#fff7ea;
  background:
    linear-gradient(180deg,rgba(42,31,22,.86),rgba(23,17,12,.88));
  border-color:rgba(255,230,184,.16);
  box-shadow:0 24px 70px rgba(0,0,0,.34);
}
.pack{
  min-height:100%;
  border-radius:22px;
}
.pack:before{
  height:3px;
  background:linear-gradient(90deg,#f0cf87,#8d6326);
}
.tag,.chip{
  color:#21180f;
  background:linear-gradient(135deg,#fff0bf,#c9963d);
  border:0;
}
.price{
  color:#f0cf87;
}
.pack ul{
  color:#d8c6ae;
}
.hint,.note{color:#cdb894}
.whyCard,.toastCard,.modal{
  background:linear-gradient(180deg,rgba(42,31,22,.88),rgba(26,19,13,.92));
}
.review{
  background:
    radial-gradient(circle at 90% 0%, rgba(240,207,135,.10), transparent 26%),
    linear-gradient(180deg,rgba(42,31,22,.86),rgba(23,17,12,.88));
}
.avatar{
  border-color:rgba(240,207,135,.28);
}
.stars{color:#f0cf87}
.box{
  background:rgba(255,247,234,.06);
  border-color:rgba(255,230,184,.16);
}

.bookingPanel{
  background:
    radial-gradient(circle at 88% 10%, rgba(240,207,135,.16), transparent 30%),
    linear-gradient(180deg,rgba(42,31,22,.92),rgba(23,17,12,.94));
}
input,select,textarea{
  background:#fff7ea!important;
  color:#21180f!important;
}
label{color:#fff1d6}
#calWrap{border-color:rgba(240,207,135,.24)!important}

.finalCta{
  background:
    radial-gradient(circle at 82% 18%, rgba(240,207,135,.19), transparent 32%),
    linear-gradient(135deg,#21170f,#0b0907);
  border-color:rgba(240,207,135,.20);
}
footer{color:#cdb894}
.sticky{
  background:rgba(11,9,7,.86);
  border-top-color:rgba(255,230,184,.18);
}

@media(max-width:900px){
  header{position:sticky}
  .wrap{padding:0 14px 28px}
  .hero{
    width:calc(100% + 28px);
    margin-left:-14px;
    min-height:760px;
  }
  .heroIn{
    min-height:760px;
    padding:72px 18px 96px;
    grid-template-columns:1fr;
  }
  .h1{font-size:clamp(40px,13vw,58px)}
  .lead{font-size:18px}
  .bullets{grid-template-columns:1fr}
  .bullet{min-height:0}
  .heroOverlay{
    background:linear-gradient(180deg,rgba(8,6,5,.86),rgba(13,9,6,.72) 48%,rgba(13,9,6,.90));
  }
}