/* 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 park pages (park-cedar-point, park-kings-island, park-sfga); 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);
  --fam:var(--c-fam);
  --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,ol{padding:0;margin:0}
img{max-width:100%}
a{color:inherit}
button{font:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 18px}
.miss{color:var(--muted-2);font-weight:600}
[hidden]{display:none !important}
.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:#141312;isolation:isolate}
.hero.poster{height:calc(100svh - 42px);min-height:640px;max-height:900px;display:block}
.hero.poster .ph{position:absolute;z-index:0;max-width:none;display:block;left:0;top:0;width:100%;height:58%;object-fit:cover;object-position:50% 40%}
.hero .scrim{position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(15,14,14,.35) 0%,rgba(15,14,14,0) 22%,rgba(20,19,18,.55) 42%,#141312 58%,#141312 100%)}
.hero.poster .inner{position:absolute;left:0;right:0;bottom:0;z-index:3;max-width:1120px;margin:0 auto;padding:0 18px 22px;color:var(--c-paper);
  display:flex;flex-direction:column;align-items:flex-start}
.crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:rgba(255,255,255,.78);margin:0 0 10px;text-shadow:var(--tsh-photo-sm)}
.crumbs a{color:var(--c-paper);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4)}
@media (hover:hover){.crumbs a:hover{border-bottom-color:#fb6d60;color:#fb6d60}}
.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,10vw,64px);line-height:.95;margin:8px 0 0;letter-spacing:-.045em;text-shadow:var(--tsh-photo);max-width:14ch}
.tally{display:flex;flex-wrap:wrap;gap:6px 8px;margin:14px 0 0}
.tally a{display:inline-flex;align-items:baseline;gap:5px;text-decoration:none;color:#edecec;font-size:13.5px;font-weight:600;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:6px 12px 6px 11px;transition:.15s}
.tally a b{font:700 17px/1 "Mona Sans",Onest,sans-serif;color:#fb6d60;letter-spacing:-.02em}
.gates{margin:9px 0 0;font-size:12.5px;color:rgba(255,255,255,.8)}
.rideit{display:inline-flex;align-items:center;gap:10px;margin-top:16px;border:0;cursor:pointer;text-decoration:none;
  background:var(--ember);color:var(--c-paper);border-radius:999px;padding:8px 18px 8px 8px;
  font:700 15px/1 "Mona Sans",Onest,sans-serif;letter-spacing:-.01em;box-shadow:0 8px 28px -8px rgba(192,32,23,.8)}
.rideit .pl{width:30px;height:30px;border-radius:50%;background:var(--c-paper);display:grid;place-items:center}
.rideit .pl.dn:before{content:"";width:8px;height:8px;border-right:2.5px solid var(--ember);border-bottom:2.5px solid var(--ember);transform:translateY(-2px) rotate(45deg)}
@media (hover:hover){.rideit:hover{background:#c91e0f}}
.rideit:focus-visible{outline:3px solid var(--c-paper);outline-offset:3px}
.h6fig{align-self:stretch;margin-top:16px}
.bigfig{display:block;width:100%;height:auto;max-width:420px;margin:0 auto;overflow:visible}
.bigfig a.fs{cursor:pointer}
.bigfig a.fs:hover text,.bigfig a.fs:focus-visible text{fill:#fb6d60}
.figcap{text-align:center;font-size:11.5px;color:rgba(255,255,255,.66);margin-top:4px}
.jump{position:sticky;top:0;z-index:55;background:rgba(246,245,244,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.jump .in{max-width:1120px;margin:0 auto;padding:0 12px;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.jump .in::-webkit-scrollbar{display:none}
.jump a{white-space:nowrap;text-decoration:none;font-size:13px;font-weight:600;color:var(--muted);padding:11px 10px;border-bottom:2px solid transparent}
.jump a:focus-visible{color:var(--ember);border-bottom-color:var(--ember)}
@media (hover:hover){.jump a:hover{color:var(--ember);border-bottom-color:var(--ember)}}
.hs[data-edge="right"]{-webkit-mask-image:linear-gradient(90deg,#000000 calc(100% - 38px),transparent);mask-image:linear-gradient(90deg,#000000 calc(100% - 38px),transparent)}
.hs[data-edge="left"]{-webkit-mask-image:linear-gradient(90deg,transparent,#000000 38px);mask-image:linear-gradient(90deg,transparent,#000000 38px)}
.hs[data-edge="both"]{-webkit-mask-image:linear-gradient(90deg,transparent,#000000 38px,#000000 calc(100% - 38px),transparent);mask-image:linear-gradient(90deg,transparent,#000000 38px,#000000 calc(100% - 38px),transparent)}
section{padding:40px 0 4px;scroll-margin-top:56px}
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}
.card{background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
.scalenote{font-size:12px;color:var(--muted-2);margin:14px 2px 0}
.filters{display:flex;gap:7px;align-items:center;overflow-x:auto;scrollbar-width:none;padding:2px 0}
.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;flex:none}
.filters button u{text-decoration:none;font-size:11px;font-weight:700;color:var(--muted-2);background:#ecebea;border-radius:99px;padding:1px 7px}
.filters button u:empty{display:none}
@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}
.filters button.zero{opacity:.45}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}
.dot.fam{background:var(--fam)}
.dot.thr{background:var(--plum-lt)}
.dot.ext{background:var(--ember)}
.finder{background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:12px 12px 10px;margin:0 0 18px}
.frow{display:grid;grid-template-columns:1fr;gap:5px;padding:5px 0}
.frow+.frow{border-top:1px solid var(--line);padding-top:9px;margin-top:4px}
.fl{font-family:"Mona Sans",Onest,sans-serif;font-weight:700;font-size:13px;color:var(--muted-2);padding-left:2px}
.showing{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:9px 2px 0;font-size:13px;color:var(--muted);font-weight:600}
#clear{cursor:pointer;border:0;background:none;color:var(--ember);font-weight:700;font-size:13px;padding:0;border-bottom:1px solid currentColor}
.noresults{padding:24px;text-align:center;color:var(--muted);background:#f2f0ee;border:1px dashed var(--line);border-radius:12px}
.grp+.grp{margin-top:26px}
.gh{font-size:19px;margin:0 0 12px;display:flex;align-items:baseline;gap:9px}
.gc{font:600 13px/1 Onest,sans-serif;color:var(--muted-2);letter-spacing:0}
.grid{display:grid;grid-template-columns:1fr;gap:10px}
.cc{display:grid;grid-template-columns:118px minmax(0,1fr);background:var(--paper);border:1px solid var(--line);border-radius:12px;
  box-shadow:var(--shadow);overflow:hidden;text-decoration:none;color:inherit;transition:.18s;scroll-margin-top:120px}
@media (hover:hover){.cc:hover{box-shadow:var(--shadow-lg);border-color:#d0cdcc}}
.cc:focus-visible{outline:3px solid var(--ember);outline-offset:2px}
.cph{position:relative;display:block;background:#252220;overflow:hidden;min-height:100%}
.cph img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:.3s}
.cc:hover .cph img{transform:scale(1.035)}
.noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:12px;text-align:center;
  background:var(--paint,linear-gradient(150deg,#edeceb,#dfdedd))}   /* GEN-11055 r9: the ride's livery when the card sets --paint (a dark enough shade for white text), else the gray */
