: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; }

.age-gate-open{ overflow:hidden; }
.age-gate{
  position:fixed; inset:0; z-index:1000; display:flex; align-items:center; justify-content:center;
  padding:24px; background:rgba(10,4,3,.97); opacity:1; visibility:visible;
  transition:opacity .3s ease, visibility .3s ease;
}
.age-gate.is-hidden{ opacity:0; visibility:hidden; pointer-events:none; }
.age-gate-panel{
  width:min(520px,100%); padding:42px 38px 34px; text-align:center;
  background:linear-gradient(180deg, rgba(36,12,9,.99), rgba(20,9,7,.99));
  border:1px solid var(--gold); box-shadow:0 28px 80px rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.08);
}
.age-gate-logo{ display:block; width:min(260px,80%); height:auto; margin:0 auto 22px; filter:drop-shadow(0 4px 16px rgba(0,0,0,.55)); }
.age-gate-label{ color:var(--gold); font-size:11px; text-transform:uppercase; letter-spacing:.16em; margin-bottom:14px; }
.age-gate-panel h1{ font-size:34px; font-weight:400; line-height:1.2; margin-bottom:16px; }
.age-gate-panel h1 em{ color:var(--gold); font-style:italic; }
.age-gate-panel > p{ color:var(--ink-dim); font-size:15px; line-height:1.65; margin:0 auto 18px; max-width:390px; }
.age-gate-panel .age-gate-question{ color:var(--ink); font-size:18px; margin-bottom:22px; }
.age-gate-actions{ display:flex; justify-content:center; gap:12px; flex-wrap:wrap; }
.age-gate-actions .cta{ border-radius:2px; padding:13px 26px; }
.age-gate-fine{ margin-top:22px; color:var(--ink-dim); font-size:11px; line-height:1.5; }
@media(max-width:520px){
  .age-gate{ padding:16px; }
  .age-gate-panel{ padding:32px 22px 26px; }
  .age-gate-panel h1{ font-size:29px; }
}

