:root{
  --paper:#f1f0e8;--paper2:#e8e7df;--ink:#101011;--muted:#666662;
  --acid:#a4262c;--acid-dark:#76191e;--dark:#0a0a0b;--dark2:#151517;
  --line:#cfcfc7;--max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5}
a{color:inherit}img{display:block;max-width:100%}
.wrap{width:min(var(--max),calc(100% - 38px));margin:auto}
.site-top{background:var(--dark);color:white;border-bottom:1px solid #29292c;position:sticky;top:0;z-index:50}
.site-top .inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.logo{font-size:27px;font-weight:1000;letter-spacing:-.04em;text-decoration:none}.logo b{color:var(--acid)}
.nav{display:flex;align-items:center;gap:19px;font-size:13px}.nav a{text-decoration:none;color:#c8c8c3}.nav a:hover{color:#fff}
.nav .pill{background:var(--acid);color:#0a0a0b;padding:10px 13px;border-radius:999px;font-weight:900}
.menu-btn{display:none;border:1px solid #444;background:transparent;color:#fff;border-radius:7px;padding:8px 11px;font-size:19px}
.ticker{background:#a4262c;color:#111;font-weight:900;font-size:12px;letter-spacing:.07em;text-transform:uppercase}
.ticker .wrap{display:flex;gap:26px;align-items:center;min-height:34px;overflow:hidden;white-space:nowrap}.ticker .mark{background:#111;color:#a4262c;padding:5px 9px;border-radius:999px}
.hero{padding:26px 0 42px}.hero-grid{display:grid;grid-template-columns:1.5fr .82fr;gap:15px}
.hero-main,.side-story{position:relative;overflow:hidden;background:#111;border-radius:3px}.hero-main{min-height:620px}
.hero-main img,.side-story img{width:100%;height:100%;object-fit:cover}
.hero-main:after,.side-story:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.84),rgba(0,0,0,.04) 65%)}
.hero-copy{position:absolute;z-index:2;left:30px;right:30px;bottom:28px;color:#fff}
.eyebrow{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;background:var(--acid);color:#111;padding:6px 8px;margin-bottom:12px}
.hero-copy h1{font-size:clamp(43px,5vw,72px);line-height:.91;letter-spacing:-.055em;text-transform:uppercase;margin:0 0 13px}
.hero-copy p{font-size:17px;max-width:760px;color:#e3e3dc;margin:0}
.side-stack{display:grid;grid-template-rows:1fr 1fr;gap:15px}.side-story{min-height:300px}
.side-story .hero-copy{left:20px;right:20px;bottom:20px}.side-story .hero-copy h2{font-size:30px;line-height:.98;text-transform:uppercase;letter-spacing:-.04em;margin:0}
.side-story .hero-copy p{font-size:13px;margin-top:8px}
.section{padding:45px 0;border-top:1px solid var(--line)}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}
.section-head h2{margin:0;font-size:41px;line-height:.95;letter-spacing:-.045em;text-transform:uppercase}.section-head p{max-width:550px;margin:0;color:var(--muted);font-size:14px}
.section-link{font-size:12px;text-transform:uppercase;font-weight:900;text-decoration:none;border-bottom:2px solid #111}
.news-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:15px}
.card{background:#fff;border:1px solid var(--line);text-decoration:none;display:flex;flex-direction:column;min-height:100%;overflow:hidden}
.card img{width:100%;height:245px;object-fit:cover}.card .body{padding:19px}.card .cat{font-size:10px;letter-spacing:.12em;font-weight:900;text-transform:uppercase;color:#a4262c;margin-bottom:8px}
.card h3{font-size:26px;line-height:1.03;letter-spacing:-.025em;margin:0 0 9px}.card p{margin:0;color:var(--muted);font-size:14px}
.card.large{grid-column:span 7}.card.large img{height:390px}.card.medium{grid-column:span 5}.card.small{grid-column:span 4}
.card.dark{background:var(--dark);color:#fff;border-color:#333}.card.dark p{color:#bcbcb7}
.directory{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.directory-card{background:var(--dark);color:#fff;border:1px solid #303034;padding:24px;min-height:210px;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between}
.directory-card .n{color:var(--acid);font-size:12px;font-weight:900;letter-spacing:.13em}.directory-card h3{font-size:30px;line-height:1;margin:20px 0 8px}
.directory-card p{font-size:14px;color:#b8b8b3;margin:0}.directory-card .go{font-weight:900;color:var(--acid);font-size:12px;margin-top:22px}
.cta{background:var(--acid);padding:45px 0;color:#0c0c0d}.cta-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:35px}
.cta h2{font-size:clamp(42px,5vw,72px);line-height:.9;letter-spacing:-.055em;text-transform:uppercase;margin:0}.cta p{font-size:18px;margin:14px 0 0;max-width:680px}
.btn{display:inline-flex;align-items:center;justify-content:center;background:#0b0b0c;color:#fff;min-height:48px;padding:0 19px;text-decoration:none;font-weight:900;border-radius:4px;border:1px solid #0b0b0c}
.btn.alt{background:transparent;color:#0b0b0c}.btns{display:flex;gap:8px;flex-wrap:wrap}
.footer{background:#09090a;color:#aaa;padding:44px 0 60px}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,.8fr);gap:30px}
.footer h4{color:#fff;margin:0 0 10px;font-size:13px;text-transform:uppercase}.footer a{display:block;text-decoration:none;color:#aaa;font-size:13px;padding:4px 0}.footer a:hover{color:white}
.footer .about{max-width:370px;font-size:14px}.footer .copy{border-top:1px solid #29292c;margin-top:30px;padding-top:20px;font-size:12px}
.page-hero{background:var(--dark);color:#fff;padding:70px 0 55px}.page-hero .eyebrow{margin-bottom:14px}
.page-hero h1{font-size:clamp(48px,7vw,90px);line-height:.9;letter-spacing:-.055em;text-transform:uppercase;margin:0;max-width:970px}
.page-hero p{font-size:18px;color:#c8c8c3;max-width:780px;margin:22px 0 0}
.content{padding:48px 0 70px}.content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:35px}.prose{font-size:18px}
.prose h2{font-size:35px;line-height:1;margin:35px 0 13px;text-transform:uppercase}.prose h2:first-child{margin-top:0}.prose p{color:#333}.prose ul{padding-left:21px}.prose li{margin:8px 0}
.info-box{background:#fff;border:1px solid var(--line);padding:25px}.info-box h3{font-size:26px;margin:0 0 13px}.info-box p{font-size:14px;color:#555}
.list-cards{display:grid;gap:10px}.list-card{background:#fff;border:1px solid var(--line);padding:18px;display:grid;grid-template-columns:85px 1fr auto;gap:16px;align-items:center}
.list-card .index{font-size:30px;font-weight:900;color:#a4262c}.list-card h3{margin:0 0 3px;font-size:21px}.list-card p{margin:0;color:#666;font-size:13px}.list-card .open{font-size:12px;font-weight:900;text-decoration:none;border-bottom:2px solid #111}
.rank{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line)}.rank th,.rank td{padding:13px 14px;border-bottom:1px solid #ddd;text-align:left}
.rank th{background:#111;color:#fff;font-size:12px;text-transform:uppercase}.rank td:first-child{font-weight:900;color:#a4262c}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.step{background:#fff;border:1px solid var(--line);padding:22px}.step .n{font-size:38px;font-weight:1000;color:#a4262c}.step h3{font-size:21px;margin:5px 0}.step p{font-size:13px;color:#666;margin:0}
@media(max-width:920px){
  .nav{display:none}.menu-btn{display:block}.hero-grid{grid-template-columns:1fr}.hero-main{min-height:620px}
  .side-stack{grid-template-columns:1fr 1fr;grid-template-rows:none}.side-story{min-height:330px}
  .card.large,.card.medium{grid-column:span 12}.card.small{grid-column:span 6}.directory{grid-template-columns:1fr 1fr}
  .cta-grid,.content-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}
}
@media(max-width:600px){
  .wrap{width:min(var(--max),calc(100% - 24px))}.hero{padding-top:12px}.hero-main{min-height:570px}
  .side-stack{grid-template-columns:1fr}.side-story{min-height:290px}.hero-copy{left:18px;right:18px;bottom:20px}.hero-copy h1{font-size:43px}
  .section{padding:36px 0}.section-head{display:block}.section-head p{margin-top:10px}.card.small{grid-column:span 12}.card.large img{height:300px}
  .directory{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.list-card{grid-template-columns:58px 1fr}.list-card .open{grid-column:2}
}

/* MOSTARDA THEME OVERRIDES */
.eyebrow{background:#111;color:#a4262c}
.nav .pill{background:#a4262c;color:#111}
.cta{background:#a4262c}
.directory-card .n,
.directory-card .go,
.card .cat{color:#a4262c}
.site-top{background:#11100d}
.footer{background:#11100d}


@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');

.brush{
  font-family:'Permanent Marker','Segoe Print','Bradley Hand',cursive;
  font-weight:400;letter-spacing:.02em;text-transform:none;
}
.brush-note{
  display:inline-block;font-family:'Permanent Marker','Segoe Print','Bradley Hand',cursive;
  font-size:clamp(22px,3vw,38px);line-height:1;color:#111;
  transform:rotate(-2deg);
}
.brush-note.light{color:#fff}
.brush-pill{
  display:inline-block;background:#111;color:#a4262c;
  padding:7px 12px;font-family:'Permanent Marker','Segoe Print','Bradley Hand',cursive;
  font-size:20px;transform:rotate(-1.5deg)
}

/* Editorial internal pages */
.editorial-hero{
  background:var(--dark);color:#fff;padding:26px 0 34px;border-bottom:1px solid #2d2922
}
.editorial-hero-grid{
  display:grid;grid-template-columns:1.18fr .82fr;gap:14px;align-items:stretch
}
.editorial-hero-media{
  position:relative;min-height:520px;overflow:hidden;background:#1a1712
}
.editorial-hero-media img{width:100%;height:100%;object-fit:cover}
.editorial-hero-media:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.70),transparent 62%)
}
.editorial-hero-caption{
  position:absolute;z-index:2;left:20px;right:20px;bottom:18px;
  font-size:12px;color:#ddd
}
.editorial-hero-copy{
  background:#18140f;border:1px solid #3a3124;padding:34px;
  display:flex;flex-direction:column;justify-content:flex-end
}
.editorial-hero-copy .eyebrow{align-self:flex-start}
.editorial-hero-copy h1{
  font-size:clamp(52px,6.4vw,88px);line-height:.88;letter-spacing:-.06em;
  text-transform:uppercase;margin:10px 0 18px
}
.editorial-hero-copy p{font-size:18px;color:#d7d0c5;margin:0}
.hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.hero-meta span{
  border:1px solid #4b402f;color:#d9cdbb;border-radius:999px;
  padding:6px 9px;font-size:11px;font-weight:800;text-transform:uppercase
}
.editorial-band{
  background:#a4262c;color:#111;padding:17px 0;border-top:1px solid #76191e;border-bottom:1px solid #76191e
}
.editorial-band .wrap{
  display:flex;justify-content:space-between;gap:22px;align-items:center
}
.editorial-band strong{font-size:13px;text-transform:uppercase;letter-spacing:.11em}
.editorial-band span{font-size:14px}
.feature-grid{
  display:grid;grid-template-columns:repeat(12,1fr);gap:14px
}
.feature-story{
  background:#fff;border:1px solid var(--line);overflow:hidden;grid-column:span 7
}
.feature-story.secondary{grid-column:span 5}
.feature-story img{width:100%;height:360px;object-fit:cover}
.feature-story.secondary img{height:260px}
.feature-story .story-body{padding:22px}
.story-kicker{font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#8d2026}
.feature-story h2,.feature-story h3{margin:7px 0 10px;line-height:1;letter-spacing:-.035em}
.feature-story h2{font-size:38px}.feature-story h3{font-size:28px}
.feature-story p{color:#666;margin:0}
.poster-box{
  background:#111;color:#fff;padding:28px;border:1px solid #292929;
  position:relative;overflow:hidden;min-height:280px
}
.poster-box:before{
  content:"";position:absolute;width:160px;height:160px;border:18px solid #a4262c;
  border-radius:50%;right:-50px;top:-50px;opacity:.95
}
.poster-box .brush{font-size:54px;line-height:.92;color:#a4262c;position:relative;z-index:1}
.poster-box p{color:#bbb;max-width:520px;position:relative;z-index:1}
.poster-box .btn{position:relative;z-index:1}

.editorial-list{display:grid;gap:12px}
.editorial-row{
  display:grid;grid-template-columns:100px 1fr auto;gap:18px;align-items:center;
  background:#fff;border:1px solid var(--line);padding:18px
}
.editorial-row .num{font-size:32px;font-weight:1000;color:#a4262c}
.editorial-row h3{font-size:24px;margin:0 0 3px}
.editorial-row p{font-size:13px;color:#666;margin:0}
.editorial-row a{font-size:12px;font-weight:900;text-decoration:none;border-bottom:2px solid #111}
.masonry-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.editorial-card{background:#fff;border:1px solid var(--line);padding:24px}
.editorial-card.dark{background:#111;color:#fff;border-color:#2d2d2d}
.editorial-card.dark p{color:#bbb}
.editorial-card h2{font-size:36px;line-height:.98;text-transform:uppercase;margin:0 0 12px}
.editorial-card p{color:#555}
.stat-strip{
  display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0
}
.stat-chip{background:#111;color:#fff;padding:18px;border:1px solid #292929}
.stat-chip strong{display:block;color:#a4262c;font-size:30px;line-height:1}
.stat-chip span{font-size:12px;color:#bdb7ae}
.callout{
  background:#a4262c;color:#111;padding:30px;margin:28px 0
}
.callout .brush{font-size:46px;line-height:.95;margin-bottom:10px}
.callout p{max-width:760px;margin:0;font-size:17px}
.quote-wall{
  background:#111;color:#fff;padding:38px;margin-top:28px
}
.quote-wall .brush{color:#a4262c;font-size:50px;line-height:.95}
.quote-wall p{color:#bfb8ae;max-width:760px}
.side-rail{display:grid;gap:14px}
.mini-card{background:#fff;border:1px solid var(--line);padding:20px}
.mini-card h3{font-size:24px;margin:0 0 8px}
.mini-card p{font-size:13px;color:#666}
.mini-card img{width:100%;height:220px;object-fit:cover;margin-bottom:14px}
.page-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}

@media(max-width:920px){
  .editorial-hero-grid{grid-template-columns:1fr}
  .editorial-hero-media{min-height:430px}
  .feature-story,.feature-story.secondary{grid-column:span 12}
  .masonry-two{grid-template-columns:1fr}
  .stat-strip{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .editorial-hero-copy{padding:25px}
  .editorial-hero-copy h1{font-size:48px}
  .editorial-hero-media{min-height:330px}
  .editorial-band .wrap{display:block}
  .editorial-band .brush-note{margin-top:8px}
  .editorial-row{grid-template-columns:58px 1fr}
  .editorial-row a{grid-column:2}
  .stat-strip{grid-template-columns:1fr}
}


@media(max-width:600px){
  .brand-logo img{height:34px;max-width:125px}
}

/* ======================================================
   4SK8 RED BRAND SYSTEM — sampled from official logo
   ====================================================== */
.site-top{
  background:#f3eee1;
  color:#121111;
  border-bottom:1px solid #c9bbaa;
}
.site-top .inner{height:78px}
.nav a{color:#2c2825}
.nav a:hover{color:#a4262c}
.nav .pill{
  background:#a4262c;
  color:#fff;
}
.menu-btn{
  border-color:#9c8e80;
  color:#171515;
}
.brand-logo{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
  background:transparent;
  padding:0;
  border-radius:0;
  box-shadow:none;
}
.brand-logo img{
  display:block;
  height:54px;
  width:auto;
  max-width:175px;
  object-fit:contain;
}
.footer .brand-logo{
  background:transparent;
  padding:0;
  margin-bottom:15px;
}
.footer .brand-logo img{
  height:58px;
  max-width:190px;
}
.ticker{
  background:#a4262c;
  color:#fff;
}
.ticker .mark{
  background:#111;
  color:#f3eee1;
}
.eyebrow{
  background:#a4262c;
  color:#fff;
}
.card .cat,
.directory-card .n,
.directory-card .go,
.story-kicker,
.editorial-row .num{
  color:#a4262c;
}
.cta{
  background:#a4262c;
  color:#fff;
}
.cta .btn{
  background:#111;
  border-color:#111;
  color:#fff;
}
.cta .btn.alt{
  background:transparent;
  border-color:#fff;
  color:#fff;
}
.editorial-band{
  background:#a4262c;
  color:#fff;
  border-color:#76191e;
}
.brush-pill{
  background:#111;
  color:#f3eee1;
}
.poster-box:before{
  border-color:#a4262c;
}
.poster-box .brush,
.quote-wall .brush{
  color:#c83a41;
}
.stat-chip strong{
  color:#c83a41;
}
.callout{
  background:#a4262c;
  color:#fff;
}
.callout .btn{
  background:#111;
  color:#fff;
  border-color:#111;
}
.brush-note{
  color:#a4262c;
}
.brush-note.light{
  color:#f3eee1;
}
.footer{
  background:#101010;
}
.editorial-hero{
  background:#101010;
}
.editorial-hero-copy{
  background:#171515;
  border-color:#332c2c;
}
.hero-meta span{
  border-color:#65434a;
  color:#e5d9d2;
}

/* Transparent logo on light header, red + cream logo on dark footer */
.header-logo-img{content:url("4sk8-logo-transparent.png")}
.footer-logo-img{content:url("4sk8-logo-darkbg.png")}

@media(max-width:600px){
  .brand-logo img{height:46px;max-width:145px}
  .site-top .inner{height:68px}
}


/* PHOTO SAFETY — preserve people, boards and full body */
.person-safe{
  object-fit:contain !important;
  object-position:center center !important;
  background:#111 !important;
}
.person-safe-light{
  object-fit:contain !important;
  object-position:center center !important;
  background:#f3eee1 !important;
}
.hero-main.person-frame,
.side-story.person-frame,
.feature-story.person-frame,
.editorial-hero-media.person-frame{
  background:#111;
}
.hero-main.person-frame img,
.side-story.person-frame img,
.feature-story.person-frame img,
.editorial-hero-media.person-frame img{
  object-fit:contain !important;
  object-position:center center !important;
}
.card.person-frame img,
.mini-card.person-frame img{
  object-fit:contain !important;
  object-position:center center !important;
  background:#111;
}


/* ============================================================
   RESPONSIVE NAV — real toggle
   ============================================================ */
.site-top .inner{position:relative}
.menu-btn{
  align-items:center;
  justify-content:center;
  min-width:44px;
  min-height:44px;
  cursor:pointer;
  font-weight:900;
  line-height:1;
}
@media(max-width:920px){
  .site-top .nav{
    display:none !important;
    position:absolute;
    z-index:100;
    top:calc(100% + 1px);
    left:0;
    right:0;
    padding:10px;
    flex-direction:column;
    gap:0;
    background:#f3eee1;
    border:1px solid #c9bbaa;
    box-shadow:0 18px 45px rgba(0,0,0,.22);
  }
  .site-top .nav.is-open{display:flex !important}
  .site-top .nav a{
    display:block;
    width:100%;
    padding:13px 14px;
    color:#181515;
    border-bottom:1px solid #ddd2c3;
    font-size:14px;
  }
  .site-top .nav a:last-child{border-bottom:0}
  .site-top .nav .pill{
    margin-top:7px;
    background:#a4262c;
    color:#fff;
    text-align:center;
  }
  .menu-btn{display:flex}
}

/* ============================================================
   CURRENT NORTHEAST EVENTS
   ============================================================ */
.events-now{
  background:#111;
  color:#fff;
}
.events-now .section-head p{color:#bcb7b0}
.event-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.event-card{
  display:flex;
  flex-direction:column;
  background:#191717;
  border:1px solid #342d2d;
  color:#fff;
  text-decoration:none;
  min-height:100%;
  overflow:hidden;
}
.event-card img{
  width:100%;
  height:215px;
  object-fit:contain;
  object-position:center;
  background:#0c0c0c;
}
.event-card .event-body{padding:18px;display:flex;flex-direction:column;flex:1}
.event-card .event-date{
  color:#d84a50;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:6px;
}
.event-card h3{font-size:23px;line-height:1.02;margin:0 0 7px}
.event-card p{font-size:13px;color:#bdb8b2;margin:0 0 15px}
.event-card .event-go{margin-top:auto;font-size:11px;font-weight:900;color:#e35a60;text-transform:uppercase}
.event-card .photo-note{font-size:10px;color:#777;margin-top:8px}
@media(max-width:1000px){.event-grid{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.event-grid{grid-template-columns:1fr}.event-card img{height:auto;max-height:330px}}

/* ============================================================
   CHAMPIONSHIPS INTERNAL
   ============================================================ */
.champ-intro{
  display:grid;
  grid-template-columns:1fr .7fr;
  gap:18px;
  align-items:center;
  margin-bottom:30px;
}
.champ-logo-panel{
  background:#171515;
  border:1px solid #332b2b;
  padding:28px;
  min-height:320px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.champ-logo-panel img{width:min(440px,100%);height:auto;object-fit:contain}
.champ-copy{padding:14px 8px}
.champ-copy h2{font-size:43px;line-height:.94;text-transform:uppercase;margin:0 0 14px}
.champ-copy p{font-size:16px;color:#555}
.champ-section-title{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin:45px 0 18px;
}
.champ-section-title h2{font-size:38px;text-transform:uppercase;margin:0}
.champ-section-title p{margin:0;max-width:550px;color:#666;font-size:13px}
.champ-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.champ-card{
  background:#fff;
  border:1px solid var(--line);
  overflow:hidden;
}
.champ-card img{
  width:100%;
  height:300px;
  object-fit:contain;
  object-position:center;
  background:#111;
}
.champ-card .body{padding:20px}
.champ-card .date{
  color:#a4262c;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.champ-card h3{font-size:28px;line-height:1.02;margin:7px 0}
.champ-card p{font-size:14px;color:#666;margin:0 0 12px}
.champ-card a.source{
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  color:#8c2026;
  text-decoration:none;
  border-bottom:1px solid #8c2026;
}
.champ-card .photo-caption{font-size:10px;color:#888;margin-top:8px}
@media(max-width:800px){
  .champ-intro{grid-template-columns:1fr}
  .champ-list{grid-template-columns:1fr}
  .champ-card img{height:auto;max-height:380px}
}

/* ============================================================
   NORTHEAST SKATE SHOPS / INDEPENDENT BRANDS
   ============================================================ */
.state-block{margin:32px 0}
.state-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
}
.state-badge{
  width:50px;height:50px;border-radius:50%;
  background:#a4262c;color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-size:18px;font-weight:1000;
}
.state-head h2{font-size:32px;margin:0;text-transform:uppercase}
.shop-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
.shop-card{
  background:#fff;
  border:1px solid var(--line);
  padding:22px;
  display:flex;
  flex-direction:column;
  min-height:210px;
}
.shop-card .type{
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:900;
  color:#a4262c;
}
.shop-card h3{font-size:27px;line-height:1;margin:9px 0 7px}
.shop-card p{font-size:13px;color:#666;margin:0 0 17px}
.shop-card a{
  margin-top:auto;
  align-self:flex-start;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  text-decoration:none;
  border-bottom:2px solid #111;
}
.shop-note{
  padding:18px 20px;
  background:#171515;
  color:#c9c3bb;
  font-size:13px;
  margin-top:26px;
}
@media(max-width:700px){.shop-grid{grid-template-columns:1fr}}


/* ============================================================
   LOCAL EVENTS — secondary/supporting content
   ============================================================ */
.local-compact-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin-bottom:20px;
}
.local-compact-card{
  background:#fff;
  border:1px solid var(--line);
  padding:16px;
  display:flex;
  flex-direction:column;
  min-width:0;
}
.local-compact-top{
  display:grid;
  grid-template-columns:50px 1fr;
  gap:12px;
  align-items:start;
}
.local-compact-card .local-num{
  color:#a4262c;
  font-size:26px;
  font-weight:1000;
  line-height:1;
  padding-top:2px;
}
.local-compact-card .local-type{
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:900;
  color:#8d2026;
}
.local-compact-card h3{
  margin:3px 0 5px;
  font-size:21px;
  line-height:1.04;
}
.local-compact-card p{
  margin:0 0 12px;
  color:#666;
  font-size:12px;
}
.local-compact-card > a{
  align-self:flex-start;
  margin-top:auto;
  font-size:10px;
  text-transform:uppercase;
  font-weight:900;
  text-decoration:none;
  border-bottom:2px solid #111;
}
.local-muted{
  margin-top:auto;
  font-size:10px;
  color:#999;
  font-weight:800;
  text-transform:uppercase;
}
.local-thumbs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  margin:4px 0 12px;
}
.local-thumbs img{
  display:block;
  width:100%;
  height:115px;
  object-fit:cover;
  object-position:center;
  background:#111;
  border:1px solid #ddd2c3;
}
@media(max-width:800px){
  .local-compact-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .local-thumbs img{height:100px}
}


/* ACONTECEU RECENTEMENTE — text-only cards */
.champ-list.recent-text-only{
  grid-template-columns:repeat(2,1fr);
}
.champ-list.recent-text-only .champ-card{
  min-height:220px;
}
.champ-list.recent-text-only .champ-card .body{
  padding:24px;
  height:100%;
  display:flex;
  flex-direction:column;
}
.champ-list.recent-text-only .champ-card .source{
  margin-top:auto;
  align-self:flex-start;
}
@media(max-width:760px){
  .champ-list.recent-text-only{grid-template-columns:1fr}
}


/* CIRCUITO NORDESTINO FEATURE — preserve full group photo */
.champ-logo-panel.circuito-feature{
  position:relative;
  display:block;
  padding:0;
  min-height:0;
  background:#111;
  overflow:hidden;
}
.champ-logo-panel.circuito-feature .circuito-photo{
  display:block;
  width:100%;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#111;
}
.circuito-logo-float{
  position:absolute;
  left:18px;
  bottom:18px;
  width:min(230px,42%);
  padding:10px;
  background:rgba(17,17,17,.88);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(5px);
}
.circuito-logo-float img{
  width:100%;
  height:auto !important;
  object-fit:contain !important;
  display:block;
}
@media(max-width:600px){
  .circuito-logo-float{
    width:min(180px,48%);
    left:10px;
    bottom:10px;
    padding:7px;
  }
}