@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/silkfolds/instrument-serif-normal-400.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/silkfolds/instrument-serif-italic-400.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('/fonts/silkfolds/manrope-normal-200-800.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{
  --gold:#C1870F;
  --gold-mid:#D89B23;
  --gold-lit:#EFC96F;
  --lit:#E0A42C;
  --ink:#170C01;
  --ink-soft:#33210A;
  --ivory:#FCF2DC;
  --ivory-soft:#F6E7C6;
  --lamp:#F0C868;
  --deep:#170C01;
  --hair:rgba(23,12,1,.22);
  --hair-hard:rgba(23,12,1,.38);
  --serif:'Instrument Serif', Georgia, 'Times New Roman', serif;
  --sans:'Manrope', 'Segoe UI', system-ui, Helvetica, Arial, sans-serif;
  --max:1180px;
  --reading:70ch;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;max-width:100%;overflow-x:hidden}
html{-webkit-text-size-adjust:100%}

body{
  font-family:var(--sans);
  color:var(--ink);
  background-color:var(--gold);
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-position:center top;
  background-attachment:scroll;
  background-image:
    linear-gradient(90deg,
      rgba(24,12,1,.92) 0%,
      rgba(24,12,1,.42) 2.4%,
      rgba(255,226,163,.26) 5.2%,
      rgba(28,14,1,.62) 9.4%,
      rgba(28,14,1,.14) 12.6%,
      rgba(255,228,168,.24) 16.4%,
      rgba(42,22,2,.74) 21.2%,
      rgba(42,22,2,.18) 25.0%,
      rgba(255,233,180,.40) 29.4%,
      rgba(26,13,1,.34) 33.2%,
      rgba(26,13,1,.80) 37.4%,
      rgba(26,13,1,.20) 41.0%,
      rgba(255,231,176,.22) 44.2%,
      rgba(255,240,198,.50) 47.8%,
      rgba(38,20,2,.30) 51.6%,
      rgba(38,20,2,.86) 56.4%,
      rgba(38,20,2,.22) 60.2%,
      rgba(255,227,166,.36) 64.6%,
      rgba(26,13,1,.48) 69.0%,
      rgba(26,13,1,.12) 72.8%,
      rgba(255,230,172,.28) 76.6%,
      rgba(34,18,2,.72) 81.4%,
      rgba(34,18,2,.24) 85.2%,
      rgba(255,224,160,.32) 89.0%,
      rgba(24,12,1,.58) 93.6%,
      rgba(24,12,1,.94) 100%),
    linear-gradient(90deg,
      rgba(20,10,0,.55) 0%,
      rgba(255,222,156,.16) 14%,
      rgba(20,10,0,.34) 27%,
      rgba(255,222,156,.20) 41%,
      rgba(20,10,0,.30) 55%,
      rgba(255,222,156,.14) 68%,
      rgba(20,10,0,.38) 82%,
      rgba(20,10,0,.60) 100%),
    linear-gradient(180deg, rgba(14,7,0,.80) 0%, rgba(14,7,0,.34) 3.2%, rgba(0,0,0,0) 11%, rgba(0,0,0,0) 70%, rgba(18,9,0,.58) 100%);
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:6;
  opacity:.55;
  background-image:
    repeating-linear-gradient(90deg, rgba(0,0,0,.055) 0 1px, rgba(255,240,205,.035) 1px 2px),
    repeating-linear-gradient(0deg, rgba(0,0,0,.045) 0 1px, rgba(255,240,205,.028) 1px 2px);
}

main{display:block;position:relative;z-index:1}
.wrap{max-width:var(--max);margin:0 auto;padding:0 22px}
a{color:inherit}
img{max-width:100%}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wrap-any{overflow-wrap:anywhere}

