/* GENERATED from config/tokens.yaml by af/tokens.py - do not edit */
:root{
  --c-bg:#f6f5f4;
  --c-paper:#ffffff;
  --c-ink:#171514;
  --c-ink2:#272423;
  --c-slate:#625d5b;
  --c-muted:#6c6663;
  --c-line:#e1dedd;
  --c-line2:#c8c3c1;
  --c-chip:#ebe9e8;
  --c-onink:#bbb6b4;
  --c-eyebrow-dark:#e2e0de;
  --c-band-text:#f2f1f0;
  --c-brand:#c02017;
  --c-brand-dk:#9d1a13;
  --c-brand-fill:#ff4d3d;
  --c-brand-fill-ink:#171514;
  --c-brand-fill-hover:#e84739;
  --c-brand-on-dark:#ff8d80;
  --c-brand-tint:#ffe6e4;
  --c-logo:#c02017;
  --c-logo-mark:transparent;
  --c-focus:#c02017;
  --c-focus-ring:rgba(255,77,61,.55);
  --c-link-line:#c02017;
  --c-glow:rgba(255,141,128,.11);
  --c-note:#1c1a17;
  --c-note-dark:#f3efe9;
  --c-hl:#ffe14a;
  --c-hl-a:rgba(255,225,74,.6);
  --c-ramp-lo:#e4e3e2;
  --c-acc:#0f8a5c;
  --c-acc-dark:#5fe0a9;
  --c-ink-rgb:23,21,20;
  --c-thr:#625d5b;
  --c-thr-ink:#ffffff;
  --c-fam:#2f7d52;
  --c-neutral-h:20;
  --c-neutral-s-hi:0.1;
  --c-neutral-s-mid:0.04;
  --c-neutral-s-lo:0.06;
  --t-font-display:"Mona Sans",system-ui,sans-serif;
  --t-font-body:"Onest",system-ui,sans-serif;
  --t-font-note:"Caveat",cursive;
  --t-wide:122%;
  --r-card:12px;
  --r-inner:8px;
  --r-control:999px;
  --s-xs:4px;
  --s-sm:8px;
  --s-md:16px;
  --s-lg:32px;
  --score-high:#4b4745;
  --score-mid:#8f8a88;
  --score-low:#cfcdcc;
  --score-red-hue-max:12;
  --score-red-hue-min:340;
  --score-red-sat-cap:0.4;
  --score-red-light-cap:0.38;
  --score-mid-sat:0.55;
  --score-mid-light:0.6;
  --score-low-sat:0.26;
  --score-low-light:0.7;
  --tsh-photo:0 0 2px rgba(10,9,8,.9),0 1px 4px rgba(10,9,8,.75),0 2px 18px rgba(10,9,8,.6);
  --tsh-photo-sm:0 0 2px rgba(10,9,8,.9),0 1px 6px rgba(10,9,8,.85),0 1px 12px rgba(10,9,8,.6);
}
/* GENERATED once by tools/make_listing_assets.py from the r18 home pages (home); edit by hand from here on. Palette = var(--c-*) (config/tokens.yaml); ride paint arrives as inline style attributes. */
:root{
  --ink:var(--c-ink); --plum:#423e3c; --plum-lt:#66615e;
  --ember:var(--c-brand); --ember-lt:#f53f2e;
  --cream:var(--c-bg); --paper:var(--c-paper); --line:var(--c-line);
  --muted:var(--c-slate); --muted-2:var(--c-muted);
  --shadow:0 1px 2px rgba(23,21,20,.04),0 8px 24px -12px rgba(23,21,20,.18);
  --shadow-lg:0 2px 4px rgba(23,21,20,.05),0 24px 60px -24px rgba(23,21,20,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:60px}
body{margin:0;background:var(--cream);color:var(--ink);overflow-x:hidden;
  font:400 16px/1.55 Onest,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:"Mona Sans",Onest,sans-serif;font-weight:700;letter-spacing:-.025em;margin:0}
p{margin:0}
ul{padding:0;margin:0;list-style:none}
img{max-width:100%}
a{color:inherit}
button,input{font:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 18px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.brand{font-family:"Mona Sans",sans-serif;font-weight:700;font-size:17px;letter-spacing:-.03em;text-decoration:none}
.brand b{color:var(--ember-lt)}
.hero{position:relative;overflow:hidden;background:var(--ink);isolation:isolate;color:var(--c-paper)}
.hero .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% 62%;z-index:0}
.hero .scrim{position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(17,16,15,.62) 0%,rgba(17,16,15,.40) 26%,rgba(14,13,12,.62) 56%,rgba(13,12,11,.86) 100%)}
.hero .inner{position:relative;z-index:2;max-width:1120px;margin:0 auto;padding:44px 18px 22px;
  min-height:min(calc(100svh - 50px),580px);display:flex;flex-direction:column;justify-content:flex-end}
