/* Bandwagon Boys consolidated stylesheet. Source boundaries retained below. */

/* ===== source: v15.29.css ===== */
/* V15.29 — League Stories latest dispatches front-page treatment */
body.surface-stories .live-stories-section{
  position:relative;
  margin:34px 0 56px;
  padding:clamp(20px,3.5vw,38px);
  color:#27241e;
  border:1px solid #c8bda4;
  background:
    radial-gradient(circle at 10% 8%,rgba(255,255,255,.72),transparent 25%),
    repeating-linear-gradient(0deg,rgba(83,68,43,.014) 0,rgba(83,68,43,.014) 1px,transparent 1px,transparent 4px),
    #f6efdf;
  box-shadow:0 22px 54px rgba(57,43,23,.13);
}
body.surface-stories .live-stories-section::before{
  content:'';
  position:absolute;
  inset:10px;
  pointer-events:none;
  border:1px solid rgba(87,70,41,.10);
}
body.surface-stories .live-stories-section .section-head{
  position:relative;
  z-index:1;
  margin:0 0 24px;
  padding:0 0 14px;
  border-bottom:3px double #4b463a;
}
body.surface-stories .live-stories-section .section-head .kicker{
  color:#3a6d67!important;
  letter-spacing:.19em;
}
body.surface-stories .live-stories-section .section-head h2{
  margin:5px 0 0;
  color:#201e19!important;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(30px,4vw,46px);
  font-weight:700;
  line-height:1;
  letter-spacing:-.025em;
  text-transform:none;
}
body.surface-stories .lead-story-zone{
  position:relative;
  z-index:1;
  display:grid;
  gap:22px;
}
body.surface-stories .lead-story{
  display:block;
  min-height:0;
  overflow:hidden;
  color:#29261f;
  text-decoration:none;
  border:1px solid #bcae8e;
  background:#fbf5e8;
  box-shadow:0 12px 30px rgba(52,39,20,.10);
}
body.surface-stories .lead-story>img,
body.surface-stories .lead-story>.lead-fallback{
  display:block;
  width:100%;
  height:auto;
  min-height:0;
  max-height:610px;
  object-fit:contain;
  object-position:center;
  background:#e9dfca;
  border-bottom:1px solid #bcae8e;
}
body.surface-stories .lead-story>.lead-fallback{
  min-height:360px;
  display:grid;
  place-items:center;
}
body.surface-stories .lead-story>.lead-fallback img{
  width:120px;
  height:120px;
  object-fit:contain;
  opacity:.72;
}
body.surface-stories .lead-story-copy{
  display:block;
  max-width:840px;
  margin:0 auto;
  padding:clamp(30px,5vw,58px) clamp(24px,6vw,68px) clamp(34px,5vw,56px);
  color:#29261f;
  background:transparent;
  text-align:left;
}
body.surface-stories .lead-story-copy .tag{
  color:#3d6e68!important;
  font-size:10px;
  font-weight:900;
  letter-spacing:.18em;
  line-height:1.45;
  text-transform:uppercase;
}
body.surface-stories .lead-story-copy h2{
  margin:12px 0 18px;
  color:#1e1c18!important;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(42px,6.2vw,72px)!important;
  font-weight:700;
  line-height:.99;
  letter-spacing:-.035em;
  text-transform:none;
  text-shadow:none!important;
  text-wrap:balance;
}
body.surface-stories .lead-story-copy p{
  max-width:690px;
  margin:0 0 24px;
  color:#504b40!important;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(16px,1.65vw,19px);
  line-height:1.72;
}
body.surface-stories .lead-story-copy span{
  display:inline-block;
  padding-top:11px;
  border-top:1px solid #948564;
  color:#315f59!important;
  font-size:10px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}
body.surface-stories .lead-story:hover .lead-story-copy h2,
body.surface-stories .live-story-card:hover h3{
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:5px;
}
body.surface-stories .live-story-secondary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
body.surface-stories .live-story-card{
  overflow:hidden;
  color:#29261f;
  text-decoration:none;
  border:1px solid #c5b99f!important;
  background:#fbf5e8!important;
  box-shadow:none;
}
body.surface-stories .live-story-card>img,
body.surface-stories .live-story-card>.story-image-fallback{
  display:block;
  width:100%;
  height:210px;
  object-fit:cover;
  object-position:center;
  background:#e9dfca;
  border-bottom:1px solid #c5b99f;
}
body.surface-stories .live-story-card>.story-image-fallback{
  display:grid;
  place-items:center;
}
body.surface-stories .live-story-card>.story-image-fallback img{
  width:78px;
  height:78px;
  object-fit:contain!important;
  opacity:.7;
}
body.surface-stories .live-story-card .card-body{
  padding:21px 20px 24px;
  background:transparent!important;
}
body.surface-stories .live-story-card .tag{
  color:#3e6f69!important;
  font-size:9px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}
body.surface-stories .live-story-card h3{
  margin:9px 0 10px;
  color:#211f1a!important;
  font-family:Georgia,'Times New Roman',serif;
  font-size:25px;
  line-height:1.05;
  letter-spacing:-.02em;
  text-transform:none;
}
body.surface-stories .live-story-card p{
  margin:0;
  color:#5b5548!important;
  font-family:Georgia,'Times New Roman',serif;
  font-size:14px;
  line-height:1.58;
}
@media(max-width:900px){
  body.surface-stories .live-story-secondary{grid-template-columns:1fr 1fr}
  body.surface-stories .lead-story>img{max-height:520px}
}
@media(max-width:620px){
  body.surface-stories .live-stories-section{padding:18px 14px 22px;margin-left:-4px;margin-right:-4px}
  body.surface-stories .live-story-secondary{grid-template-columns:1fr}
  body.surface-stories .lead-story-copy{padding:28px 22px 34px}
  body.surface-stories .lead-story-copy h2{font-size:40px!important}
  body.surface-stories .lead-story>img{max-height:430px}
  body.surface-stories .live-story-card>img,
  body.surface-stories .live-story-card>.story-image-fallback{height:auto;min-height:210px;max-height:360px;object-fit:contain}
}