/* ================================================================
   TEXAS HOME HUNTERS — pitch site  (VERSION 0)
   Aesthetic: 90s cable-network broadcast graphics + job-site signage.
   Hard edges, offset shadows, halftone, caution tape. No soft blur.
   ================================================================ */

:root{
  --asphalt:#141110;
  --asphalt-2:#221c19;
  --bone:#f4efe6;
  --bone-2:#e6ded1;
  --dirt:#b8471f;
  --dirt-dk:#8f3315;
  --caution:#f2b705;
  --denim:#2f4858;
  --sage:#3f6f4a;
  --ink:#2b2320;
  --muted:#6d6058;

  --shadow:6px 6px 0 var(--asphalt);
  --shadow-sm:4px 4px 0 var(--asphalt);
  --edge:3px solid var(--asphalt);

  --wrap:1180px;
  --display:"Anton","Haettenschweiler","Impact",system-ui,sans-serif;
  --cond:"Barlow Condensed","Arial Narrow",system-ui,sans-serif;
  --body:"Barlow",system-ui,-apple-system,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bone);color:var(--ink);
  font-family:var(--body);font-size:17px;line-height:1.6;
  overflow-x:hidden;
}
img,svg{max-width:100%;display:block}
a{color:inherit}
.wrap{width:min(100% - 2.5rem,var(--wrap));margin-inline:auto}

/* ---------- NETWORK BAR ---------- */
.netbar{background:var(--asphalt);color:var(--bone-2);border-bottom:2px solid var(--dirt)}
.netbar__in{
  width:min(100% - 2.5rem,var(--wrap));margin-inline:auto;
  display:flex;align-items:center;gap:.9rem;min-height:38px;
  font-family:var(--cond);font-size:.86rem;letter-spacing:.09em;text-transform:uppercase;
}
.netbar__spacer{flex:1}
.netbar strong{color:var(--caution)}
.bug{
  display:inline-flex;align-items:baseline;gap:1px;
  font-family:var(--display);font-size:.95rem;letter-spacing:.04em;
  background:var(--dirt);color:var(--bone);padding:.22rem .45rem;
  clip-path:polygon(0 0,100% 0,92% 100%,0 100%);
}
.bug i{font-style:normal;color:var(--caution)}
@media(max-width:760px){.netbar__hide{display:none}}

/* ---------- THE BANNER ---------- */
.banner{
  background:var(--caution);color:var(--asphalt);
  border-top:3px solid var(--asphalt);border-bottom:3px solid var(--asphalt);
  overflow:hidden;padding:.42rem 0;position:relative;
}
.banner::before,.banner::after{
  content:"";position:absolute;inset:0 auto 0 0;width:34px;z-index:2;
  background:repeating-linear-gradient(45deg,var(--asphalt) 0 7px,var(--caution) 7px 14px);
}
.banner::after{inset:0 0 0 auto;transform:scaleX(-1)}
.banner__track{display:flex;width:max-content;animation:slide 34s linear infinite}
.banner__set{display:flex;align-items:center;gap:1.6rem;padding-right:1.6rem;white-space:nowrap}
.banner__set span{
  font-family:var(--display);font-size:clamp(1rem,2.6vw,1.5rem);
  letter-spacing:.03em;text-transform:uppercase;
}
.banner__dot{font-family:var(--body)!important;color:var(--dirt);font-size:1.1rem!important}
@keyframes slide{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){
  .banner__track{animation:none;justify-content:center;width:100%}
  .banner__set:nth-child(2){display:none}
}

/* ---------- NAV ---------- */
.nav{background:var(--asphalt);color:var(--bone);position:sticky;top:0;z-index:60;border-bottom:3px solid var(--dirt)}
.nav__in{display:flex;align-items:center;gap:1rem;min-height:60px;flex-wrap:wrap}
.nav__brand{font-family:var(--display);font-size:1.22rem;letter-spacing:.05em;text-decoration:none;margin-right:auto}
.nav__brand:hover{color:var(--caution)}
.nav__menu{display:flex;align-items:center;gap:1.35rem;font-family:var(--cond);
  text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:.95rem}