/* ---------- the 21+ acknowledgement bar ---------- */
.age-bar{
  position:relative;
  z-index:8;
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  align-items:center;
  justify-content:space-between;
  padding:12px 22px;
  background:rgba(14,7,0,.94);
  border-bottom:1px solid rgba(240,200,104,.36);
  color:var(--ivory-soft);
  font-size:.86rem;
  line-height:1.45;
  font-weight:500;
}
.age-bar[hidden]{display:none}
.age-bar b{font-weight:800;color:var(--lamp)}
.age-bar__ok{
  font:inherit;
  font-weight:800;
  letter-spacing:.04em;
  color:var(--ink);
  background:var(--lamp);
  border:2px solid var(--lamp);
  padding:9px 16px;
  line-height:1;
  cursor:pointer;
}
.age-bar__ok:hover{background:#FFE29A;border-color:#FFE29A}

/* ---------- the thin fact bar ---------- */
.bar{
  position:relative;
  z-index:5;
  display:flex;
  flex-wrap:wrap;
  gap:8px 20px;
  align-items:baseline;
  justify-content:space-between;
  padding:16px max(22px, calc((100% - var(--max)) / 2 + 22px)) 12px;
  max-width:none;
  margin:0;
  background-image:linear-gradient(180deg, rgba(14,7,0,.90) 0%, rgba(14,7,0,.86) 100%);
  font-size:.70rem;
  letter-spacing:.20em;
  text-transform:uppercase;
  font-weight:700;
  color:var(--ivory);
  text-shadow:0 1px 3px rgba(16,8,0,.92);
}
.bar span{white-space:nowrap}

/* ---------- header, a lit band across the cloth ---------- */
.site-header{
  position:relative;
  z-index:4;
  background-image:linear-gradient(180deg, rgba(224,164,44,.97) 0%, rgba(222,161,40,.97) 100%);
  border-top:1px solid rgba(23,12,1,.30);
  border-bottom:1px solid rgba(23,12,1,.30);
}
.masthead{
  max-width:var(--max);
  margin:0 auto;
  padding:14px 22px;
  display:flex;
  flex-wrap:wrap;
  gap:12px 26px;
  align-items:center;
  justify-content:space-between;
}
.sig{
  font-family:var(--serif);
  font-size:1.6rem;
  line-height:1;
  letter-spacing:-.01em;
  text-decoration:none;
  color:var(--ink);
  white-space:nowrap;
}
.sig:hover{color:#3A2408}
.site-header nav{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:baseline}
.site-header nav a{
  text-decoration:none;
  font-size:.80rem;
  font-weight:700;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:var(--ink-soft);
  border-bottom:1px solid transparent;
  padding-bottom:2px;
}
.site-header nav a:hover{color:var(--ink);border-bottom-color:var(--ink)}
.nav-toggle{display:none}
.hdr-note{
  font-size:.70rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:800;
  color:var(--ink);
  white-space:nowrap;
}

/* ---------- hero ---------- */
.hero{
  position:relative;
  padding:44px 0 56px;
}
.hero--home{min-height:calc(100vh - 150px);display:flex;align-items:center}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:radial-gradient(72% 96% at 32% 48%,
    rgba(255,228,164,.95) 0%,
    rgba(255,226,160,.93) 28%,
    rgba(251,215,140,.78) 50%,
    rgba(240,196,104,.42) 70%,
    rgba(226,176,72,.16) 84%,
    rgba(0,0,0,0) 95%);
}
.hero .wrap{position:relative;z-index:1;width:100%}
.hero-inner{max-width:780px}

.folio{
  font-size:.70rem;
  letter-spacing:.20em;
  text-transform:uppercase;
  font-weight:800;
  color:var(--ink-soft);
  margin:0 0 16px;
}

.brand{
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(2.9rem,9.2vw,6.2rem);
  line-height:.90;
  letter-spacing:-.018em;
  margin:0;
  color:var(--ink);
}
.brand em{font-style:italic}
.brand--line{font-size:clamp(2.3rem,5.9vw,4.9rem);line-height:1.02;letter-spacing:-.014em;max-width:19ch}
h1.title{
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(2.3rem,6.0vw,4.2rem);
  line-height:.98;
  letter-spacing:-.014em;
  margin:0;
  color:var(--ink);
}

.lede{
  font-size:clamp(1.05rem,1.9vw,1.34rem);
  line-height:1.48;
  font-weight:500;
  max-width:46ch;
  margin:20px 0 0;
  color:var(--ink);
}

.facts{
  margin:22px 0 0;
  padding:0;
  list-style:none;
  max-width:52ch;
  border-top:1px solid var(--hair-hard);
}
.facts li{
  padding:10px 0;
  border-bottom:1px solid var(--hair);
  font-size:.95rem;
  line-height:1.55;
  font-weight:500;
  color:var(--ink-soft);
}
.facts b{font-weight:800;color:var(--ink)}

.cta{display:flex;flex-wrap:wrap;gap:13px;margin:26px 0 0;padding:0}
.btn{
  display:inline-block;
  text-decoration:none;
  font-weight:800;
  font-size:.92rem;
  letter-spacing:.06em;
  padding:16px 26px;
  border:2px solid var(--ink);
  line-height:1;
  color:var(--ink);
  background:transparent;
}
.btn--ink{background:var(--ink);color:#F6D98A}
.btn--ink:hover{background:#3A2408;color:#FFE9AE}
.btn:hover{background:rgba(23,12,1,.12)}
.btn--ink:hover{background:#3A2408}

/* ---------- lit bands ---------- */
.band{
  position:relative;
  padding:94px 0 98px;
  margin:62px 0;
}
.band::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(180deg,
    rgba(216,155,35,0) 0,
    rgba(216,155,35,.72) 16px,
    rgba(222,161,40,.95) 34px,
    rgba(224,164,44,.97) 50px,
    rgba(224,164,44,.97) calc(100% - 50px),
    rgba(222,161,40,.95) calc(100% - 34px),
    rgba(216,155,35,.72) calc(100% - 16px),
    rgba(216,155,35,0) 100%);
}
.band .wrap{position:relative;z-index:1}

h2{
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(2.2rem,5.9vw,4.2rem);
  line-height:.99;
  letter-spacing:-.012em;
  margin:0 0 18px;
  color:var(--ink);
}
h3{
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(1.5rem,3vw,2.0rem);
  line-height:1.12;
  margin:0 0 12px;
  color:var(--ink);
}
h4{
  margin:0 0 6px;
  font-size:1.02rem;
  font-weight:800;
  letter-spacing:.005em;
  color:var(--ink);
}
.intro{
  font-size:clamp(1rem,1.7vw,1.14rem);
  line-height:1.58;
  max-width:58ch;
  margin:0 0 42px;
  font-weight:500;
  color:var(--ink-soft);
}

/* ---------- techniques ---------- */
.tech{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px 44px;
}
.tech li{border-top:1px solid var(--hair-hard);padding-top:14px}
.tech a{
  display:block;
  text-decoration:none;
  font-size:1.06rem;
  font-weight:800;
  letter-spacing:.005em;
  color:var(--ink);
  border-bottom:1px solid transparent;
  padding-bottom:2px;
}
.tech a:hover{border-bottom-color:var(--ink)}
.tech .len{display:block;margin-top:5px;font-size:.84rem;font-weight:600;color:var(--ink-soft);letter-spacing:.02em}

/* ---------- roster ---------- */
.roster{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:40px 30px;
}
.roster a{display:block;text-decoration:none;color:inherit}
.roster img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/4;
  object-fit:cover;
  background:rgba(26,13,1,.35);
  box-shadow:0 26px 54px rgba(22,11,0,.46);
}
.roster .nm{
  display:block;
  margin-top:14px;
  font-size:.95rem;
  font-weight:800;
  letter-spacing:.01em;
  color:var(--ink);
}
.roster .mt{display:block;font-weight:500;color:var(--ink-soft);font-size:.86rem;margin-top:3px}
.roster a:hover .nm{border-bottom:1px solid var(--ink);display:inline-block}

.note{
  font-size:1.0rem;
  line-height:1.62;
  max-width:64ch;
  font-weight:500;
  color:var(--ink-soft);
  margin:0 0 12px;
}
.notes{margin:0;padding:0 0 0 1.1em;max-width:64ch}
.notes li{font-size:.97rem;line-height:1.6;font-weight:500;color:var(--ink-soft);margin:0 0 8px}

/* ---------- two columns ---------- */
.two{display:grid;grid-template-columns:1.05fr .95fr;gap:48px}
.two p{font-size:1.0rem;line-height:1.62;font-weight:500;color:var(--ink-soft);margin:0 0 16px}
.districts{
  font-size:1.0rem;
  line-height:1.9;
  font-weight:600;
  color:var(--ink);
  margin:0;
  padding:0;
  list-style:none;
}
.districts a{text-decoration:none;border-bottom:1px solid transparent}
.districts a:hover{border-bottom-color:var(--ink)}

/* ---------- prose ---------- */
.prose{max-width:var(--reading);font-size:1.03rem;line-height:1.68;font-weight:500;color:var(--ink-soft)}
.prose p{margin:0 0 17px}
.prose h2{margin:34px 0 14px}
.prose h3{margin:28px 0 10px}
.prose ul,.prose ol{margin:0 0 18px;padding-left:1.15em}
.prose li{margin:0 0 8px}
.prose a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.prose a:hover{color:#3A2408}
.prose strong,.prose b{color:var(--ink);font-weight:800}
.prose table{border-collapse:collapse;width:100%;margin:0 0 20px}
.prose th,.prose td{text-align:left;padding:9px 12px 9px 0;border-bottom:1px solid var(--hair)}
.independence{margin:22px 0 0;font-size:.93rem;line-height:1.6;font-weight:500;color:var(--ink-soft)}
.independence a{color:var(--ink)}

/* ---------- side panel ---------- */
.side{border-top:2px solid rgba(23,12,1,.5);padding-top:16px}
.side .hd{font-size:.72rem;letter-spacing:.20em;text-transform:uppercase;font-weight:800;color:var(--ink-soft);margin:0 0 12px}
.spec{margin:0 0 20px}
.spec>div{display:flex;gap:14px;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--hair)}
.spec dt{font-size:.86rem;font-weight:600;color:var(--ink-soft)}
.spec dd{margin:0;font-size:.90rem;font-weight:800;color:var(--ink);text-align:right}
.spec dd a{color:inherit}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.tag{
  display:inline-block;
  text-decoration:none;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  padding:7px 11px;
  border:1px solid rgba(23,12,1,.44);
  color:var(--ink);
  line-height:1;
}
a.tag:hover{background:rgba(23,12,1,.14)}

.split{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.85fr);gap:52px;align-items:start}

/* ---------- picture wall ---------- */
.wall{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.wall img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;background:rgba(26,13,1,.35);box-shadow:0 22px 46px rgba(22,11,0,.44)}

/* ---------- rate card on a profile ---------- */
.rates-card{margin:0}
.rates-card__title{font-size:.72rem;letter-spacing:.20em;text-transform:uppercase;font-weight:800;color:var(--ink-soft);margin:0 0 14px}
.rates-card__table{width:100%;border-collapse:collapse;margin:0 0 26px;max-width:620px}
.rates-card__table caption{text-align:left;font-size:.86rem;font-weight:800;color:var(--ink);padding:0 0 8px}
.rates-card__table th,.rates-card__table td{text-align:left;padding:10px 12px 10px 0;border-bottom:1px solid var(--hair);font-size:.95rem;font-weight:600;color:var(--ink-soft)}
.rates-card__table thead th{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--ink)}
.rates-card__table tbody th{font-weight:700;color:var(--ink)}
.rates-card__extra td,.rates-card__extra th{color:var(--ink-soft)}
.rates-card__terms{margin:0;font-size:.92rem;font-weight:600}
.rates-card__terms a{color:var(--ink)}

