:root{--west-gold:#d8b35f;--west-red:#9e2e24;--west-ink:#0d0c0a;--west-paper:#f1eadc;--west-tan:#c9bda4;--west-line:#3c3327}
.west-all-time-page{background:#0b0a08;color:#eee}
.west-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 28%,rgba(216,179,95,.28),transparent 23%),linear-gradient(135deg,#080806 0%,#17100b 42%,#3a170f 100%);border-bottom:1px solid #60432a}
.west-grid{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:46px 46px;transform:perspective(500px) rotateX(58deg) scale(1.6);transform-origin:center bottom}
.sun-disc{position:absolute;width:310px;height:310px;border-radius:50%;right:8%;top:11%;background:linear-gradient(#e8c77d,#9f3e28);opacity:.28;box-shadow:0 0 80px rgba(216,179,95,.22)}
.west-hero-inner{position:relative;padding:76px 0 38px;min-height:570px}
.west-kicker,.entry-kicker{font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--west-gold)}
.big-20{position:absolute;right:2%;top:10px;font-size:clamp(170px,28vw,380px);line-height:.8;font-weight:1000;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.10);letter-spacing:-.08em}
.route-stamp{display:inline-block;margin-top:28px;border:2px solid var(--west-gold);padding:8px 12px;font-weight:1000;letter-spacing:.12em;line-height:1.05;color:var(--west-gold);transform:rotate(-2deg)}
.west-hero h1{position:relative;max-width:980px;margin:22px 0 16px;font-size:clamp(48px,8vw,98px);line-height:.87;letter-spacing:-.055em;color:#fff;text-transform:uppercase}
.west-hero h1 em{font-style:normal;color:var(--west-gold)}
.west-deck{position:relative;max-width:760px;font-size:clamp(20px,2.8vw,31px);line-height:1.22;color:#eee0cc;margin:0 0 16px;font-weight:650}
.west-byline{font-size:14px;color:#c9bda9;margin:24px 0}.west-byline a{color:#fff;font-weight:800}
.city-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.city-strip span{border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.28);padding:7px 9px;font-size:11px;font-weight:900;letter-spacing:.1em;color:#f1e3ca}
.west-article{max-width:1000px;padding-top:46px;padding-bottom:70px}.west-intro{font-size:19px;line-height:1.72;color:#ddd3c4}.west-intro p{max-width:850px}.west-rule{margin:28px 0;padding:22px 24px;border-left:5px solid var(--west-gold);background:#17130f;border-top:1px solid #3b3025;border-bottom:1px solid #3b3025}.west-rule span{display:block;color:var(--west-gold);font-weight:1000;font-size:12px;letter-spacing:.17em;margin-bottom:8px}.west-rule p{margin:0;color:#eee3d2}
.hm-section{margin:54px 0 34px;padding:30px;background:linear-gradient(145deg,#16120e,#21130e);border:1px solid #4b3828}.hm-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:20px}.hm-head span{font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--west-gold)}.hm-head h2{font-size:clamp(30px,5vw,56px);line-height:.9;margin:5px 0 0}.hm-head p{margin:0;color:#bfb29e}.hm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hm-card{display:flex;align-items:center;gap:12px;background:#0e0c09;border:1px solid #372e24;padding:13px 15px}.hm-card span{font-size:10px;font-weight:900;color:var(--west-gold);border:1px solid #6a5335;padding:4px 6px}.hm-card strong{font-size:16px}
.rank-entry{display:grid;grid-template-columns:118px 1fr;gap:26px;padding:34px 0;border-top:1px solid #302920}.entry-no{font-size:82px;line-height:.85;font-weight:1000;color:transparent;-webkit-text-stroke:1px #7f6744;letter-spacing:-.08em;text-align:right}.entry-copy h2{font-size:clamp(34px,5vw,58px);line-height:.95;margin:5px 0 15px;color:#fff;letter-spacing:-.04em}.entry-copy p{font-size:18px;line-height:1.72;color:#d7cebf;margin:0}.rank-entry.top-ten{background:linear-gradient(90deg,rgba(216,179,95,.055),transparent);margin-left:-22px;margin-right:-22px;padding-left:22px;padding-right:22px}.rank-entry.top-ten .entry-no{color:var(--west-gold);-webkit-text-stroke:0}.rank-entry.top-five{border-top:1px solid #745531}.rank-entry.top-five .entry-copy h2{font-size:clamp(42px,6vw,70px)}.rank-entry.goat{margin-top:10px;background:radial-gradient(circle at 20% 10%,rgba(216,179,95,.18),transparent 30%),linear-gradient(145deg,#18120d,#31130e);padding:38px 26px;border:1px solid #765631}.rank-entry.goat .entry-no{font-size:118px;color:#fff0c8;text-shadow:0 0 45px rgba(216,179,95,.25)}.rank-entry.goat .entry-copy p{font-size:20px;color:#f2e7d5}
.tier-break{margin:50px 0 8px;padding:19px 20px;border-top:3px solid var(--west-gold);border-bottom:1px solid #54442f;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#11100d}.tier-break span{font-size:14px;font-weight:1000;letter-spacing:.18em;color:var(--west-gold)}.tier-break strong{font-size:25px;letter-spacing:-.02em}.tier-break.five{border-top-color:#b94b35;background:linear-gradient(90deg,#25110d,#100f0c)}
.west-closing{margin-top:58px;padding:40px;background:#efe6d5;color:#16120e}.west-closing .eyebrow{font-size:11px;font-weight:1000;letter-spacing:.17em;color:#8c311f}.west-closing h2{font-size:clamp(36px,6vw,65px);line-height:.94;margin:8px 0 18px}.west-closing p{font-size:18px;line-height:1.65;max-width:780px}.west-closing .button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.west-closing .button{display:inline-block;background:#111;color:#fff;text-decoration:none;font-weight:900;padding:13px 17px}.west-closing .button.outline{background:transparent;color:#111;border:1px solid #111}
@media(max-width:760px){.west-hero-inner{padding-top:44px;min-height:auto}.big-20{right:-24px;top:34px;font-size:180px}.sun-disc{width:220px;height:220px;right:-70px;top:100px}.west-hero h1{margin-top:26px}.city-strip{gap:6px}.west-article{padding-top:28px}.hm-section{padding:20px;margin-top:38px}.hm-head{display:block}.hm-head p{margin-top:10px}.hm-grid{grid-template-columns:1fr}.rank-entry{grid-template-columns:76px 1fr;gap:15px;padding:28px 0}.entry-no{font-size:58px}.entry-copy p{font-size:17px;line-height:1.62}.rank-entry.top-ten{margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}.rank-entry.goat{grid-template-columns:68px 1fr;padding:28px 14px}.rank-entry.goat .entry-no{font-size:74px}.tier-break{display:block}.tier-break strong{display:block;margin-top:5px;font-size:19px}.west-closing{padding:28px 20px}}


/* 4DK WEST COAST EDITION — red/blue paisley masthead */
.west-all-time-page .masthead{
  position:relative!important;
  isolation:isolate;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(12,47,105,.70) 0%,rgba(8,8,10,.86) 31%,rgba(8,8,10,.86) 69%,rgba(128,17,27,.72) 100%),
    url('west-coast-bandana-header.jpg') center/cover no-repeat!important;
  border-bottom:0!important;
  box-shadow:0 10px 28px rgba(0,0,0,.28);
}
.west-all-time-page .masthead:before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(28,90,184,.24),transparent 31%,transparent 69%,rgba(202,42,50,.26)),
    linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.32));
}
.west-all-time-page .masthead:after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:5px;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,#2559a8 0 45%,#d8b35f 45% 55%,#b52b36 55% 100%);
  box-shadow:0 -1px 0 rgba(255,255,255,.08);
}
.west-all-time-page .masthead .masthead-inner{position:relative;z-index:2}
.west-all-time-page .masthead .brand{
  color:#fff!important;
  text-shadow:0 2px 8px #000,0 0 18px rgba(216,179,95,.16);
  letter-spacing:-.035em;
}
.west-all-time-page .masthead .brand-mark{
  background:#d8b35f!important;color:#0b0a08!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.13),0 0 22px rgba(216,179,95,.28);
}
.west-all-time-page .masthead .nav a,
.west-all-time-page .masthead .menu-btn{color:#fff!important;text-shadow:0 1px 5px #000}
.west-all-time-page .masthead .menu-btn{border-color:rgba(255,255,255,.24)!important;background:rgba(0,0,0,.18)!important}
.west-all-time-page .masthead .mobile-nav{
  position:relative;z-index:3;
  background:rgba(8,8,10,.95)!important;
  border-top:1px solid rgba(216,179,95,.28)!important;
}
.west-all-time-page .masthead .mobile-nav a{color:#f4eee4!important}
@media(max-width:760px){
  .west-all-time-page .masthead{
    background:
      linear-gradient(90deg,rgba(14,58,126,.72) 0%,rgba(7,7,9,.88) 37%,rgba(7,7,9,.88) 63%,rgba(137,17,28,.74) 100%),
      url('west-coast-bandana-header.jpg') center/cover no-repeat!important;
  }
  .west-all-time-page .masthead:after{height:4px}
}