.noimg b{font:700 14px/1.1 "Mona Sans",Onest,sans-serif;letter-spacing:-.02em;color:var(--paint-on,var(--plum))}
.lvl{position:absolute;left:8px;top:8px;z-index:2;font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c-paper);
  padding:4px 9px;border-radius:99px;background:rgba(192,32,23,.95)}
.lvl.thr{background:rgba(102,97,94,.95)}
.lvl.fam{background:rgba(47,125,82,.95)}
.cb{display:flex;flex-direction:column;padding:12px 13px 12px;min-width:0}
.cn{font:700 17px/1.15 "Mona Sans",Onest,sans-serif;letter-spacing:-.02em}
.cm{font-size:12px;color:var(--muted-2);margin-top:3px}
.cs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px}
.st{font-style:normal;display:block;min-width:0}
.st b{display:block;font:700 18px/1 "Mona Sans",Onest,sans-serif;letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap}
.st b small{font-size:.62em;font-weight:700;color:var(--ember);margin-left:1px;letter-spacing:0}
.st b.miss{font:600 11px/1.15 Onest,sans-serif;letter-spacing:0;color:var(--muted-2);white-space:normal;min-height:18px;display:flex;align-items:flex-end}
.st em{display:block;font-style:normal;font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;font-weight:700;color:var(--muted-2);margin-top:4px}
.req{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12.8px;line-height:1.3;color:var(--ink);background:#f6f4f3;border:1px solid #d5d2d1;border-radius:9px;padding:6px 9px}
.req b{font-weight:700}
.req .miss{font-weight:600}
.rul{flex:none;width:10px;height:20px;border-left:2px solid var(--ember);
  background:repeating-linear-gradient(180deg,var(--ember) 0 2px,transparent 2px 5px) left/5px 100% no-repeat}
.tg{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.tg span{font-size:11.5px;padding:3px 9px;border-radius:99px;background:#ecebea;color:var(--ink);font-weight:600}
.go{margin-top:auto;padding-top:10px;font-size:12.5px;font-weight:700;color:var(--ember);display:inline-flex;align-items:center;gap:5px}
.go:after{content:"\203A";font-size:17px;line-height:1;transition:.15s}
.cc:hover .go:after{transform:translateX(3px)}
@keyframes flashring{from{box-shadow:0 0 0 3px rgba(192,32,23,.9),var(--shadow)}to{box-shadow:0 0 0 3px rgba(192,32,23,0),var(--shadow)}}
.flash{animation:flashring 1.7s ease-out 1}
.none{background:#f0eeed;border:1px dashed var(--line);border-radius:12px;padding:18px 18px}
.none b{font:700 17px/1.2 "Mona Sans",Onest,sans-serif}
.none p{font-size:14px;color:var(--muted);margin-top:4px}
.tabsw{margin:0 0 12px}
.cmp{padding:10px 14px 12px}
.bars{list-style:none}
.bars li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:baseline;padding:8px 0;border-top:1px solid var(--line)}
.bars li:first-child{border-top:0}
.bn{font-family:"Mona Sans",Onest,sans-serif;font-weight:700;font-size:14px;text-decoration:none;line-height:1.2}
.bn:hover{color:var(--ember)}
.bv{font:700 15px/1 "Mona Sans",Onest,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap}
.bv.miss{font:600 12px/1 Onest,sans-serif}
.bt{grid-column:1/-1;height:8px;border-radius:99px;background:#e9e8e8;overflow:hidden}
.bt i{display:block;height:100%;border-radius:99px;background:var(--ember)}
.bt i.thr{background:var(--plum-lt)}
.bt i.fam{background:var(--fam)}
.nb .bt{background:repeating-linear-gradient(90deg,#e9e8e8 0 6px,transparent 6px 10px)}
.key{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:10px 0 0;padding-top:10px;border-top:1px solid var(--line)}
.key span{display:inline-flex;align-items:center;gap:6px}
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:var(--shadow)}
table{border-collapse:collapse;width:100%;font-size:14px}
th,td{text-align:left;padding:10px 13px;border-top:1px solid var(--line);vertical-align:top}
thead th{border-top:0;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);background:#f6f5f5}
tbody th{font-weight:700;white-space:nowrap}
tbody th a{text-decoration:none;font-family:"Mona Sans",Onest,sans-serif;font-size:15px}
tbody th a:hover{color:var(--ember)}
td{font-variant-numeric:tabular-nums}
@media (max-width:759px){
  .tablewrap{overflow-x:visible}
  .ctab,.ctab tbody,.ctab tr,.ctab th,.ctab td{display:block;width:auto}
  .ctab thead{position:absolute;left:-9999px}
  .ctab tr{border-top:1px solid var(--line);padding:12px 14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px}
  .ctab tr:first-child{border-top:0}
  .ctab th,.ctab td{border-top:0;padding:0;white-space:normal}
  .ctab th{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline;gap:10px}
  .ctab td:nth-of-type(1){grid-column:1/-1;order:-1;display:none}
  .ctab td:nth-of-type(5){grid-column:1/-1;color:var(--muted);font-size:13px}
  .ctab td[data-l]:before{content:attr(data-l);display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);font-weight:700}
  .ctab th small{font:600 12.5px/1 Onest,sans-serif;color:var(--muted-2);white-space:nowrap}
}
@media (min-width:760px){.ctab th small{display:none}}
.fqs{display:grid;gap:10px}
.fq{background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
.fq summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:1fr 28px;gap:12px;align-items:center;
  padding:14px 16px;font:700 16px/1.25 "Mona Sans",Onest,sans-serif;letter-spacing:-.015em}
.fq summary::-webkit-details-marker{display:none}
.chev{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--line);background:var(--cream);display:grid;place-items:center;transition:transform .18s,border-color .14s,background .14s}
.chev:before{content:"";width:7px;height:7px;border-right:2px solid var(--ember);border-bottom:2px solid var(--ember);transform:translateY(-2px) rotate(45deg)}
.fq[open] .chev{transform:rotate(180deg)}
@media (hover:hover){.fq summary:hover .chev{border-color:var(--ember);background:#f6f5f5}}
.fq summary:focus-visible{outline:3px solid var(--ember);outline-offset:-3px;border-radius:12px}
.fq p{padding:0 16px 15px;font-size:14.5px;line-height:1.5;color:var(--muted)}
.rel{display:grid;gap:10px}
.rc{background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);
  text-decoration:none;display:block;padding:14px 15px;border-top:3px solid var(--plum-lt)}
@media (hover:hover){.rc:hover{border-color:var(--ember);border-top-color:var(--ember)}}
.rc .cta{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ember)}
.rc b{display:block;font-family:"Mona Sans",sans-serif;font-size:18px;margin:3px 0 4px}
.rc p{font-size:13px;color:var(--muted);line-height:1.42}
.src{font-size:13px;color:var(--muted);line-height:1.6}
.src a{color:var(--plum-lt)}
footer{background:var(--ink);color:#c8c5c4;margin-top:44px;padding:30px 0 36px;font-size:13px}
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:760px){
  html{scroll-padding-top:74px}
  body{font-size:16.5px}
  .wrap{padding:0 22px}
  section{padding:58px 0 6px}
  .hero.poster{height:min(calc(100svh - 52px),860px);min-height:600px}
  .hero.poster .ph{height:100%;object-position:50% 45%}
  .hero .scrim{background:linear-gradient(98deg,rgba(13,12,11,.8) 0%,rgba(13,12,11,.5) 30%,rgba(13,12,11,0) 58%),
    linear-gradient(180deg,rgba(15,14,14,.18) 0%,rgba(15,14,14,0) 30%,rgba(15,14,14,0) 52%,rgba(13,12,11,.62) 76%,rgba(13,12,11,.9) 100%)}
  .hero.poster .inner{top:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);
    grid-template-rows:1fr auto auto auto auto auto auto auto;column-gap:48px;align-items:end;padding:0 22px 48px}
  .hero.poster .inner>*{grid-column:1}
  .crumbs{grid-row:2}
  .eyebrow{grid-row:3}
  .hero h1{grid-row:4;font-size:clamp(48px,5vw,76px);max-width:13ch}
  .tally{grid-row:5}
  .qtlive{grid-row:6}
  .gates{grid-row:7}
  .rideit{grid-row:8;justify-self:start;margin-top:24px;font-size:17px;padding:9px 22px 9px 9px}
  .rideit .pl{width:34px;height:34px}
  .hero.poster .inner>.h6fig{grid-column:2;grid-row:1/9;align-self:end;margin:0}
  .bigfig{max-width:440px;margin:0 0 0 auto}
  .finder{padding:14px 18px 12px}
  .frow{grid-template-columns:132px minmax(0,1fr);align-items:center}
  .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .cc{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .cph{aspect-ratio:3/2;min-height:0}
  .cb{padding:14px 15px 14px}
  .cn{font-size:18.5px}
  .st b{font-size:21px}
  .noimg b{font-size:20px}
  .cmp{padding:14px 20px 14px}
  .bars li{grid-template-columns:250px minmax(0,1fr) 110px;gap:14px;align-items:center;padding:7px 0}
  .bt{grid-column:2;grid-row:1;height:10px}
  .bv{grid-column:3;text-align:right}
  .fqs{grid-template-columns:1fr 1fr;align-items:start}
  .rel{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:1080px){ .rel{grid-template-columns:repeat(3,1fr)} }
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.flash{animation:none}}
.est{display:inline-block;margin-left:4px;padding:1px 6px;border-radius:99px;background:#e8e7e7;color:#8a5955;font-size:.72em;font-weight:700;letter-spacing:.02em;vertical-align:1px;cursor:help}
.st[title]{cursor:help}
.bars li.es .bt i{background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.55) 0 3px,transparent 3px 7px)}
.ctab th .cln{font-weight:700;color:var(--ink,#1b1918)}
.hero.poster{height:min(calc(100svh - 42px),700px);min-height:620px}
.hero.poster .ph{top:-14%;height:72%;object-position:10% 50%}
@media (min-width:760px){.hero.poster{height:min(calc(100svh - 150px),720px);min-height:600px}.hero.poster .ph{top:0;height:100%;object-position:50% 50%}}
: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)}
:root{--fam:var(--c-fam);--thr:var(--c-slate);--ext:var(--c-ink)}
.dot.thr,.bt i.thr{background:var(--thr)}
.dot.ext{background:var(--ext)}
.bt i.ext{background:var(--c-ink2)}
.lvl{background:rgba(23,21,20,.86)}
.lvl.thr{background:var(--c-slate);color:var(--c-paper)}
.lvl.fam{background:rgba(47,125,82,.95)}
.cc{--rp:var(--c-ink);--ri:var(--c-ink)}
.cph:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--edge,var(--c-ink));z-index:2}
.st b small{color:var(--ri)}
.go{color:var(--ri)}
@media (hover:hover){.cc:hover{border-color:var(--rp)}}
.cc:focus-visible{outline-color:var(--rp)}
.rul{border-left-color:var(--rp);background:repeating-linear-gradient(180deg,var(--rp) 0 2px,transparent 2px 5px) left/5px 100% no-repeat}
.req{background:var(--c-bg);border-color:var(--c-line)}
.st b{font-stretch:118%}
.bv{font-stretch:112%}
.rc{border-top-color:var(--c-ink)}
.src a{color:var(--brand)}
.srcs summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px}
.srcs summary::-webkit-details-marker{display:none}
.srcs summary h2{margin:0}
.srcs summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translateY(-3px)}
.srcs[open] summary::after{transform:rotate(225deg)}
.srcs[open] summary{margin-bottom:12px}
.rc .rtile{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.rc .rtile li{background:#f2f0ef;border-radius:9px;padding:8px 10px}
.rc .rtile b{display:block;font-family:"Mona Sans",Onest,sans-serif;font-weight:700;font-size:14.5px;line-height:1.15;color:var(--ink);margin:0;letter-spacing:-.01em}
.rc .rtile span{display:block;font-size:11.4px;color:var(--muted);margin-top:3px;line-height:1.25;font-variant-numeric:tabular-nums}
#similar{padding-top:8px}
: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}}
#coming .grid{position:relative}
#c-sky-hawk .rn-circle{inset:-.5em -.32em}
.pk-h54{left:792px;top:44px}
.pk-sky{left:calc(33.333% + 8px);top:348px}
.np{display:none}
@media (min-width:1200px){.np{display:block}}
.pins{position:absolute;inset:0;z-index:2;pointer-events:none}
.pin{position:absolute;left:0;top:0;width:0;height:0;text-decoration:none;color:var(--c-paper);pointer-events:auto;visibility:hidden}
.pin.on{visibility:visible}
.pin .dot{position:absolute;left:-7px;top:-7px;width:14px;height:14px;border-radius:50%;background:var(--ember);
  box-shadow:0 0 0 3px var(--c-paper),0 2px 10px rgba(0,0,0,.5)}
