:root{
  --bg:#141418; --bg2:#1c1c22; --ink:#EDE6DA; --ink-dim:#B7ADA0;
  --accent:#B5643A; --accent-soft:rgba(181,100,58,.18); --line:rgba(237,230,218,.14);
}
body.emerald{
  --bg:#0F2A22; --bg2:#153a2e; --ink:#F1EAD9; --ink-dim:#AFC2B4;
  --accent:#C79A57; --accent-soft:rgba(199,154,87,.20); --line:rgba(241,234,217,.14);
}
body.plum{
  --bg:#2B1220; --bg2:#3a1a2b; --ink:#F3E4DE; --ink-dim:#C9A6AE;
  --accent:#C98A7D; --accent-soft:rgba(201,138,125,.20); --line:rgba(243,228,222,.14);
}
body.copper{
  --bg:#141418; --bg2:#1c1c22; --ink:#EDE6DA; --ink-dim:#B7ADA0;
  --accent:#B5643A; --accent-soft:rgba(181,100,58,.18); --line:rgba(237,230,218,.14);
}
body.club{
  --bg:#0A0A0A; --bg2:#161010; --ink:#F5EDE9; --ink-dim:#C9B9B4;
  --accent:#E10600; --accent-soft:rgba(225,6,0,.22); --line:rgba(245,237,233,.14);
}
body.trds{
  --bg:#0F0907; --bg2:#240C09; --ink:#F3E7DD; --ink-dim:#C7A79D;
  --accent:#7B1E10; --accent-soft:rgba(123,30,16,.32); --line:rgba(243,231,221,.14);
  --gold:#C1936F;
}

