@font-face{font-family:Inter;src:url(assets/Inter-Regular.ttf);font-display:swap}
@font-face{font-family:Inter;src:url(assets/Inter-Medium.ttf);font-weight:500;font-display:swap}
@font-face{font-family:Degular;src:url(assets/DegularDisplay-Regular.otf);font-display:swap}
:root{color-scheme:dark;--base:#101010;--line:#ffffff26;--white:#faf9f8;--soft:#d5d2d2;--red:#ff0f47;--lilac:#eeedff}
*{box-sizing:border-box}body{margin:0;background:var(--base);color:var(--white);font:clamp(.95rem,1.22vw,1.13rem)/1.6 Inter,sans-serif}img,video{display:block;max-width:100%}button{font:inherit;cursor:pointer}button:focus-visible,video:focus-visible{outline:2px solid var(--lilac);outline-offset:4px}
main{isolation:isolate;overflow:hidden}.wrap{width:min(1440px,83.4%);margin-inline:auto;position:relative}.center{text-align:center}.center>p:not(.pill){max-width:75ch;margin-inline:auto}.small{font-size:.86rem;color:var(--soft)}p{margin:0 0 1.2rem;color:var(--soft)}h1,h2,h3{font:400 1em/1 Degular,sans-serif;letter-spacing:-.024em;margin:0 0 .27em;color:var(--white)}h1{font-size:clamp(2rem,4.45vw,5rem);line-height:1.04}h1 span{display:block;white-space:nowrap}h2{font-size:clamp(2.5rem,4.7vw,5.2rem)}h3{font-size:clamp(2rem,3vw,3.55rem)}strong{font-weight:500;color:var(--white)}
.backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none;background:#101010 url(assets/faixa.jpg) center/cover no-repeat;background-blend-mode:multiply}.backdrop video{width:100%;height:100%;object-fit:cover;opacity:.25;filter:grayscale(1);transition:opacity .65s}.backdrop video.fade{opacity:0}.backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101010b5,#10101041 55%,#10101082),linear-gradient(#10101042,#10101012 44%,#101010ac)}
.motion{z-index:8;position:fixed;right:1rem;bottom:1rem;border:1px solid #ffffff45;border-radius:30px;background:#141414ee;color:#fff;padding:.44rem .85rem;font-size:.78rem}
.pill{position:relative;display:inline-flex;align-items:center;border-radius:100px;overflow:hidden;background:var(--red);color:white;font:500 .86rem/1.15 Inter,sans-serif;letter-spacing:0;padding:.58rem .92rem;margin:0 0 1.35rem}.pill:after{content:"";position:absolute;top:0;bottom:0;width:44%;left:-52%;background:linear-gradient(90deg,transparent,#ffffff7d,transparent);transform:skewX(-20deg);animation:shine 4.5s 1s infinite;pointer-events:none}@keyframes shine{0%,64%{left:-52%}88%,100%{left:117%}}
.brands{display:flex;align-items:center;gap:clamp(.9rem,2vw,1.8rem);width:max-content;max-width:100%;color:var(--lilac)}.brands img:first-child{width:clamp(92px,9.5vw,161px)}.brands img:last-child{width:clamp(109px,12.1vw,204px)}.brands span{font-size:1.2rem}.hero{min-height:100svh;display:grid;grid-template-columns:1fr 1.16fr;align-items:center;gap:clamp(1.3rem,4.2vw,5rem);padding-block:clamp(4rem,9vw,9rem)}.hero .brands{margin-bottom:2rem}.hero-copy>p:last-child{max-width:55ch}.hero-videos{position:relative;height:clamp(380px,43vw,620px);display:flex;justify-content:center;align-items:center;gap:clamp(.4rem,1.35vw,1.2rem)}.hero-videos video{position:absolute;inset:50% auto auto 50%;width:min(66%,330px);height:min(100%,570px);object-fit:cover;border-radius:14px;border:1px solid #ffffff43;box-shadow:0 25px 90px #0008;opacity:0;transform:translate(-50%,-43%) scale(.9);transition:opacity .6s,transform .75s cubic-bezier(.21,.73,.25,1)}.hero-videos video.active{opacity:1;transform:translate(-50%,-50%) scale(1)}.hero-videos.group video{position:relative;inset:auto;width:calc((100% - 2.4rem)/3);height:auto;aspect-ratio:9/16;opacity:1;transform:none}.hero-videos.group video:nth-child(2){transform:translateY(-1.2rem)}.hero-videos.group video:nth-child(3){transform:translateY(1rem)}html:not(.js) .hero-videos video{opacity:1}
.brand,.series,.feed,.schedule{padding-block:clamp(4.3rem,10vw,10rem)}.brand{padding-top:clamp(2rem,5vw,5rem)}.brand strong{display:inline-block;margin-top:.45rem}.series,.feed,.schedule,.outro{border-top:1px solid var(--line)}.pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,5.2rem)}.pair> :nth-child(2){position:relative}.pair> :nth-child(2):before{content:"";position:absolute;left:calc(-.5 * clamp(1.5rem,5vw,5.2rem));top:0;bottom:0;border-left:1px solid var(--line)}.series header{margin-bottom:1.8rem}.series article h3{max-width:14ch}.series blockquote{margin:1.3rem 0 0;color:#fff;font-weight:500}.listen{margin-top:2.8rem;padding-top:2.4rem;border-top:1px solid var(--line)}
.feed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.65rem,2vw,1.85rem);margin:3rem auto 2rem}.card{aspect-ratio: .73;position:relative;border-radius:12px;overflow:hidden;background:#242424;border:1px solid #ffffff30}.card.light{background:#fff;color:#171717}.card.light strong{color:#171717}.card strong{font:400 clamp(1.05rem,2.45vw,2.7rem)/.95 Degular,sans-serif;letter-spacing:-.025em}.card .window{position:relative;height:67%;width:68%;margin:8% auto 8%;overflow:hidden;border-radius:8px}.card.light>strong{display:block;margin-inline:16%}.play,.play img,.card>.inline-video{width:100%;height:100%;object-fit:cover}.play{display:block;border:0;padding:0;background:#242424;position:relative;color:white}.play span{position:absolute;top:50%;left:50%;translate:-50% -50%;width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:100%;background:#101010bf;font-size:.9rem}.window .play span,.fullscreen .play span{inset:.45rem .45rem auto auto;translate:none;width:1.75rem;height:1.75rem;font-size:.68rem}.window .inline-video{width:100%;height:100%;object-fit:cover}.carousel{display:flex;flex-direction:column;gap:.42em;justify-content:center;padding:9%}.card.carousel>strong{margin:0}.carousel img{width:100%;height:44%;margin-top:.3rem;border-radius:6px;object-fit:cover}.carousel small,.cover-title small{font-size:clamp(.54rem,1.07vw,.8rem)}.cover-title{position:absolute;inset:auto 0 0;padding:22% 9% 8%;background:linear-gradient(transparent,#000c);pointer-events:none}.cover-title small{display:table;background:var(--red);border-radius:1rem;padding:.13rem .45rem;margin-bottom:.38rem}.cover-title strong{display:block}.fullscreen:has(video) .cover-title{display:none}.feed-grid article h3{font:500 clamp(.94rem,1.5vw,1.24rem)/1.25 Inter,sans-serif;letter-spacing:0;margin:.9rem 0 .35rem}.feed-grid article p{font-size:clamp(.8rem,1.25vw,1rem);line-height:1.45}
.schedule>h3.pill{margin-top:1.1rem}.weeks{margin-top:.8rem}.week-label,.note h3{color:#ff6b8b}.weeks>div>h3{font-size:clamp(1.8rem,3.05vw,3.1rem);min-height:2.15em;margin-bottom:0}.day{display:block;width:100%;text-align:left;border:0;border-top:1px solid var(--line);background:transparent;color:var(--white);padding:1rem .4rem 1.15rem 0;transition:background .24s,padding .24s,opacity .45s,transform .45s}.day:hover,.day:focus-visible{background:#ffffff0d;padding-left:.7rem}.day .meta{display:flex;align-items:baseline;gap:.9rem;color:var(--soft);font-size:.79rem;margin-bottom:.28rem}.day .meta strong{color:#ff6b8b}.day .event-title{display:block;font:400 clamp(1.38rem,2.2vw,2rem)/1.05 Degular,sans-serif}.day .event-copy{display:block;color:var(--soft);font-size:.91rem;line-height:1.45;margin-top:.4rem}.schedule-extra{margin-top:2.2rem;padding-top:2.2rem;border-top:1px solid var(--line)}.schedule-extra h3{font-size:clamp(1.7rem,2.8vw,2.65rem)}.note{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--line)}.note h3{font:500 1.4rem/1.2 Inter,sans-serif;letter-spacing:0}
.outro{min-height:clamp(440px,54vw,710px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5rem 0}.outro .brands{margin-inline:auto;margin-bottom:1.5rem}.outro .brands img:first-child{width:clamp(120px,17vw,280px)}.outro .brands img:last-child{width:clamp(135px,20vw,335px)}.slogan{width:min(96%,850px)}.slogan img{height:auto;width:100%}.translation{color:var(--lilac);font-size:clamp(1.02rem,2.1vw,1.8rem);letter-spacing:-.045em;margin-top:-.35em}
dialog{width:min(610px,calc(100% - 2rem));border:1px solid var(--line);background:#171717;color:#fff;border-radius:18px;padding:clamp(1.4rem,5vw,3rem);box-shadow:0 30px 110px #0009}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}dialog h2{font-size:clamp(2.25rem,5vw,3.9rem)}dialog .close{position:absolute;right:.8rem;top:.7rem;background:#242424;color:white;border:1px solid var(--line);border-radius:50%;width:2.4rem;height:2.4rem;font-size:1.4rem;line-height:1}
.intro[hidden]{display:none}.intro{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:#090909;text-align:center;overflow:hidden}.intro-content{padding:1rem}.intro .brands{margin-inline:auto;filter:grayscale(1) brightness(1.28);animation:logo-in .75s .1s both}.intro p{font:400 clamp(2.6rem,7.3vw,6.9rem)/1 Degular,sans-serif;color:#fff;letter-spacing:-.035em;margin:.65em 0 0;animation:write 1.26s .73s both}.flash{position:absolute;inset:0;pointer-events:none;background:white;opacity:0;animation:flash .45s 2.51s both}@keyframes write{from{clip-path:inset(0 100% 0 0);opacity:.2}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes flash{0%,100%{opacity:0}47%{opacity:.96}}@keyframes logo-in{0%{opacity:0;transform:translateY(32px) scale(.93)}65%{opacity:1;transform:translateY(-8px) scale(1.035)}100%{opacity:1;transform:none}}
.js .rise,.js .bounce{opacity:0;transform:translateY(26px)}.js .shown .rise,.js .hero.ready .rise{animation:rise .72s var(--delay,0ms) both ease-out}.js .shown .bounce,.js .hero.ready .bounce{animation:logo-in .84s both}.js .day{opacity:.28;transform:translateY(8px)}.js .day.lit,.js .day:focus-visible{opacity:1;transform:none}@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}html.still .pill:after{animation:none}html.still .rise,html.still .bounce,html.still .day{animation:none!important;opacity:1!important;transform:none!important}
@media(max-width:950px){.wrap{width:min(90%,1440px)}.hero{min-height:auto}.hero-videos{height:clamp(330px,51vw,570px)}.feed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}.card strong{font-size:clamp(1.32rem,4.7vw,2.7rem)}}
@media(max-width:660px){.hero,.pair{grid-template-columns:1fr}.hero{padding-top:5rem}.hero-videos{height:auto;min-height:330px}.hero-videos.group{min-height:0;padding-block:1.3rem}.hero-videos.group video{width:calc((100% - 1rem)/3)}.hero-videos video{height:330px}.pair> :nth-child(2):before{display:none}.series article+article,.weeks>div+div,.schedule-extra article+article{padding-top:1.3rem;border-top:1px solid var(--line)}.weeks>div>h3{min-height:0;margin-bottom:.65em}.feed-grid{margin-top:2rem}.schedule-extra{gap:1rem}.motion{right:.6rem;bottom:.6rem}.outro{min-height:400px}}
@media(prefers-reduced-motion:reduce){*,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
.backdrop{background-image:linear-gradient(#101010ed,#101010e6),url(assets/faixa.jpg);background-blend-mode:normal;background-position:center;background-size:cover}
.hero::before{content:"";position:absolute;inset:0 -10vw;z-index:-1;background:linear-gradient(90deg,#101010e8 0%,#10101093 46%,#101010b5 100%),url(assets/turma.webp) center 63%/cover no-repeat;opacity:.45;pointer-events:none;mask-image:linear-gradient(#000 80%,transparent)}
@media(max-width:660px){.hero::before{background-position:center,center bottom;background-size:cover,auto 72%;opacity:.35}}