.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); } }
.roster-grid-reference{ grid-template-columns:repeat(3,1fr); gap:30px; }
@media(max-width:1000px){ .roster-grid-reference{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:620px){ .roster-grid-reference{ grid-template-columns: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, .page-hero h1 em, h2 em, h3 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-inner .book-btn::after{ display:none; }

.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('/assets/images/placeholders/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; }
.roster-grid-reference .roster-card{ border-radius:0; border-color:var(--gold, var(--accent)); background:#090909; text-align:center; }
.roster-grid-reference .roster-card::before{ display:none; }
.roster-grid-reference .roster-card-image{ height:210px; overflow:hidden; background:#111; }
.roster-grid-reference .roster-card-image img,
.roster-grid-reference .roster-card-image .placeholder{ width:100%; height:100%; min-height:0; aspect-ratio:auto; object-fit:cover; }
.roster-grid-reference .roster-card-info{ min-height:122px; padding:0 10px 14px; background:linear-gradient(180deg, rgba(36,12,9,.98), rgba(20,9,7,.98)); position:relative; z-index:1; }
.roster-grid-reference .roster-card .rc-name{ padding:9px 4px 5px; font-family:Georgia, "Times New Roman", serif; font-size:18px; letter-spacing:.04em; }
.roster-grid-reference .roster-card .rc-meta{ min-height:20px; color:var(--ink); font-size:15px; line-height:1.4; }
.roster-grid-reference .roster-card .rc-days{ min-height:20px; padding-top:4px; color:var(--ink); font-size:14px; line-height:1.4; }
.roster-grid-reference .roster-card .rc-time{ padding-top:5px; color:var(--gold, var(--accent)); font-size:14px; font-weight:700; }
.roster-card-trigger{ width:100%; padding:0; color:inherit; font:inherit; cursor:pointer; text-align:center; }
.roster-card-trigger:focus-visible{ outline:2px solid var(--accent); outline-offset:4px; }
.home-roster-intro{ margin-bottom:0; }
.home-roster-grid{ margin-top:30px; }
.home-roster-grid{
  display:flex; flex-wrap:nowrap; gap:30px; overflow-x:scroll; overflow-y:hidden;
  padding:4px 4px 18px; scroll-snap-type:x proximity; scrollbar-color:var(--accent) var(--bg2);
  scrollbar-width:auto;
}
.home-roster-grid::-webkit-scrollbar{ height:12px; }
.home-roster-grid::-webkit-scrollbar-track{ background:var(--bg2); border:1px solid var(--line); }
.home-roster-grid::-webkit-scrollbar-thumb{ background:var(--accent); border:2px solid var(--bg2); }
.home-roster-grid .roster-card{ flex:0 0 calc((100% - 60px) / 3); min-width:250px; scroll-snap-align:start; }
.home-roster-grid:focus-visible{ outline:2px solid var(--accent); outline-offset:4px; }
.home-roster-scroll-note{ margin:12px 0 0; color:var(--accent); font-size:13px; letter-spacing:.03em; }
@media(max-width:800px){ .home-roster-grid .roster-card{ flex-basis:calc((100% - 30px) / 2); } }
@media(max-width:520px){ .home-roster-grid .roster-card{ flex-basis:88%; } }

.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; }
}

/* ---- shared responsive layout ---- */
@media(max-width:700px){
  nav{ padding:12px 4%; gap:10px; }
  .logo-icon-img{ height:54px; }
  nav .book-btn{ padding:8px 12px; font-size:10px; }
  .section{ padding:58px 5%; }
  .section-inner{ width:100%; }
  h2{ font-size:30px; }
  .section p.body{ font-size:16px; line-height:1.65; }
  .page-hero{ padding:44px 5% 18px; }
  .page-hero h1{ font-size:36px; }
  .page-hero p.body{ font-size:16px; }
  .infobar{ font-size:10px; padding:7px 10px; }
  .roster-filter-bar{ align-items:stretch; flex-direction:column; gap:12px; margin-top:22px; }
  .day-tabs{ gap:6px; margin-top:0; }
  .day-tabs a{ padding:8px 10px; font-size:10px; }
  .roster-age-filter{ justify-content:flex-end; margin:0; }
  .day-tabs-note{ font-size:15px; line-height:1.55; }
  .price-table{ display:block; width:100%; overflow-x:auto; white-space:nowrap; }
  .price-table th, .price-table td{ padding:11px 9px; }
  .service-row{ align-items:flex-start; gap:16px; }
  .service-row .sprice{ white-space:normal; text-align:right; }
  .photo-gallery{ margin-top:26px; }
  .lightbox-overlay{ padding:52px 12px; }
  .lightbox-img-wrap{ max-width:100%; }
  .lightbox-prev{ left:2px; }
  .lightbox-next{ right:2px; }
  .lady-profile-copy h2{ font-size:30px; }
}

@media(prefers-reduced-motion:reduce){
  *, *::before, *::after{
    animation-duration:.01ms !important; animation-iteration-count:1 !important;
    scroll-behavior:auto !important; transition-duration:.01ms !important;
  }
}

@media(max-width:520px){
  body.trds .hero{ padding:76px 5% 58px; min-height:0; }
  body.trds .hero.hero-photo{ padding:82px 5% 58px; min-height:600px; }
  body.trds .hero h1{ font-size:32px; line-height:1.14; }
  .hero p{ font-size:16px; }
  .hero-inner > div[style*="display:flex"]{ flex-direction:column; align-items:stretch; }
  .hero-inner > div[style*="display:flex"] .cta,
  .hero-inner > div[style*="display:flex"] .book-btn{ width:100%; text-align:center; }
  body.trds .promo-tiles{ grid-template-columns:1fr; max-width:320px; }
  body.trds .quickboxes{ grid-template-columns:1fr 1fr; }
  .footer-desc{ font-size:16px; }
  .promise{ grid-template-columns:1fr; gap:16px; }
  .promise-card{ padding:20px 18px; }
  .roster-grid-reference{ gap:18px; }
  .roster-grid-reference .roster-card-image,
  .lady-list-reference .lady-photo-trigger{ height:190px; }
  .home-roster-grid{ gap:16px; }
  .home-roster-grid .roster-card{ min-width:84%; }
  .age-gate-panel h1{ font-size:28px; }
  .age-gate-actions{ flex-direction:column; align-items:stretch; }
  .age-gate-actions .cta{ width:100%; }
}

.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('/assets/images/placeholders/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; }
.lady-row .ln-description{ color:var(--ink-dim); font-size:14px; line-height:1.6; margin:10px 0 0; max-width:520px; }
@media(max-width:640px){ .lady-row{ grid-template-columns:96px 1fr; } .lady-row .ln-cta{ grid-column:1 / -1; } }

/* Shared large profile tiles used by Roster and Our Ladies. */
.lady-list-reference{ grid-template-columns:repeat(3,1fr); gap:30px; }
.lady-list-reference .lady-row{
  display:block; padding:0; border-radius:0; border-color:var(--gold, var(--accent));
  background:var(--bg2); overflow:hidden; text-align:center;
}
.lady-list-reference .lady-photo-trigger{ height:210px; overflow:hidden; background:#111; }
.lady-list-reference .lady-photo-trigger img,
.lady-list-reference .lady-photo-trigger .placeholder{ width:100%; height:100%; min-height:0; aspect-ratio:auto; object-fit:cover; border-radius:0; }
.lady-list-reference .lady-row > div:not(.lady-profile-data){ min-height:126px; padding:0 14px 16px; background:linear-gradient(180deg, rgba(36,12,9,.98), rgba(20,9,7,.98)); }
.lady-list-reference .lady-row .ln-name{ padding-top:12px; font-size:19px; letter-spacing:.04em; }
.lady-list-reference .lady-row .ln-meta{ min-height:20px; color:var(--ink); font-size:15px; line-height:1.4; }
.lady-list-reference .lady-row .ln-days{ padding-top:4px; color:var(--ink); font-size:14px; line-height:1.4; }
.lady-list-reference .lady-row .ln-time{ padding-top:5px; color:var(--gold, var(--accent)); font-size:14px; font-weight:700; }
.lady-list-reference .lady-row .ln-description{ max-width:none; margin:8px 0 0; font-size:13px; }
.lady-list-reference .lady-row .ln-cta{ margin-top:0; margin-bottom:18px; border-radius:0; padding:11px 18px; font-size:12px; }
@media(max-width:1000px){ .lady-list-reference{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:620px){ .lady-list-reference{ grid-template-columns:1fr; } }

.lady-photo-trigger{ display:block; width:100%; padding:0; border:0; background:none; cursor:pointer; text-align:left; }
.lady-photo-trigger:focus-visible, .lady-profile-trigger:focus-visible, .lady-profile-thumb:focus-visible{ outline:2px solid var(--accent); outline-offset:3px; }
.lady-profile-data{ display:none; }
.modal-open{ overflow:hidden; }
.lady-modal-overlay{
  position:fixed; inset:0; z-index:300; display:flex; align-items:center; justify-content:center;
  padding:30px 20px; background:rgba(10,4,3,.94); overflow-y:auto;
}
.lady-modal{
  position:relative; display:grid; grid-template-columns:minmax(280px,1fr) minmax(300px,1fr);
  width:min(1050px,100%); max-height:calc(100vh - 60px); overflow:auto;
  background:linear-gradient(180deg, rgba(36,12,9,.99), rgba(20,9,7,.99));
  border:1px solid var(--gold, var(--accent)); box-shadow:0 30px 80px rgba(0,0,0,.78);
}
.lady-modal-close{
  position:absolute; top:12px; right:14px; z-index:2; width:36px; height:36px; border:1px solid var(--line);
  background:rgba(36,12,9,.9); color:var(--gold, var(--accent)); border-color:var(--gold, var(--accent));
  font-size:25px; line-height:1; cursor:pointer;
}
.lady-profile-images{ padding:24px; background:#080808; }
.lady-profile-images{ padding:24px; background:linear-gradient(180deg, #120705, #240c09); }
.lady-profile-main{ aspect-ratio:3/4; max-height:560px; position:relative; }
.lady-profile-main img{ width:100%; height:100%; object-fit:cover; display:block; border:1px solid var(--gold, var(--accent)); }
.lady-profile-nav{
  position:absolute; top:50%; transform:translateY(-50%); z-index:1; width:42px; height:52px;
  border:1px solid var(--gold, var(--accent)); background:rgba(36,12,9,.88); color:var(--gold, var(--accent));
  font-size:34px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center;
}
.lady-profile-nav:hover{ background:var(--accent); color:var(--bg); }
.lady-profile-prev{ left:10px; }
.lady-profile-next{ right:10px; }
.lady-profile-thumbs{ display:grid; grid-template-columns:repeat(5,1fr); gap:8px; margin-top:12px; }
.lady-profile-thumb{ aspect-ratio:1; padding:0; border:1px solid var(--line); background:none; cursor:pointer; opacity:.55; overflow:hidden; }
.lady-profile-thumb{ aspect-ratio:1; padding:0; border:1px solid rgba(193,147,111,.5); background:#240c09; cursor:pointer; opacity:.6; overflow:hidden; }
.lady-profile-thumb.active, .lady-profile-thumb:hover{ opacity:1; border-color:var(--gold, var(--accent)); }
.lady-profile-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.lady-profile-empty{ min-height:300px; display:flex; align-items:center; justify-content:center; color:var(--ink-dim); }
.lady-profile-empty{ min-height:300px; display:flex; align-items:center; justify-content:center; color:var(--ink-dim); border:1px solid var(--gold, var(--accent)); background:#240c09; }
.lady-profile-copy{ padding:52px 42px 38px; }
.lady-profile-copy h2{ margin-bottom:10px; color:var(--ink); }
.lady-profile-tagline{ color:var(--ink-dim); font-size:15px; margin-bottom:22px; }
.lady-profile-description{ color:var(--ink-dim); line-height:1.7; font-size:15px; margin-bottom:24px; }
.lady-profile-details{ border-top:1px solid rgba(193,147,111,.45); margin:0 0 28px; }
.lady-profile-details div{ display:flex; justify-content:space-between; gap:18px; padding:11px 0; border-bottom:1px solid rgba(193,147,111,.45); font-size:13px; }
.lady-profile-details dt{ color:var(--ink-dim); }
.lady-profile-details dd{ text-align:right; color:var(--ink); }
.lady-profile-copy .cta{ border-radius:0; background:linear-gradient(160deg, #a8351f, var(--accent) 55%, #3d0f08); box-shadow:inset 0 1px 0 rgba(255,255,255,.35), inset 0 0 0 1px var(--gold); }
@media(max-width:760px){
  .lady-modal-overlay{ padding:12px; align-items:flex-start; }
  .lady-modal{ grid-template-columns:1fr; max-height:calc(100vh - 24px); }
  .lady-profile-images{ padding:16px; }
  .lady-profile-main{ height:min(52vh, 360px); max-height:none; aspect-ratio:auto; }
  .lady-profile-copy{ padding:34px 22px 28px; }
}

.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); }

.roster-filter-bar{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin:30px 0 10px; }
.day-tabs{ display:flex; flex-wrap:wrap; gap:8px; margin:0; }
.day-tabs a{
  font-family:inherit; font-size:12px; letter-spacing:.04em; text-transform:uppercase;
  display:inline-block; background:transparent; color:var(--ink-dim); border:1px solid var(--line);
  padding:9px 14px; border-radius:999px; cursor:pointer; transition:all .25s ease; text-decoration:none;
}
.day-tabs a.active, .day-tabs a:hover{ color:var(--bg); background:var(--accent); border-color:var(--accent); }
.roster-age-filter{ display:flex; align-items:center; gap:10px; margin:0; flex-shrink:0; }
.roster-age-filter label{ color:var(--ink-dim); font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.roster-age-filter select{ min-width:180px; padding:9px 34px 9px 12px; border:1px solid var(--line); border-radius:2px; background:var(--bg2); color:var(--ink); font-family:inherit; font-size:13px; line-height:1.3; cursor:pointer; }
.roster-age-filter select:focus{ outline:1px solid var(--accent); outline-offset:2px; }
.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); }

@media(max-width:700px){
  .admin-shell{ display:block; }
  .admin-sidebar{ width:100%; padding:14px; border-right:0; border-bottom:1px solid var(--line); }
  .admin-sidebar .logo{ margin-bottom:10px !important; }
  .admin-sidebar a{ display:inline-block; margin:0 4px 4px 0; padding:8px 10px; font-size:12px; }
  .admin-main{ padding:22px 14px; overflow:hidden; }
  .admin-card{ padding:14px; overflow-x:auto; }
  .admin-card form{ min-width:0; }
  .login-box{ width:calc(100% - 28px); margin:50px auto; padding:24px 18px; }
}