.infobar{ display:none; }
body.trds .infobar{
  display:flex; justify-content:center; gap:14px; flex-wrap:wrap;
  background:#000; color:#e8dcd8; font-size:11.5px; letter-spacing:.03em;
  padding:9px 16px; border-bottom:1px solid var(--line); position:relative; z-index:3;
}
.marquee{ display:none; }
body.trds .marquee{
  display:block; overflow:hidden; white-space:nowrap; background:var(--accent);
  color:#fff; font-weight:800; letter-spacing:.08em; text-transform:uppercase; font-size:12.5px;
  padding:9px 0; position:relative; z-index:3;
}
body.trds .marquee span{ display:inline-block; padding-left:100%; animation:scrollmq 42s linear infinite; }
@keyframes scrollmq{ to{ transform:translateX(-100%); } }
body.trds .logo{
  border:0px solid var(--ink); padding:6px 18px; letter-spacing:.15em; font-weight:800;
  font-family:-apple-system, sans-serif; font-size:20px; text-transform:uppercase; border-radius:0;
}
body.trds .logo em{ font-style:normal; background:none; -webkit-text-fill-color:currentColor; color:var(--ink); animation:none; filter:none; }
body.trds .navlinks a{ text-transform:uppercase; font-weight:700; letter-spacing:.06em; }
body.trds .book-btn, body.trds .cta{
  border-radius:2px; text-transform:uppercase; font-weight:800; letter-spacing:.06em;
  background:linear-gradient(160deg, #A8351F, var(--accent) 55%, #3D0F08);
  box-shadow: 0 0 20px var(--accent-soft), inset 0 1px 0 rgba(255,255,255,.35), inset 0 0 0 1px var(--gold);
}
body.trds .hero{ max-width:100%; text-align:center; padding:110px 6% 80px; position:relative; overflow:hidden; }
body.trds .hero.hero-photo{
  padding:120px 6% 90px; min-height:520px; display:flex; align-items:center; justify-content:center;
  background:#0F0907;
}
.hero-slides{ position:absolute; inset:0; z-index:0; overflow:hidden; }
.hero-slide{
  position:absolute; inset:0; background-size:cover; background-position:center;
  opacity:0; animation:heroFade 21s infinite;
}
.hero-slide:nth-child(1){ animation-delay:0s; }
.hero-slide:nth-child(2){ animation-delay:7s; }
.hero-slide:nth-child(3){ animation-delay:14s; }
@keyframes heroFade{
  0%{ opacity:0; }
  4%{ opacity:1; }
  29%{ opacity:1; }
  36%{ opacity:0; }
  100%{ opacity:0; }
}
.hero-photo-overlay{ display:none; }
body.trds .hero-inner{ position:relative; z-index:2; max-width:640px; margin:0 auto; }
body.trds .hero h1{ text-align:center; font-size:48px; text-transform:uppercase; }
body.trds .hero p{ text-align:center; margin:0 auto 24px; }
body.trds .eyebrow{ text-align:center; }

.welcome-section{ background:var(--bg2); }
.welcome-section h2{ max-width:640px; }
.welcome-section p.body{ max-width:640px; }

.roster-grid-wide{ grid-template-columns:repeat(5,1fr); }
@media(max-width:1000px){ .roster-grid-wide{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:800px){ .roster-grid-wide{ grid-template-columns:repeat(2,1fr); } }

/* ---- two-column section layout (text + image) ---- */
.split-section{
  display:grid; grid-template-columns:1.1fr 1fr; gap:56px; align-items:center;
}
.split-section-reverse{ grid-template-columns:1fr 1fr; }
.split-section-tight{ margin-bottom:44px; align-items:start; }
.split-text .label, .split-text h2, .split-text p.body{ margin-left:0; margin-right:0; }
.split-media{
  border-radius:16px; overflow:hidden; border:1px solid var(--line);
  box-shadow: 0 24px 50px -20px rgba(0,0,0,.65), inset 0 1px 1px rgba(255,255,255,.1);
  position:relative;
}
.split-media img{ width:100%; height:100%; min-height:320px; object-fit:cover; display:block; }
.split-media-art{ background:#0F0907; }
.split-media-art img{ object-fit:contain; min-height:0; padding:10px; }
.visit .split-text{ text-align:left; }
.visit .split-text h2{ margin:0 0 20px; }
.visit .split-text p.body{ margin:0 0 26px; max-width:520px; }

/* ---- "Available now" mosaic of 5 photos ---- */
.avail-mosaic{
  display:grid; grid-template-columns:repeat(4,1fr); grid-template-rows:repeat(2,130px);
  gap:10px; height:100%;
}
.avail-mosaic img{
  width:100%; height:100%; object-fit:cover; display:block; border-radius:10px;
  border:1px solid var(--line); box-shadow:0 14px 30px -16px rgba(0,0,0,.6);
}
.avail-mosaic .am-1{ grid-column:1 / 3; grid-row:1 / 3; }
.avail-mosaic .am-2{ grid-column:3; grid-row:1; }
.avail-mosaic .am-3{ grid-column:4; grid-row:1; }
.avail-mosaic .am-4{ grid-column:3; grid-row:2; }
.avail-mosaic .am-5{ grid-column:4; grid-row:2; }

@media(max-width:900px){
  .split-section, .split-section-reverse{ grid-template-columns:1fr; }
  .split-media{ order:-1; }
  .visit .split-media{ order:2; }
  .avail-mosaic{ grid-template-rows:repeat(2,110px); }
}

/* ---- welcome-section right side image scroller (5 photos, auto crossfade) ---- */
.welcome-scroller{ position:relative; min-height:320px; height:100%; }
.welcome-scroller-slide{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;
  opacity:0; animation:welcomeScrollerFade 35s infinite;
}
.welcome-scroller-slide:nth-child(1){ animation-delay:0s; }
.welcome-scroller-slide:nth-child(2){ animation-delay:7s; }
.welcome-scroller-slide:nth-child(3){ animation-delay:14s; }
.welcome-scroller-slide:nth-child(4){ animation-delay:21s; }
.welcome-scroller-slide:nth-child(5){ animation-delay:28s; }
@keyframes welcomeScrollerFade{
  0%{ opacity:0; }
  3%{ opacity:1; }
  17%{ opacity:1; }
  20%{ opacity:0; }
  100%{ opacity:0; }
}

/* ---- section variant that ignores the 960px content clamp ---- */
.section-inner-full{ max-width:none; width:100%; }
.section-inner-full h2, .section-inner-full p.body, .section-inner-full .promise-card{ max-width:none; }

.promo-tiles{ display:none; }
body.trds .promo-tiles{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:28px auto 0; max-width:460px; position:relative; z-index:1; }
.promo-tile{
  border:1px solid var(--line); border-radius:8px; padding:16px;
  background:linear-gradient(160deg, rgba(255,255,255,.06), rgba(255,255,255,0) 60%), rgba(158,34,54,.10);
  backdrop-filter: blur(6px);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.08), 0 10px 24px -16px rgba(0,0,0,.6);
  transition: transform .25s ease, box-shadow .25s ease;
}
.promo-tile:hover{ transform:translateY(-2px); box-shadow: inset 0 1px 1px rgba(255,255,255,.15), 0 16px 30px -16px rgba(0,0,0,.65); }
.promo-tile.filled{ background:linear-gradient(160deg, var(--accent), #2B0A06); border-color:transparent; }
.promo-tile h4{ font-size:12.5px; text-transform:uppercase; letter-spacing:.05em; margin-bottom:6px; }
.promo-tile p{ font-size:19px; color:var(--ink-dim); }
.promo-tile.filled p{ color:#ffe8e6; }
.quickboxes{ display:none; }
body.trds .quickboxes{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:22px auto 0; max-width:560px; position:relative; z-index:1; }
.quickboxes a{
  border:1px solid var(--line); text-align:center; padding:12px 6px; font-size:10.5px;
  text-transform:uppercase; letter-spacing:.04em; color:var(--ink); text-decoration:none; border-radius:4px;
  transition: all .25s ease; background:rgba(255,255,255,.02);
}
.quickboxes a:hover{ border-color:var(--gold, var(--accent)); background:var(--accent-soft); box-shadow:0 0 16px var(--accent-soft); }
@media(max-width:800px){ .quickboxes{ grid-template-columns:1fr 1fr; } }

.ticker{ display:none; }
body.club .ticker{
  display:flex; justify-content:center; gap:10px; align-items:center;
  background:linear-gradient(90deg, #E10600, #8c0400, #E10600);
  color:#fff; font-size:12.5px; letter-spacing:.14em; text-transform:uppercase;
  padding:8px; font-weight:700; position:relative; z-index:3;
  text-shadow:0 0 8px rgba(255,255,255,.4);
}
body.club .logo em, body.club .hero h1 em, body.club h2 em{
  text-shadow:0 0 6px var(--accent), 0 0 22px var(--accent), 0 0 44px var(--accent-soft);
  filter:none;
}
body.club .cta, body.club .book-btn{
  text-transform:uppercase; font-weight:800; letter-spacing:.06em;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.5), inset 0 -6px 10px rgba(0,0,0,.3), 0 0 24px var(--accent-soft), 0 6px 16px rgba(0,0,0,.5);
}

*{ box-sizing:border-box; margin:0; padding:0; }
body{
  background:
    radial-gradient(ellipse 900px 500px at 50% -10%, var(--accent-soft), transparent 60%),
    radial-gradient(ellipse 700px 400px at 100% 10%, rgba(255,255,255,.05), transparent 55%),
    var(--bg);
  color:var(--ink);
  font-family: -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  transition: background-color .5s ease, color .5s ease;
  position:relative;
}
body::before{
  content:''; position:fixed; inset:0; pointer-events:none; z-index:1;
  background:linear-gradient(115deg, transparent 40%, rgba(255,255,255,.035) 50%, transparent 60%);
  mix-blend-mode:overlay;
}
.serif{ font-family: Georgia, "Times New Roman", serif; }
a{ color:inherit; }
.metallic{
  background:linear-gradient(100deg, var(--accent) 0%, #fff 18%, var(--accent) 36%, var(--accent) 60%, #fff 78%, var(--accent) 100%);
  background-size:220% auto; -webkit-background-clip:text; background-clip:text; color:transparent;
  animation:shine 7s linear infinite; font-style:italic;
}
@keyframes shine{ to{ background-position:-220% center; } }

.switcher{
  position:sticky; top:0; z-index:50;
  display:flex; gap:8px; justify-content:center; align-items:center;
  padding:14px; background:var(--bg2); border-bottom:1px solid var(--line); flex-wrap:wrap;
}
.switcher button{
  font-family:inherit; font-size:12.5px; letter-spacing:.06em; text-transform:uppercase;
  background:transparent; color:var(--ink-dim); border:1px solid var(--line);
  padding:9px 16px; border-radius:999px; cursor:pointer; transition:all .3s ease;
}
.switcher button.active, .switcher button:hover{ color:var(--bg); background:var(--accent); border-color:var(--accent); }
.swatch{ display:inline-block; width:9px; height:9px; border-radius:50%; margin-right:7px; vertical-align:middle; }

nav{ display:flex; justify-content:space-between; align-items:center; padding:20px 6%; border-bottom:1px solid var(--line); position:relative; gap:16px; }
.logo{ font-size:19px; letter-spacing:.04em; position:relative; z-index:2; display:flex; align-items:center; text-decoration:none; }
.nav-toggle{
  display:none; flex-direction:column; justify-content:center; gap:5px;
  background:transparent; border:1px solid var(--line); border-radius:6px;
  width:38px; height:34px; padding:0; cursor:pointer; position:relative; z-index:3;
}
.nav-toggle span{ display:block; width:16px; height:2px; margin:0 auto; background:var(--ink); }
.logo-icon-img{ height:74px; width:auto; display:block; filter:drop-shadow(0 2px 10px rgba(0,0,0,.5)); }
.logo-full-img{ height:118px; width:auto; display:block; margin:0 auto 20px; filter:drop-shadow(0 4px 18px rgba(0,0,0,.55)); }
.logo em{ font-style:normal; }
.logo em, .hero h1 em, h2 em{
  background:linear-gradient(100deg, var(--accent) 0%, #fff 18%, var(--accent) 36%, var(--accent) 60%, #fff 78%, var(--accent) 100%);
  background-size:220% auto; -webkit-background-clip:text; background-clip:text; color:transparent;
  animation:shine 7s linear infinite; filter:drop-shadow(0 1px 1px rgba(0,0,0,.25));
}
.navlinks{ display:flex; gap:24px; flex-wrap:wrap; font-size:13px; letter-spacing:.05em; color:var(--ink-dim); position:relative; z-index:2; }
.navlinks a{
  text-decoration:none; position:relative; padding-bottom:4px; transition:color .25s ease;
  background:linear-gradient(90deg, var(--gold, var(--accent)), var(--gold, var(--accent))) no-repeat left bottom;
  background-size:0% 1.5px;
}
.navlinks a:hover{ color:var(--ink); background-size:100% 1.5px; }
.book-btn{
  position:relative; z-index:2; overflow:hidden;
  border:1px solid var(--accent); color:var(--ink);
  background:linear-gradient(160deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 60%, #000) 100%);
  padding:9px 20px; border-radius:999px; font-size:12.5px; letter-spacing:.05em; text-decoration:none;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.5), inset 0 -6px 10px rgba(0,0,0,.25), 0 6px 16px rgba(0,0,0,.35);
  transition: transform .25s ease;
}
.book-btn::after{
  content:''; position:absolute; top:0; left:-60%; width:40%; height:100%;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.5), transparent);
  transform:skewX(-20deg); transition:left .6s ease;
}
.book-btn:hover{ transform:translateY(-1px); }
.book-btn:hover::after{ left:120%; }

.hero{ padding:110px 6% 90px; text-align:center; max-width:760px; margin:0 auto; position:relative; z-index:2; }
.eyebrow{ font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:var(--accent); margin-bottom:22px; text-shadow:0 1px 12px var(--accent-soft); }
.hero h1{ font-size:56px; line-height:1.12; font-weight:400; margin-bottom:22px; text-shadow:0 2px 24px rgba(0,0,0,.3); }
.hero p{ color:var(--ink-dim); font-size:19px; line-height:1.6; max-width:480px; margin:0 auto 34px; }
.hero.hero-photo h1, .hero.hero-photo p, .hero.hero-photo .eyebrow{ text-shadow:0 2px 10px rgba(0,0,0,.85), 0 0 32px rgba(0,0,0,.6); }
.cta{
  display:inline-block; position:relative; overflow:hidden;
  background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 85%, #fff) 0%, var(--accent) 45%, color-mix(in srgb, var(--accent) 55%, #000) 100%);
  color:var(--bg); padding:16px 32px; border-radius:999px; text-decoration:none; font-size:13.5px; letter-spacing:.04em; font-weight:700;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.6), inset 0 -8px 14px rgba(0,0,0,.28), 0 10px 30px -6px var(--accent-soft), 0 4px 18px rgba(0,0,0,.4);
  transition: transform .25s ease, box-shadow .25s ease; border:none; cursor:pointer;
}
.cta::after{
  content:''; position:absolute; top:0; left:-60%; width:40%; height:100%;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.55), transparent);
  transform:skewX(-20deg); transition:left .6s ease;
}
.cta:hover{ transform:translateY(-2px); }
.cta:hover::after{ left:120%; }

.section{ padding:90px 6%; border-top:1px solid var(--line); position:relative; z-index:2; }
.section-inner{ max-width:960px; margin:0 auto; }
.num{ font-size:12px; color:var(--accent); letter-spacing:.1em; margin-bottom:14px; }
.label{ font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-dim); margin-bottom:16px; }
h2{ font-size:36px; font-weight:400; line-height:1.2; margin-bottom:20px; max-width:520px; }
.section p.body{ color:var(--ink-dim); max-width:480px; line-height:1.7; font-size:19px; margin-bottom:26px; }
.link{ color:var(--accent); text-decoration:none; font-size:14px; position:relative; }
.link::after{ content:''; position:absolute; left:0; bottom:-2px; width:100%; height:1px; background:linear-gradient(90deg, var(--accent), transparent); }

.roster-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:40px; }
.roster-card{
  border-radius:10px; position:relative; overflow:hidden; border:1px solid var(--line);
  background: linear-gradient(135deg, rgba(255,255,255,.12), transparent 40%), linear-gradient(160deg, var(--bg2), var(--accent-soft));
  box-shadow: inset 0 1px 1px rgba(255,255,255,.18), 0 14px 30px -12px rgba(0,0,0,.55);
  transition: transform .35s ease, box-shadow .35s ease;
}
.roster-card img{ width:100%; aspect-ratio:3/4; object-fit:cover; display:block; position:relative; z-index:1; }
.roster-card .placeholder{
  aspect-ratio:3/4; min-height:220px;
  background-image: url('/roster-placeholder.svg');
  background-size: cover;
  background-position: center;
}
.roster-card::before{
  content:''; position:absolute; top:-40%; left:-20%; width:60%; height:180%; z-index:2; pointer-events:none;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.14), transparent);
  transform:rotate(20deg);
}
.roster-card:hover{ transform:translateY(-6px); box-shadow: inset 0 1px 1px rgba(255,255,255,.25), 0 22px 40px -14px rgba(0,0,0,.6); }
.roster-card .rc-name{ padding:10px 12px; font-size:13.5px; position:relative; z-index:1; }
.roster-card .rc-tag{ padding:0 12px 12px; font-size:12px; color:var(--ink-dim); position:relative; z-index:1; }