.nav__menu a{text-decoration:none;padding:.2rem 0;border-bottom:2px solid transparent}
.nav__menu a:hover{color:var(--caution);border-color:var(--caution)}
.nav__cta{background:var(--dirt);color:var(--bone)!important;padding:.42rem .85rem!important;border:2px solid var(--bone)}
.nav__cta:hover{background:var(--caution);color:var(--asphalt)!important;border-color:var(--caution)}
.nav__toggle{display:none;background:var(--dirt);color:var(--bone);border:2px solid var(--bone);
  font-family:var(--cond);font-weight:700;letter-spacing:.1em;padding:.35rem .8rem;cursor:pointer}
@media(max-width:900px){
  .nav__toggle{display:block}
  .nav__menu{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:.1rem;padding-bottom:.8rem}
  .nav__menu.open{display:flex}
  .nav__menu a{width:100%;padding:.55rem 0;border-bottom:1px solid #3a302b}
  .nav__cta{margin-top:.5rem;text-align:center}
}

/* ---------- HERO ---------- */
.hero{position:relative;background:var(--asphalt);color:var(--bone);overflow:hidden;
  padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(3rem,7vw,5rem)}
.hero__grit{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse at 72% 8%,rgba(242,183,5,.16),transparent 58%),
    radial-gradient(ellipse at 10% 92%,rgba(184,71,31,.22),transparent 55%);
}
.hero__grit::after{
  content:"";position:absolute;inset:0;opacity:.5;
  background-image:radial-gradient(circle at 1px 1px,rgba(244,239,230,.10) 1px,transparent 0);
  background-size:5px 5px;
}
.hero__in{position:relative;display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(2rem,4vw,3.5rem);align-items:center}
@media(max-width:960px){.hero__in{grid-template-columns:1fr}}

.kicker{font-family:var(--cond);text-transform:uppercase;letter-spacing:.18em;font-size:.85rem;
  color:var(--caution);margin:0 0 1rem;font-weight:600}
.title{margin:0;line-height:.82;font-family:var(--display);text-transform:uppercase;letter-spacing:.01em}
.title span{display:block}
.title__l1{font-size:clamp(3rem,10.5vw,6.6rem);color:var(--bone)}
.title__l2{font-size:clamp(3.4rem,11.6vw,7.4rem);color:var(--caution);
  -webkit-text-stroke:2px var(--asphalt);text-shadow:5px 5px 0 var(--dirt)}
.title__l3{font-size:clamp(2.5rem,8.6vw,5.5rem);color:var(--bone);letter-spacing:.06em}
.hero__tag{font-family:var(--cond);font-size:clamp(1.2rem,2.7vw,1.65rem);line-height:1.28;
  margin:1.4rem 0 .9rem;color:var(--bone-2)}
.hero__tag em{color:var(--caution);font-style:italic}
.hero__host{font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;font-size:.98rem;
  color:#b6a89c;margin:0 0 1.7rem}
.hero__host a{text-decoration:none}
.hero__host strong{color:var(--bone);border-bottom:2px solid var(--dirt)}
.hero__host a:hover strong{color:var(--caution);border-color:var(--caution)}
.hero__btns{display:flex;gap:.9rem;flex-wrap:wrap}
.hero__fine{font-size:.8rem;color:#8d8078;margin:1.5rem 0 0;max-width:46ch;line-height:1.5}

.btn{
  display:inline-block;font-family:var(--cond);font-weight:700;text-transform:uppercase;
  letter-spacing:.09em;font-size:1rem;padding:.82rem 1.5rem;text-decoration:none;cursor:pointer;
  border:var(--edge);box-shadow:var(--shadow-sm);transition:transform .08s,box-shadow .08s;
}
.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--asphalt)}
.btn--go{background:var(--caution);color:var(--asphalt)}
.btn--go:hover{background:var(--dirt);color:var(--bone)}
.btn--ghost{background:transparent;color:var(--bone);border-color:var(--bone);box-shadow:4px 4px 0 var(--dirt)}
.btn--ghost:hover{background:var(--bone);color:var(--asphalt)}
.btn--dark{background:var(--asphalt);color:var(--bone);border-color:var(--asphalt);box-shadow:4px 4px 0 var(--caution)}
.btn--dark:hover{background:var(--dirt)}

