/* Maison Tamra — editorial layer (loaded after hotel.css). Warm sand, terracotta, Cormorant Garamond display, Manrope text. */
:root{
  --sand:#F3ECE1;--paper:#FAF6EF;--stone:#E7DCCB;--stone2:#D8C8B1;
  --ink:#22170E;--ink2:#5B4A3B;--ink3:#8A7867;
  --sun:#A5694A;--sun-d:#8A5539;--saffron:#C9A06A;
  --line:rgba(34,23,14,.12);--line2:rgba(34,23,14,.22);
  --serif:"Cormorant Garamond",Georgia,serif;--sans:"Manrope",system-ui,sans-serif;--mono:"Manrope",system-ui,sans-serif;
  --r:6px;--ease:cubic-bezier(.2,.7,.2,1)
}
body{font-family:var(--sans);letter-spacing:.003em}

/* film theme */
.cf{--cf-ink:#22170E;--cf-light:#FBF6EE;--cf-fg:#22170E;--cf-bg:#F3ECE1;--cf-accent:#A5694A;--cf-disp:var(--serif);--cf-sans:var(--sans);--cf-top:calc(var(--rib) + var(--navh));--cf-shade:#1a0e0699;--cf-scrim:#1a0e06c4;--cf-scrim-l:#f3ece1d9}
.cf .cf-h1,.cf .cf-h2{font-weight:500;letter-spacing:-.01em}
.cf .cf-h1{font-size:clamp(58px,9vw,156px)}
@media (min-width:821px){.cf .cf-t-light .cf-h1 em,.cf .cf-t-light .cf-h2 em{color:#F2C58E}}

/* ribbon + nav */
.rib{font-size:11px;letter-spacing:.04em}
.pg-home .nav:not(.solid){color:var(--ink)}
.pg-home .nav:not(.solid) .logo i{color:var(--sun)}
.pg-home .nav:not(.solid) .nav-cta{background:var(--ink);color:var(--paper)}
.logo{font-weight:500;font-size:27px}
.nav-links a{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:600}

/* type */
.kick{font:600 11px/1.3 var(--sans);letter-spacing:.3em;color:var(--sun)}
.kick i{width:34px;height:1px;background:currentColor;border-radius:0;flex:none}
.h2,h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.01em}
.h2{font-size:clamp(42px,6vw,92px);line-height:.95}
.h2 em,h1 em,h2 em,h3 em{font-style:italic;font-weight:500;color:var(--sun)}

/* buttons */
.btn{min-height:48px;font:600 11.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;border-radius:99px}
.btn-sun{background:var(--ink);color:var(--paper);box-shadow:none}
.btn-sun:hover{background:var(--ink2)}
.mbar .btn-sun{background:var(--paper);color:var(--ink)}
.cd.sel-in,.cd.sel-out,.chip[aria-pressed=true],.steps li.on i{background:var(--ink)!important;border-color:var(--ink)!important;color:var(--paper)!important}

/* radii: quiet and editorial */
.amen li,.chat,.ci li,.cm,.ex,.ex-i,.g-count,.hk-c,.keycard,.kpi,.mail,.mbar,.panel,.pay label,.q-dates,.quote,.search,.seg-wide,.sf,.sum,.tape-wrap,.tp-pop,.up,.wa,.wifi,.card .ph,.card img,.ph{border-radius:6px!important}
.search-go{border-radius:99px!important}
.ph img{transition:transform 1.4s var(--ease)}
.card:hover .ph img,a:hover>.ph img{transform:scale(1.05)}

/* date search after the film */
.hfind{padding:clamp(90px,11vw,160px) 0 clamp(60px,8vw,110px);background:var(--sand)}
.hfind .hfind-in{margin-bottom:34px}
.hfind .search{margin:0 auto;background:var(--paper);box-shadow:0 30px 70px -45px #22170e66;border:1px solid var(--line)}
.hfind .sf span{font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--ink3)}
.hfind .search-note{color:var(--ink3)}

/* figures */
.kpi b,.g-count b,.stat b,.num b{font-family:var(--serif);font-weight:500}

@media (max-width:820px){

  .hfind{padding:72px 0 56px}
  .h2{font-size:clamp(38px,10.5vw,58px)}
}
/* keep the wordmark legible over the film */
body[data-page="home"] header.nav{background:linear-gradient(#f4ede3e0,#f4ede300);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
body[data-page="home"] header.nav .logo{color:#2a1d14}body[data-page="home"] header.nav .logo i{color:#7d4a31!important;opacity:1!important}