.eyebrow{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#d2cfce;font-weight:700;
  text-shadow:var(--tsh-photo-sm)}
.hero h1{font-size:clamp(36px,10.4vw,84px);line-height:.94;margin:10px 0 0;letter-spacing:-.05em;
  text-shadow:var(--tsh-photo);max-width:13ch}
.hero h1 b{color:var(--ember-lt)}
.say{margin:12px 0 0;max-width:34ch;font-family:"Mona Sans",Onest,sans-serif;font-weight:500;
  font-size:clamp(17px,4.4vw,21px);line-height:1.3;letter-spacing:-.015em;text-shadow:var(--tsh-photo)}
.find{position:relative;margin:20px 0 0;max-width:620px}
.find label{display:block}
.box{display:flex;align-items:center;gap:10px;background:var(--c-paper);border-radius:12px;padding:0 8px 0 15px;
  box-shadow:0 14px 40px -14px rgba(0,0,0,.6)}
.box svg{flex:none;width:19px;height:19px;stroke:var(--muted);fill:none;stroke-width:2.2;stroke-linecap:round}
.box input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--ink);font-size:16px;padding:15px 0}
.box input::placeholder{color:#867f7c}
.box button{flex:none;border:0;cursor:pointer;background:var(--ember);color:var(--c-paper);border-radius:10px;
  padding:10px 16px;font:700 15px/1 "Mona Sans",Onest,sans-serif}
@media (hover:hover){.box button:hover{background:#c81e0f}}
.box:focus-within{box-shadow:0 0 0 3px rgba(245,63,46,.85),0 14px 40px -14px rgba(0,0,0,.6)}
.tiles{display:grid;grid-template-columns:1fr;gap:8px;margin:14px 0 0}
.tile{display:grid;grid-template-columns:40px 1fr 12px;gap:12px;align-items:center;text-decoration:none;
  background:rgba(11,10,9,.52);border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:11px 14px;
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:.15s}
.tile:after{content:"\203A";font-size:20px;line-height:1;font-weight:700;color:rgba(255,255,255,.6);transition:.15s}
@media (hover:hover){.tile:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4)}}
.tile:hover:after{color:#fb6d60;transform:translateX(2px)}
.tile:focus-visible{outline:3px solid #fb6d60;outline-offset:2px}
.tile svg{width:40px;height:40px;padding:8px;border-radius:11px;background:var(--ember);stroke:var(--c-paper);fill:none;
  stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.tile.p svg{background:var(--plum-lt)}
.tile.k svg{background:var(--c-paper);stroke:var(--ink)}
.tile b{display:block;font-family:"Mona Sans",Onest,sans-serif;font-weight:700;font-size:17px;line-height:1.15;letter-spacing:-.02em}
.tile span span{display:block;font-size:13px;color:#e2e1e0;margin-top:2px;line-height:1.3}
.stats{display:flex;flex-wrap:wrap;gap:6px 20px;margin:16px 0 0;font-size:13px;color:#e2e1e0}
.stats b{font-family:"Mona Sans",Onest,sans-serif;font-weight:700;font-size:19px;color:var(--c-paper);margin-right:5px;letter-spacing:-.02em}
.credit{margin:10px 0 0;font-size:10.5px;color:rgba(255,255,255,.78)}
section{padding:40px 0 4px;scroll-margin-top:10px}
h2{font-size:clamp(25px,6.6vw,36px);line-height:1.06}
.sub{color:var(--muted);font-size:14.5px;margin-top:7px;max-width:62ch}
.head{margin:0 0 18px}
.filters{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:0 0 16px}
.filters::-webkit-scrollbar{display:none}
.filters button{cursor:pointer;white-space:nowrap;font-size:13px;font-weight:600;color:var(--muted);background:var(--paper);
  border:1px solid var(--line);border-radius:99px;padding:8px 14px;display:inline-flex;align-items:center;gap:7px;transition:.15s}
.filters button u{text-decoration:none;font-size:11px;font-weight:700;color:var(--muted-2);background:#ecebea;border-radius:99px;padding:1px 7px}
@media (hover:hover){.filters button:hover{border-color:var(--ember);color:var(--ember)}}
.filters button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--c-paper)}
.filters button[aria-pressed="true"] u{background:rgba(255,255,255,.18);color:#dedcdb}
.filters button:focus-visible{outline:3px solid var(--ember-lt);outline-offset:2px}
.states{columns:1;column-gap:12px}
.st{break-inside:avoid;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);
  overflow:hidden;margin:0 0 12px}
.st h3{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;font-family:Onest,sans-serif;font-weight:700;color:var(--muted);padding:11px 15px 9px;background:#f6f5f5;
  border-bottom:1px solid var(--line)}
.st h3 em{font-style:normal;letter-spacing:0;color:var(--muted-2);font-size:12px}
.pk{display:grid;grid-template-columns:1fr auto 10px;gap:8px;align-items:center;padding:12px 15px;text-decoration:none;
  border-top:1px solid var(--line);transition:background .15s}
.st li:first-child .pk{border-top:0}
.pk span{font-family:"Mona Sans",Onest,sans-serif;font-weight:700;font-size:15.5px;line-height:1.25}
.pk:after{content:"\203A";font-size:18px;line-height:1;font-weight:700;color:var(--muted-2);transition:.15s}
.pkn{font-size:13px;font-weight:600;color:var(--muted-2);white-space:nowrap}
@media (hover:hover){.pk:hover{background:var(--c-paper)}}
.pk:hover span{color:var(--ember)}
.pk:hover:after{color:var(--ember);transform:translateX(2px)}
.pk:focus-visible{outline:3px solid var(--ember);outline-offset:-3px}
.hidden{display:none !important}
.cards{display:grid;gap:12px}
.feat{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);
  transition:.18s;margin:0;display:flex;flex-direction:column}
@media (hover:hover){.feat:hover{box-shadow:var(--shadow-lg);border-color:#d0cdcc}}
.thumbbtn{display:block;position:relative;width:100%;background:#252220;overflow:hidden;text-decoration:none;aspect-ratio:16/10}
.thumbbtn img{display:block;width:100%;height:100%;object-fit:cover;transition:.3s}
.thumbbtn:hover img{transform:scale(1.035)}
.thumbbtn:focus-visible{outline:3px solid var(--ember);outline-offset:-3px}
.thumbbtn:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,15,14,.36) 0%,transparent 34%)}
.kind{position:absolute;left:11px;top:11px;z-index:3;font-size:9.5px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--c-paper);background:rgba(192,32,23,.95);padding:5px 10px;border-radius:99px}
.mbody{padding:14px 16px 15px;display:flex;flex-direction:column;flex:1}
.mbody h3{font-size:21px;line-height:1.15}
.mbody h3 a{text-decoration:none}
.mbody h3 a:hover{color:var(--ember)}
.dest{font-size:13px;margin-top:3px}
.dest a{color:var(--plum-lt);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(102,97,94,.3)}
@media (hover:hover){.dest a:hover{color:var(--ember);border-bottom-color:var(--ember)}}
.cline{font-size:14.5px;line-height:1.45;color:var(--muted);margin-top:8px}
.acts{margin-top:auto;padding-top:13px}
.watch{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--c-paper);
  background:var(--ink);border:0;border-radius:99px;padding:9px 18px;text-decoration:none;transition:.15s}
@media (hover:hover){.watch:hover{background:var(--plum)}}
.watch:focus-visible{outline:3px solid var(--ember-lt);outline-offset:2px}
.shotcred{font-size:11px;color:var(--muted-2);margin-top:10px}
.band{background:var(--ink);color:var(--c-band-text);margin-top:48px;padding:6px 0 44px;
  background-image:radial-gradient(900px 360px at 14% 0%,rgba(66,62,60,.6),transparent 70%)}
.band h2{color:var(--c-paper)}
.band .sub{color:#b3afad}
.ranks{display:grid;grid-template-columns:1fr;gap:8px}
.rk{display:grid;grid-template-columns:38px 1fr 10px;gap:12px;align-items:center;text-decoration:none;color:var(--c-paper);
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:12px 14px;transition:.15s}
.rk:after{content:"\203A";font-size:18px;line-height:1;font-weight:700;color:rgba(255,255,255,.55);transition:.15s}
@media (hover:hover){.rk:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.34)}}
.rk:hover:after{color:#fb6d60;transform:translateX(2px)}
.rk:focus-visible{outline:3px solid var(--ember-lt);outline-offset:2px}
.rk svg{width:38px;height:38px;padding:7px;border-radius:10px;background:rgba(192,32,23,.18);stroke:#fb6d60;fill:none;
  stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.rk b{display:block;font-family:"Mona Sans",Onest,sans-serif;font-weight:700;font-size:15.5px;line-height:1.22}
.rk i{display:block;font-style:normal;font-size:12.8px;color:#b3afad;margin-top:2px;line-height:1.3}
footer{background:var(--ink);color:#c8c5c4;padding:30px 0 36px;font-size:13px;border-top:1px solid rgba(255,255,255,.08)}
footer .brand{color:var(--c-paper);font-size:18px}
footer p{margin-top:8px;max-width:52ch;line-height:1.5}
footer nav{margin-top:14px;display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px}
footer a{color:#c8c5c4}
@media (min-width:600px){
  .tiles{grid-template-columns:repeat(3,1fr)}
  .states{columns:2}
  .ranks{grid-template-columns:1fr 1fr}
}
@media (min-width:760px){
  html{scroll-padding-top:20px}
  body{font-size:16.5px}
  .wrap{padding:0 22px}
  .hero .scrim{background:linear-gradient(104deg,rgba(12,11,10,.80) 0%,rgba(12,11,10,.55) 40%,rgba(12,11,10,.12) 72%),
    linear-gradient(180deg,rgba(17,16,15,.45) 0%,rgba(17,16,15,.05) 30%,rgba(14,13,12,.40) 70%,rgba(13,12,11,.82) 100%)}
  .hero .inner{padding:48px 22px 28px;min-height:min(calc(100svh - 170px),640px)}
  .hero h1{font-size:clamp(56px,6.6vw,92px);max-width:none}
  .hero .ph{object-position:center 72%}
  .tiles{margin-top:22px;gap:10px}
  .tile{padding:14px 16px}
  section{padding:58px 0 6px}
  .states{columns:3;column-gap:14px}
  .st{margin-bottom:14px}
  .cards{grid-template-columns:repeat(3,1fr);gap:14px}
  .ranks{grid-template-columns:repeat(3,1fr);gap:10px}
  .band{margin-top:64px;padding-bottom:60px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none !important}}
:root{--brand:var(--c-brand);--brand-on-dark:var(--c-brand-on-dark);
  --shadow:0 1px 2px rgba(23,21,20,.05),0 1px 0 rgba(23,21,20,.02);
  --shadow-lg:0 2px 4px rgba(23,21,20,.06),0 18px 40px -22px rgba(23,21,20,.28)}
body{font-feature-settings:"ss01"}
h1,h2,h3,h4{font-stretch:108%;letter-spacing:-.02em}
h1,h2{font-weight:650}
.brand{font-stretch:108%;font-weight:700;letter-spacing:-.01em}
.brand b{color:var(--brand-on-dark)!important}
footer,footer a{color:var(--c-onink)}
.stats b{font-stretch:118%}
.hero h1 b{color:var(--brand-on-dark)}
.feat .thumbbtn:before{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;z-index:2}
.dest a{color:var(--brand)}
:root{
  
  --rp2-bg:var(--c-bg); --rp2-paper:var(--c-paper); --rp2-ink:var(--c-ink); --rp2-ink-2:var(--c-ink2);
  --rp2-slate:var(--c-slate); --rp2-muted:var(--c-muted); --rp2-line:var(--c-line); --rp2-line-2:var(--c-line2);
  --rp2-chip:var(--c-chip); --rp2-on-dark:var(--c-onink);
  
  --rp2-brand:var(--c-brand); --rp2-brand-dk:var(--c-brand-dk);
  --rp2-fill:var(--c-brand-fill); --rp2-fill-ink:var(--c-ink); --rp2-fill-hover:var(--c-brand-fill-hover);
  --rp2-brand-on-dark:var(--c-brand-on-dark); --rp2-brand-tint:var(--c-brand-tint);
  --rp2-logo:var(--c-brand); --rp2-logo-mark:transparent; --rp2-focus:var(--c-brand);
  
  --rp2-note:var(--c-note); --rp2-note-dark:var(--c-note-dark);
  --rp2-hl:rgba(255,225,74,0.6);
  --rp2-acc:var(--c-acc); --rp2-acc-dark:var(--c-acc-dark);
  --rp2-note-hand:"Caveat",cursive;
  
  --rp2-r-control:999px; --rp2-r-card:12px; --rp2-r-inner:8px;
  
  --rp2-display:"Mona Sans",system-ui,sans-serif; --rp2-body:"Onest",system-ui,sans-serif; --rp2-wide:122%;
  --shadow:0 1px 2px rgba(23,21,20,.05),0 1px 0 rgba(23,21,20,.02);
  --shadow-lg:0 2px 4px rgba(23,21,20,.06),0 18px 40px -22px rgba(23,21,20,.28);
}
body{font-family:var(--rp2-body);font-feature-settings:"ss01"}
h1,h2,h3,h4{font-family:var(--rp2-display);font-stretch:var(--rp2-wide)}
h1,h2{font-weight:600!important;letter-spacing:-.03em!important}
h1{font-stretch:125%}
h3,h4{font-weight:620;letter-spacing:-.012em}
body{background:var(--rp2-bg)}
@media (max-width:719px){h1,h2,h3,h4{font-stretch:112%}h1{font-stretch:104%}.qc b,.fig .big,.specrows .sv,.aw b,.snip b,.ans{font-stretch:106%!important}}
.rideit{background:#fff!important;color:var(--rp2-ink)!important;box-shadow:0 10px 30px -12px rgba(0,0,0,.55)!important}
.rideit .pl{background:var(--rp2-ink)!important}
.rideit .pl:before{border-left-color:#fff!important}
@media (hover:hover){.rideit:hover{background:var(--rp2-fill)!important;color:var(--rp2-fill-ink)!important}}
.rideit .pl.dn:before{border-right-color:#fff!important;border-bottom-color:#fff!important}
@media (hover:hover){.rideit:hover .pl.dn:before{border-right-color:var(--rp2-fill)!important;border-bottom-color:var(--rp2-fill)!important}}
@media (hover:hover){.rideit:hover .pl{background:var(--rp2-fill-ink)!important}}
@media (hover:hover){.rideit:hover .pl:before{border-left-color:var(--rp2-fill)!important}}
.brand{font-family:var(--rp2-display);font-stretch:118%;font-weight:720;letter-spacing:-.01em}
.brand b{box-shadow:inset 0 -.3em 0 var(--rp2-logo-mark)}
footer{background:var(--rp2-ink)!important;color:var(--rp2-on-dark)!important}
footer a{color:var(--rp2-on-dark)!important}
footer a:hover{color:#fff!important}
footer .brand{color:#fff!important}
footer .brand b{color:var(--rp2-brand-on-dark)!important}
section>.wrap>h2,section>h2,.head>h2{position:relative}
section>.wrap>h2:before,section>h2:before,.head>h2:before{content:"";position:absolute;left:0;top:-12px;width:28px;height:3px;border-radius:2px;background:var(--rp2-ink)}
.band h2:before,.dark h2:before{background:#fff!important}
.eyebrow{color:var(--rp2-slate)!important}
.hero .eyebrow,.band .eyebrow,.hero.poster .eyebrow{color:var(--c-eyebrow-dark)!important}
.band{background-color:var(--rp2-ink)!important;background-image:radial-gradient(900px 360px at 14% 0%,rgba(255,141,128,.11),transparent 70%)!important;color:var(--c-band-text)!important}
.band .sub{color:var(--rp2-on-dark)!important}
.kind,.kind.pl{background:rgba(23,21,20,.84)!important;color:#fff!important}
.fa .warn{border-color:var(--rp2-line)!important;background:var(--rp2-bg)!important}
.fa .warn:before{background:var(--rp2-ink)!important}
@media (hover:hover){.psh:hover .psc,.fq summary:hover .chev,.rbh:hover .psc{border-color:var(--rp2-ink)!important;background:var(--rp2-chip)!important}}
.jump{background:rgba(255,255,255,.95)!important;border-bottom-color:var(--rp2-line)!important}
.jump a.jn{background:#fff!important;color:var(--rp2-ink)!important}
.jump a:focus-visible,.jump a[aria-current]{color:var(--rp2-ink)!important;border-bottom-color:var(--c-brand)!important}
@media (hover:hover){.jump a:hover{color:var(--rp2-ink)!important;border-bottom-color:var(--c-brand)!important}}
.filters button,.picker button,.chips a,.tags span,.tg span,.est,.new,.polls span,.lvl2,
.kind,.play,.watch,.morejump,.wallmore,.rideit,.box,.box button,.yr .age,
.btn,.cta-btn{border-radius:var(--rp2-r-control)!important}
.filters button u{border-radius:var(--rp2-r-control)!important;background:var(--rp2-chip)!important;color:var(--rp2-slate)!important}
.filters button,.picker button{background:var(--rp2-paper);border-color:var(--rp2-line);color:var(--rp2-slate)}
@media (hover:hover){.filters button:hover,.picker button:hover{border-color:var(--rp2-ink)!important;color:var(--rp2-ink)!important;background:var(--rp2-paper)}}
.filters button[aria-pressed="true"],.picker button[aria-pressed="true"]{background:var(--rp2-ink)!important;border-color:var(--rp2-ink)!important;color:#fff!important}
.filters button[aria-pressed="true"] u{background:rgba(255,255,255,.18)!important;color:#fff!important}
.chips a{background:var(--rp2-paper);border-color:var(--rp2-line)}
.watch,.morejump,.wallmore{background:var(--rp2-ink)!important;color:#fff!important;border-color:var(--rp2-ink)!important}
@media (hover:hover){.watch:hover,.morejump:hover,.wallmore:hover,.watch.read:hover{background:var(--rp2-fill-hover)!important;border-color:var(--rp2-fill-hover)!important;color:var(--rp2-fill-ink)!important}}
.box button{background:var(--rp2-fill)!important;color:var(--rp2-fill-ink)!important}
@media (hover:hover){.box button:hover{background:var(--rp2-fill-hover)!important}}
.box{padding-left:18px!important}
.box:focus-within{box-shadow:0 0 0 3px rgba(255,77,61,.55),0 14px 40px -14px rgba(0,0,0,.5)!important}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible,input:focus-visible{outline-color:var(--rp2-focus)!important}
.band :focus-visible,.hero :focus-visible,footer :focus-visible{outline-color:var(--rp2-brand-on-dark)!important}
@media (hover:hover){.out:hover,.src a:hover{color:var(--rp2-brand)!important;border-bottom-color:var(--c-brand)!important}}
.rn-host{position:relative}
.rn{position:absolute;pointer-events:none;color:var(--rp2-note);z-index:6;line-height:1}
.rn svg{position:absolute;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rn svg path{vector-effect:non-scaling-stroke}
.rn-t{position:absolute;font-family:var(--rp2-note-hand);font-weight:600;font-size:25px;line-height:1.02;color:var(--rp2-note);letter-spacing:.005em;white-space:nowrap;transform:rotate(-2.5deg);transform-origin:left center}
.rn-t.w{white-space:normal}
.band .rn,.dark .rn,.hero .rn:not(.rn-halo),footer .rn{color:var(--rp2-note-dark)}
.band .rn-t,.dark .rn-t,.hero .rn:not(.rn-halo) .rn-t{color:var(--rp2-note-dark)}
.rn.acc,.rn-t.acc{color:var(--rp2-acc)}
.band .rn.acc,.dark .rn.acc{color:var(--rp2-acc-dark)}
.rn-halo svg{filter:drop-shadow(0 0 1.2px #fff) drop-shadow(0 0 1.2px #fff) drop-shadow(0 0 2px rgba(255,255,255,.8))}
.rn-halo .rn-t,.rn-t.halo{text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 4px #fff,0 0 6px rgba(255,255,255,.85)}
.rn-circle{inset:-.42em -.55em}
.rn-circle svg{inset:0;width:100%;height:100%}
.rn-under{left:-2px;right:-2px;bottom:-.42em;height:.5em}
.rn-under svg{inset:0;width:100%;height:100%}
.rn-strike{left:-3px;right:-3px;top:.3em;height:.55em}
.rn-strike svg{inset:0;width:100%;height:100%}
.rn-swipe{background:linear-gradient(100deg,transparent 0 1%,var(--rp2-hl) 2% 97%,transparent 98%) 0 72%/100% 58% no-repeat;border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.band .rn-swipe,.dark .rn-swipe,.dz.dark .rn-swipe,.dz.ph .rn-swipe{color:var(--rp2-ink)!important;text-shadow:none!important;background:linear-gradient(100deg,transparent 0 1%,var(--c-hl) 2% 97%,transparent 98%) 0 50%/100% 96% no-repeat}
.rn-bracket{top:0;bottom:0;width:14px}
.rn-bracket svg{inset:0;width:100%;height:100%}
.rn-bracket.r svg{transform:scaleX(-1)}
.rn-free svg{position:absolute}
@media (max-width:719px){.rn-d{display:none!important}}
@media (min-width:720px){.rn-m{display:none!important}}
@media print{.rn{display:none}}
.hm-sfga{left:-152px;top:4px}
.st:has(.hm-sfga){overflow:visible}
.st:has(.hm-sfga) li:last-child .pk{border-radius:0 0 12px 12px}
.nh{display:none}
@media (min-width:1400px){.nh{display:block}}
#parks:has(.filters button[aria-pressed="true"]:not(:first-child)) .nh{display:none}
.hero .scrim{background:linear-gradient(180deg,rgba(12,11,10,.50) 0%,rgba(12,11,10,.30) 34%,rgba(12,11,10,.42) 62%,rgba(12,11,10,.74) 100%)}@media (min-width:760px){.hero .scrim{background:linear-gradient(100deg,rgba(12,11,10,.66) 0%,rgba(12,11,10,.42) 36%,rgba(12,11,10,0) 66%),linear-gradient(180deg,rgba(12,11,10,.12) 0%,rgba(12,11,10,0) 30%,rgba(12,11,10,0) 62%,rgba(12,11,10,.55) 100%)}}
.hero h1 b{color:var(--rp2-fill)!important}

.brand.logo{display:inline-flex;align-items:center;flex:none;line-height:0;text-decoration:none}
.brand.logo img{display:block;height:34px;width:auto;max-width:none}
footer .brand.logo img{height:40px}


.feat .thumbbtn:before{background:var(--fe)}
.feat .kind{background:var(--fk)!important;color:var(--fki)}
.feat .mbody h3 a:hover{color:var(--fh)}


/* ---- contrast and linked pills (GEN-10654 contrast pass, ported into the stylesheets by GEN-10925) ----
   Text over a photo gets a soft dark halo (the photo itself stays as graded). A pill that only links keeps its look on hover and
   shows the link by an underline; only real filters change colour. */
.hero h1,.hero .rq,.hero .rq p,.hero .inner>p,.pb,.pb .big,.pb small{text-shadow:var(--tsh-photo)!important}
html body .hero .eyebrow,html body .hero .crumbs,html body .hero .crumbs a,html body .hero .crumbs span{text-shadow:var(--tsh-photo-sm)!important}
html body .hero .eyebrow{color:#fff!important}
.pb .big small{color:rgba(255,255,255,.9)!important}
.tally a:hover,.tally a:focus-visible,.chips a:hover,.chips a:focus-visible{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
/* ---- editorial light notes (same rule as site.css, editorial.NOTES_CSS): a wide-only note stays hidden on phones ---- */
.ed-wide,.ed-desk{display:none!important}.rn.ed-mob{display:block}@media (min-width:1100px){.rn.ed-wide{display:block!important}}@media (min-width:720px){.rn.ed-desk{display:block!important}.rn.ed-mob{display:none!important}}