.pin .dot:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--c-paper);animation:pinring 2.4s ease-out infinite}
@keyframes pinring{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.6);opacity:0}}
.pin .cap{position:absolute;white-space:nowrap;background:rgba(19,17,16,.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  border-radius:10px;padding:7px 11px 8px;box-shadow:0 6px 20px rgba(0,0,0,.35);transition:background .14s}
.pin .cap:before{content:"";position:absolute;background:var(--c-paper)}
.pin .cap b{display:block;font:700 22px/1 "Mona Sans",Onest,sans-serif;letter-spacing:-.03em;color:#de8b86}
.pin .cap span{display:block;font-size:12px;font-weight:600;line-height:1.2;margin-top:3px;color:#edecec}
.pin:focus-visible .cap{background:var(--ember)}
@media (hover:hover){.pin:hover .cap{background:var(--ember)}}
.pin:hover .cap b,.pin:focus-visible .cap b{color:var(--c-paper)}
.pin:focus-visible{outline:none}
.pin:focus-visible .cap{outline:3px solid var(--c-paper);outline-offset:2px}
.pin.r .cap{left:26px;top:0;transform:translateY(-50%)}
.pin.r .cap:before{left:-19px;top:50%;width:19px;height:2px;margin-top:-1px}
.pin.u .cap{bottom:26px;left:0;transform:translateX(calc(-50% + var(--nx,0px)))}
.pin.u .cap:before{bottom:-19px;left:calc(50% - var(--nx,0px));width:2px;height:19px;margin-left:-1px}
@media (min-width:760px){.pin .cap b{font-size:26px}.pin .cap span{font-size:13px}}
@media (prefers-reduced-motion:reduce){.pin .dot:after{animation:none;opacity:0}}
.hero.poster .inner{pointer-events:none}.hero.poster .inner>*{pointer-events:auto}

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


@media (min-width:760px){
  html .hero.poster .scrim{background:
    radial-gradient(ellipse 48% 66% at 12% 100%,rgba(12,11,10,.5) 0%,rgba(12,11,10,0) 100%),
    linear-gradient(180deg,rgba(12,11,10,0) 52%,rgba(12,11,10,.5) 72%,rgba(12,11,10,.78) 88%,rgba(12,11,10,.84) 100%)}
  html .hero.poster h1,html .hero.poster .eyebrow,html .hero.poster .rq{text-shadow:var(--tsh-photo)} html .hero.poster .eyebrow{text-shadow:var(--tsh-photo-sm)}
}


/* ---- 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}
/* GEN-11055 r9 (QA row 8): the breadcrumb and the open / coming / retired pills sit on busy photos; a dark translucent backing keeps them readable */
html body .hero .crumbs{background:rgba(10,9,8,.55);padding:4px 11px;border-radius:999px;width:fit-content;max-width:100%}
html body .hero .tally a{background:rgba(10,9,8,.55);border-color:rgba(255,255,255,.3)}

/* GEN-11055 noph: a park with no hero photo is a short band on the hero's own near-black, not an empty 700px photo frame */
.hero.poster.noph{height:auto;min-height:0;max-height:none}
.hero.poster.noph .inner{position:relative;inset:auto;top:auto;right:auto;bottom:auto;left:auto;padding:36px 18px 28px}
@media (min-width:760px){
  .hero.poster.noph .inner{grid-template-rows:repeat(7,auto) 1fr;align-items:start;padding:40px 22px 36px}
  .hero.poster.noph .crumbs{grid-row:1}
  .hero.poster.noph .eyebrow{grid-row:2}
  .hero.poster.noph h1{grid-row:3}
  .hero.poster.noph .tally{grid-row:4}
  .hero.poster.noph .qtlive{grid-row:5}
  .hero.poster.noph .gates{grid-row:6}
  .hero.poster.noph .rideit{grid-row:7}
  .hero.poster.noph .inner>.h6fig{grid-row:1/9;align-self:center}
}

/* GEN-11055 parkwait: live wait line under the tally (same pill as site.css's .hero .qtlive) and a chip per tracked ride card */
.hero .qtlive{margin:10px 0 0;padding:6px 12px;border-radius:14px;background:rgba(10,9,8,.68);color:#ffffff;font-size:13.5px;line-height:1.4;
  max-width:100%;justify-self:start;align-self:start;width:fit-content}
.hero .qtlive .qtw{font-weight:700}
.hero .qtlive .qtu{color:rgba(255,255,255,.86)}
.hero .qtlive .qtu:empty{display:none}
.hero .qtlive>*+*:before{content:"\00b7";color:rgba(255,255,255,.7);text-decoration:none;display:inline-block;margin:0 7px}
.hero .qtlive a{color:#ffffff;text-decoration:underline;white-space:nowrap}
html body .hero .qtlive,html body .hero .inner>p.qtlive{text-shadow:none!important}
.cc .cw{display:block;margin-top:5px;font-size:12px;font-weight:700}
.cc .cw:empty{display:none}
.hero .qtlive a{display:block;width:fit-content;margin-top:2px}
.hero .qtlive a:before{display:none}