/* poster */
.hero__art{position:relative;padding:0 1rem 2.5rem}
.poster{position:relative;border:4px solid var(--bone);box-shadow:14px 14px 0 var(--dirt);background:var(--asphalt);transform:rotate(-1.4deg)}
.poster__svg{width:100%;height:auto}
.poster__tape{
  position:absolute;z-index:3;background:var(--caution);color:var(--asphalt);
  font-family:var(--display);font-size:.82rem;letter-spacing:.12em;padding:.3rem .9rem;
  border:2px solid var(--asphalt);
}
.poster__tape--tl{top:-14px;left:-16px;transform:rotate(-6deg)}
.poster__tape--br{bottom:44px;right:-18px;transform:rotate(4deg);background:var(--dirt);color:var(--bone);border-color:var(--bone)}
.poster__strip{display:flex;background:var(--asphalt);border-top:4px solid var(--bone)}
.poster__strip span{
  flex:1;text-align:center;padding:.55rem .2rem;font-family:var(--cond);font-weight:700;
  font-size:.8rem;letter-spacing:.14em;color:var(--bone-2);border-right:2px solid #3a302b;
}
.poster__strip span:last-child{border-right:0;color:var(--caution)}

.stamp{
  position:absolute;left:-6px;bottom:-14px;z-index:5;
  border:5px double var(--dirt);color:var(--dirt);background:rgba(20,17,16,.86);
  padding:.6rem 1.1rem;text-align:center;transform:rotate(-8deg);
  text-transform:uppercase;line-height:1;
}
.stamp__l1{display:block;font-family:var(--display);font-size:clamp(1.3rem,3.4vw,1.9rem);letter-spacing:.05em}
.stamp__l2{display:block;font-family:var(--cond);font-weight:600;font-size:.7rem;letter-spacing:.16em;margin:.3rem 0}
.stamp__l3{display:block;font-family:var(--display);font-size:clamp(1.5rem,4vw,2.3rem);color:var(--caution);letter-spacing:.08em}
@media(max-width:960px){.stamp{left:auto;right:0;bottom:-20px}}

