@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Mono:wght@400;700&display=swap');
:root{--bg:#09090b;--panel:#101013;--text:#fafafa;--muted:#a8a8b3;--orange:#ff8a24;--green:#48db98;--red:#ed5264;--line:#ffffff15;--mono:'Space Mono',monospace;--sans:'Inter',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.8 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--orange);color:#09090b}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:5px}.container{width:min(1180px,calc(100% - 64px));margin-inline:auto}.header{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:35px;padding:18px max(32px,calc((100vw - 1180px)/2));background:#09090be8;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff08}.brand{display:flex;align-items:center;gap:12px;line-height:1.15;letter-spacing:2px;font-size:19px;white-space:nowrap}.brand-code{color:var(--orange);font:700 29px var(--mono);letter-spacing:-4px;margin-right:5px}.brand-edition{display:block;color:var(--orange);font-size:16px;letter-spacing:4px;margin-top:3px}.header nav{display:flex;gap:29px;margin-left:auto;font:12px var(--mono);color:var(--muted)}.header nav a:hover,.text-link:hover{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:17px 30px;background:var(--orange);color:#09090b;font-weight:700;font-size:14px;letter-spacing:.3px;clip-path:polygon(0 0,100% 0,95% 100%,0 100%);transition:background .2s,transform .2s}.button:hover{background:#fff;transform:translateY(-2px)}.button.small{padding:12px 28px;font-size:12px}.button.outline{background:transparent;border:2px solid var(--green);color:var(--green);clip-path:none;padding:15px 33px;box-shadow:inset 0 0 18px #48db9810}.button.outline:hover{background:var(--green);color:#09090b}.menu-toggle{display:none}.hero{min-height:900px;min-height:min(940px,100svh);position:relative;display:flex;align-items:center;justify-content:center;padding:150px 24px 95px;overflow:hidden;background:radial-gradient(ellipse at 50% 39%,#ff8a2410,transparent 48%)}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse at center,black 20%,transparent 75%)}.hero-copy{position:relative;z-index:2;text-align:center;width:min(820px,100%)}.edition-badge{display:inline-flex;align-items:center;gap:9px;border:1px solid #ff8a2455;border-radius:30px;background:#ff8a240b;padding:7px 18px;color:var(--orange);font:12px/1.6 var(--mono);margin:0 0 30px}.edition-badge>span{font-size:22px;line-height:1}.hero h1{display:flex;flex-direction:column;font-size:clamp(65px,8vw,112px);line-height:1.03;letter-spacing:-6px;margin:0 0 25px;font-weight:900}.vibe-title{color:#fafafa;text-shadow:0 0 25px #48db9830}.black-title{color:var(--orange);transform:rotate(-2deg);font-size:1.13em;text-shadow:3px 2px 0 #ed526477,-3px -1px 0 #48db9870,0 0 35px #ff8a243a;letter-spacing:4px}.hero-tagline{font:700 17px/1.7 var(--mono);color:var(--orange);margin:23px 0 9px}.hero-description{font:15px/1.9 var(--mono);color:var(--muted);margin:0 0 30px}.hero-actions{display:flex;justify-content:center;gap:20px;margin-bottom:38px}.event-info{display:grid;grid-template-columns:1fr 1fr;max-width:710px;margin:auto;background:#ff8a240b;border:1px solid #ff8a2433;border-radius:10px;padding:20px;box-shadow:inset 0 0 24px #ff8a2408}.event-info>div{padding:1px 18px}.event-info>div+div{border-left:1px solid #ff8a2433}.info-label{display:block;font:9px var(--mono);letter-spacing:1.5px;color:var(--orange);margin-bottom:8px}.event-info strong{font:600 14px var(--mono);color:var(--text)}.code-float{position:absolute;padding:8px 12px;border:1px solid #ffffff0e;border-radius:5px;background:#09090b80;font:12px var(--mono);animation:float 7s ease-in-out infinite;pointer-events:none}.code-one{top:22%;left:7%;color:#48db9880;transform:rotate(-8deg)}.code-two{top:29%;right:5%;color:#ff8a2480;animation-delay:-2s}.code-three{bottom:22%;left:5%;color:#ed526480;animation-delay:-4s}.code-four{bottom:19%;right:5%;color:#48db9880;animation-delay:-1s}.scroll-cue{position:absolute;bottom:20px;font-size:30px;color:var(--muted)}.section{padding-block:95px}.eyebrow{font:11px/1.7 var(--mono);color:var(--orange);letter-spacing:1.2px;margin:0 0 19px}h2{font-size:39px;line-height:1.25;letter-spacing:-1.7px;margin:0 0 22px;font-weight:800}h2>span{color:var(--orange)}.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;border-top:1px solid var(--line)}.about-copy p{color:var(--muted);font-size:15px;margin-top:0}.about-copy .large-copy{font-size:21px;color:var(--text);line-height:1.6}.large-copy strong{color:var(--green);font-weight:600}.text-link{font:12px/1.8 var(--mono);transition:color .2s}.about-copy .text-link{display:inline-block;margin-top:10px;color:var(--orange)}.experience{background:linear-gradient(180deg,#11100d80,#09090b);border-block:1px solid var(--line)}.section-heading{text-align:center;display:block;margin-bottom:48px}.section-heading h2{margin-bottom:17px}.section-heading>p{font:13px/1.8 var(--mono);color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.card{padding:30px;border:1px solid #ff8a2433;background:#101011;border-radius:8px;transition:transform .2s,box-shadow .2s}.card:nth-child(2){border-color:#48db9833}.card:nth-child(3){border-color:#ed526433}.card:hover{transform:translateY(-5px);box-shadow:0 0 30px #ff8a2409}.card-top{display:flex;align-items:center;justify-content:space-between;font:11px var(--mono);color:#7f7f8b;margin-bottom:26px}.card-icon{font:700 30px var(--mono);color:var(--orange)}.card:nth-child(2) .card-icon{color:var(--green)}.card:nth-child(3) .card-icon{color:var(--red)}.card h3{font-size:19px;line-height:1.45;margin:0 0 15px}.card p{color:var(--muted);font-size:13px;line-height:1.9;margin:0 0 26px}.tag{display:block;font:9px/1.7 var(--mono);letter-spacing:1px;border-top:1px solid var(--line);padding-top:17px;color:var(--orange)}.card:nth-child(2) .tag{color:var(--green)}.card:nth-child(3) .tag{color:var(--red)}.beginner{display:flex;align-items:center;gap:23px;border:1px solid var(--line);border-radius:8px;padding:17px 25px;margin-top:25px}.beginner-symbol{font:700 24px var(--mono);color:var(--green)}.beginner p{font-size:12px;color:var(--muted);flex:1}.beginner strong{font-size:14px;color:var(--text)}.beginner .text-link{color:var(--green);white-space:nowrap}.editions{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.edition{padding:23px;border:1px solid var(--line);border-radius:9px;background:#101013;transition:transform .2s,border-color .2s}.edition:hover{transform:translateY(-5px);border-color:var(--orange)}.edition-meta{display:flex;justify-content:space-between;font:9px var(--mono);color:var(--muted)}.edition-meta>span{font-size:17px}.edition h3{font-size:26px;line-height:1.2;letter-spacing:-1px;min-height:66px;margin:30px 0 17px}.edition h3 span{display:block;font:10px var(--mono);color:var(--muted);letter-spacing:0;margin-top:9px}.edition h3 b{display:block}.edition p{color:var(--muted);font-size:12px;line-height:1.8}.original h3{color:#b388ff}.bari h3 b{color:#a17af5}.grrrl h3 b{color:#ff1493}.queer h3 b{background:linear-gradient(90deg,#fc6f87,#edd953,#48db98,#ad80fa);color:transparent;background-clip:text}.join{text-align:center;border:1px solid #ff8a243d;padding:65px 35px;border-radius:12px;background:radial-gradient(ellipse at top,#ff8a2410,transparent 70%);position:relative;overflow:hidden}.join>div:last-child{position:relative}.join h2{font-size:48px;letter-spacing:-2px;color:var(--orange)}.join p:not(.eyebrow){font:13px/1.9 var(--mono);color:var(--muted)}.join-art{position:absolute;right:-10px;bottom:-60px;color:#ff8a2407;font:700 230px var(--mono);transform:rotate(-15deg)}.join-actions{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:28px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq>div>p:not(.eyebrow){color:var(--muted);font-size:13px;margin-bottom:6px}.faq .text-link{color:var(--orange)}.questions{display:flex;flex-direction:column;gap:12px}details{background:#111114;border:1px solid #ffffff12;border-radius:7px;padding-inline:21px}details[open]{border-color:#ff8a2440}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;font-weight:600;padding-block:20px;cursor:pointer}summary::-webkit-details-marker{display:none}summary span{font:22px var(--mono);color:var(--orange)}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;color:var(--muted);margin:0 0 22px}details a{color:var(--orange);text-decoration:underline}footer{border-top:1px solid var(--line)}.footer-main{display:flex;align-items:center;justify-content:space-between;padding-block:35px}.footer-main>p{font:11px var(--mono);color:var(--muted)}.footer-main .brand{font-size:15px}.footer-main .brand-edition{font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:22px 0 30px;color:var(--muted);font:9px/1.8 var(--mono)}.skip{position:fixed;top:-100px;left:20px;padding:12px;background:var(--orange);color:var(--bg);z-index:100}.skip:focus{top:15px}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}
@media(min-width:1500px){.code-one{left:15%}.code-two{right:12%}.code-three{left:12%}.code-four{right:12%}}
@media(max-width:1000px){.header{gap:24px}.header nav{gap:20px}.hero{min-height:850px}.code-float{font-size:10px}.code-one{left:3%;top:19%}.code-two{right:2%;top:23%}.code-three{left:2%;bottom:15%}.code-four{right:2%;bottom:14%}.about,.faq{gap:40px}.cards{gap:15px}.card{padding:23px}.editions{grid-template-columns:repeat(2,1fr)}h2{font-size:34px}.beginner{gap:15px}.beginner .text-link{font-size:10px}}
@media(max-width:900px){.header nav{display:none;position:absolute;top:78px;left:0;right:0;background:#09090bf7;border-bottom:1px solid var(--line);padding:28px 32px;margin:0}.header nav.open{display:flex;flex-direction:column;gap:25px}.header-cta{display:none}.menu-toggle{display:block;background:transparent;border:1px solid #ffffff25;color:white;width:40px;height:40px;font-size:23px;margin-left:auto}.header{height:79px}.hero h1{font-size:89px}.hero-copy{max-width:710px}.hero-description{font-size:14px}.footer-main>p{display:none}.footer-bottom{flex-wrap:wrap}.section{padding-block:75px}}
@media(max-width:650px){.container{width:calc(100% - 40px)}.header{padding-inline:20px}.header nav{padding-inline:20px}.brand{font-size:17px}.brand-edition{font-size:14px}.hero{min-height:800px;padding:139px 20px 75px}.edition-badge{font-size:9px;padding:7px 12px;margin-bottom:31px}.hero h1{font-size:clamp(52px,12vw,78px);letter-spacing:-3px;margin-bottom:24px}.black-title{font-size:1.25em;letter-spacing:3px}.hero-tagline{font-size:12px;margin-top:27px}.hero-description{font-size:11px;line-height:1.9;margin-top:12px;margin-bottom:27px}.hero-actions{gap:12px;margin-bottom:30px}.hero-actions .button{padding:15px 15px;font-size:10px;gap:10px}.hero-actions .outline{padding:13px 19px}.event-info{grid-template-columns:1fr;gap:17px;padding:20px}.event-info>div+div{border-left:0;border-top:1px solid #ff8a2433;padding-top:17px}.event-info strong{font-size:13px}.info-label{font-size:8px}.code-one{top:109px;left:20px;font-size:8px;padding:5px 8px}.code-two{top:117px;right:20px;font-size:8px;padding:5px 8px}.code-three,.code-four{display:none}.section{padding-block:58px}.about,.faq{grid-template-columns:1fr;gap:24px}h2{font-size:31px;letter-spacing:-1px}.eyebrow{font-size:9px}.about-copy .large-copy{font-size:18px}.about-copy p{font-size:14px}.section-heading{margin-bottom:32px}.section-heading>p{font-size:11px}.cards{grid-template-columns:1fr;gap:18px}.card{padding:27px}.card p{font-size:14px}.card h3{font-size:21px}.beginner{flex-wrap:wrap;padding:18px;gap:12px}.beginner p{min-width:220px;font-size:11px}.beginner strong{font-size:12px}.beginner .text-link{margin-left:0}.beginner-symbol{font-size:20px}.editions{gap:12px}.edition{padding:17px}.edition h3{font-size:23px}.edition-meta{font-size:7px}.edition p{font-size:11px}.join{padding:43px 20px}.join h2{font-size:34px;letter-spacing:-1px}.join p:not(.eyebrow){font-size:11px}.join-actions{flex-direction:column;gap:19px}.join .text-link{font-size:10px}.desktop-break{display:none}.faq{gap:30px}summary{font-size:12px}.footer-main .text-link{font-size:9px}.footer-bottom{flex-direction:column;gap:12px;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Grafismos afro-brasileiros contemporâneos e afrofuturismo. */
.afro-band{height:48px;background:#100d0a;border-block:1px solid #ff8a241c}.ancestry{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:75px;padding-top:12px;padding-bottom:90px}.ancestry-art{position:relative;text-align:center;background:radial-gradient(circle,#ff8a240b,transparent 67%)}.ancestry-art .ancestry-portrait{display:block;width:100%;height:auto;max-width:450px;margin:auto}.art-caption{font:10px var(--mono);color:var(--orange);letter-spacing:.4px}.ancestry-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.9}.ancestry-pillars{display:flex;align-items:center;gap:18px;border-top:1px solid #ff8a242a;padding-top:22px;margin-top:26px;font:11px var(--mono);letter-spacing:1.5px;color:var(--orange)}.ancestry-pillars i{font-size:20px;font-style:normal}.footer-pattern{opacity:.65;margin-top:8px}.hero-copy{min-width:0}.event-info{min-width:0}.hero-tagline,.hero-description{overflow-wrap:anywhere}@media(max-width:900px){.ancestry{gap:30px}.ancestry h2{font-size:31px}.ancestry-pillars{gap:12px;font-size:9px}}@media(max-width:650px){.ancestry{grid-template-columns:1fr;gap:35px;padding-top:0;padding-bottom:58px}.ancestry-art{max-width:330px;justify-self:center;width:100%}.ancestry-copy{min-width:0}.ancestry h2{font-size:30px}.ancestry-pillars{justify-content:space-between;gap:8px;font-size:10px}.afro-band{height:34px;background-size:180px 36px}.art-caption{font-size:8px}.hero-tagline{font-size:11px}.hero-description{font-size:10px}.hero-copy{width:100%}}

.afro-band{overflow:hidden}.afro-band>svg{display:block;width:100%;height:48px}.ancestry-portrait{aspect-ratio:1;overflow:visible}@media(max-width:650px){.afro-band>svg{height:34px}}

/* Animações suaves: faixas afro deslizando, entrada do título e brilho no BLACK. */
.afro-band>svg{width:calc(100% + 240px);animation:afro-slide 18s linear infinite}.footer-pattern>svg{animation-direction:reverse;animation-duration:24s}@keyframes afro-slide{from{translate:0 0}to{translate:-240px 0}}
.vibe-title,.black-title{opacity:0;animation:title-in .8s cubic-bezier(.2,.7,.2,1) forwards}.black-title{animation:title-in .8s .2s cubic-bezier(.2,.7,.2,1) forwards,black-glitch 3s .8s linear infinite}@keyframes title-in{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes black-glitch{0%{text-shadow:3px 2px 0 #ed526477,-3px -1px 0 #48db9870,0 0 35px #ff8a243a;translate:0 0}3%{text-shadow:-7px 3px 0 #ed5264cc,7px -3px 0 #48db98bb,0 0 50px #ff8a2460;translate:-3px 0}6%{text-shadow:6px -2px 0 #ed5264cc,-6px 2px 0 #48db98bb,0 0 50px #ff8a2460;translate:3px 0}9%{text-shadow:-3px 1px 0 #ed5264aa,3px -1px 0 #48db98aa,0 0 40px #ff8a2450;translate:-1px 0}12%,100%{text-shadow:3px 2px 0 #ed526477,-3px -1px 0 #48db9870,0 0 35px #ff8a243a;translate:0 0}55%{text-shadow:3px 2px 0 #ed526477,-3px -1px 0 #48db9870,0 0 60px #ff8a2470;translate:0 0}}
.brand-edition{background:linear-gradient(90deg,var(--orange) 40%,#ffd2a8 50%,var(--orange) 60%) 0/250% 100%;color:transparent;background-clip:text;-webkit-background-clip:text;animation:shine 7s ease-in-out infinite}@keyframes shine{0%,70%{background-position:100% 0}100%{background-position:0 0}}
.ancestry-portrait circle[stroke-dasharray]{transform-origin:240px 240px;animation:spin 40s linear infinite}@keyframes spin{to{rotate:360deg}}
@media(prefers-reduced-motion:reduce){.vibe-title,.black-title{opacity:1}}

/* Mais movimento, ainda discreto: revelação ao rolar e pequenos detalhes vivos. */
.reveal{opacity:0;translate:0 24px;transition:opacity .7s ease,translate .7s cubic-bezier(.2,.7,.2,1),transform .2s,box-shadow .2s,border-color .2s;transition-delay:var(--d,0s),var(--d,0s),0s,0s,0s}.reveal.in{opacity:1;translate:0 0}
.edition-badge,.hero-tagline,.hero-description,.hero-actions,.event-info{opacity:0;animation:title-in .8s cubic-bezier(.2,.7,.2,1) forwards}.edition-badge{animation-delay:0s}.hero-tagline{animation-delay:.4s}.hero-description{animation-delay:.5s}.hero-actions{animation-delay:.6s}.event-info{animation-delay:.75s}
.edition-badge>span{display:inline-block;animation:zap 3.5s ease-in-out infinite}@keyframes zap{0%,85%,100%{opacity:1;scale:1}90%{opacity:.4;scale:1.25}95%{opacity:1;scale:1}}
.scroll-cue{animation:cue 2.2s ease-in-out infinite}@keyframes cue{0%,100%{translate:0 0;opacity:.6}50%{translate:0 8px;opacity:1}}
.beginner-symbol:after{content:'';display:inline-block;width:.5em;height:3px;margin-left:2px;background:currentColor;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}
.ancestry-pillars i{display:inline-block;animation:spin 8s linear infinite}.ancestry-pillars i+span+i{animation-direction:reverse}
.ancestry-portrait>path[fill-opacity=".7"]{animation:twinkle 4s ease-in-out infinite}@keyframes twinkle{0%,100%{opacity:1}50%{opacity:.45}}
.ancestry-portrait circle[r="5"]{transform-box:fill-box;transform-origin:center;animation:twinkle 2.5s ease-in-out infinite}
.card-icon{display:inline-block;transition:translate .25s,rotate .25s}.card:hover .card-icon{translate:0 -3px;rotate:-6deg}
.edition-meta>span{display:inline-block;transition:translate .2s}.edition:hover .edition-meta>span{translate:3px -3px}
.join-art{animation:drift 12s ease-in-out infinite}@keyframes drift{0%,100%{translate:0 0}50%{translate:-14px -10px}}
details p{animation:title-in .35s ease}summary span{transition:transform .25s}
@media(prefers-reduced-motion:reduce){.edition-badge,.hero-tagline,.hero-description,.hero-actions,.event-info{opacity:1}}
.footer-bottom .vibecoded{color:var(--orange)}
.footer-supporters{display:flex;flex-wrap:wrap;justify-content:center;gap:55px;padding:48px 0 42px;border-bottom:1px solid var(--line)}.supporters-group{display:flex;flex-direction:column;align-items:center;gap:24px}.supporters-group .eyebrow{margin:0;text-align:center}.supporters-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:44px}.supporters-logos img{display:block;height:62px;width:auto;opacity:.78;filter:saturate(0) brightness(1.6);transition:opacity .2s,filter .2s,translate .2s}.supporters-logos img.logo-seal{height:46px}.supporters-logos a:hover img{opacity:1;filter:none;translate:0 -3px}
@media(max-width:650px){.footer-supporters{gap:34px;padding:36px 0 30px}.supporters-group{gap:16px}.supporters-logos{gap:28px}.supporters-logos img{height:42px}.supporters-logos img.logo-seal{height:32px}}