.promise{ display:grid; grid-template-columns:repeat(3,1fr); gap:36px; margin-top:20px; }
.promise-card{
  padding:24px 22px; border-radius:14px; border:1px solid var(--line);
  background:linear-gradient(165deg, rgba(255,255,255,.05), rgba(255,255,255,0) 55%), var(--bg2);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.08), 0 18px 34px -20px rgba(0,0,0,.6);
}
.promise-card .n{ color:var(--accent); font-size:13px; margin-bottom:10px; }
.promise-card h3{ font-weight:400; font-size:20px; margin-bottom:10px; }
.promise-card p{ color:var(--ink-dim); font-size:19px; line-height:1.6; }

.services-list{ margin-top:30px; border-top:1px solid var(--line); }
.service-row{ display:flex; justify-content:space-between; padding:18px 0; border-bottom:1px solid var(--line); }
.service-row .sname{ font-size:16px; }
.service-row .sdesc{ color:var(--ink-dim); font-size:13.5px; margin-top:4px; }
.service-row .sprice{ color:var(--accent); font-size:15px; white-space:nowrap; padding-left:20px; }

form.enquiry{ max-width:560px; margin-top:30px; display:grid; gap:18px; }
form.enquiry input, form.enquiry textarea, form.enquiry select{
  width:100%; background:var(--bg2); border:1px solid var(--line); color:var(--ink);
  padding:17px 18px; border-radius:8px; font-size:16px; font-family:inherit; min-height:54px;
}
form.enquiry textarea{ min-height:110px; }
form.enquiry label{ font-size:12px; color:var(--ink-dim); text-transform:uppercase; letter-spacing:.05em; margin-bottom:6px; display:block; }
.form-status{ font-size:13.5px; margin-top:10px; }
.form-status.ok{ color:#8fbf8f; }
.form-status.err{ color:#d98080; }

.visit{ text-align:center; }
.visit h2{ margin:0 auto 20px; }
.visit p.body{ margin:0 auto 30px; }

footer{
  border-top:1px solid var(--line); padding:60px 6% 30px; position:relative; z-index:2;
  display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr; gap:40px; align-items:start;
}
footer .brand{ font-size:22px; }
.footer-brand{ max-width:340px; }
.footer-desc{ color:var(--ink-dim); font-size:19px; line-height:1.7; }
footer .cols{ display:contents; }
footer .col h4{ font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-dim); margin-bottom:14px; }
footer .col a{ display:block; text-decoration:none; font-size:14px; margin-bottom:9px; opacity:.85; }
footer .col span{ display:block; font-size:14px; margin-bottom:9px; opacity:.85; color:var(--ink-dim); }
.footer-book-btn{ margin-top:6px; padding:7px 15px; font-size:11px; }
.fine{ text-align:center; padding:20px 6%; font-size:12px; color:var(--ink-dim); border-top:1px solid var(--line); }

@media(max-width:900px){
  .nav-toggle{ display:flex; order:2; }
  nav .book-btn{ order:3; }
  .navlinks{
    display:none; order:4; width:100%; flex-direction:column; gap:0;
    background:var(--bg2); border:1px solid var(--line); border-radius:8px;
    margin-top:14px; padding:6px 0; position:absolute; top:100%; left:6%; right:6%;
    box-shadow:0 18px 34px -14px rgba(0,0,0,.6);
  }
  .navlinks.open{ display:flex; }
  .navlinks a{ padding:13px 18px; border-bottom:1px solid var(--line); background:none !important; }
  .navlinks a:last-child{ border-bottom:none; }
}
@media(max-width:800px){
  .hero h1{ font-size:38px; }
  .promise, .roster-grid{ grid-template-columns:1fr 1fr; }
  footer{ grid-template-columns:1fr; gap:34px; }
  .footer-brand{ text-align:center; max-width:none; }
  .footer-brand .logo-full-img{ margin:0 auto 14px; }
}

.page-hero{ padding:60px 6% 20px; max-width:760px; margin:0 auto; text-align:center; position:relative; z-index:2; }
.page-hero .label{ text-align:center; }
.page-hero h1{ font-size:44px; font-weight:400; line-height:1.15; }
.page-hero p.body{ margin:16px auto 0; max-width:520px; }

/* ---- inner-page hero banner (background photo behind page-hero) ---- */
.page-hero-wrap{ position:relative; overflow:hidden; }
.page-hero-wrap.has-banner{ background-size:cover; background-position:center; }
.page-hero-wrap.has-banner::before{
  content:''; position:absolute; inset:0; z-index:0;
  background:linear-gradient(180deg, rgba(15,9,7,.90) 0%, rgba(15,9,7,.80) 45%, rgba(15,9,7,.62) 100%);
}
.page-hero-wrap .page-hero{ position:relative; z-index:1; }

/* ---- page hero flanked by a left + right image (services) ---- */
.page-hero-flanked{
  display:grid; grid-template-columns:220px 1fr 220px; gap:34px; align-items:center;
  max-width:1180px; margin:0 auto; padding:0 6%;
}
.page-hero-flanked .flank-img{
  border-radius:14px; overflow:hidden; border:1px solid var(--line); height:300px;
  box-shadow:0 24px 44px -20px rgba(0,0,0,.65);
}
.page-hero-flanked .flank-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.page-hero-flanked .page-hero{ padding-top:60px; padding-bottom:20px; }
@media(max-width:1000px){
  .page-hero-flanked{ grid-template-columns:1fr; }
  .page-hero-flanked .flank-img{ display:none; }
}

/* ---- gallery grid (our ladies) ---- */
.photo-gallery{
  display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:40px;
}
.photo-gallery img{
  width:100%; aspect-ratio:1/1; object-fit:cover; display:block; border-radius:10px;
  border:1px solid var(--line); box-shadow:0 14px 30px -18px rgba(0,0,0,.6);
  transition:transform .3s ease, box-shadow .3s ease;
}
.photo-gallery img:hover{ transform:translateY(-4px); box-shadow:0 20px 36px -16px rgba(0,0,0,.65); }
.photo-gallery img{ cursor:pointer; }
@media(max-width:900px){ .photo-gallery{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:600px){ .photo-gallery{ grid-template-columns:repeat(2,1fr); } }

/* ---- gallery lightbox popup ---- */
.lightbox-overlay{
  position:fixed; inset:0; z-index:200; background:rgba(8,5,4,.92);
  display:flex; align-items:center; justify-content:center; padding:40px;
}
.lightbox-img-wrap{ position:relative; max-width:min(900px,90vw); max-height:86vh; }
.lightbox-img-wrap img{
  display:block; max-width:100%; max-height:86vh; width:auto; height:auto;
  border-radius:10px; border:1px solid var(--line); box-shadow:0 30px 70px -20px rgba(0,0,0,.8);
  margin:0 auto;
}
.lightbox-close{
  position:absolute; top:-44px; right:0; background:none; border:none; color:var(--ink);
  font-size:30px; line-height:1; cursor:pointer; padding:6px;
}
.lightbox-nav{
  position:absolute; top:50%; transform:translateY(-50%); background:rgba(20,20,24,.55);
  border:1px solid var(--line); color:var(--ink); width:46px; height:46px; border-radius:50%;
  font-size:20px; cursor:pointer; display:flex; align-items:center; justify-content:center;
  transition:background .2s ease;
}
.lightbox-nav:hover{ background:var(--accent); border-color:var(--accent); }
.lightbox-prev{ left:-64px; }
.lightbox-next{ right:-64px; }
.lightbox-counter{
  position:absolute; bottom:-32px; left:0; right:0; text-align:center;
  font-size:12px; letter-spacing:.05em; color:var(--ink-dim);
}
@media(max-width:760px){
  .lightbox-prev{ left:6px; }
  .lightbox-next{ right:6px; }
  .lightbox-nav{ width:40px; height:40px; }
  .lightbox-close{ top:-40px; }
}

/* ---- full-bleed banner image strip (used on inner pages) ---- */
.page-banner-strip{ width:100%; height:340px; overflow:hidden; }
.page-banner-strip img{ width:100%; height:100%; object-fit:cover; display:block; }
@media(max-width:700px){ .page-banner-strip{ height:220px; } }

/* ---- full-width copy override (no narrow max-width clamp) ---- */
.wide-copy p.body{ max-width:none; }
.wide-copy h2{ max-width:none; }

/* ---- deluxe experience block: background banner + right-side photo ---- */
.deluxe-block{
  position:relative; border-radius:18px; overflow:hidden; margin-top:36px;
  border:1px solid var(--line);
}
.deluxe-block-bg{ position:absolute; inset:0; z-index:0; background-size:cover; background-position:center; }
.deluxe-block::after{
  content:''; position:absolute; inset:0; z-index:1;
  background:linear-gradient(100deg, rgba(15,9,7,.94) 0%, rgba(15,9,7,.86) 48%, rgba(15,9,7,.55) 100%);
}
.deluxe-block .split-section{ position:relative; z-index:2; padding:44px 40px; gap:40px; }
.deluxe-block .split-media{ height:100%; min-height:260px; }
@media(max-width:900px){ .deluxe-block .split-section{ padding:36px 24px; } }

.lady-list{ display:grid; gap:22px; margin-top:40px; }
.lady-row{
  display:grid; grid-template-columns:160px 1fr auto; gap:24px; align-items:center;
  border:1px solid var(--line); border-radius:12px; padding:18px;
  background:linear-gradient(160deg, rgba(255,255,255,.04), rgba(255,255,255,0) 55%), var(--bg2);
}
.lady-row img{ width:100%; aspect-ratio:3/4; object-fit:cover; border-radius:8px; display:block; }
.lady-row .placeholder{ aspect-ratio:3/4; border-radius:8px; background-image:url('/roster-placeholder.svg'); background-size:cover; background-position:center; }
.lady-row .ln-name{ font-size:20px; font-family:Georgia, serif; margin-bottom:6px; }
.lady-row .ln-tag{ color:var(--ink-dim); font-size:14px; line-height:1.6; }
@media(max-width:640px){ .lady-row{ grid-template-columns:96px 1fr; } .lady-row .ln-cta{ grid-column:1 / -1; } }

.apply-box{
  margin-top:36px; padding:26px 24px; border-radius:12px; border:1px solid var(--line);
  background:linear-gradient(160deg, rgba(255,255,255,.05), rgba(255,255,255,0) 55%), var(--bg2);
  display:flex; flex-wrap:wrap; gap:18px; align-items:center; justify-content:space-between; max-width:640px;
}
.apply-box p{ color:var(--ink-dim); font-size:14px; max-width:360px; }

.perk-list{ margin-top:16px; display:grid; gap:10px; }
.perk-list li{ list-style:none; color:var(--ink-dim); font-size:14.5px; padding-left:22px; position:relative; }
.perk-list li::before{ content:'—'; position:absolute; left:0; color:var(--accent); }

.day-tabs{ display:flex; flex-wrap:wrap; gap:8px; margin:30px 0 10px; }
.day-tabs button{
  font-family:inherit; font-size:12px; letter-spacing:.04em; text-transform:uppercase;
  background:transparent; color:var(--ink-dim); border:1px solid var(--line);
  padding:9px 14px; border-radius:999px; cursor:pointer; transition:all .25s ease;
}
.day-tabs button.active, .day-tabs button:hover{ color:var(--bg); background:var(--accent); border-color:var(--accent); }
.day-tabs-note{ margin-top:24px; color:var(--ink-dim); font-size:19px; }
.day-tabs-note a{ color:var(--accent); }

.price-table{ width:100%; border-collapse:collapse; margin-bottom:6px; }
.price-table th, .price-table td{ text-align:left; padding:12px 10px; border-bottom:1px solid var(--line); font-size:14px; }
.price-table th{ color:var(--ink-dim); font-weight:500; font-size:11.5px; text-transform:uppercase; letter-spacing:.05em; }
.price-table td:not(:first-child), .price-table th:not(:first-child){ text-align:right; }
.price-table td:first-child{ color:var(--ink-dim); }
.price-table tbody tr:last-child td{ border-bottom:none; }

.form-fine{ color:var(--ink-dim); font-size:19px; line-height:1.6; margin-top:14px; }
.checkbox-row{ display:flex; align-items:flex-start; gap:9px; font-size:12.5px; color:var(--ink-dim); text-transform:none; letter-spacing:normal; }
.checkbox-row input{ width:auto; margin-top:2px; padding:0; }

/* --- Admin dashboard (unaffected by public palettes; always Ink & Copper) --- */
.admin-shell{ display:flex; min-height:100vh; }
.admin-sidebar{ width:220px; background:var(--bg2); border-right:1px solid var(--line); padding:24px 16px; flex-shrink:0; }
.admin-sidebar a{ display:block; padding:10px 12px; border-radius:6px; text-decoration:none; font-size:14px; color:var(--ink-dim); margin-bottom:4px; }
.admin-sidebar a.active, .admin-sidebar a:hover{ background:var(--accent-soft); color:var(--ink); }
.admin-main{ flex:1; padding:32px 40px; }
.admin-card{ background:var(--bg2); border:1px solid var(--line); border-radius:10px; padding:20px; margin-bottom:20px; }
table.admin-table{ width:100%; border-collapse:collapse; }
table.admin-table th, table.admin-table td{ text-align:left; padding:10px 8px; border-bottom:1px solid var(--line); font-size:13.5px; }
table.admin-table th{ color:var(--ink-dim); font-weight:500; font-size:12px; text-transform:uppercase; letter-spacing:.04em; }
.btn-sm{ font-size:12px; padding:6px 12px; border-radius:6px; border:1px solid var(--line); background:transparent; color:var(--ink); cursor:pointer; margin-right:6px; }
.btn-sm.danger{ border-color:#d98080; color:#d98080; }
.btn-sm.primary{ background:var(--accent); border-color:var(--accent); color:var(--bg); }
.login-box{ max-width:360px; margin:100px auto; padding:30px; background:var(--bg2); border-radius:12px; border:1px solid var(--line); }