body{background:#030504;position:relative;isolation:isolate}
body::before{display:none}
.flyer-background{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 0 12%,#007d5f38,transparent 38%),radial-gradient(ellipse at 100% 85%,#8500ba30,transparent 42%),radial-gradient(ellipse at 100% 8%,#74008620,transparent 30%),#030504}
.flyer-background::before{content:"";position:absolute;inset:0;background-image:linear-gradient(30deg,#80f97e12 12%,transparent 12.5%,transparent 87%,#80f97e12 87.5%),linear-gradient(150deg,#9a01fd0b 12%,transparent 12.5%,transparent 87%,#9a01fd0b 87.5%),linear-gradient(30deg,#80f97e0c 12%,transparent 12.5%,transparent 87%,#80f97e0c 87.5%);background-size:30px 52px;background-position:0 0,0 0,15px 26px;mask-image:linear-gradient(90deg,#000,transparent 22%,transparent 78%,#000);opacity:.75}
.flyer-background::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,#0002 5px 6px);opacity:.25}
.background-symbols{position:absolute;width:300px;mix-blend-mode:screen;opacity:.18;right:-70px;top:8%;transform:rotate(-8deg)}
.background-symbols.secondary{width:260px;right:auto;left:-80px;top:auto;bottom:10%;transform:rotate(9deg);opacity:.13}
.brand-reveal{display:block;position:relative;width:min(100%,440px);aspect-ratio:2.7;margin:0 0 24px;overflow:hidden;mix-blend-mode:screen;animation:brand-arrive 1.3s cubic-bezier(.2,.75,.2,1) both}
.brand-reveal img{position:absolute;top:50%;left:0;width:100%;height:auto;transform:translateY(-50%)}
@keyframes brand-arrive{from{opacity:0;transform:translateY(22px) scale(.95);filter:blur(7px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
.brand-symbols{width:150px;margin-top:30px;mix-blend-mode:screen;opacity:.7;aspect-ratio:1;object-fit:contain}
.hero-art{box-shadow:20px 12px 75px #80f97e14,-18px -8px 65px #9a01fd16}
.header{background:#020504e8}.section .intro,.vision-item p,.lead{text-shadow:0 1px 12px #000}
@media(max-width:620px){.brand-reveal{width:100%;margin-bottom:22px}.background-symbols{width:220px;right:-100px;opacity:.12}.background-symbols.secondary{width:180px;left:-100px}.brand-symbols{width:110px}.flyer-background::before{mask-image:linear-gradient(90deg,#000,transparent 14%,transparent 86%,#000)}}
@media(prefers-reduced-motion:reduce){.brand-reveal{animation:none}}
.portrait-scan{position:relative;isolation:isolate;--scan-y:20%}
.portrait-light{position:absolute;inset:0;pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(ellipse 28% 18% at 64% var(--scan-y),#80f97eaa,transparent 80%),radial-gradient(ellipse 30% 18% at 74% var(--scan-y),#9a01fdaa,transparent 85%);opacity:.85}
.portrait-scan::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#80f97e12,transparent 30%,transparent 80%,#9a01fd14);box-shadow:inset 0 0 35px #0002}
.brand-reveal{aspect-ratio:auto;mix-blend-mode:normal;width:min(100%,380px);overflow:visible;margin-bottom:12px}.brand-reveal img{position:static;transform:none;width:100%;height:auto}
.hero-art.portrait-scan{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.portrait-scan>img{position:relative;z-index:1;filter:drop-shadow(0 0 22px #80f97e1a) drop-shadow(0 0 30px #9a01fd20)}
.portrait-scan::after{display:none}
.portrait-light{z-index:2;mix-blend-mode:screen;opacity:.45;mask-image:url('assets/studio-portrait-cutout.png');mask-size:100% 100%;mask-repeat:no-repeat}
.platform-icon img{filter:brightness(0) saturate(100%) invert(91%) sepia(23%) saturate(1656%) hue-rotate(57deg) brightness(100%) contrast(95%)}
.background-symbols{filter:hue-rotate(-30deg)}
.hero-art.portrait-scan{width:100%;max-width:none;justify-self:center;isolation:isolate;overflow:visible}
.portrait-scan>img{width:200%;max-width:none;left:-50%;filter:none;z-index:1}
.portrait-light{inset:4% -35%;z-index:0;mix-blend-mode:normal;mask-image:none;background:radial-gradient(ellipse 45% 26% at 50% var(--scan-y),#80f97e35,transparent 80%),radial-gradient(ellipse 46% 28% at 65% var(--scan-y),#9a01fd35,transparent 85%);filter:blur(25px);opacity:.9}
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center}
@media(max-width:620px){.hero{grid-template-columns:1fr;gap:30px}.hero-art.portrait-scan{width:100%;max-width:none}.portrait-scan>img{width:200%;left:-50%}.portrait-light{inset:4% -15%}}
.hero-art.portrait-scan{overflow:clip}
.portrait-scan>img{left:-78%;margin-top:-12%;margin-bottom:-8%}.hero{align-items:start}.hero-copy{padding-top:20px}
.lighting-popup{position:relative;display:flex;align-items:center;gap:18px;width:fit-content;max-width:100%;margin:28px auto 34px;padding:14px 24px 14px 14px;border:1px solid var(--green);border-radius:100px;background:#071008;box-shadow:0 0 28px #80f97e14;animation:lighting-appear .7s ease-out both}
.lighting-popup img{width:84px;height:84px;flex:0 0 84px;border-radius:50%;object-fit:cover;border:2px solid var(--purple)}
.video-grid .lighting-popup p{color:var(--white);font-size:1rem;margin:0;max-width:350px;line-height:1.5}
.lighting-arrow{position:absolute;bottom:-33px;left:50%;font-size:2rem;color:var(--green);line-height:1;transform:translateX(-50%)}
@keyframes lighting-appear{from{opacity:0;translate:0 -10px}to{opacity:1;translate:0 0}}
@media(max-width:620px){.lighting-popup{padding:12px 16px 12px 12px;gap:12px;border-radius:30px}.lighting-popup img{width:64px;height:64px;flex-basis:64px}.video-grid .lighting-popup p{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.lighting-popup{animation:none}}
.sunset-brand{width:min(100%,380px);margin:12px auto 24px;text-align:center}.sunset-brand img{display:block;width:100%;height:auto;max-height:140px;object-fit:contain}
.sunset-brand{position:relative;aspect-ratio:5.2;overflow:hidden;mix-blend-mode:screen}.sunset-brand img{position:absolute;width:170%;max-width:none;max-height:none;left:-28%;top:50%;height:auto;transform:translateY(-47.5%)}
.sunset-brand{width:min(90%,520px);margin:20px auto 32px;filter:drop-shadow(0 0 4px #fffc) drop-shadow(0 0 12px #ffffff65)}
.lighting-popup{max-width:380px;padding:10px 18px 10px 10px;gap:12px;margin:18px auto 32px;background:#061008e8;box-shadow:0 0 18px #80f97e10}
.lighting-popup img{width:58px;height:58px;flex-basis:58px}.video-grid .lighting-popup p{font-size:.875rem;line-height:1.45;max-width:260px}
@media(max-width:620px){.sunset-brand{width:100%;margin:12px auto 24px}.lighting-popup{padding:9px 12px;border-radius:26px;gap:10px}.lighting-popup img{width:48px;height:48px;flex-basis:48px}.video-grid .lighting-popup p{font-size:.8125rem}}
.lighting-popup[hidden]{display:none}
.vision figure.vision-portrait{position:relative;isolation:isolate;border:0;border-radius:0;box-shadow:none;overflow:visible}.vision-portrait .vision-person{position:relative;width:100%;height:auto;z-index:1}.vision-portrait .vision-smoke{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.8;z-index:0;pointer-events:none}.support-intro{max-width:780px;margin-bottom:48px;padding-left:24px;border-left:2px solid var(--purple)}.support-intro h3{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:1.8rem;margin-bottom:14px}.support-intro p{color:var(--muted);font-size:1rem;line-height:1.7}
#album-title{text-align:center;font-size:clamp(3rem,6.5vw,6rem);line-height:1.1;letter-spacing:.025em;color:var(--white);text-shadow:0 0 5px #fff5,0 0 20px #80f97e38;animation:support-glitch 9s linear infinite}#album-title span{color:var(--green);text-shadow:0 0 6px #80f97e66,0 0 24px #80f97e45,0 0 45px #9a01fd25}
@keyframes support-glitch{0%,89%,92%,100%{transform:translateX(0);filter:none}89.5%{transform:translateX(-2px);filter:drop-shadow(3px 0 #9a01fd88)}90%{transform:translateX(2px);filter:drop-shadow(-3px 0 #80f97e88)}90.5%{transform:translateX(0);filter:none}91%{transform:translateX(-1px);filter:drop-shadow(2px 0 #9a01fd66)}}
@media(max-width:620px){#album-title{font-size:clamp(2.3rem,8.5vw,3.5rem);letter-spacing:0}}
@media(prefers-reduced-motion:reduce){#album-title{animation:none}}

/* Cabeçalho dos lançamentos em neon branco. */
#lancamentos .section-top{text-align:center;width:100%}
#lancamentos .section-top .eyebrow,#lancamentos .section-top h2,#lancamentos .section-top h2 span{color:#fff;text-align:center;text-shadow:0 0 5px #fff9,0 0 15px #fff7,0 0 32px #fff5,0 0 55px #fff3}
#lancamentos .section-top .eyebrow{margin-left:auto;margin-right:auto}
/* Proposta e entrega: títulos centralizados com neon branco. */
#proposta .section-top{text-align:center;width:100%}
#proposta .section-top .eyebrow,#proposta .section-top h2,#proposta .section-top h2 span{color:#fff;text-align:center;text-shadow:0 0 5px #fff9,0 0 15px #fff7,0 0 32px #fff5,0 0 55px #fff3}
#proposta .section-top .eyebrow{margin-left:auto;margin-right:auto}
/* Identidade artística: títulos centralizados com neon branco. */
#visao .eyebrow,#visao h2,#visao h2 span{color:#fff;text-align:center;text-shadow:0 0 5px #fff9,0 0 15px #fff7,0 0 32px #fff5,0 0 55px #fff3}
#visao .eyebrow{margin-left:auto;margin-right:auto}
/* Vídeos: neon branco com interferência VHS intermitente. */
#videos>.eyebrow,#videos>h2,#videos>h2 span{color:#fff;text-align:center;text-shadow:0 0 5px #fff9,0 0 15px #fff7,0 0 32px #fff5,0 0 55px #fff3}
#videos>.eyebrow{margin-left:auto;margin-right:auto}
#videos>h2{position:relative;animation:video-vhs-glitch 8s infinite}
@keyframes video-vhs-glitch{0%,89%,94%,100%{transform:translateX(0);filter:none}90%{transform:translateX(-2px) skewX(-1deg);filter:drop-shadow(3px 0 0 #9a01fd) drop-shadow(-3px 0 0 #80f97e)}91%{transform:translateX(2px) skewX(1deg)}92%{transform:translateX(-1px);filter:drop-shadow(-2px 0 0 #9a01fd) drop-shadow(2px 0 0 #80f97e)}93%{transform:translateX(1px)}}
@media(prefers-reduced-motion:reduce){#videos>h2{animation:none}}
/* Afterwave suspenso, sem painel de fundo. */
.video-grid article.afterwave-video{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
.afterwave-video .video-player{position:relative;overflow:visible;background:transparent;border:0;border-radius:12px;box-shadow:0 24px 35px -18px #000c,0 0 28px #9a01fd18;animation:afterwave-float 6s ease-in-out infinite}
.afterwave-video .video-player iframe{border-radius:12px;overflow:hidden;position:relative;z-index:1}
.afterwave-video .video-player::after{content:"";position:absolute;left:12%;right:12%;height:24px;bottom:-32px;border-radius:50%;background:#0009;filter:blur(14px);pointer-events:none}
.afterwave-video .button{position:relative;margin-top:46px}
@keyframes afterwave-float{0%,100%{transform:translateY(0) rotate(-.15deg)}50%{transform:translateY(-8px) rotate(.15deg)}}
@media(prefers-reduced-motion:reduce){.afterwave-video .video-player{animation:none}}
/* Textos da proposta e dos itens de entrega centralizados. */
#proposta .intro{text-align:center;margin-left:auto;margin-right:auto}
#proposta .services article{text-align:center;padding-left:20px;padding-right:20px}
#proposta .services p{margin-left:auto;margin-right:auto}
@media(max-width:620px){#proposta .services article{padding-left:0;padding-right:0}}
/* Booking em branco brilhante, com asterisco decorativo. */
#booking h2,#booking h2 span{color:#fff;text-shadow:0 0 5px #fff9,0 0 15px #fff7,0 0 32px #fff5,0 0 55px #fff3}
#booking .booking-asterisk{display:inline-block;vertical-align:middle;font-size:1.2em;line-height:.7}
/* Links e conteúdos: cabeçalho centralizado em branco. */
#materiais>.eyebrow,#materiais>h2,#materiais>h2 span{color:#fff;text-align:center}
#materiais>.eyebrow{margin-left:auto;margin-right:auto}
/* Presença digital: cabeçalho centralizado em neon branco. */
#digital>.eyebrow,#digital>h2,#digital>h2 span{color:#fff;text-align:center;text-shadow:0 0 5px #fff9,0 0 15px #fff7,0 0 32px #fff5,0 0 55px #fff3}
#digital>.eyebrow{margin-left:auto;margin-right:auto}
/* Halo discreto ao redor das anotações flutuantes. */
.lighting-popup,.album-stage>.support-location-pop{box-shadow:0 0 10px #80f97e30,0 0 24px #80f97e20,0 0 38px #9a01fd18}
/* Halo leve ao redor do vídeo do Afterwave. */
.afterwave-video .video-player{box-shadow:0 24px 35px -18px #000c,0 0 12px #80f97e25,0 0 28px #80f97e18,0 0 44px #9a01fd20}
#proposta .section-top h2{font-size:clamp(3rem,6.5vw,6rem);text-transform:uppercase;line-height:1.08}
#proposta .section-top h2 .proposal-number{display:inline-block;color:var(--green);font-size:.2em;letter-spacing:.08em;vertical-align:middle;margin-right:.5em;text-shadow:0 0 8px #80f97e50;line-height:1}
/* Cards holográficos da proposta. */
#proposta .services{gap:28px;border:0;perspective:1200px;padding-bottom:24px}
#proposta .services article{position:relative;isolation:isolate;border:1px solid #80f97e50;border-radius:5px 24px 5px 24px;padding:28px 24px 32px;background:linear-gradient(135deg,#80f97e0b,transparent 55%,#9a01fd12),#070c09d9;box-shadow:inset 0 0 24px #80f97e08,0 0 18px #9a01fd15;animation:proposal-hover 7s ease-in-out infinite;transition:border-color .3s,box-shadow .3s}
#proposta .services article:nth-child(2n){animation-delay:-2s}#proposta .services article:nth-child(3n){animation-delay:-4s}
#proposta .services article::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 4px,#80f97e06 4px 5px);opacity:.5;z-index:-1}
#proposta .services article::after{content:"";position:absolute;left:15%;right:15%;bottom:-18px;height:12px;border-radius:50%;background:#000a;box-shadow:0 0 14px #80f97e15;filter:blur(9px);z-index:-2;pointer-events:none}
#proposta .services article:hover{border-color:var(--green);box-shadow:inset 0 0 24px #80f97e0b,0 0 24px #80f97e25,0 0 40px #9a01fd20}
#proposta .services article h3{animation:proposal-glitch 10s infinite}
#proposta .services article:nth-child(2n) h3{animation-delay:-3s}#proposta .services article:nth-child(3n) h3{animation-delay:-6s}
@keyframes proposal-hover{0%,100%{transform:translateY(0) rotateX(0)}50%{transform:translateY(-7px) rotateX(1deg)}}
@keyframes proposal-glitch{0%,92%,96%,100%{transform:none;text-shadow:0 0 10px #80f97e25}93%{transform:translateX(-1px);text-shadow:2px 0 #9a01fd,-2px 0 #fff6}94%{transform:translateX(1px);text-shadow:-2px 0 #9a01fd,2px 0 #fff6}95%{transform:none}}
@media(max-width:620px){#proposta .services{gap:28px}#proposta .services article{padding:26px 22px}}
@media(prefers-reduced-motion:reduce){#proposta .services article,#proposta .services article h3{animation:none}}
/* Projeção do letreiro: varredura vertical na entrada dos cards. */
#proposta .section-top{position:relative;isolation:isolate}
#proposta.projector-active .section-top::after{content:"";position:absolute;top:100%;left:10%;width:80%;height:180px;pointer-events:none;z-index:-1;clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);background:linear-gradient(#80f97e60,#9a01fd14,transparent);filter:blur(8px);animation:projector-beam 1.5s ease-out both}
#proposta .services article.projection-waiting{opacity:0;animation:none;clip-path:inset(0 0 100% 0)}
#proposta .services article.projection-reveal{animation:projected-card 1.5s ease-out both}
#proposta .services article.projection-reveal::before{opacity:1;background:linear-gradient(180deg,transparent 40%,#80f97e80 48%,#fff9 50%,#9a01fd55 52%,transparent 60%);background-size:100% 220%;animation:projected-scan 1.5s ease-out both}
@keyframes projected-card{0%{opacity:0;clip-path:inset(0 0 100% 0);filter:brightness(2)}12%{opacity:.65}35%{opacity:.85}100%{opacity:1;clip-path:inset(-40px -40px -40px -40px);filter:brightness(1)}}
@keyframes projected-scan{0%{background-position:0 100%;opacity:0}15%{opacity:1}85%{opacity:.8}100%{background-position:0 0;opacity:0}}
@keyframes projector-beam{0%{opacity:0;transform:scaleY(.1);transform-origin:top}20%{opacity:1;transform:scaleY(1)}100%{opacity:0;transform:scaleY(1)}}
/* Propostas em carrossel horizontal com encaixe de cada card. */
#proposta .services{display:flex;gap:28px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:28px max(24px,calc((100% - 420px)/2)) 46px;scrollbar-width:none;touch-action:pan-x pan-y;perspective:none}
#proposta .services::-webkit-scrollbar{display:none}
#proposta .services article{flex:0 0 420px;min-width:0;scroll-snap-align:center;scroll-snap-stop:always}
.proposal-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:8px}
.proposal-controls button{font:inherit;color:var(--white);background:#070c09;border:1px solid var(--purple);border-radius:50%;width:46px;height:46px;cursor:pointer;font-size:1.4rem}
.proposal-controls button:disabled{opacity:.3;cursor:default}.proposal-controls button:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.proposal-count{color:var(--green);font-family:monospace;font-size:.875rem}
@media(max-width:620px){#proposta .services{gap:18px;padding-left:8%;padding-right:8%}#proposta .services article{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){#proposta .services{scroll-behavior:auto}}
/* Revelação estável no carrossel, com desmaterialização ao sair da tela. */
#proposta .services article{transition:opacity .65s ease,clip-path .8s ease,filter .65s ease,border-color .3s,box-shadow .3s}
#proposta .services article.projection-waiting{opacity:0;clip-path:inset(0 0 100% 0);filter:brightness(1.5);animation:none}
#proposta .services article.projection-reveal{opacity:1;clip-path:inset(-35px);filter:none;animation:proposal-hover 7s ease-in-out infinite}
#proposta .services article.projection-reveal::before{animation:projected-scan 1.2s ease-out both}
@media(prefers-reduced-motion:reduce){#proposta .services article{animation:none!important;transition:none!important}}
#proposta .services article{clip-path:none!important;mask-image:linear-gradient(#000,#000);mask-repeat:no-repeat;mask-position:top;transition:opacity .65s ease,mask-size .9s ease,filter .65s ease}
#proposta .services article.projection-waiting{mask-size:100% 0%;opacity:0}
#proposta .services article.projection-reveal{mask-size:100% 100%;opacity:1}
/* Profundidade 3D preservando a rolagem e a projeção. */
#proposta .services article{rotate:y var(--proposal-turn,0deg);scale:.9;transform-origin:center;transition:rotate .5s ease,scale .5s ease,opacity .65s ease,mask-size .9s ease,filter .65s ease;box-shadow:12px 20px 30px #0008,inset 0 0 24px #80f97e0b,0 0 18px #9a01fd20}
#proposta .services article.proposal-front{scale:1;box-shadow:0 22px 35px #0009,0 0 25px #80f97e25,inset 0 0 24px #80f97e0b}
/* Scan luminoso recortado dentro da própria logo. */
.brand-reveal::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 42%,#80f97e70 47%,#fff 50%,#9a01fd90 53%,transparent 58%);background-size:100% 300%;mask-image:url('assets/forget-create-logo-transparent.webp');mask-size:100% 100%;mask-repeat:no-repeat;mix-blend-mode:screen;animation:brand-scan 6s ease-in-out infinite;filter:drop-shadow(0 0 6px #80f97e)}
@keyframes brand-scan{0%{background-position:0 100%;opacity:0}8%{opacity:1}35%{background-position:0 0;opacity:1}42%,100%{background-position:0 0;opacity:0}}
@media(prefers-reduced-motion:reduce){.brand-reveal::after{animation:none;display:none}#proposta .services article{rotate:none;scale:1;transition:none}}
/* Logo revelada pelo scan lento, sem fade. */
.brand-reveal{animation:none}
.brand-reveal img{clip-path:inset(0 0 100% 0);animation:brand-scan-reveal 9s linear forwards}
.brand-reveal::after{inset:0;mask:none;background:linear-gradient(90deg,transparent,#80f97e70 20%,#fff 50%,#9a01fd80 80%,transparent);background-size:100% 100%;height:2px;opacity:1;mix-blend-mode:screen;animation:brand-scan-line 9s linear forwards;filter:drop-shadow(0 0 5px #80f97e)}
@keyframes brand-scan-reveal{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes brand-scan-line{0%{top:0;visibility:visible}99.9%{top:100%;visibility:visible}100%{top:100%;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.brand-reveal img{animation:none;clip-path:none}.brand-reveal::after{display:none}}
/* Anotação do iluminador abaixo do vídeo. */
.afterwave-video .lighting-popup{margin:48px auto 18px}
.afterwave-video .lighting-arrow{top:-33px;bottom:auto}
/* Cover flow com perspectiva profunda, como o menu do Galaxy S3. */
#proposta .services[data-carousel="3d"]{display:block;position:relative;overflow:hidden;perspective:900px;padding:0;touch-action:pan-y}
#proposta .services[data-carousel="3d"] article{position:absolute;top:30px;left:50%;width:min(420px,62%);rotate:none;scale:1;transform-origin:center;transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .5s,mask-size .9s;backface-visibility:hidden}
#proposta .services[data-carousel="3d"] article[data-position=center]{transform:translateX(-50%) translateZ(0);opacity:1;z-index:3;animation:none;border-color:var(--green)}
#proposta .services[data-carousel="3d"] article[data-position=left]{transform:translateX(-140%) translateZ(-220px) rotateY(55deg);opacity:.55;z-index:1;animation:none}
#proposta .services[data-carousel="3d"] article[data-position=right]{transform:translateX(40%) translateZ(-220px) rotateY(-55deg);opacity:.55;z-index:1;animation:none}
#proposta .services[data-carousel="3d"] article[data-position=hidden]{transform:translateX(-50%) translateZ(-450px);opacity:0;visibility:hidden;pointer-events:none;animation:none}
.proposal-select{position:absolute;inset:0;z-index:5;background:transparent;border:0;width:100%;height:100%;cursor:pointer}.proposal-select[hidden]{display:none}
@media(max-width:620px){#proposta .services[data-carousel="3d"]{perspective:650px}#proposta .services[data-carousel="3d"] article{width:70%;padding:24px 18px}}
.afterwave-video .lighting-popup{margin:18px auto 34px}.afterwave-video .lighting-arrow{top:auto;bottom:-33px}

.hero-video-album{position:relative;width:100%;height:660px;perspective:1000px;overflow:hidden;touch-action:pan-y;align-self:center}
.hero-video-card{position:absolute;top:35px;left:50%;width:68%;max-width:340px;border:1px solid var(--green);border-radius:18px;overflow:hidden;background:#050706;box-shadow:0 25px 40px #0009,0 0 18px #80f97e20,0 0 32px #9a01fd20;transition:transform .65s ease,opacity .5s;backface-visibility:hidden}
.hero-video-card video{display:block;width:100%;height:560px;object-fit:contain;background:#000}
.hero-video-card[data-position=center]{transform:translateX(-50%);opacity:1;z-index:3}
.hero-video-card[data-position=left]{transform:translateX(-125%) translateZ(-180px) rotateY(48deg);opacity:.55;z-index:1}
.hero-video-card[data-position=right]{transform:translateX(25%) translateZ(-180px) rotateY(-48deg);opacity:.55;z-index:1}
.hero-video-select{position:absolute;inset:0;width:100%;height:100%;background:transparent;border:0;cursor:pointer}.hero-video-select[hidden]{display:none}
@media(max-width:620px){.hero-video-album{height:570px;perspective:750px}.hero-video-card video{height:490px}}
@media(prefers-reduced-motion:reduce){.hero-video-card{transition:none}}
/* Proporção original dos vídeos iniciais: 4:5. */
.hero-video-card video{height:auto;aspect-ratio:4/5;object-fit:contain}
.hero-video-album{height:510px}
@media(max-width:900px){.hero-video-album{height:420px}}
@media(max-width:620px){.hero-video-album{height:calc(68vw * 1.25 + 90px)}}
.vision-photo-album{position:relative;width:100%;height:600px;perspective:1000px;overflow:hidden;touch-action:pan-y}
#visao .vision-photo-card{position:absolute;top:30px;left:50%;width:68%;max-width:340px;margin:0;border:1px solid var(--green);border-radius:16px;overflow:hidden;box-shadow:0 24px 35px #0009,0 0 20px #80f97e20,0 0 35px #9a01fd20;transition:transform .65s ease,opacity .5s;backface-visibility:hidden}
.vision-photo-card img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}
.vision-photo-card[data-position=center]{transform:translateX(-50%);opacity:1;z-index:3}
.vision-photo-card[data-position=left]{transform:translateX(-125%) translateZ(-180px) rotateY(48deg);opacity:.55;z-index:1}
.vision-photo-card[data-position=right]{transform:translateX(25%) translateZ(-180px) rotateY(-48deg);opacity:.55;z-index:1}
.vision-photo-card[data-position=hidden]{transform:translateX(-50%) translateZ(-400px);opacity:0;visibility:hidden;pointer-events:none}
.vision-photo-select{position:absolute;inset:0;background:transparent;border:0;width:100%;height:100%;cursor:pointer}.vision-photo-select[hidden]{display:none}
@media(max-width:900px){.vision-photo-album{height:480px}}
@media(max-width:620px){.vision-photo-album{height:calc(68vw * 1.5 + 70px);perspective:750px}}
@media(prefers-reduced-motion:reduce){#visao .vision-photo-card{transition:none}}
/* Espaço suficiente para mostrar os cards completos. */
.hero-video-album,.vision-photo-album{overflow:visible;clip-path:inset(-50px -10px -50px -10px)}
.hero-video-album{height:520px}
.vision-photo-album{height:620px}
.hero-video-card[data-position=left],.vision-photo-card[data-position=left]{transform:translateX(-100%) translateZ(-220px) rotateY(48deg)}
.hero-video-card[data-position=right],.vision-photo-card[data-position=right]{transform:translateX(0%) translateZ(-220px) rotateY(-48deg)}
@media(max-width:900px){.hero-video-album{height:calc(min(340px,68vw) * 1.25 + 100px)}.vision-photo-album{height:calc(min(340px,68vw) * 1.5 + 100px)}}
@media(max-width:620px){.hero-video-album{height:calc((100vw - 40px) * .68 * 1.25 + 100px)}.vision-photo-album{height:calc((100vw - 40px) * .68 * 1.5 + 100px)}}
/* Cilindro holográfico: seis faces giram em um único eixo. */
#proposta .services[data-carousel=cylinder]{display:block;position:relative;perspective:1100px;overflow:hidden;padding:0;touch-action:pan-y;--ring-angle:0deg}
.proposal-cylinder{position:absolute;inset:0;transform-style:preserve-3d;transform:translateZ(calc(-1 * var(--cylinder-radius))) rotateY(var(--ring-angle));transition:transform .85s cubic-bezier(.22,.7,.2,1)}
#proposta .services[data-carousel=cylinder] article{position:absolute;top:35px;left:50%;width:var(--face-width);margin-left:calc(var(--face-width) / -2);rotate:none;scale:1;transform:rotateY(var(--face-angle)) translateZ(var(--cylinder-radius));animation:none;backface-visibility:hidden;opacity:.65;transition:opacity .6s,mask-size .9s;box-shadow:0 20px 35px #0008,0 0 24px #9a01fd25;min-height:270px}
#proposta .services[data-carousel=cylinder] article.cylinder-front{opacity:1;border-color:var(--green);box-shadow:0 20px 35px #0009,0 0 28px #80f97e30}
#proposta .services[data-carousel=cylinder] article.projection-waiting{opacity:0}
@media(max-width:620px){#proposta .services[data-carousel=cylinder]{perspective:800px}#proposta .services[data-carousel=cylinder] article{padding:24px 16px}}
@media(prefers-reduced-motion:reduce){.proposal-cylinder{transition:none}}
/* Revelação com fade e scan contínuo suave após a entrada. */
.brand-reveal img{animation:brand-logo-reveal 6.5s ease-out forwards}
.brand-reveal::after{inset:0;height:auto;mask-image:url('assets/forget-create-logo-transparent.webp');mask-size:100% 100%;mask-repeat:no-repeat;background:linear-gradient(180deg,transparent 43%,#80f97e65 48%,#fff9 50%,#9a01fd70 52%,transparent 57%);background-size:100% 300%;opacity:.8;animation:brand-scan-persistent 12s linear 6.5s infinite both}
@keyframes brand-logo-reveal{0%{opacity:0;clip-path:inset(0 0 100% 0);filter:blur(3px)}20%{opacity:.65}100%{opacity:1;clip-path:inset(0);filter:blur(0)}}
@keyframes brand-scan-persistent{0%{background-position:0 100%;opacity:.15;visibility:visible}15%{opacity:.75}85%{opacity:.75}100%{background-position:0 0;opacity:.15;visibility:visible}}
@media(prefers-reduced-motion:reduce){.brand-reveal img{animation:none;opacity:1;clip-path:none;filter:none}.brand-reveal::after{display:none}}
/* Scan mais luminoso, com halo sobre as letras. */
.brand-reveal::after{background:linear-gradient(180deg,transparent 36%,#80f97e30 43%,#80f97ed9 48%,#fff 50%,#e5ffe8 51%,#9a01fddd 53%,#9a01fd30 59%,transparent 65%);background-size:100% 300%;filter:brightness(1.7) drop-shadow(0 0 5px #fff) drop-shadow(0 0 12px #80f97e) drop-shadow(0 0 22px #9a01fd);mix-blend-mode:screen}
@keyframes brand-scan-persistent{0%{background-position:0 100%;opacity:.3;visibility:visible}15%{opacity:1}85%{opacity:1}100%{background-position:0 0;opacity:.3;visibility:visible}}
/* Traço que acompanha a revelação inicial da logo. */
.brand-reveal::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent,#80f97e 20%,#fff 50%,#9a01fd 80%,transparent);box-shadow:0 0 6px #fff8,0 0 14px #80f97e70;animation:brand-reveal-trace 6.5s ease-out forwards}
@keyframes brand-reveal-trace{0%{top:0;opacity:0;visibility:visible}20%{opacity:.85}99.9%{top:100%;opacity:.85;visibility:visible}100%{top:100%;opacity:0;visibility:hidden}}
.brand-reveal::after{background:linear-gradient(180deg,transparent 43%,#80f97e65 48%,#fff9 50%,#9a01fd70 52%,transparent 57%);background-size:100% 300%;filter:drop-shadow(0 0 5px #80f97e);mix-blend-mode:screen}
@keyframes brand-scan-persistent{0%{background-position:0 100%;opacity:.15;visibility:visible}15%{opacity:.75}85%{opacity:.75}100%{background-position:0 0;opacity:.15;visibility:visible}}
@media(prefers-reduced-motion:reduce){.brand-reveal::before{display:none}}
/* Textura de scanner nos cards do cilindro holográfico. */
#proposta .services[data-carousel=cylinder] article{background:repeating-linear-gradient(0deg,transparent 0 3px,#80f97e09 3px 4px),linear-gradient(135deg,#80f97e0b,transparent 55%,#9a01fd12),#070c09ed}
#proposta .services[data-carousel=cylinder] article::before,#proposta .services[data-carousel=cylinder] article.projection-reveal::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:0;pointer-events:none;background:linear-gradient(180deg,transparent 40%,#80f97e05 45%,#80f97e28 49%,#fff3 50%,#9a01fd16 52%,transparent 60%);background-size:100% 300%;opacity:.6;animation:proposal-scanner-texture 9s linear infinite}
#proposta .services[data-carousel=cylinder] article:nth-child(2n)::before{animation-delay:-3s}
#proposta .services[data-carousel=cylinder] article:nth-child(3n)::before{animation-delay:-6s}
#proposta .services[data-carousel=cylinder] article>.index,#proposta .services[data-carousel=cylinder] article>h3,#proposta .services[data-carousel=cylinder] article>p{position:relative;z-index:1}
@keyframes proposal-scanner-texture{from{background-position:0 100%}to{background-position:0 0}}
@media(prefers-reduced-motion:reduce){#proposta .services[data-carousel=cylinder] article::before{animation:none!important;opacity:.25}}
.vision-photo-card img{aspect-ratio:auto;height:auto}

/* Estética e visão acima do álbum, com projeção holográfica. */
#visao{display:flex;flex-direction:column;gap:30px;align-items:center}
#visao>div:first-child{width:100%;text-align:center}
#visao .vision-item{max-width:820px;margin:28px auto 0;padding:0;border:0}
#visao .vision-photo-album{width:min(100%,680px);height:620px}
#visao .vision-photo-card{transition:transform .65s ease,opacity .6s,mask-size 1.3s ease;mask-image:linear-gradient(#000,#000);mask-repeat:no-repeat;mask-position:top;mask-size:100% 100%}
#visao .photo-project-hidden .vision-photo-card{mask-size:100% 0%;opacity:0}
#visao .photo-project-reveal .vision-photo-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 40%,#80f97e50 48%,#fff8 50%,#9a01fd45 52%,transparent 60%);background-size:100% 300%;animation:photo-hologram-scan 1.3s ease-out forwards}
@keyframes photo-hologram-scan{0%{background-position:0 100%;opacity:0}15%{opacity:1}85%{opacity:.8}100%{background-position:0 0;opacity:0}}
@media(max-width:620px){#visao .vision-photo-album{height:calc((100vw - 40px) * .68 * 1.5 + 100px)}}
@media(prefers-reduced-motion:reduce){#visao .vision-photo-card{mask-size:100% 100%!important}#visao .photo-project-reveal .vision-photo-card::after{display:none}}
/* Booking centralizado com os mesmos ícones e halo das redes. */
#booking .wrap{text-align:center}
#booking .eyebrow,#booking h2,#booking h2 span{color:#fff;text-align:center}
#booking p:not(.eyebrow){margin-left:auto;margin-right:auto}
#booking .actions{justify-content:center;gap:42px;margin-top:38px}
#booking .actions .platform-link{flex:0 0 auto;min-width:90px;gap:14px}
#booking .email{margin-top:30px}
/* Neon mais discreto nos títulos. */
h1,h1 span,h2,h2 span,#proposta .section-top h2,#proposta .section-top h2 span,#lancamentos .section-top h2,#lancamentos .section-top h2 span,#visao h2,#visao h2 span,#videos>h2,#videos>h2 span,#digital>h2,#digital>h2 span,#booking h2,#booking h2 span{ text-shadow:0 0 4px #ffffff40,0 0 12px #ffffff20!important }
#proposta .eyebrow,#lancamentos .eyebrow,#visao .eyebrow,#videos>.eyebrow,#digital>.eyebrow,#materiais>.eyebrow,#booking .eyebrow{text-shadow:none!important}
#booking .actions{align-items:flex-start}
/* Composição de Estética & Visão: fotos à esquerda no desktop. */
@media(min-width:901px){#visao{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}#visao>.vision-photo-album{grid-column:1;grid-row:1;width:100%}#visao>div:first-child{grid-column:2;grid-row:1}#visao .vision-item{max-width:520px}}
.hero-title-justified{width:100%;max-width:580px}
.hero-title-justified .hero-title-line{display:block;text-align:justify;text-align-last:justify;color:var(--white)}
.hero-title-justified .hero-title-green{color:var(--green)}
.hero-title-justified{margin-left:auto;margin-right:auto}.hero-title-justified .hero-title-line{text-align:center;text-align-last:center}

/* Takes iniciais mais claros, com contraste suave. */
.hero-video-card video{filter:brightness(1.22) contrast(.88)}

/* Título em duas linhas proporcionais ao espaço disponível. */
.hero-copy{container-type:inline-size}
.hero-title-justified{font-size:clamp(1.6rem,9cqw,4.8rem);line-height:1.08;letter-spacing:-.025em}
.hero-title-justified .hero-title-line{white-space:nowrap;text-align:center;text-align-last:center}
.afterwave-control-gate{position:absolute;inset:0;z-index:2;border:0;background:transparent;width:100%;height:100%;cursor:pointer}.afterwave-control-gate:focus-visible{outline:2px solid var(--green);outline-offset:4px}

.support-album{container-type:inline-size}
#album-title{white-space:nowrap;font-size:clamp(1.25rem,7.6cqw,5.5rem);text-align:center;line-height:1.12}
/* Halo do Afterwave aplicado aos cards do site. */
.hero-video-card,#visao .vision-photo-card,.releases[data-carousel=true] .release,#proposta .services[data-carousel=cylinder] article,#proposta .services[data-carousel=cylinder] article.cylinder-front,.album-card,.album-card .hologram-face{box-shadow:0 24px 35px -18px #000c,0 0 12px #80f97e25,0 0 28px #80f97e18,0 0 44px #9a01fd20}
/* Remoção dos pequenos traços decorativos entre as seções. */
.section::before{display:none}

/* Ritmo mais compacto entre seções e conteúdos. */
.section{padding-top:64px;padding-bottom:16px}
.eyebrow{margin-bottom:16px}
.support-intro{margin-bottom:28px}
#visao{gap:24px}
#visao .vision-item{margin-top:22px}
.video-grid{margin-top:28px}
.resource-list,.socials{margin-top:28px}
.booking{margin-top:64px;padding-top:56px;padding-bottom:56px}
@media(max-width:620px){.section{padding-top:40px;padding-bottom:12px}.support-intro{margin-bottom:24px}.booking{margin-top:40px;padding-top:40px;padding-bottom:40px}.releases[data-carousel=true]{margin-top:28px}}
/* Parágrafos justificados; títulos e rótulos preservam seu alinhamento. */
.hero .lead,.hero-note,#proposta .intro,#proposta .services article>p,.releases .release>p:not(.eyebrow),.vision-item p,.support-intro p,#booking .wrap>p:not(.eyebrow):not(.location),.lighting-popup p,.support-location-pop p,.genre-definition{text-align:justify;text-align-last:auto;hyphens:auto}
.header-logo{display:block;position:relative;width:220px;height:30px;overflow:hidden;mix-blend-mode:screen}
.header-logo img{position:absolute;top:50%;left:0;width:100%;max-width:none;transform:translateY(-50%)}
@media(max-width:620px){.header-logo{width:190px;height:27px}}
.section-navigation{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:32px;padding:14px 24px;background:#050706ed;backdrop-filter:blur(12px);border-bottom:1px solid #80f97e25}
.section-navigation nav{display:flex;gap:28px;width:auto}.section-navigation nav a{font-size:.875rem;white-space:nowrap}.section-navigation nav a[aria-current]{color:var(--green)}
.section-selector{display:flex;align-items:center;gap:10px;font-size:.8125rem;color:var(--muted)}.section-selector select{font:inherit;color:var(--white);background:#0b100d;border:1px solid var(--purple);padding:9px 12px;border-radius:8px;max-width:100%}
@media(max-width:620px){.section-navigation{padding:12px 20px}.section-navigation nav{display:none}.section-selector{width:100%;justify-content:space-between}.section-selector select{flex:1;max-width:230px}html{scroll-padding-top:76px}}
/* Initial videos above the headline. */
#inicio.hero{grid-template-columns:minmax(0,1fr);gap:24px;justify-items:center}
#inicio .hero-brand{width:min(100%,640px)}
#inicio .hero-video-album{width:min(100%,720px);margin-inline:auto}
#inicio .hero-copy{width:min(100%,720px);padding-top:0;text-align:center}
#inicio .lead{max-width:620px;margin-inline:auto}
#inicio .hero-note{max-width:620px;margin-inline:auto}
/* Hero projection and diagonal logo scan. */
.hero-video-album.hero-project-pending{visibility:hidden}
.hero-video-album.hero-project-reveal{animation:hero-project-down 1.6s ease-out both}
.hero-project-reveal .hero-video-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 43%,#80f97e66 48%,#fff9 50%,#9a01fd55 52%,transparent 57%);background-size:100% 300%;animation:photo-hologram-scan 1.6s ease-out forwards}
@keyframes hero-project-down{0%{clip-path:inset(-50px -10px 100% -10px);filter:brightness(1.6)}100%{clip-path:inset(-50px -10px -50px -10px);filter:brightness(1)}}
.brand-reveal img{animation:brand-diagonal-reveal 5.5s ease-out forwards}
@keyframes brand-diagonal-reveal{0%{opacity:0;clip-path:polygon(0 0,0 0,0 0);filter:blur(3px)}20%{opacity:.65}100%{opacity:1;clip-path:polygon(0 0,200% 0,0 200%);filter:blur(0)}}
.brand-reveal::before{inset:0;height:auto;box-shadow:none;background:linear-gradient(135deg,transparent 48.8%,#80f97e 49.5%,#fff 50%,#9a01fd 50.5%,transparent 51.2%);background-size:300% 300%;filter:drop-shadow(0 0 6px #80f97e);animation:brand-diagonal-trace 5.5s ease-out forwards}
@keyframes brand-diagonal-trace{0%{background-position:100% 100%;opacity:0;visibility:visible}20%{opacity:.85}99.9%{background-position:0 0;opacity:.85;visibility:visible}100%{background-position:0 0;opacity:0;visibility:hidden}}
.brand-reveal::after{background:linear-gradient(135deg,transparent 47%,#80f97e65 49%,#fff9 50%,#9a01fd70 51%,transparent 53%);background-size:300% 300%;animation:brand-diagonal-persistent 12s linear 5.5s infinite both}
@keyframes brand-diagonal-persistent{0%{background-position:100% 100%;opacity:.15;visibility:visible}15%,85%{opacity:.75}100%{background-position:0 0;opacity:.15;visibility:visible}}
@media(prefers-reduced-motion:reduce){.brand-reveal img{animation:none;opacity:1;clip-path:none;filter:none}.brand-reveal::before,.brand-reveal::after,.hero-project-reveal .hero-video-card::after{display:none}.hero-video-album.hero-project-reveal{animation:none}}
/* Keep the diagonal scan inside the logo lettering. */
.brand-reveal::before{display:none}
.brand-reveal::after{mask-image:url('assets/forget-create-logo-transparent.webp');mask-size:100% 100%;mask-repeat:no-repeat;background:linear-gradient(135deg,transparent 49.4%,#80f97e80 49.8%,#fffc 50%,#9a01fd80 50.2%,transparent 50.6%);background-size:300% 300%;filter:none;animation:brand-letter-scan 5.5s ease-out 0s 1,brand-diagonal-persistent 12s linear 5.5s infinite}
@keyframes brand-letter-scan{0%{background-position:100% 100%;opacity:0;visibility:visible}20%,85%{opacity:.8}100%{background-position:0 0;opacity:.15;visibility:visible}}
@media(prefers-reduced-motion:reduce){.brand-reveal::after{display:none}}
/* Logo entry scan one second faster. */
.brand-reveal img{animation-duration:4.5s}
.brand-reveal::after{animation:brand-letter-scan 4.5s ease-out 0s 1,brand-diagonal-persistent 12s linear 4.5s infinite}
@media(prefers-reduced-motion:reduce){.brand-reveal img,.brand-reveal::after{animation:none}}
/* Soft diagonal reveal at the moving letter edges. */
@property --logo-scan-position{syntax:'<percentage>';inherits:false;initial-value:-15%}
.brand-reveal img{clip-path:none;mask-image:linear-gradient(135deg,#000 calc(var(--logo-scan-position) - 12%),transparent calc(var(--logo-scan-position) + 12%));animation:brand-soft-letter-reveal 4.5s ease-out forwards}
@keyframes brand-soft-letter-reveal{0%{--logo-scan-position:-15%;opacity:0;filter:blur(2px)}20%{opacity:.65}100%{--logo-scan-position:115%;opacity:1;filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.brand-reveal img{animation:none;mask-image:none;opacity:1;filter:none}}
footer .wordmark{display:block;width:190px;line-height:0}
footer .wordmark img{width:100%;height:auto;mix-blend-mode:screen}
/* Crop empty margins around the footer logo without changing the original. */
footer .wordmark{position:relative;width:190px;aspect-ratio:2808/326;overflow:hidden}
footer .wordmark img{position:absolute;max-width:none;width:106.8376%;height:auto;left:-3.6681%;top:-120.2454%}
/* Center the closing logo and tagline on all screens. */
footer.wrap{flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:14px}
.hero-video-card[data-position=hidden]{visibility:hidden;opacity:0;pointer-events:none;transform:translateX(-50%) translateZ(-400px)}
.hero-lighting-popup{display:flex;align-items:center;gap:12px;width:min(100%,380px);padding:10px 16px;border:1px solid var(--green);border-radius:32px;background:#061008e8;box-shadow:0 0 10px #80f97e30,0 0 24px #80f97e20,0 0 38px #9a01fd18;animation:lighting-appear .7s ease-out both}
.hero-lighting-popup img{width:58px;height:58px;flex:0 0 58px;border-radius:50%;object-fit:cover;border:2px solid var(--purple)}
.hero-lighting-popup p{font-size:.875rem;line-height:1.45}
.hero-lighting-popup[hidden]{display:none}
/* Floating logo depth, independent of the letter scan animation. */
#inicio .hero-brand{perspective:900px;display:flex;justify-content:center}
#inicio .hero-brand .brand-reveal{transform-style:preserve-3d;animation:hero-logo-float 7s ease-in-out infinite;will-change:transform;filter:drop-shadow(0 14px 9px #0008) drop-shadow(0 0 10px #80f97e18)}
@keyframes hero-logo-float{0%,100%{transform:translateY(0) rotateX(7deg) rotateY(-8deg)}50%{transform:translateY(-10px) rotateX(-5deg) rotateY(8deg)}}
.hero-lighting-popup{position:relative;margin-top:12px}
.hero-lighting-connector{position:absolute;left:50%;bottom:calc(100% + 1px);height:38px;width:2px;background:linear-gradient(180deg,#80f97e00,#80f97e);box-shadow:0 0 8px #80f97e55;pointer-events:none}
.hero-lighting-connector::after{content:"";position:absolute;bottom:0;left:-4px;width:8px;height:8px;border-right:2px solid var(--green);border-bottom:2px solid var(--green);transform:rotate(45deg)}
@media(prefers-reduced-motion:reduce){#inicio .hero-brand .brand-reveal{animation:none;transform:none}}
/* Justified headings, including their final lines. */
#conteudo h1,#conteudo h2,#conteudo h3,#conteudo .hero-title-justified .hero-title-line{text-align:justify!important;text-align-last:justify!important}
/* Prevent forced spacing on short heading lines. */
#conteudo h1,#conteudo h2,#conteudo h3,#conteudo .hero-title-justified .hero-title-line{text-align:justify!important;text-align-last:left!important;word-spacing:normal}
/* Align the artistic identity section label with its heading. */
#visao .eyebrow{text-align:left!important;margin-left:0;margin-right:0}
/* Small heading arrows guide the eye toward each section's content. */
#conteudo h2 .heading-content-arrow{display:block;position:relative;width:2px;height:24px;margin:16px 0 6px 12px;background:linear-gradient(180deg,#80f97e55,var(--green));box-shadow:0 0 6px #80f97e30;line-height:0}
#conteudo h2 .heading-content-arrow::after{content:"";position:absolute;bottom:0;left:-4px;width:8px;height:8px;border-right:2px solid var(--green);border-bottom:2px solid var(--green);transform:rotate(45deg)}
#conteudo section{position:relative}
#conteudo h2 .heading-content-arrow{display:none}
.title-card-wires{position:absolute;top:0;left:0;overflow:visible;pointer-events:none;z-index:4}
.title-card-wires path{fill:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;opacity:.35;vector-effect:non-scaling-stroke}
.title-card-wires .wire-green{stroke:var(--green)}
.title-card-wires .wire-purple{stroke:var(--purple);opacity:.45}
.title-card-wires .wire-scan{stroke:#d4ffe5;stroke-width:1.6;opacity:.8;stroke-dasharray:7 93;filter:drop-shadow(0 0 3px #80f97e);animation:wire-scanner-flow 7s linear infinite}
@keyframes wire-scanner-flow{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.title-card-wires .wire-scan{display:none}}
/* Gentle text scan as each passage enters the viewport. */
@property --text-scan-edge{syntax:'<percentage>';inherits:false;initial-value:-12%}
.text-scan-pending{opacity:0}
.text-scan-arrive{animation:text-scroll-scan 1.1s ease-out both;mask-image:linear-gradient(180deg,#000 calc(var(--text-scan-edge) - 10%),transparent calc(var(--text-scan-edge) + 10%))}
@keyframes text-scroll-scan{0%{--text-scan-edge:-12%;opacity:.15}30%{opacity:.8}100%{--text-scan-edge:112%;opacity:1}}
@media(prefers-reduced-motion:reduce){.text-scan-pending{opacity:1}.text-scan-arrive{animation:none;mask-image:none}}
.title-card-wires{transition:opacity .45s ease}
.title-card-wires path:not(.wire-scan){transition:stroke-dasharray .6s ease-out}
@media(prefers-reduced-motion:reduce){.title-card-wires,.title-card-wires path{transition:none}}
/* Keep text visible after the reveal, including browsers without property animation support. */
.text-scan-pending{opacity:1}
.text-scan-arrive{mask-image:none;animation:text-scroll-scan-safe 1.1s ease-out backwards}
@keyframes text-scroll-scan-safe{0%{opacity:.15;clip-path:inset(0 0 100% 0)}30%{opacity:.8}100%{opacity:1;clip-path:inset(0)}}
@media(prefers-reduced-motion:reduce){.text-scan-arrive{animation:none;clip-path:none}}
/* Reveal text slightly above the viewport's lower edge with soft depth. */
.text-scan-pending{opacity:.12;filter:blur(3px)}
.text-scan-arrive{filter:none;animation:text-edge-reveal 1.1s ease-out backwards;mask-image:none}
@keyframes text-edge-reveal{0%{opacity:.12;filter:blur(3px);clip-path:inset(0 0 100% 0)}45%{opacity:.8;filter:blur(1px)}100%{opacity:1;filter:blur(0);clip-path:inset(0)}}
@media(prefers-reduced-motion:reduce){.text-scan-pending{opacity:1;filter:none}.text-scan-arrive{animation:none;filter:none}}
.resource-list>a.wire-box-connected{animation:material-connection-glow 2s ease-out}
@keyframes material-connection-glow{0%,100%{box-shadow:none;background-color:transparent}20%,45%{box-shadow:0 0 12px #80f97e30,0 0 24px #9a01fd20,inset 0 0 18px #80f97e10;background-color:#80f97e09}75%{box-shadow:0 0 8px #80f97e15;background-color:#80f97e03}}
@media(prefers-reduced-motion:reduce){.resource-list>a.wire-box-connected{animation:none}}
.text-scan-arrive.text-scan-up{animation-name:text-edge-reveal-up}
@keyframes text-edge-reveal-up{0%{opacity:.12;filter:blur(3px);clip-path:inset(100% 0 0 0)}45%{opacity:.8;filter:blur(1px)}100%{opacity:1;filter:blur(0);clip-path:inset(0)}}
/* Text remains readable whenever a reveal is idle or interrupted. */
.text-scan-pending{opacity:1;filter:none}
.text-scan-arrive{opacity:1;filter:none;clip-path:none;animation-fill-mode:none}
/* One tall card frames the full scrolling page. */
body{padding:12px;background-color:#020403}
#conteudo{position:relative;width:100%;margin:0 auto;border:1px solid #80f97e45;border-radius:30px;background:linear-gradient(145deg,#07100b35,#08050b25);box-shadow:0 0 16px #80f97e14,0 0 40px #9a01fd12,inset 0 0 28px #80f97e06;isolation:isolate}
#conteudo::before{content:"";position:absolute;inset:7px;z-index:-1;border:1px solid #9a01fd20;border-radius:24px;pointer-events:none}
.section-navigation{border-radius:18px 18px 0 0;margin-bottom:10px}
@media(max-width:620px){body{padding:7px}#conteudo{border-radius:22px}#conteudo::before{inset:4px;border-radius:18px}.section-navigation{border-radius:14px 14px 0 0}.wrap{width:calc(100% - 32px)}}
/* Separate section frames retain the existing page background. */
body{padding:0;background-color:var(--bg)}
#conteudo{border:0;border-radius:0;background:none;box-shadow:none;isolation:auto}
#conteudo::before{display:none}
.section-navigation{border-radius:0;margin-bottom:0}
#conteudo>section{border:1px solid #80f97e28;border-radius:28px;background:transparent;box-shadow:0 0 16px #80f97e0a,0 0 30px #9a01fd0a;margin-top:24px;margin-bottom:24px;padding-left:28px;padding-right:28px}
#conteudo>section.booking{width:min(1240px,calc(100% - 96px));margin-left:auto;margin-right:auto;background:transparent}
@media(max-width:620px){#conteudo>section{border-radius:20px;padding-left:14px;padding-right:14px;margin-top:18px;margin-bottom:18px}.wrap{width:calc(100% - 40px)}#conteudo>section.booking{width:calc(100% - 40px)}#booking>.wrap{width:100%}}
/* Scroll through the faces of a large vertical cylinder. */
#conteudo{perspective:1800px;perspective-origin:50% 50%;overflow:clip}
#conteudo>section{transform:perspective(1800px) translateZ(var(--page-depth,0px)) rotateX(var(--page-turn,0deg));transform-origin:center center;border-radius:36px;border-color:#80f97e30;box-shadow:inset 0 20px 30px -30px #80f97e50,inset 0 -20px 30px -30px #9a01fd50,0 16px 35px -28px #000;backface-visibility:hidden}
@media(max-width:620px){#conteudo>section{border-radius:26px}}
@media(prefers-reduced-motion:reduce){#conteudo>section{transform:none}}
/* Keep cylinder faces separated without layered wall edges. */
#conteudo{perspective:none}
#conteudo>section{margin-top:48px;margin-bottom:48px;transform:perspective(2200px) translateZ(var(--page-depth,0px)) rotateX(var(--page-turn,0deg));box-shadow:0 12px 28px -25px #0008}
#conteudo>section::before{display:none}
@media(max-width:620px){#conteudo>section{margin-top:32px;margin-bottom:32px}}
/* Restore visible cylinder depth while keeping the faces apart. */
#conteudo>section{transform:perspective(1600px) translateZ(var(--page-depth,0px)) rotateX(var(--page-turn,0deg));margin-top:64px;margin-bottom:64px;box-shadow:inset 0 16px 24px -24px #80f97e35,inset 0 -16px 24px -24px #9a01fd35,0 18px 30px -28px #000a}
@media(max-width:620px){#conteudo>section{margin-top:44px;margin-bottom:44px}}
@media(prefers-reduced-motion:reduce){#conteudo>section{transform:none}}
/* Full vertical cylinder turn: each face rotates into and out of view. */
#conteudo>section{transform:perspective(1400px) translateZ(var(--page-depth,0px)) rotateX(var(--page-turn,0deg));transform-style:preserve-3d;margin-top:90px;margin-bottom:90px;will-change:transform}
@media(max-width:620px){#conteudo>section{margin-top:60px;margin-bottom:60px}}
@media(prefers-reduced-motion:reduce){#conteudo>section{transform:none;will-change:auto}}
/* Holographic projection on each vertical cylinder face. */
.cylinder-hologram-beam{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:5;opacity:0}
.cylinder-hologram-active .cylinder-hologram-beam{animation:cylinder-hologram-project 1.8s ease-out both}
.cylinder-hologram-beam::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 5px,#80f97e07 5px 6px);opacity:.35}
.cylinder-hologram-beam::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#80f97e12 48%,#d5ffe580 50%,#9a01fd18 52%,transparent 55%);background-size:100% 300%}
.cylinder-hologram-active .cylinder-hologram-beam::after{animation:cylinder-hologram-sweep 1.8s ease-out both}
@keyframes cylinder-hologram-project{0%{opacity:0}15%{opacity:.8}80%{opacity:.45}100%{opacity:.18}}
@keyframes cylinder-hologram-sweep{0%{background-position:0 100%;opacity:0}15%{opacity:.75}85%{opacity:.5}100%{background-position:0 0;opacity:0}}
@media(prefers-reduced-motion:reduce){.cylinder-hologram-beam{display:none}}
/* Consistent section labels align with the headings below. */
#conteudo section .eyebrow,#conteudo .section-top .eyebrow,#booking .eyebrow{text-align:left!important;margin-left:0!important;margin-right:0!important}
/* Subtle floating movement and beveled edges across the cards. */
.hero-video-card,.vision-photo-card,.release,.album-card,#proposta .services article,.video-grid>article,.resource-list>a{animation:card-gentle-float 6.5s ease-in-out infinite;border:1px solid #80f97e45;border-top-color:#b6ffc080;border-left-color:#80f97e65;border-right-color:#9a01fd60;border-bottom-color:#9a01fd80;box-shadow:inset 1px 1px 0 #ffffff20,inset -2px -2px 0 #9a01fd25,0 5px 0 -2px #161021,0 18px 28px -20px #000b,0 0 18px #80f97e15}
.hero-video-card:nth-child(2n),.vision-photo-card:nth-child(2n),.resource-list>a:nth-child(2n){animation-delay:-2s}
@keyframes card-gentle-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
.resource-list>a.wire-box-connected{animation:card-gentle-float 6.5s ease-in-out infinite,material-connection-glow 2s ease-out}
@media(prefers-reduced-motion:reduce){.hero-video-card,.vision-photo-card,.release,.album-card,#proposta .services article,.video-grid>article,.resource-list>a{animation:none;translate:none}}
/* Persistent holographic noise and glitch behind each vertical face. */
#conteudo>section{isolation:isolate}
.cylinder-hologram-beam,.cylinder-hologram-active .cylinder-hologram-beam{z-index:-1;opacity:.32;animation:none;background:repeating-linear-gradient(180deg,transparent 0 4px,#80f97e0b 4px 5px),radial-gradient(ellipse at 12% 20%,#80f97e0a,transparent 60%),radial-gradient(ellipse at 85% 75%,#9a01fd0d,transparent 65%)}
.cylinder-hologram-beam::before{inset:-8px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' opacity='.45' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.11;animation:hologram-background-noise .9s steps(2,end) infinite}
.cylinder-hologram-beam::after,.cylinder-hologram-active .cylinder-hologram-beam::after{background:linear-gradient(180deg,transparent 38%,#80f97e13 39%,transparent 40%,transparent 65%,#9a01fd12 66%,transparent 67%);background-size:100% 150%;opacity:.45;animation:hologram-background-glitch 9s linear infinite}
@keyframes hologram-background-noise{0%,100%{translate:0 0}25%{translate:3px -2px}50%{translate:-3px 2px}75%{translate:2px 3px}}
@keyframes hologram-background-glitch{0%,86%,100%{transform:translateX(0);background-position:0 0;opacity:.25}87%{transform:translateX(-3px);background-position:0 70%;opacity:.7}88%{transform:translateX(3px);background-position:0 30%;opacity:.45}90%{transform:translateX(0);background-position:0 100%;opacity:.3}}
@media(prefers-reduced-motion:reduce){.cylinder-hologram-beam{display:block}.cylinder-hologram-beam::before,.cylinder-hologram-beam::after{animation:none}}
/* Plain readable text; holographic card backgrounds remain active. */
.text-scan-pending,.text-scan-arrive,.text-scan-arrive.text-scan-up{animation:none!important;opacity:1!important;filter:none!important;mask-image:none!important;clip-path:none!important}
/* Brief VHS fade; text always settles sharp and readable. */
#conteudo .vhs-text-enter{animation:text-vhs-fade 1.2s ease-out}
@keyframes text-vhs-fade{0%{opacity:.25;filter:blur(1px);text-shadow:1px 0 #80f97e70,-1px 0 #9a01fd70}18%{opacity:.6;filter:blur(.5px)}24%{opacity:.5;text-shadow:-1px 0 #80f97e70,1px 0 #9a01fd70}35%{opacity:.8}42%{opacity:.7;filter:blur(.3px)}65%{opacity:.95;text-shadow:.5px 0 #80f97e30,-.5px 0 #9a01fd30}100%{opacity:1;filter:none;text-shadow:none}}
@media(prefers-reduced-motion:reduce){#conteudo .vhs-text-enter{animation:none}}
/* Leave room for the full release card inside its cylinder face. */
#conteudo{overflow:visible}
#lancamentos{padding-bottom:64px}
#lancamentos .releases[data-carousel=true]{overflow:visible;clip-path:none}
.title-card-wires{overflow:visible!important;max-height:none}
#visao,#lancamentos,#album{overflow:visible}
/* Compact the first cylinder face while keeping full video cards. */
#inicio.hero{gap:16px;padding-top:28px;padding-bottom:32px}
#inicio .hero-brand{width:min(100%,440px)}
#inicio .brand-reveal{width:min(100%,300px);margin-bottom:0}
#inicio .hero-video-album{width:min(100%,570px);height:410px}
#inicio .hero-video-card{width:66%;max-width:270px;top:22px}
#inicio .hero-copy{width:min(100%,640px)}
#inicio .hero-title-justified{font-size:clamp(1.6rem,7.5cqw,3.5rem)}
#inicio .lead{margin-top:18px;font-size:1rem}
#inicio .hero-note{margin-top:14px}
@media(max-width:620px){#inicio.hero{gap:12px;padding-top:22px;padding-bottom:26px}#inicio .brand-reveal{width:240px}#inicio .hero-video-album{height:calc(min(270px,66vw) * 1.25 + 55px)}#inicio .hero-title-justified{font-size:clamp(1.35rem,8.5cqw,2.6rem)}}
/* Smaller lighting popups. */
.hero-lighting-popup,.afterwave-video .lighting-popup{width:fit-content;max-width:min(100%,290px);padding:8px 12px;gap:8px;border-radius:24px}
.hero-lighting-popup img,.afterwave-video .lighting-popup img{width:40px;height:40px;flex-basis:40px}
.hero-lighting-popup p,.video-grid .lighting-popup p{font-size:.75rem;line-height:1.35;max-width:215px}
/* Keep mobile page scrolling vertical; carousel gestures remain local. */
html,body{max-width:100%;overflow-x:clip}
@media(max-width:620px){
 body{width:100%;touch-action:pan-y pinch-zoom}
 #conteudo{overflow-x:clip;max-width:100%}
 #conteudo>section{max-width:calc(100% - 40px);min-width:0}
 .hero-video-album,.vision-photo-album,.releases,.album-stage,#proposta .services{touch-action:pan-y pinch-zoom;min-width:0;max-width:100%}
}
/* Compact mobile faces and media without stretching their proportions. */
@media(max-width:620px){
 #inicio.hero,#lancamentos,#album{padding-top:26px;padding-bottom:28px;margin-top:30px;margin-bottom:30px}
 #inicio .hero-video-card{width:62%;max-width:210px}
 #inicio .hero-video-album{height:calc(min(210px,62vw) * 1.25 + 40px)}
 #inicio .brand-reveal{width:210px}
 #inicio .lead{font-size:.875rem;line-height:1.5;margin-top:12px}
 #inicio .hero-note{font-size:.75rem;margin-top:10px}
 #lancamentos .releases[data-carousel=true] .release{width:88%;padding:18px 16px}
 #lancamentos .release h3{font-size:2.1rem;min-height:0;margin-bottom:14px}
 #lancamentos .release>p:not(.eyebrow){font-size:.875rem;line-height:1.5;margin-bottom:14px}
 #lancamentos .release .eyebrow{font-size:.7rem;margin-bottom:12px}
 #lancamentos .soundcloud-wave{margin-top:16px}
 #lancamentos .soundcloud-wave iframe{height:200px}
 #lancamentos .release-platforms{margin-top:16px;min-height:64px;gap:8px}
 #lancamentos .release-platforms .platform-link{flex-basis:48px;font-size:.7rem}
 #lancamentos .platform-icon{width:42px;height:42px}
 #album .album-card{width:58%;max-width:210px}
 #album .album-stage{height:calc(min(210px,58vw) * 16 / 9 + 76px)}
 #album .album-card h3{font-size:.875rem;padding:8px 6px}
 #album .support-intro p{font-size:.875rem;line-height:1.5}
}
/* Readable proposal heading and copy on narrow screens. */
@media(max-width:620px){
 #proposta .section-top h2{font-size:clamp(1.8rem,8.5vw,2.6rem);line-height:1.15;overflow-wrap:normal;word-break:normal;text-align:left!important;text-align-last:left!important}
 #proposta .proposal-number{font-size:.7rem!important;vertical-align:middle;margin-right:8px}
 #proposta .intro{font-size:.9375rem;line-height:1.65;word-break:normal;overflow-wrap:break-word;margin-top:18px}
 #proposta .services article h3{font-size:1.125rem;line-height:1.3;word-break:normal;text-align:left!important;text-align-last:left!important}
 #proposta .services article p{font-size:.875rem;line-height:1.55;text-align:left;hyphens:none}
}
/* Fit media cards comfortably inside smaller phone viewports. */
@media(max-width:620px){
 #inicio .hero-video-card{width:60%;max-width:min(210px,28svh)}
 #inicio .hero-video-album{height:calc(min(210px,28svh,60vw) * 1.25 + 44px)}
 #visao .vision-photo-card{width:60%;max-width:min(240px,31svh)}
 #visao .vision-photo-album{height:calc(min(240px,31svh,60vw) * 1.5 + 68px)}
 #album .album-card{width:56%;max-width:min(210px,27svh)}
 #album .album-stage{height:calc(min(210px,27svh,56vw) * 16 / 9 + 76px)}
 .afterwave-video .video-player{max-width:100%;width:100%;aspect-ratio:16/9}
 .afterwave-video iframe{width:100%;height:100%}
}
/* Extra compact lighting popups in both video sections. */
.hero-lighting-popup,.afterwave-video .lighting-popup{max-width:min(100%,235px);padding:6px 9px;gap:7px;border-radius:20px}
.hero-lighting-popup img,.afterwave-video .lighting-popup img{width:32px;height:32px;flex-basis:32px}
.hero-lighting-popup p,.video-grid .lighting-popup p{font-size:.6875rem;line-height:1.3;max-width:175px}
/* Slightly larger opening video cards. */
#inicio .hero-video-card{max-width:290px}
#inicio .hero-video-album{height:435px}
@media(max-width:620px){#inicio .hero-video-card{width:64%;max-width:min(230px,31svh)}#inicio .hero-video-album{height:calc(min(230px,31svh,64vw) * 1.25 + 44px)}}
@media(max-width:620px){
 .cylinder-hologram-beam::before{animation:none}
 #conteudo>section{will-change:auto}
 .title-card-wires .wire-scan{filter:none}
 .section-navigation{backdrop-filter:none}
}
/* Exact footer centering. */
footer.wrap{width:100%;padding-left:20px;padding-right:20px;align-items:center;justify-content:center;text-align:center}
footer .wordmark{margin-inline:auto}
footer p{width:100%;text-align:center;letter-spacing:.06em}
.card-border-energy{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5;overflow:visible}
.card-border-energy rect{fill:none;stroke:#b4ffca;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:6 94;opacity:0;vector-effect:non-scaling-stroke;animation:border-energy-clockwise 5s linear infinite}
.card-border-energy rect+rect{stroke:#c890ff;animation-name:border-energy-counterclockwise}
@keyframes border-energy-clockwise{0%{stroke-dashoffset:0;opacity:0}8%,82%{opacity:.85}90%{stroke-dashoffset:-50;opacity:0}100%{stroke-dashoffset:-50;opacity:0}}
@keyframes border-energy-counterclockwise{0%{stroke-dashoffset:0;opacity:0}8%,82%{opacity:.85}90%{stroke-dashoffset:50;opacity:0}100%{stroke-dashoffset:50;opacity:0}}
@media(prefers-reduced-motion:reduce){.card-border-energy{display:none}}
/* Cheaper mobile hologram texture and paused effects outside view. */
@media(max-width:620px){.cylinder-hologram-beam::before{background-image:repeating-linear-gradient(115deg,#80f97e07 0 1px,transparent 1px 5px);filter:none}.hero-brand .brand-reveal{will-change:auto!important}}
#conteudo>section:not(.cylinder-hologram-active) .cylinder-hologram-beam::before,#conteudo>section:not(.cylinder-hologram-active) .cylinder-hologram-beam::after{animation-play-state:paused}
/* Bring the initial lighting popup closer to the video. */
#inicio .hero-lighting-popup{margin-top:-20px}
#inicio .hero-lighting-connector{height:18px}
@media(max-width:620px){#inicio .hero-lighting-popup{margin-top:-14px}}
/* Run expensive animations only on visible faces. */
#conteudo>section:not(.section-effects-awake) *,#conteudo>section:not(.section-effects-awake) *::before,#conteudo>section:not(.section-effects-awake) *::after{animation-play-state:paused!important}
#proposta .services article:not(.cylinder-front),#proposta .services article:not(.cylinder-front)::before,#proposta .services article:not(.cylinder-front) h3{animation-play-state:paused!important}
#proposta .services article[aria-hidden=true]{visibility:hidden}
@media(max-width:620px){#proposta .services article::before{background:repeating-linear-gradient(0deg,transparent 0 4px,#80f97e0b 4px 5px);animation:none!important;filter:none}#proposta .services article h3{animation:none!important}}
/* Small lighting bubble with a quick popup entrance. */
.hero-lighting-popup,.afterwave-video .lighting-popup{width:fit-content;max-width:min(100%,180px);padding:5px 7px;gap:6px;border-radius:16px;animation:lighting-bubble-pop .45s cubic-bezier(.18,.85,.3,1.2) both;transform-origin:top center}
.hero-lighting-popup img,.afterwave-video .lighting-popup img{width:26px;height:26px;flex-basis:26px;border-width:1px}
.hero-lighting-popup p,.video-grid .lighting-popup p{font-size:.625rem;line-height:1.25;max-width:130px}
@keyframes lighting-bubble-pop{0%{opacity:0;transform:translateY(-6px) scale(.75)}65%{opacity:1;transform:translateY(0) scale(1.04)}100%{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.hero-lighting-popup,.afterwave-video .lighting-popup{animation:none}}
/* One restrained pulse travels through the three wires in sequence. */
.title-card-wires .wire-scan{opacity:0;stroke:#a5eeb7;stroke-width:1.1;filter:none;animation:single-wire-pulse 15s linear infinite}
@keyframes single-wire-pulse{0%{stroke-dashoffset:100;opacity:0}2%{opacity:.45}30%{stroke-dashoffset:0;opacity:.45}33%,100%{stroke-dashoffset:0;opacity:0}}
.card-border-energy rect{stroke-width:1;animation-duration:8s}
.card-border-energy rect+rect{display:none}
/* Compact readable proposal layout on phones. */
@media(max-width:620px){
 #proposta{padding-top:28px;padding-bottom:24px;margin-block:30px}
 #proposta .intro{text-align:left;text-align-last:left;hyphens:none;-webkit-hyphens:none;overflow-wrap:normal;word-break:normal;line-height:1.5;font-size:.875rem;margin-top:18px}
 #proposta .services[data-carousel=cylinder]{margin-top:22px}
 #proposta .services[data-carousel=cylinder] article{min-height:0;top:18px;padding:18px 14px}
 #proposta .services article h3{font-size:1.05rem;margin:9px 0}
 #proposta .services article p{font-size:.8125rem;line-height:1.45}
 #proposta .proposal-controls{margin-top:2px;gap:14px}
 #proposta .proposal-controls button{width:36px;height:36px;font-size:1.1rem}
}
.title-card-wires .wire-scan{animation-duration:10s}
.title-card-wires path:not(.wire-scan){opacity:.28}
@keyframes single-wire-pulse{0%{stroke-dashoffset:100;opacity:0}3%{opacity:.4}46%{stroke-dashoffset:0;opacity:.4}50%,100%{stroke-dashoffset:0;opacity:0}}
/* Uniform compact music and support faces. */
#lancamentos,#album{padding-top:32px;padding-bottom:30px}
#lancamentos .releases[data-carousel=true]{margin-top:20px}
#lancamentos .release{padding:24px;width:min(440px,75%)}
#lancamentos .release h3{font-size:2.5rem;min-height:0;margin-bottom:16px}
#lancamentos .release>p:not(.eyebrow){font-size:.9375rem;line-height:1.5;margin-bottom:16px}
#lancamentos .release .eyebrow{margin-bottom:14px}
#lancamentos .soundcloud-wave iframe{height:200px}
#lancamentos .soundcloud-wave{margin-top:16px}
#lancamentos .release-platforms{margin-top:16px;min-height:64px}
#album .album-card{width:min(250px,55%)}
#album .album-stage{height:530px}
#album .support-intro{margin-bottom:18px}
#album .support-intro p{font-size:.9375rem;line-height:1.5}
#album .support-intro h3{font-size:1.5rem;margin-bottom:10px}
@media(max-width:620px){
 #lancamentos,#album{padding-top:24px;padding-bottom:24px}
 #lancamentos .releases[data-carousel=true] .release{padding:16px 14px;width:88%}
 #lancamentos .release h3{font-size:1.9rem}
 #lancamentos .release>p:not(.eyebrow){font-size:.8125rem;line-height:1.45;margin-bottom:12px}
 #lancamentos .soundcloud-wave iframe{height:170px}
 #album .album-card{width:54%;max-width:min(190px,25svh)}
 #album .album-stage{height:calc(min(190px,25svh,54vw) * 16 / 9 + 68px)}
 #album .support-intro{padding-left:14px;margin-bottom:16px}
 #album .support-intro p{font-size:.8125rem;line-height:1.45}
}
/* Responsive proportions and green media outlines. */
.hero-video-card,.vision-photo-card,.releases .release,.album-card{border-color:#80f97e65!important;border-top-color:#b6ffc080!important;border-bottom-color:#80f97e45!important;box-shadow:inset 1px 1px 0 #ffffff16,inset -1px -1px 0 #80f97e20,0 5px 0 -2px #0d2113,0 18px 28px -20px #000b,0 0 16px #80f97e14!important}
.title-card-wires .wire-purple,.title-card-wires .wire-green{stroke:#80f97e}
.card-border-energy rect,.card-border-energy rect+rect{stroke:#a5eeb7}
#conteudo>section{min-width:0}
#inicio .hero-brand{width:min(100%,350px)}
#inicio .brand-reveal{width:min(100%,260px)}
#inicio .hero-video-album{height:395px}
#inicio .hero-video-card{max-width:270px}
#inicio .hero-copy{width:min(100%,620px)}
#inicio .hero-title-justified{font-size:clamp(1.6rem,7cqw,3rem)}
#inicio .lead{line-height:1.5}
@media(min-width:621px) and (max-width:1000px){
 #conteudo{overflow-x:clip}
 .section-navigation{gap:16px;padding:12px 20px;flex-wrap:wrap}
 .section-navigation nav{gap:18px}
 .vision{grid-template-columns:1fr;gap:24px}
 #visao .vision-photo-album{width:min(100%,540px);justify-self:center;order:2}
 #visao>div:first-child{order:1}
 #album-title{font-size:clamp(1.5rem,5vw,3rem)}
 #album .album-stage{height:510px}
}
@media(max-width:620px){
 #inicio .brand-reveal{width:210px}
 #inicio .hero-video-card{width:64%;max-width:min(230px,31svh)}
 #inicio .hero-video-album{height:calc(min(230px,31svh,64vw) * 1.25 + 44px)}
 #inicio .hero-title-justified{font-size:clamp(1.35rem,8.5cqw,2.6rem)}
 #conteudo>section{max-width:calc(100% - 32px)}
 #conteudo>section.wrap,#conteudo>section.booking{width:calc(100% - 32px)}
 .vision-item p,.support-intro p,.release>p{hyphens:none;-webkit-hyphens:none}
 .resource-list a{padding:14px 12px;gap:10px}
 .resource-list strong{font-size:1rem}
}
/* Grain glitch selects the green FORGET letters and leaves CREATE intact. */
.logo-forget-grain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;animation:forget-grain-glitch 8s steps(1,end) 4.5s infinite}
@keyframes forget-grain-glitch{0%,84%,100%{opacity:.08;transform:none}85%{opacity:.3;transform:translateX(-.7px)}86%{opacity:.16;transform:translateX(.7px)}87%{opacity:.28;transform:translateY(-.4px)}89%{opacity:.1;transform:none}}
@media(prefers-reduced-motion:reduce){.logo-forget-grain{animation:none;opacity:.08}}
/* Slightly enlarge the Reprogram cover background. */
#lancamentos .release:first-child{background-size:cover,auto 112%;background-position:center,center}
#visao .vision-video-card video{display:block;width:100%;height:auto;object-fit:contain;background:#000}
/* Center track names inside support video cards. */
#conteudo #album .album-card h3{text-align:center!important;text-align-last:center!important;width:100%;margin-inline:0}
/* Only the central media card carries the glow and moving border light. */
.hero-video-card:not([data-position=center]),#visao .vision-photo-card:not([data-position=center]),#lancamentos .release:not([data-position=center]),#album .album-card:not([data-position=center]){box-shadow:0 12px 24px -20px #0008!important;border-color:#26332c!important;border-top-color:#26332c!important;border-bottom-color:#26332c!important}
.hero-video-card:not([data-position=center])::after,#visao .vision-photo-card:not([data-position=center])::after,#lancamentos .release:not([data-position=center])::after{display:none!important}
.vision-photo-card:not([data-position=center]) .card-border-energy,.release:not([data-position=center]) .card-border-energy,.album-card:not([data-position=center]) .card-border-energy{display:none}
.section-navigation{justify-content:center}
.section-navigation .section-selector{width:min(100%,420px);justify-content:space-between}
.section-navigation .section-selector select{flex:1;max-width:320px}
/* Desktop introduction fits the screen while preserving the video proportions. */
@media(min-width:1001px){
 #inicio.hero{--hero-stage-height:clamp(280px,46svh,410px);grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);grid-template-areas:"brand brand" "videos copy";gap:18px 38px;align-items:center;margin-top:24px;margin-bottom:48px;padding:22px 38px 30px}
 #inicio .hero-brand{grid-area:brand;width:100%}
 #inicio .brand-reveal{width:clamp(180px,16vw,230px)}
 #inicio .hero-video-album{grid-area:videos;width:100%;max-width:550px;height:var(--hero-stage-height);margin:0;justify-self:center}
 #inicio .hero-video-card{width:min(66%,calc((var(--hero-stage-height) - 42px) * .8));max-width:310px;top:12px}
 #inicio .hero-copy{grid-area:copy;width:100%;max-width:520px;align-self:center;justify-self:center;padding:0}
 #inicio .hero-title-justified{max-width:100%;font-size:clamp(2.1rem,9cqw,3.3rem);line-height:1.04;margin:0}
 #inicio .hero-title-line{text-align:left!important;text-align-last:left!important;white-space:normal}
 #inicio .lead{max-width:100%;font-size:clamp(.9375rem,1.15vw,1.0625rem);line-height:1.55;margin-top:20px;text-align:left;hyphens:none}
 #inicio .hero-note{margin-top:16px;font-size:.8125rem;text-align:left}
 #inicio .hero-lighting-popup{grid-area:videos;align-self:end;justify-self:center;position:relative;margin:0 0 -8px;z-index:5}
}
@media(min-width:1001px) and (max-height:700px){
 #inicio.hero{--hero-stage-height:clamp(220px,43svh,280px);padding-top:16px;padding-bottom:22px;row-gap:12px}
 #inicio .brand-reveal{width:160px}
}