:root{--yellow:#ffd21c;--red:#f20d2f;--blue:#0748bd;--dark:#062b75;--ink:#111b2d;--paper:#fffdf3;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.site-header{align-items:center;background:rgba(255,210,28,.97);border-bottom:2px solid #111b2d22;display:flex;height:86px;justify-content:space-between;padding:8px max(4vw,24px);position:sticky;top:0;z-index:20}.brand img{height:68px;width:108px}.menu-button{display:none}nav{align-items:center;display:flex;font:700 1.05rem "Barlow Condensed",sans-serif;gap:28px;text-transform:uppercase}nav a{border-bottom:2px solid transparent;padding:9px 0}nav a:hover,nav a:focus-visible{border-color:var(--blue)}nav .nav-cta{background:var(--blue);border:0;color:#fff;padding:12px 20px}
.hero{background-color:var(--yellow);background-image:linear-gradient(#ffd21cdb,#ffd21cdb),url("assets/paper-texture.png");display:grid;grid-template-columns:1.04fr .96fr;min-height:calc(100svh - 86px);overflow:hidden;position:relative}.hero:after{background:var(--red);bottom:0;content:"";height:18px;left:0;position:absolute;width:66%}.hero-copy{align-self:center;padding:10vh 4vw 11vh 8vw;z-index:2}.eyebrow,.section-kicker{color:var(--red);font:800 .96rem "Barlow Condensed",sans-serif;letter-spacing:.18em;margin:0 0 18px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{color:var(--dark);font:400 clamp(4rem,7.2vw,8rem)/.92 Anton,Impact,sans-serif;letter-spacing:-.025em;margin-bottom:28px;max-width:850px;text-transform:uppercase}h1 em{color:var(--red);font-style:normal;text-decoration:underline var(--white) 8px;text-underline-offset:8px}.hero-lead{font-size:clamp(1.08rem,1.55vw,1.45rem);line-height:1.55;max-width:650px}.hero-actions,.socials{align-items:center;display:flex}.hero-actions{flex-wrap:wrap;gap:28px;margin-top:38px}.button{background:var(--blue);color:#fff;font:800 1.08rem "Barlow Condensed",sans-serif;letter-spacing:.04em;padding:16px 22px;text-transform:uppercase}.socials{font:700 1rem "Barlow Condensed",sans-serif;gap:10px;text-transform:uppercase}.socials a{align-items:center;background:#fff;border:2px solid var(--ink);border-radius:50%;display:flex;height:42px;justify-content:center;width:42px}.hero-art{align-items:center;background:repeating-linear-gradient(90deg,transparent 0 94px,#ffffff26 94px 98px),repeating-linear-gradient(0deg,transparent 0 94px,#ffffff26 94px 98px);display:flex;justify-content:center;min-height:600px;position:relative}.hero-art img{filter:drop-shadow(16px 18px 0 #ffffffe6);transform:rotate(-3deg);width:min(78%,540px)}.spark,.scribble{color:#fff;font-family:Anton,sans-serif;position:absolute}.spark{font-size:4rem}.spark.one{left:8%;top:18%}.spark.two{bottom:12%;right:8%}.scribble{color:var(--red);font-size:8rem;right:8%;top:10%;transform:rotate(-15deg)}
.manifesto{align-items:center;background:var(--blue);color:#fff;display:grid;gap:7vw;grid-template-columns:minmax(320px,.9fr) 1.1fr;padding:110px 8vw}.manifesto-art{position:relative}.manifesto-art:before{border:4px solid var(--yellow);content:"";inset:-18px 18px 18px -18px;position:absolute}.manifesto-art img{aspect-ratio:1;object-fit:cover;position:relative;width:100%}.manifesto .section-kicker,.host .section-kicker{color:var(--yellow)}h2{font:400 clamp(3rem,5.2vw,6rem)/.98 Anton,Impact,sans-serif;letter-spacing:-.02em;text-transform:uppercase}.manifesto-copy>p:not(.section-kicker){font-size:clamp(1.08rem,1.5vw,1.32rem);line-height:1.68;max-width:720px}.topics{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}.topics span{border:2px solid var(--yellow);color:var(--yellow);font:800 1rem "Barlow Condensed",sans-serif;padding:8px 15px;text-transform:uppercase}
.episodes{padding:110px 6vw 125px}.section-heading{align-items:end;display:flex;justify-content:space-between;margin:0 auto 48px;max-width:1400px}.section-heading h2{color:var(--dark);margin:0}.section-heading>a,.episode-copy>a{color:var(--blue);font:800 1.1rem "Barlow Condensed",sans-serif;text-transform:uppercase}.episode-grid{display:grid;gap:26px;grid-template-columns:repeat(3,1fr);margin:auto;max-width:1400px}.episode-card{background:#fff;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--yellow);display:flex;flex-direction:column}.episode-cover{background:var(--blue);display:block;overflow:hidden;position:relative}.episode-cover img{aspect-ratio:16/10;object-fit:cover;width:100%}.play{align-items:center;background:var(--red);border:4px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:1.25rem;height:66px;justify-content:center;left:50%;padding-left:4px;position:absolute;top:50%;transform:translate(-50%,-50%);width:66px}.episode-number{background:var(--yellow);bottom:0;font:800 1rem "Barlow Condensed",sans-serif;left:0;padding:8px 12px;position:absolute}.episode-copy{display:flex;flex:1;flex-direction:column;padding:24px}.episode-copy h3{font:700 1.55rem/1.08 "Barlow Condensed",sans-serif;text-transform:uppercase}.episode-copy p{color:#3e4756;line-height:1.55}.episode-copy>a{margin-top:auto}
.host{align-items:center;background:var(--red);color:#fff;display:grid;grid-template-columns:1fr .9fr;min-height:720px;overflow:hidden;padding:90px 8vw 0}.host-copy{max-width:700px;padding-bottom:90px}.host h2{color:var(--yellow);font-size:clamp(4rem,7vw,7.5rem);margin-bottom:10px}.host-title{font:800 1.55rem "Barlow Condensed",sans-serif;text-transform:uppercase}.host-copy>p:not(.section-kicker):not(.host-title){font-size:1.1rem;line-height:1.7}blockquote{border-left:7px solid var(--yellow);font:700 clamp(1.4rem,2.2vw,2.1rem) "Barlow Condensed",sans-serif;margin:38px 0 0;padding-left:22px}.host-photo{align-self:end}.host-photo img{margin:auto;max-height:680px;object-fit:contain}
.participate{background-color:var(--yellow);background-image:linear-gradient(#ffd21ce6,#ffd21ce6),url("assets/paper-texture.png");padding:110px 6vw 130px}.participate-heading{margin:0 auto 50px;max-width:850px;text-align:center}.participate h2{color:var(--dark)}.participate-heading>p:last-child{font-size:1.18rem;line-height:1.6}.participate-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:auto;max-width:1300px}.participate-card{border:3px solid var(--ink);box-shadow:9px 9px 0 var(--ink);min-height:330px;padding:32px}.participate-card.red{background:var(--red);color:#fff}.participate-card.blue{background:var(--blue);color:#fff}.participate-card.white{background:#fff}.participate-card>span{display:block;font-size:3rem;margin-bottom:30px}.participate-card h3{font:700 2.1rem/1 "Barlow Condensed",sans-serif;text-transform:uppercase}.participate-card p{line-height:1.55}.participate-card a{border-bottom:2px solid;display:inline-block;font:800 1rem "Barlow Condensed",sans-serif;margin-top:18px;padding-bottom:4px;text-transform:uppercase}
footer{align-items:center;background:var(--dark);color:#fff;display:flex;gap:28px;padding:45px 6vw}footer img{height:auto;width:110px}footer p{margin:0 auto 0 0}.footer-links{display:flex;font:800 1rem "Barlow Condensed",sans-serif;gap:18px;text-transform:uppercase}footer small{opacity:.75}:focus-visible{outline:4px solid var(--yellow);outline-offset:4px}
@media(max-width:980px){.site-header{height:74px}.brand img{height:58px;width:90px}.menu-button{background:var(--blue);border:0;color:#fff;display:block;font:800 1rem "Barlow Condensed",sans-serif;padding:10px 14px;text-transform:uppercase}nav{background:var(--yellow);display:none;flex-direction:column;left:0;padding:22px;position:absolute;top:74px;width:100%}nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:90px 7vw 50px}.hero-art{min-height:480px}.manifesto{grid-template-columns:1fr}.episode-grid,.participate-grid{grid-template-columns:1fr}.episode-grid{max-width:700px}.host{grid-template-columns:1fr}.host-copy{padding-bottom:20px}.host-photo img{max-height:560px}footer{flex-wrap:wrap}}
@media(max-width:620px){h1{font-size:clamp(3.3rem,18vw,5rem)}.hero-art{min-height:380px}.manifesto,.episodes,.participate{padding:80px 6vw}.section-heading{align-items:start;flex-direction:column}.host{padding-inline:6vw}.participate-card{min-height:auto}footer{align-items:flex-start;flex-direction:column}footer p{margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Popup de contato */
.contact-modal{background:#fff;border:3px solid var(--ink);box-shadow:12px 12px 0 var(--ink);color:var(--ink);margin:auto;max-height:calc(100dvh - 32px);overflow:hidden;padding:0;width:min(620px,calc(100% - 32px))}
.contact-modal[open]{animation:modal-in .2s ease-out}
.contact-modal::backdrop{background:#062b75b8;backdrop-filter:blur(3px)}
.contact-modal__content{max-height:calc(100dvh - 32px);overflow-y:auto;padding:36px 40px 40px}
.contact-modal__header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between}
.contact-modal__header .section-kicker{margin-bottom:10px}
.contact-modal__header h2{color:var(--dark);font-size:clamp(2.1rem,5vw,3.5rem);margin-bottom:18px}
.contact-modal__close{align-items:center;background:var(--yellow);border:2px solid var(--ink);color:var(--ink);cursor:pointer;display:flex;flex:0 0 auto;font:400 2rem/1 Arial,sans-serif;height:42px;justify-content:center;width:42px}
.contact-modal__close:hover{background:var(--red);color:#fff}
.contact-modal form label{display:block;font:800 .95rem "Barlow Condensed",sans-serif;margin:14px 0 6px;text-transform:uppercase}
.contact-modal input,.contact-modal textarea{background:#fff;border:2px solid var(--ink);border-radius:0;color:var(--ink);font:inherit;padding:13px 14px;width:100%}
.contact-modal textarea{resize:vertical}
.contact-modal__submit{border:0;cursor:pointer;margin-top:20px;width:100%}
.contact-modal__submit:disabled{cursor:wait;opacity:.65}
.form-message{font-weight:700;margin:12px 0 0}
.form-message[data-status="success"]{color:#17723c}
.form-message[data-status="error"]{color:#b42318}
body:has(.contact-modal[open]){overflow:hidden}
@keyframes modal-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}

@media(max-width:620px){.contact-modal{max-height:calc(100dvh - 20px);width:calc(100% - 20px)}.contact-modal__content{max-height:calc(100dvh - 20px);padding:26px 22px 30px}.contact-modal__header{gap:14px}.contact-modal__close{height:38px;width:38px}}
@media(prefers-reduced-motion:reduce){.contact-modal[open]{animation:none}}