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

:root{
  --z-red:#a4262c;
  --z-red2:#c92d35;
  --z-black:#090909;
  --z-cream:#eee7d9;
  --z-paper:#e6ddcf;
  --z-line:#201c18;
  --z-muted:#62594f;
}

html{background:var(--z-black)}
body{
  background:
    radial-gradient(circle at 18% 11%,rgba(255,255,255,.35),transparent 24%),
    repeating-linear-gradient(0deg,rgba(0,0,0,.022) 0 1px,transparent 1px 4px),
    var(--z-paper);
  color:var(--z-black);
  font-family:Arial,Helvetica,sans-serif;
  overflow-x:hidden;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:9997;opacity:.11;
  background:
    radial-gradient(circle at 10% 10%,#000 0 1px,transparent 1.4px),
    radial-gradient(circle at 68% 42%,#000 0 .8px,transparent 1.4px);
  background-size:21px 21px,29px 29px;mix-blend-mode:multiply;
}
.wrap{width:min(1240px,calc(100% - 40px))}

/* HEADER */
.site-top{
  background:rgba(238,231,217,.97)!important;color:var(--z-black)!important;
  border-bottom:3px solid var(--z-black)!important;backdrop-filter:blur(10px);
}
.site-top .inner{height:78px!important}
.brand-logo{background:transparent!important;box-shadow:none!important;padding:0!important}
.brand-logo img{height:52px!important;max-width:175px!important}
.nav{gap:15px!important}
.nav a{
  color:var(--z-black)!important;font-family:'Oswald',Arial,sans-serif!important;
  font-size:13px!important;font-weight:700!important;text-transform:uppercase!important;
  letter-spacing:.035em!important;position:relative;
}
.nav a:not(.pill)::after{
  content:"";position:absolute;left:10%;right:90%;bottom:-4px;height:3px;background:var(--z-red);transition:.2s ease;
}
.nav a:hover::after{right:10%}
.nav .pill{
  background:var(--z-red)!important;color:#fff!important;border:2px solid var(--z-black)!important;border-radius:0!important;
  box-shadow:3px 3px 0 var(--z-black);padding:10px 14px!important;transform:rotate(-.4deg);
}
.menu-btn{border:2px solid var(--z-black)!important;color:var(--z-black)!important;border-radius:0!important;background:transparent!important}

/* TICKER */
.ticker{background:var(--z-black)!important;color:#fff!important;border-bottom:5px solid var(--z-red)}
.ticker .wrap{min-height:38px!important}
.ticker .mark{background:var(--z-red)!important;color:#fff!important;border-radius:0!important;transform:rotate(-1.5deg)}
.ticker .brush{font-family:'Permanent Marker',cursive!important;color:#fff!important}

/* DISPLAY TYPE */
.zine-title,.section-head h2,.editorial-hero-copy h1,.champ-copy h2,.champ-section-title h2,
.feature-story h2,.feature-story h3,.editorial-card h2,.poster-box .brush,
.directory-card h3,.event-card h3,.card h3,.page-hero h1{
  font-family:'Anton',Impact,'Arial Black',sans-serif!important;
  font-weight:400!important;letter-spacing:.01em!important;text-transform:uppercase;
}
.brush,.brush-note,.zine-scribble{font-family:'Permanent Marker','Segoe Print',cursive!important}

/* HOME HERO */
.home-zine-hero{padding:34px 0 46px;background:var(--z-cream);border-bottom:6px solid var(--z-black);position:relative;overflow:hidden}
.home-zine-hero::before{
  content:"";position:absolute;left:-80px;bottom:-140px;width:420px;height:260px;
  background:var(--z-red);clip-path:polygon(0 37%,100% 0,87% 45%,100% 67%,18% 100%);opacity:.96;transform:rotate(-9deg)
}
.home-zine-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:20px;align-items:stretch;position:relative;z-index:2}
.home-zine-copy{padding:34px 12px 24px 0;display:flex;flex-direction:column;justify-content:center}
.home-zine-kicker{font-family:'Permanent Marker',cursive;font-size:20px;color:var(--z-red);transform:rotate(-1.5deg);display:inline-block;margin-bottom:13px}
.home-zine-copy h1{font-family:'Anton',Impact,sans-serif;font-size:clamp(58px,6.2vw,94px);line-height:.84;margin:0 0 21px;text-transform:uppercase;letter-spacing:.005em}
.home-zine-copy h1 .cut{display:inline-block;background:var(--z-red);color:#fff;padding:0 .08em;transform:rotate(-1deg);box-shadow:4px 4px 0 var(--z-black)}
.home-zine-copy p{font-size:18px;line-height:1.45;max-width:620px;color:#2e2925;margin:0 0 24px;font-weight:600}
.home-zine-actions{display:flex;gap:11px;flex-wrap:wrap}
.home-zine-art{position:relative;background:#050505;border:4px solid var(--z-black);box-shadow:8px 8px 0 var(--z-red);overflow:hidden;min-height:520px}
.home-zine-art img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;background:#050505}
.home-zine-art .art-label{position:absolute;left:16px;bottom:16px;background:#080808;color:#fff;border:2px solid #fff;padding:8px 11px;font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.08em}
.home-zine-art .art-label b{color:#ef4a52}
.zine-btn,.btn{
  border-radius:0!important;font-family:'Oswald',Arial,sans-serif!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.035em!important;
}
.zine-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;text-decoration:none;border:2px solid var(--z-black)}
.zine-btn.primary{background:var(--z-red);color:#fff;box-shadow:3px 3px 0 var(--z-black)}
.zine-btn.secondary{background:transparent;color:var(--z-black)}

/* SECTIONS / CARDS */
.section{padding:54px 0!important;border-top:0!important}
.section-head{border-bottom:7px solid var(--z-black);padding-bottom:11px;margin-bottom:24px!important;align-items:flex-end!important}
.section-head h2{font-size:clamp(44px,5vw,70px)!important;line-height:.88!important;margin:0!important}
.section-head p{font-weight:700!important;color:#4b433c!important;max-width:530px!important}
.section-head .brush-note{color:var(--z-red)!important;font-size:23px!important;margin-bottom:6px}
.news-grid{gap:18px!important}
.card{border:3px solid var(--z-black)!important;border-radius:0!important;background:#f1eadf!important;box-shadow:6px 6px 0 var(--z-black);overflow:hidden!important}
.card:nth-child(even){transform:rotate(.16deg)}.card:nth-child(odd){transform:rotate(-.12deg)}
.card img{background:#0a0a0a!important;border-bottom:3px solid var(--z-black);object-position:center!important}
.card.person-frame img,.person-safe{object-fit:contain!important}
.card .body{padding:20px!important}.card .cat{display:inline-block;background:var(--z-red);color:#fff!important;padding:4px 8px;letter-spacing:.1em!important;transform:rotate(-1deg)}
.card h3{font-size:31px!important;line-height:.96!important}.card p{color:#4c443d!important}
.card.dark{background:#080808!important;border-color:#080808!important;box-shadow:6px 6px 0 var(--z-red)}
.card.dark h3{color:#fff}.card.dark p{color:#cfc8bf!important}.card.dark .cat{background:#fff;color:#111!important}

.events-now{background:#080808!important;border-top:6px solid var(--z-red)!important;border-bottom:6px solid var(--z-red)!important}
.events-now .section-head{border-bottom-color:#eee7dc!important}.events-now .section-head h2{color:#fff!important}.events-now .section-head p{color:#c8c0b6!important}.events-now .brush-note{color:#fff!important}
.event-grid{gap:18px!important}.event-card{border:3px solid #eee7dc!important;background:#111!important;box-shadow:5px 5px 0 var(--z-red);text-decoration:none!important}
.event-card img{height:270px!important;object-fit:contain!important;background:#000!important;border-bottom:3px solid #eee7dc}
.event-card .event-date{display:inline-block;background:var(--z-red);color:#fff!important;padding:5px 8px;font-weight:900!important}.event-card h3{font-size:29px!important;line-height:.95!important}.event-card p{color:#c8c0b8!important}.event-card .event-go{color:#fff!important;border-bottom:3px solid var(--z-red);width:max-content}

.directory{gap:18px!important}.directory-card{background:#080808!important;border:3px solid #eee7dc!important;box-shadow:5px 5px 0 var(--z-red);padding:22px!important;min-height:215px!important}
.directory-card .n{font-family:'Anton',sans-serif!important;font-size:30px!important;color:var(--z-red)!important}.directory-card h3{font-size:33px!important;color:#fff}.directory-card p{color:#bdb5ac!important}.directory-card .go{color:#fff!important;border-bottom:3px solid var(--z-red);width:max-content}

.cta{background:var(--z-red)!important;border-top:6px solid var(--z-black);border-bottom:6px solid var(--z-black);color:#fff!important;padding:48px 0!important}
.cta h2{font-family:'Anton',Impact,sans-serif!important;font-size:clamp(48px,5.5vw,80px)!important;line-height:.86!important;text-shadow:none!important}.cta p{color:#fff!important;font-weight:700}.cta .btn{border:2px solid #fff!important;box-shadow:2px 2px 0 #fff!important;background:#111!important;color:#fff!important}.cta .btn.alt{background:transparent!important;box-shadow:none!important}

/* INTERNAL HERO */
.editorial-hero{background:var(--z-cream)!important;color:var(--z-black)!important;padding:34px 0 42px!important;border-bottom:6px solid var(--z-black)!important;overflow:hidden;position:relative}
.editorial-hero::before{content:"";position:absolute;width:440px;height:230px;background:var(--z-red);right:-90px;top:26px;clip-path:polygon(0 29%,96% 0,75% 44%,100% 64%,15% 100%);transform:rotate(-7deg);opacity:.95}
.editorial-hero-grid{gap:18px!important;position:relative;z-index:2}
.editorial-hero-copy{background:transparent!important;border:0!important;padding:34px 24px 28px!important;justify-content:center!important}
.editorial-hero-copy .eyebrow{background:var(--z-red)!important;color:#fff!important;border:2px solid var(--z-black);width:max-content;border-radius:0!important;transform:rotate(-1deg)}
.editorial-hero-copy .brush-note{color:var(--z-black)!important;font-size:24px!important}
.editorial-hero-copy h1{font-size:clamp(58px,6.4vw,92px)!important;line-height:.84!important;color:var(--z-black)!important;text-shadow:none!important;margin:10px 0 18px!important}
.editorial-hero-copy p{font-size:18px!important;color:#2f2925!important;font-weight:700}
.hero-meta span{border:2px solid var(--z-black)!important;color:var(--z-black)!important;background:transparent!important;border-radius:0!important;font-family:'Oswald',sans-serif;font-weight:700!important}
.editorial-hero-media,.poster-box{border:4px solid var(--z-black)!important;box-shadow:7px 7px 0 var(--z-red);background:#080808!important}
.editorial-hero-media img{object-fit:contain!important;object-position:center!important;background:#080808!important}
.editorial-hero-caption{background:#080808;color:#fff!important;padding:7px 10px;width:max-content;max-width:calc(100% - 32px)}
.poster-box::before{display:none!important}.poster-box .brush{color:#fff!important;font-size:clamp(48px,5.5vw,78px)!important;line-height:.88!important}.poster-box p{color:#c9c1b8!important;font-weight:700}
.editorial-band{background:var(--z-black)!important;border-top:0!important;border-bottom:5px solid var(--z-red)!important;color:#fff!important}.editorial-band .wrap{min-height:50px}.editorial-band .brush-note{color:#fff!important;font-size:20px!important}

/* INTERNAL CONTENT */
.content{padding:52px 0 74px!important}.feature-grid,.masonry-two,.stat-strip,.editorial-list{gap:18px!important}
.feature-story,.editorial-card,.mini-card,.step,.info-box,.list-card,.editorial-row,.shop-card{background:#f1eadf!important;border:3px solid var(--z-black)!important;border-radius:0!important;box-shadow:5px 5px 0 rgba(0,0,0,.92)}
.feature-story img,.mini-card img{object-fit:contain!important;background:#080808!important;border-bottom:3px solid var(--z-black)}
.story-kicker,.editorial-row .num,.list-card .index,.step .n,.shop-card .type{color:var(--z-red)!important}
.editorial-card.dark{background:#080808!important;color:#fff!important;border-color:#080808!important;box-shadow:5px 5px 0 var(--z-red)}
.editorial-card.dark p{color:#c9c1b8!important}.editorial-card h2{font-size:39px!important}
.poster-box{min-height:280px!important}.poster-box .btn{background:#fff!important;color:#111!important;border:2px solid #fff!important}
.callout{background:var(--z-red)!important;color:#fff!important;border:4px solid var(--z-black);box-shadow:6px 6px 0 var(--z-black)}
.callout .brush{font-family:'Permanent Marker',cursive!important;color:#fff!important}.quote-wall{border:4px solid var(--z-black)!important;box-shadow:6px 6px 0 var(--z-red)}
.stat-chip{border:3px solid var(--z-black)!important;background:#080808!important}.stat-chip strong{font-family:'Anton',sans-serif;color:#ef4b53!important}

/* CHAMPIONSHIPS */
.champ-intro{background:#f1eadf!important;border:4px solid var(--z-black)!important;box-shadow:8px 8px 0 var(--z-red);gap:0!important}
.champ-logo-panel.circuito-feature{border-right:4px solid var(--z-black)!important}.champ-copy{padding:30px!important;background:#f1eadf!important}.champ-copy h2{font-size:clamp(45px,5vw,69px)!important;line-height:.87!important}.champ-copy .eyebrow{background:var(--z-red)!important;color:#fff!important;border:2px solid var(--z-black)}
.champ-section-title{border-bottom:7px solid var(--z-black);padding-bottom:9px;margin-top:56px!important;align-items:flex-end!important}.champ-section-title h2{font-size:clamp(42px,4.5vw,64px)!important;line-height:.88!important}.champ-section-title h2::after{content:"";display:block;width:35%;height:9px;background:var(--z-red);margin-top:7px;transform:rotate(-1deg)}.champ-section-title p{font-weight:700!important;color:#554d45!important}
.champ-list{gap:18px!important}.champ-card{background:#f1eadf!important;border:4px solid var(--z-black)!important;box-shadow:6px 6px 0 var(--z-black)!important}.champ-card img{object-fit:contain!important;background:#080808!important;border-bottom:4px solid var(--z-black)!important}.champ-card .date{display:inline-block;background:var(--z-red);color:#fff!important;padding:5px 8px}.champ-card h3{font-family:'Anton',sans-serif;font-size:34px!important;line-height:.95!important}.champ-card .source{color:var(--z-black)!important;border-bottom:3px solid var(--z-red)!important}
.local-compact-grid{gap:18px!important}.local-compact-card{background:#f1eadf!important;border:3px solid var(--z-black)!important;box-shadow:5px 5px 0 var(--z-red)!important}.local-compact-card h3{font-family:'Anton',sans-serif!important;font-size:27px!important;line-height:.95!important}.local-compact-card .local-num{font-family:'Anton',sans-serif!important;font-size:37px!important;color:var(--z-red)!important}.local-thumbs img{height:auto!important;max-height:190px!important;object-fit:contain!important;background:#080808!important;border:2px solid var(--z-black)!important}.local-compact-card>a{border-bottom:3px solid var(--z-red)!important}

/* SHOPS */
.state-badge{background:var(--z-red)!important;border:2px solid var(--z-black)}.state-head h2{font-family:'Anton',sans-serif!important;font-size:36px!important}.shop-card h3{font-family:'Anton',sans-serif!important;font-size:30px!important}.shop-card a{border-bottom:3px solid var(--z-red)!important}.shop-note{background:#080808!important;border:4px solid var(--z-black);color:#cbc2b8!important;box-shadow:5px 5px 0 var(--z-red)}

/* FOOTER */
.footer{background:#050505!important;border-top:6px solid var(--z-red)!important;color:#a9a29a!important;padding:48px 0 58px!important}.footer h4{font-family:'Oswald',sans-serif!important;color:#fff!important;text-transform:uppercase!important;letter-spacing:.05em}.footer a{color:#bdb6ae!important}.footer a:hover{color:#fff!important}.footer .copy{border-top:1px solid #333!important}.footer .brand-logo img{height:58px!important}

/* RESPONSIVE */
@media(max-width:920px){
  .site-top .nav{background:var(--z-cream)!important;border:3px solid var(--z-black)!important;box-shadow:7px 7px 0 var(--z-red)!important}.site-top .nav a{color:var(--z-black)!important}
  .home-zine-grid{grid-template-columns:1fr}.home-zine-copy{padding-right:0}.home-zine-art{min-height:460px}.card,.event-card,.directory-card,.champ-card,.local-compact-card{transform:none!important}.event-grid[style]{grid-template-columns:1fr 1fr!important}.editorial-hero-grid{grid-template-columns:1fr!important}.editorial-hero-media{min-height:430px!important}
}
@media(max-width:600px){
  .wrap{width:min(1240px,calc(100% - 24px))!important}.site-top .inner{height:68px!important}.brand-logo img{height:42px!important}.home-zine-hero{padding:24px 0 34px}.home-zine-copy h1{font-size:49px}.home-zine-art{min-height:340px;box-shadow:5px 5px 0 var(--z-red)}.section-head{display:block!important}.section-head p{margin-top:12px!important}.event-grid[style]{grid-template-columns:1fr!important}.event-card img{height:auto!important;max-height:420px}.directory{grid-template-columns:1fr!important}.feature-story,.feature-story.secondary{grid-column:span 12!important}.footer-grid{grid-template-columns:1fr!important}.champ-intro{grid-template-columns:1fr!important}.champ-logo-panel.circuito-feature{border-right:0!important;border-bottom:4px solid var(--z-black)!important}
}

/* JOAO PAGE — same visual language, preserve all existing modal content */
.joao-page{background:var(--z-paper)!important;color:var(--z-black)!important}
.joao-page .top{background:rgba(238,231,217,.97)!important;border-bottom:3px solid var(--z-black)!important;backdrop-filter:blur(10px)}
.joao-page .topin{height:76px!important}.joao-page .brand{font-family:'Oswald',sans-serif!important;color:var(--z-black)!important}.joao-page .brand b{color:var(--z-red)!important}.joao-page .nav button{font-family:'Oswald',sans-serif!important;color:var(--z-black)!important;text-transform:uppercase!important;font-weight:700!important}.joao-page .nav .press{background:var(--z-red)!important;color:#fff!important;border-radius:0!important;border:2px solid var(--z-black)!important;box-shadow:3px 3px 0 var(--z-black)!important}
.joao-page .hero{background:var(--z-cream)!important;border-bottom:6px solid var(--z-black)!important;min-height:78vh!important}.joao-page .hero-copy{background:transparent!important}.joao-page .hero-photo{background:#080808!important;border-left:5px solid var(--z-black)!important}.joao-page .hero-photo img{object-fit:contain!important;background:#080808!important}.joao-page .kicker{color:var(--z-red)!important;font-family:'Oswald',sans-serif!important}.joao-page h1{font-family:'Anton',Impact,sans-serif!important;color:var(--z-black)!important;text-shadow:none!important}.joao-page .lede{color:#302a26!important;font-weight:700!important}.joao-page .btn{background:var(--z-red)!important;color:#fff!important;border:2px solid var(--z-black)!important;border-radius:0!important;box-shadow:3px 3px 0 var(--z-black)!important}.joao-page .btn.ghost{background:transparent!important;color:var(--z-black)!important;box-shadow:none!important}.joao-page .home{background:var(--z-paper)!important}.joao-page .homehead h2{font-family:'Anton',Impact,sans-serif!important;color:var(--z-black)!important}.joao-page .homeintro{color:#4f473f!important}.joao-page .module{background:#f1eadf!important;border:3px solid var(--z-black)!important;border-radius:0!important;box-shadow:5px 5px 0 var(--z-red)!important;color:var(--z-black)!important}.joao-page .module h3{font-family:'Anton',sans-serif!important}.joao-page .module p{color:#5a5149!important}.joao-page .module .num,.joao-page .module .open{color:var(--z-red)!important}.joao-page .stats .stat{background:#080808!important;border:3px solid var(--z-black)!important;border-radius:0!important;box-shadow:4px 4px 0 var(--z-red)!important}.joao-page .stats .stat strong{color:#fff!important}.joao-page .stats .stat span{color:#cfc7be!important}.joao-page .footer{background:#050505!important;border-top:6px solid var(--z-red)!important}.joao-page .modal{background:rgba(0,0,0,.88)!important}.joao-page .modal-card{background:#0b0b0b!important;border:3px solid #eee7dc!important;border-radius:0!important;box-shadow:10px 10px 0 var(--z-red)!important}.joao-page .modal-top{background:#b31f28!important;border-bottom:3px solid #eee7dc!important}.joao-page .modal-title{font-family:'Anton',Impact,sans-serif!important}.joao-page .gallery img,.joao-page .feature img{object-fit:contain!important;background:#090909!important}