/* Velin — editorial layer (loaded after salon.css). Alabaster + brass, Cormorant Garamond display, Manrope text. */
:root{
  --alab:#F5EFE6;--linen:#ECE3D6;--sand:#DCCBB3;--ink:#1D1713;--ink-2:#2A221C;--ink-3:#3A3029;
  --brass:#A8834E;--brass-2:#8A6A3A;--brass-l:#CFAE7B;--text:#1D1713;--muted:#6E6258;
  --line:rgba(29,23,19,.12);--line-l:rgba(245,239,230,.16);
  --sans:"Manrope",system-ui,sans-serif;--mono:"Manrope",system-ui,sans-serif;--ease:cubic-bezier(.2,.7,.2,1)
}
body{font:400 15px/1.65 var(--sans);letter-spacing:.003em}
.cf{--cf-ink:#1D1713;--cf-light:#FBF7F0;--cf-fg:#1D1713;--cf-bg:#F5EFE6;--cf-accent:#8A6A3A;--cf-disp:var(--serif);--cf-sans:var(--sans);--cf-top:calc(var(--rib) + var(--navh));--cf-scrim-l:#f7f1e8e0;--cf-shade:#0006}
.cf .cf-h1,.cf .cf-h2{font-weight:500;letter-spacing:-.015em}
.cf .cf-h1{font-size:clamp(58px,8.4vw,140px)}
.cf-side .next-card{position:static;margin:0;background:#fbf7f0e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);border:1px solid var(--line);border-radius:6px}

/* nav: dark text over the light film at the top of home */
body.pg-home:not(.menu-open) .nav:not(.is-solid){color:var(--ink)}
.nav.is-solid{background:#f5efe6e6;box-shadow:0 1px 0 var(--line)}
.nav-links a{font:600 10.5px/1 var(--sans)!important;letter-spacing:.2em!important;text-transform:uppercase}
.logo span{font-family:var(--serif);font-weight:500}

/* labels */
.eyebrow,.kick{font:600 10.5px/1.3 var(--sans)!important;letter-spacing:.28em!important;text-transform:uppercase}
.eyebrow:before{content:"";width:30px;height:1px;background:currentColor;flex:none}
.kick i,.eyebrow i{display:none}
h1 em,h2 em,h3 em{font-style:italic}

/* buttons */
.btn{font:600 11px/1 var(--sans)!important;letter-spacing:.17em!important;text-transform:uppercase;min-height:48px;padding:0 24px}
.btn-brass{box-shadow:none}
.btn-sm{min-height:40px;padding:0 16px;font-size:10px!important}

/* surfaces */
[class*="card"]:not(.next-card),.mem,.gc,.svc,.tm,.step,.kpi,.panel,.slot,.faq{border-radius:6px}
input,select,textarea{border-radius:4px!important;font-family:var(--sans)!important}
img{transition:transform 1.2s var(--ease)}
.ph:hover img{transform:scale(1.04)}
.rib{font-family:var(--sans)}

@media (max-width:820px){
  .btn{min-height:46px;letter-spacing:.13em!important}
}
@media (max-width:820px){
  .chips button,.chips-sm button{min-height:40px;padding-left:16px;padding-right:16px}
  .pg-staff header button,.pg-staff .dtoday{min-height:40px;min-width:40px}
}