/* ---------- ladder ---------- */
.ladder{width:100%;border-collapse:collapse;max-width:560px;margin:0}
.ladder th,.ladder td{text-align:left;padding:12px 14px 12px 0;border-bottom:1px solid var(--hair);font-size:1.0rem;font-weight:700;color:var(--ink)}
.ladder th{font-weight:600;color:var(--ink-soft)}

/* ---------- questions ---------- */
.ask{max-width:74ch}
.ask details{border-top:1px solid var(--hair-hard);padding:14px 0}
.ask summary{
  cursor:pointer;
  list-style:none;
  font-size:1.04rem;
  font-weight:800;
  color:var(--ink);
  line-height:1.4;
}
.ask summary::-webkit-details-marker{display:none}
.ask summary:hover{color:#3A2408}
.ask .ans{margin-top:10px}
.ask .ans p{margin:0 0 12px;font-size:1.0rem;line-height:1.62;font-weight:500;color:var(--ink-soft)}
.ask .ans a{color:var(--ink)}

/* ---------- listing ---------- */
.listing{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:28px 44px}
.listing li{border-top:1px solid var(--hair-hard);padding-top:14px}
.listing a{display:block;text-decoration:none}
.listing .tt{display:block;font-family:var(--serif);font-size:1.5rem;line-height:1.14;color:var(--ink)}
.listing a:hover .tt{color:#3A2408}
.listing .dd{display:block;margin-top:8px;font-size:.95rem;line-height:1.55;font-weight:500;color:var(--ink-soft)}
.listing .mm{display:block;margin-top:8px;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--ink-soft)}

.rows{list-style:none;margin:0;padding:0}
.rows li{border-top:1px solid var(--hair-hard);padding:13px 0}
.rows a{text-decoration:none;font-size:1.04rem;font-weight:700;color:var(--ink);border-bottom:1px solid transparent}
.rows a:hover{border-bottom-color:var(--ink)}
.rows .ll{display:block;margin-top:5px;font-size:.92rem;line-height:1.5;font-weight:500;color:var(--ink-soft)}

/* ---------- foot ---------- */
.site-footer{
  position:relative;
  padding:72px 0 40px;
  color:var(--ivory-soft);
  z-index:1;
}
.site-footer::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(180deg,
    rgba(18,9,0,.72) 0%,
    rgba(18,9,0,.88) 14%,
    rgba(18,9,0,.93) 46%,
    rgba(18,9,0,.95) 100%);
}
.site-footer .wrap{position:relative;z-index:1}
.mark{
  font-family:var(--serif);
  font-size:clamp(2rem,5vw,3.1rem);
  line-height:1;
  margin:0 0 14px;
  color:var(--ivory);
}
.site-footer .note{margin:0 0 30px;font-size:.96rem;line-height:1.64;font-weight:500;max-width:62ch;color:var(--ivory-soft)}
.cols{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 40px;margin:0 0 34px}
.cols h5{margin:0 0 12px;font-size:.70rem;letter-spacing:.20em;text-transform:uppercase;font-weight:800;color:var(--lamp)}
.cols ul{list-style:none;margin:0;padding:0}
.cols li{margin:0 0 8px;font-size:.93rem;line-height:1.5;font-weight:500}
.site-footer a{color:var(--ivory-soft);text-decoration:none;border-bottom:1px solid rgba(246,231,198,.32)}
.site-footer a:hover{color:#FFFFFF;border-bottom-color:#FFFFFF}
.legal{
  display:flex;
  flex-wrap:wrap;
  gap:10px 24px;
  align-items:center;
  border-top:1px solid rgba(246,231,198,.26);
  padding-top:18px;
  font-size:.80rem;
  letter-spacing:.04em;
  font-weight:600;
  color:var(--ivory-soft);
}
.age21{
  display:inline-block;
  border:1px solid var(--lamp);
  color:var(--lamp);
  font-weight:800;
  font-size:.72rem;
  letter-spacing:.10em;
  padding:4px 8px;
  line-height:1;
}

/* ---------- mobile dock ---------- */
.m-dock{display:none}

/* ---------- injected blocks: crumbs and related pages ----------
   The build appends its own .crumbs / .seo-related rules after this file, so
   every override here is tag-qualified to outrank them. Both blocks land on the
   bare drape, where ink would read at about 1.6:1, so each carries a lit strip
   of its own in the same material as .band. */
nav.crumbs{
  position:relative;
  z-index:3;
  max-width:none;
  margin:0;
  padding:12px max(16px, calc((100% - var(--max)) / 2 + 22px));
  background-image:linear-gradient(180deg, rgba(222,161,40,.97) 0%, rgba(214,153,34,.95) 100%);
  border-bottom:1px solid rgba(23,12,1,.26);
  font-size:.76rem;
  letter-spacing:.06em;
  font-weight:700;
  color:var(--ink-soft);
}
nav.crumbs ol{opacity:1;gap:4px 10px}
nav.crumbs li+li::before{opacity:.55;color:var(--ink-soft)}
nav.crumbs a{color:var(--ink-soft)}
nav.crumbs a:hover{color:var(--ink);border-bottom-color:var(--ink)}
nav.crumbs [aria-current]{opacity:1;color:var(--ink)}

aside.seo-related{
  position:relative;
  z-index:3;
  max-width:none;
  margin:0;
  padding:52px max(16px, calc((100% - var(--max)) / 2 + 22px)) 56px;
  background-image:linear-gradient(180deg,
    rgba(216,155,35,0) 0,
    rgba(216,155,35,.72) 16px,
    rgba(222,161,40,.95) 34px,
    rgba(224,164,44,.97) 50px,
    rgba(224,164,44,.97) calc(100% - 50px),
    rgba(222,161,40,.95) calc(100% - 34px),
    rgba(216,155,35,.72) calc(100% - 16px),
    rgba(216,155,35,0) 100%);
  color:var(--ink-soft);
}
aside.seo-related .seo-related__in{border-top:1px solid var(--hair-hard)}
aside.seo-related .seo-related__h{color:var(--ink);font-weight:800;opacity:1;letter-spacing:.20em}
aside.seo-related a{color:var(--ink-soft);font-weight:600;border-bottom:1px solid var(--hair)}
aside.seo-related a:hover{color:var(--ink);opacity:1;border-bottom-color:var(--ink)}

@media (max-width:1000px){
  .tech{grid-template-columns:repeat(2,1fr)}
  .roster{grid-template-columns:repeat(2,1fr);gap:32px 22px}
  .two{grid-template-columns:1fr;gap:32px}
  .split{grid-template-columns:1fr;gap:38px}
  .cols{grid-template-columns:repeat(2,1fr)}
  .listing{grid-template-columns:1fr}
  .wall{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .hero::before{background-image:radial-gradient(128% 82% at 50% 46%,
    rgba(255,231,172,.97) 0%,
    rgba(255,229,168,.95) 34%,
    rgba(252,219,146,.82) 58%,
    rgba(240,197,106,.44) 78%,
    rgba(0,0,0,0) 96%);}
  .hero{padding:28px 0 60px}
  .hero--home{min-height:0}
  .hero--home + .band{margin-top:0;padding-top:48px}
  .masthead{padding:12px 16px;gap:10px 16px}
  .hdr-note{display:none}
  .site-header nav{gap:6px 14px}
  .site-header nav a{font-size:.74rem;letter-spacing:.07em}
  .wrap{padding:0 16px}
  .bar{padding:14px 16px 10px}
  .cta{gap:10px}
  .cta .btn{flex:1 1 0;text-align:center;padding:15px 8px;font-size:.84rem;letter-spacing:.03em}
  .facts li{font-size:.92rem;padding:9px 0}
  .band{padding:64px 0 68px;margin:40px 0}
  .wall{grid-template-columns:repeat(2,1fr);gap:14px}
  .site-footer{padding-bottom:calc(98px + env(safe-area-inset-bottom))}
  .facts li,.listing .dd,.rows .ll,.site-footer .note,.cols li,.independence,.two p,.note{font-size:1rem}
  .roster img{box-shadow:0 12px 26px rgba(22,11,0,.42)}
  .wall img{box-shadow:0 12px 26px rgba(22,11,0,.40)}
  .age-bar{padding:10px 16px}
  .age-bar__ok{min-height:44px}
  main p[style*="font-size:14px"]{font-size:1rem !important}
  .m-dock{
    display:flex;
    position:fixed;
    left:0;right:0;bottom:0;
    z-index:20;
    gap:10px;
    padding:11px 16px calc(11px + env(safe-area-inset-bottom));
    background:#170C01;
    border-top:2px solid #6A4508;
  }
  .m-dock a{
    flex:1 1 0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    text-align:center;
    text-decoration:none;
    font-weight:800;
    font-size:.86rem;
    letter-spacing:.03em;
    min-height:46px;
    padding:14px 6px;
    line-height:1;
    border:2px solid var(--lamp);
  }
  .m-dock__wa{background:var(--lamp);color:#170C01}
  .m-dock__wa:hover{background:#FFE29A}
  .m-dock__tg,.m-dock__alt{background:transparent;color:#F6DCA0}
  .m-dock__tg:hover,.m-dock__alt:hover{background:#2E1C04}
}
@media (max-width:460px){
  .tech{grid-template-columns:1fr;gap:22px}
  .roster{gap:26px 14px}
  .cols{grid-template-columns:1fr}
  .bar{font-size:.60rem;letter-spacing:.12em}
  .spec>div{flex-direction:column;gap:2px}
  .spec dd{text-align:left}
}

/* ---------- shuffled grids: extra cards never paint before the script ---------- */
[data-shuffle="8"] > :nth-child(n+9){display:none}
[data-shuffle="4"] > :nth-child(n+5){display:none}

/* ---- injected by build: breadcrumbs + related pages ---- */
.crumbs{position:relative;z-index:3;max-width:var(--max,1200px);margin:0 auto;padding:14px clamp(18px,4vw,40px) 0;font-size:12.5px;line-height:1.5;letter-spacing:.02em}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px;opacity:.72}
.crumbs li{display:inline-flex;align-items:center;gap:8px;min-width:0}
.crumbs li+li::before{content:"/";opacity:.5}
.crumbs a{color:inherit;text-decoration:none;border-bottom:1px solid transparent}
.crumbs a:hover{border-bottom-color:currentColor}
.crumbs [aria-current]{opacity:.85;overflow-wrap:anywhere}
.seo-related{position:relative;z-index:3;max-width:var(--max,1200px);margin:0 auto;padding:clamp(28px,4vw,48px) clamp(18px,4vw,40px)}
.seo-related__in{border-top:1px solid rgba(128,128,128,.28);padding-top:22px}
.seo-related__h{margin:0 0 14px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;opacity:.7}
.seo-related ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px 28px}
.seo-related a{color:inherit;text-decoration:none;display:block;padding:6px 0;border-bottom:1px solid rgba(128,128,128,.16);font-size:15px;line-height:1.4}
.seo-related a:hover{opacity:.75}