/* Selected poster design: local frontend draft only. */
.hero-copy { position:relative; }
.hero-token { display:none; }
body[data-hero-design="3"] .browser-main { background:#1fa896; padding:70px 32px 24px; }
body[data-hero-design="3"] .browser-chrome { background:var(--paper); }
body[data-hero-design="3"] .browser-layer { background:var(--accent-2); }
body[data-hero-design="3"] .hero-copy { background:var(--paper); border:3px solid #000; border-radius:6px; box-shadow:6px 6px 0 #000; padding:28px 54px; max-width:760px; }
body[data-hero-design="3"] .hero-art { max-width:390px; transform:rotate(-3deg); margin-bottom:24px; }
body[data-hero-design="3"] .hero-tagline { font-size:1.15rem; max-width:480px; }
body[data-hero-design="3"] .hero-badge { background:#ffd000; transform:rotate(-2deg); border-radius:5px; }
body[data-hero-design="3"] .hero-badge + .hero-badge { background:#ffb2a3; transform:rotate(2deg); }
body[data-hero-design="3"] .hero-token { display:grid; place-items:center; position:absolute; width:70px; height:70px; border:3px solid #000; box-shadow:3px 3px 0 #000; font-size:36px; border-radius:15px; }
body[data-hero-design="3"] .token-one { top:24px; left:-35px; transform:rotate(-12deg); background:#ffd000; }
body[data-hero-design="3"] .token-two { bottom:34px; right:-35px; transform:rotate(12deg); background:#ff6b6b; }
body[data-hero-design="3"] .next-event-card { background:#ffd000; border:2px solid #000; border-radius:6px; }
@media (max-width:800px) {
body[data-hero-design="3"] .browser-main { padding:60px 18px 18px; }
body[data-hero-design="3"] .hero-copy { padding:26px 16px 20px; }
body[data-hero-design="3"] .hero-art { max-width:280px; }
body[data-hero-design="3"] .hero-token { width:40px; height:40px; font-size:22px; }
body[data-hero-design="3"] .token-one { top:20px; left:-13px; }
body[data-hero-design="3"] .token-two { bottom:86px; right:-13px; }
body[data-hero-design="3"] .hero-tagline { font-size:1rem; }
}
@media (prefers-reduced-motion:reduce) { #hero * { transition:none!important; animation:none!important; } }