/* ---------- STATS ---------- */
.stats{background:var(--dirt);color:var(--bone);border-top:3px solid var(--asphalt);border-bottom:3px solid var(--asphalt)}
.stats__grid{display:grid;grid-template-columns:repeat(5,1fr)}
.stat{padding:1.3rem .8rem;text-align:center;border-right:2px solid rgba(20,17,16,.28)}
.stat:last-child{border-right:0}
.stat b{display:block;font-family:var(--display);font-size:clamp(1.9rem,4.2vw,2.8rem);line-height:1;color:var(--caution)}
.stat span{display:block;font-family:var(--cond);text-transform:uppercase;letter-spacing:.07em;
  font-size:.78rem;margin-top:.4rem;color:#f7e3d8}
@media(max-width:860px){.stats__grid{grid-template-columns:repeat(2,1fr)}
  .stat{border-bottom:2px solid rgba(20,17,16,.28)}
  .stat:nth-child(2n){border-right:0}
  .stat:last-child{grid-column:1/-1;border-bottom:0}}

/* ---------- SECTIONS ---------- */
.sec{padding:clamp(3rem,7vw,5.5rem) 0}
.sec--bone{background:var(--bone)}
.sec--dark{background:var(--asphalt);color:var(--bone)}
.sec--stripe{background:var(--denim);color:var(--bone);
  background-image:repeating-linear-gradient(135deg,rgba(0,0,0,.10) 0 12px,transparent 12px 24px)}
.sec--go{background:var(--caution);color:var(--asphalt)}

.eyebrow{font-family:var(--cond);text-transform:uppercase;letter-spacing:.2em;font-size:.8rem;
  font-weight:700;color:var(--dirt);margin:0 0 .6rem}
.eyebrow--light{color:var(--caution)}
h2{font-family:var(--display);text-transform:uppercase;line-height:.95;letter-spacing:.01em;
  font-size:clamp(1.9rem,4.6vw,3.2rem);margin:0 0 1rem;max-width:22ch}
.h2--light{color:var(--bone)}
.sub{max-width:60ch;color:#b6a89c;font-family:var(--cond);font-size:1.15rem;margin:0 0 2.4rem}
.sub--dark{color:var(--muted)}
h3{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;line-height:1.05;margin:0 0 .35rem}

/* ---------- HOST ---------- */
.host{display:grid;grid-template-columns:320px 1fr;gap:clamp(2rem,4vw,3.4rem);align-items:start}
@media(max-width:900px){.host{grid-template-columns:1fr}}
.host__card{position:sticky;top:84px}
@media(max-width:900px){.host__card{position:static;max-width:320px}}
.headshot{border:var(--edge);box-shadow:var(--shadow);background:var(--denim)}
.headshot svg{width:100%;height:auto}
.headshot__plate{background:var(--asphalt);color:var(--bone);border:var(--edge);border-top:0;
  box-shadow:var(--shadow);padding:.8rem 1rem}
.headshot__plate b{display:block;font-family:var(--display);letter-spacing:.05em;font-size:1.1rem;color:var(--caution)}
.headshot__plate span{display:block;font-family:var(--cond);font-size:.8rem;text-transform:uppercase;
  letter-spacing:.08em;color:#b6a89c;margin-top:.25rem}
.lede{font-size:1.16rem;line-height:1.55}
.host__body p{max-width:64ch}
.creds{list-style:none;padding:0;margin:2rem 0;border-top:2px solid var(--bone-2)}
.creds li{display:grid;grid-template-columns:74px 1fr;gap:1rem;padding:.75rem 0;
  border-bottom:2px solid var(--bone-2);font-family:var(--cond);font-size:1.06rem}
.creds span{font-family:var(--display);color:var(--dirt);font-size:1rem;letter-spacing:.04em}
.pull{margin:2rem 0 0;padding:1.4rem 1.6rem;background:var(--asphalt);color:var(--bone);
  border-left:10px solid var(--caution);box-shadow:var(--shadow);
  font-family:var(--cond);font-size:1.3rem;line-height:1.35}
.pull em{color:var(--caution);font-style:italic}
.pull cite{display:block;margin-top:.8rem;font-family:var(--body);font-style:normal;
  font-size:.85rem;color:#9d8f85;letter-spacing:.03em}

/* ---------- CREW ---------- */
.crew{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.5rem}
.cast{background:var(--asphalt-2);border:2px solid #3a302b;border-top:6px solid var(--dirt);padding:1.5rem 1.4rem 1.6rem}
.cast:hover{border-top-color:var(--caution);transform:translateY(-3px)}
.cast{transition:transform .12s,border-color .12s}
.cast__ico{width:52px;height:52px;display:grid;place-items:center;font-size:1.6rem;
  background:var(--c,#b8471f);border:2px solid var(--asphalt);margin-bottom:.9rem}
.cast h3{font-size:1.28rem;color:var(--bone)}
.cast__role{font-family:var(--cond);text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;
  color:var(--caution);margin:0 0 .8rem}
.cast p:last-child{margin:0;font-size:.96rem;color:#c3b6ac;line-height:1.62}

/* ---------- EPISODES ---------- */
.eps{list-style:none;padding:0;margin:0;counter-reset:e}
.ep{display:grid;grid-template-columns:110px 1fr;gap:1.6rem;align-items:start;
  padding:1.6rem 0;border-top:3px solid var(--asphalt)}
.ep:last-child{border-bottom:3px solid var(--asphalt)}
.ep:hover .ep__no{background:var(--dirt);color:var(--bone)}
.ep__no{font-family:var(--display);font-size:2.6rem;line-height:1;background:var(--asphalt);
  color:var(--caution);text-align:center;padding:.45rem 0;border:var(--edge);transition:background .12s}
.ep h3{font-size:clamp(1.25rem,3vw,1.75rem)}
.ep__sub{font-family:var(--cond);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;
  color:var(--muted);margin:0 0 .7rem}
.ep__meta p:last-child{margin:0;max-width:72ch}
.tagx{background:var(--asphalt);color:var(--caution);padding:.1rem .45rem;letter-spacing:.08em}
@media(max-width:700px){
  .ep{grid-template-columns:1fr;gap:.8rem}
  .ep__no{width:74px;font-size:1.9rem}
}

/* ---------- SEGMENTS ---------- */
.segs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.3rem}
.seg{background:rgba(20,17,16,.42);border:2px solid rgba(244,239,230,.22);padding:1.3rem}
.seg b{display:block;font-family:var(--display);text-transform:uppercase;letter-spacing:.03em;
  font-size:1.15rem;color:var(--caution);margin-bottom:.5rem}
.seg p{margin:0;font-size:.96rem;color:#dcd4cb;line-height:1.6}

/* ---------- MATH ---------- */
.math{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(2rem,4vw,3.2rem);align-items:start}
@media(max-width:920px){.math{grid-template-columns:1fr}}
.math p{max-width:62ch}
.micro{font-size:.85rem;color:var(--muted);font-style:italic}

.calc{background:var(--asphalt);color:var(--bone);border:var(--edge);box-shadow:var(--shadow);
  padding:1.6rem;margin-top:1.8rem}
.calc label{display:block;font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;
  font-size:.86rem;color:var(--caution);margin-bottom:1.25rem}
.calc label small{text-transform:none;letter-spacing:0;color:#9d8f85;font-style:italic}
.calc input[type=range]{width:100%;margin:.55rem 0 .2rem;accent-color:var(--dirt);height:22px}
.calc output{display:block;font-family:var(--display);font-size:1.35rem;color:var(--bone);letter-spacing:.02em;text-transform:none}
.calc__out{border-top:2px dashed #4a3f39;padding-top:1.1rem;margin-top:.4rem}
.calc__out .row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;
  font-family:var(--cond);font-size:1rem;padding:.42rem 0;color:#c3b6ac}
.calc__out .row b{font-family:var(--display);font-size:1.15rem;color:var(--bone);white-space:nowrap}
.row--big{border-top:2px solid #4a3f39;margin-top:.5rem;padding-top:.8rem!important;color:var(--bone)!important}
.row--big b{font-size:1.9rem!important;color:var(--dirt)!important}
.verdict{margin:1rem 0 0;background:var(--caution);color:var(--asphalt);font-family:var(--display);
  text-transform:uppercase;letter-spacing:.04em;padding:.65rem .9rem;text-align:center;font-size:1.05rem}

.ledger{background:#fff;border:var(--edge);box-shadow:var(--shadow);padding:1.5rem}
.ledger h3{font-size:1.25rem}
.ledger__note{font-family:var(--cond);font-size:.9rem;color:var(--muted);margin:0 0 1rem;font-style:italic}
.ledger table{width:100%;border-collapse:collapse;font-family:var(--cond);font-size:1.02rem}
.ledger td{padding:.5rem 0;border-bottom:1px dotted #c9bfb2;vertical-align:top}
.ledger td:last-child{text-align:right;font-weight:700;white-space:nowrap;padding-left:.6rem}
.ledger em{display:block;font-size:.82rem;color:var(--muted);font-style:italic;font-weight:400}
.ledger__tot td{border-bottom:0;border-top:3px solid var(--asphalt);font-family:var(--display);
  font-size:1.05rem;letter-spacing:.02em;padding-top:.7rem}
.ledger__tot:last-child td{border-top:0;padding-top:0;color:var(--dirt)}
.meter{position:relative;height:30px;background:var(--bone-2);border:2px solid var(--asphalt);margin-top:1.2rem}
.meter__fill{height:100%;background:var(--dirt);min-width:4px}
.meter__lbl{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--cond);
  font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}

/* ---------- PRESS ---------- */
.quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.4rem}
.quotes figure{margin:0;background:var(--asphalt-2);border-left:6px solid var(--caution);padding:1.3rem 1.4rem}
.quotes blockquote{margin:0 0 .7rem;font-family:var(--cond);font-size:1.32rem;line-height:1.3;color:var(--bone)}
.quotes figcaption{font-size:.84rem;color:#9d8f85}

.sponsors{margin-top:3.2rem;border-top:2px solid #3a302b;padding-top:1.8rem;text-align:center}
.sponsors__lbl{font-family:var(--cond);text-transform:uppercase;letter-spacing:.24em;font-size:.75rem;
  color:#8d8078;margin:0 0 1.2rem}
.sponsors ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.8rem 2.2rem;justify-content:center}
.sponsors li{font-family:var(--display);letter-spacing:.06em;font-size:1.02rem;color:#6f635b}
.sponsors li:hover{color:var(--caution)}
.sponsors sup{font-family:var(--body);font-size:.6rem;letter-spacing:0;color:var(--dirt)}

/* ---------- GREENLIGHT ---------- */
.green{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,3.4rem);align-items:start}
@media(max-width:900px){.green{grid-template-columns:1fr}}
.sec--go .eyebrow{color:var(--dirt)}
.sec--go .h2--light{color:var(--asphalt)}
.green__copy p{max-width:56ch;font-size:1.05rem}
.tiers{list-style:none;padding:0;margin:1.8rem 0 0}
.tiers li{display:grid;grid-template-columns:88px 1fr;gap:1rem;align-items:baseline;
  padding:.75rem 0;border-top:2px solid rgba(20,17,16,.3);font-family:var(--cond);font-size:1.05rem}
.tiers li:last-child{border-bottom:2px solid rgba(20,17,16,.3)}
.tiers b{font-family:var(--display);font-size:1.25rem;color:var(--dirt)}

.form{background:var(--bone);border:var(--edge);box-shadow:10px 10px 0 var(--asphalt);padding:1.7rem}
.form h3{font-size:1.35rem;margin-bottom:1.2rem}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:520px){.form__row{grid-template-columns:1fr}}
.form label{display:block;font-family:var(--cond);text-transform:uppercase;letter-spacing:.11em;
  font-size:.8rem;font-weight:700;color:var(--ink);margin-bottom:1rem}
.form input,.form select,.form textarea{
  width:100%;margin-top:.35rem;padding:.7rem .8rem;font-family:var(--body);font-size:1rem;
  border:2px solid var(--asphalt);background:#fff;color:var(--ink);text-transform:none;letter-spacing:0;
}
.form input:focus,.form select:focus,.form textarea:focus{outline:3px solid var(--dirt);outline-offset:1px}
.form textarea{resize:vertical}
.form .btn{width:100%;margin-top:.3rem}
.form__fine{font-size:.76rem;color:var(--muted);margin:.9rem 0 0;text-align:center;line-height:1.45}
.form__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ---------- FOOTER ---------- */
.foot{background:var(--asphalt);color:#9d8f85;padding:3rem 0 2.5rem;border-top:5px solid var(--dirt)}
.foot__in{display:grid;gap:1.6rem}
.foot__logo{font-family:var(--display);font-size:1.6rem;color:var(--bone);margin:0;letter-spacing:.05em}
.foot__tag{font-family:var(--cond);margin:.3rem 0 0;font-size:1rem}
.foot__nav{display:flex;flex-wrap:wrap;gap:1.4rem;font-family:var(--cond);text-transform:uppercase;
  letter-spacing:.1em;font-size:.85rem}
.foot__nav a{text-decoration:none}
.foot__nav a:hover{color:var(--caution)}
.foot__legal{font-size:.76rem;line-height:1.6;max-width:88ch;color:#6f635b;
  border-top:2px solid #3a302b;padding-top:1.4rem;margin:0}

/* ---------- MODAL ---------- */
.modal{position:fixed;inset:0;z-index:200;background:rgba(20,17,16,.9);display:grid;place-items:center;padding:1.5rem}
.modal[hidden]{display:none}
.modal__box{position:relative;background:var(--bone);border:4px solid var(--asphalt);
  box-shadow:14px 14px 0 var(--dirt);max-width:520px;padding:1.8rem;max-height:90vh;overflow:auto}
.modal__x{position:absolute;top:8px;right:8px;background:var(--asphalt);color:var(--bone);
  border:0;width:34px;height:34px;cursor:pointer;font-size:1rem}
.modal__x:hover{background:var(--dirt)}
.modal__screen{position:relative;height:130px;background:#0b0a09;border:3px solid var(--asphalt);
  overflow:hidden;margin-bottom:1.3rem;display:grid;place-items:center}
.modal__bars{position:absolute;inset:0;opacity:.55;
  background:repeating-linear-gradient(90deg,#c9c9c9 0 12.5%,#c9c400 12.5% 25%,#00c9c9 25% 37.5%,
  #00c900 37.5% 50%,#c900c9 50% 62.5%,#c90000 62.5% 75%,#0000c9 75% 87.5%,#111 87.5% 100%)}
.modal__err{position:relative;font-family:var(--display);color:#fff;letter-spacing:.2em;
  background:rgba(20,17,16,.85);padding:.4rem 1rem;margin:0;border:2px solid var(--caution)}
.modal__box h3{font-size:1.5rem;margin-bottom:.7rem}
.modal__box p{font-size:.98rem}
.modal__ps{font-style:italic;color:var(--muted);border-left:4px solid var(--caution);padding-left:.9rem}
.modal__box .btn{width:100%;text-align:center;margin-top:.6rem}

::selection{background:var(--caution);color:var(--asphalt)}
:focus-visible{outline:3px solid var(--dirt);outline-offset:2px}