:root{color-scheme:dark;--bg:#101110;--surface:#1c1e1b;--text:#f1f2eb;--muted:#b0b5a8;--accent:#d3fc63;--line:#34382f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}p,h1,h2,h3{margin:0}button{border:0}::selection{background:var(--accent);color:var(--bg)}.header,footer{display:flex;align-items:center;justify-content:space-between;margin:0 4.5%;padding:25px 0;border-bottom:1px solid var(--line)}.wordmark{font-size:30px;letter-spacing:-2px;font-weight:800;line-height:1}.mark-dot,.accent,.title-dot{color:var(--accent)}nav{display:flex;gap:34px;font-size:14px}nav a:hover,.text-link:hover{color:var(--accent)}.intro{padding:46px 4.5% 38px}.intro-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:14px;margin-bottom:36px}.intro h1{font-size:clamp(3.5rem,12.5vw,12.5rem);line-height:.9;letter-spacing:-.065em;font-weight:800}.intro h1>span{display:block}.intro-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:36px;color:var(--muted);font-size:16px}.text-link{border-bottom:1px solid var(--muted);padding-bottom:4px}.featured{margin:0 4.5%}.featured-play{position:relative;display:block;width:100%;height:clamp(350px,47vw,720px);padding:0;background:#222;overflow:hidden;text-align:left}.featured-play img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;transition:transform .65s}.featured-play:hover img{transform:scale(1.025)}.featured-play:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.38),transparent 35%,rgba(0,0,0,.8))}.featured-top,.featured-bottom,.play-icon{position:absolute;z-index:1}.featured-top{top:24px;left:28px;right:28px;display:flex;justify-content:space-between;text-transform:uppercase;font-size:13px;letter-spacing:.08em}.featured-bottom{bottom:32px;left:32px;right:32px;display:flex;align-items:end;justify-content:space-between;gap:16px}.eyebrow{font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:400}.featured-bottom .eyebrow{display:block;color:var(--accent);margin-bottom:12px}.featured-bottom strong{display:block;font-size:clamp(1.8rem,4vw,3.8rem);line-height:1.1;letter-spacing:-.04em}.featured-credit{display:block;color:#dedfd7;margin-top:12px;font-size:14px}.watch-label{border-bottom:1px solid white;padding-bottom:6px;white-space:nowrap;font-size:14px}.play-icon{top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.65);border-radius:50%;width:82px;height:82px;display:grid;place-items:center;padding-left:5px;font-size:24px;backdrop-filter:blur(6px);background:rgba(0,0,0,.15)}.section{margin:0 4.5%;padding:100px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px}.section-heading .eyebrow,.about>.eyebrow,.contact>.eyebrow{color:var(--accent);margin-bottom:20px}h2{font-size:clamp(2rem,4.5vw,4rem);line-height:1.08;letter-spacing:-.045em}.count{color:var(--muted);font-size:14px;white-space:nowrap}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0}.filters button{background:transparent;border:1px solid var(--line);padding:9px 20px;border-radius:24px;font-size:14px;transition:background .2s,color .2s}.filters button.active,.filters button:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 24px}.project[hidden]{display:none}.project-button{display:block;width:100%;padding:0;text-align:left;background:none}.project-cover{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--surface);display:flex;align-items:center;justify-content:center;border:1px solid var(--line)}.project-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s,opacity .5s}.project-button:hover img{transform:scale(1.04);opacity:.8}.cover-type{font-size:clamp(1.8rem,3.7vw,4rem);font-weight:800;text-transform:uppercase;letter-spacing:-.045em;text-align:center;line-height:1.02;padding:30px;max-width:100%;overflow-wrap:anywhere}.project-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 65%,rgba(0,0,0,.25));pointer-events:none}.project-number{position:absolute;top:18px;left:20px;font-size:13px;color:#f1f2eb;z-index:1}.mini-play{position:absolute;right:18px;bottom:18px;width:44px;height:44px;display:grid;place-items:center;border:1px solid #dde1d4;border-radius:50%;font-size:14px;padding-left:3px;background:#10111060;z-index:1}.project-meta{display:flex;justify-content:space-between;gap:16px;margin-top:16px}.project-meta h3{font-size:20px;line-height:1.3;letter-spacing:-.025em;font-weight:500}.project-meta .category{color:var(--muted);font-size:13px;padding-top:4px;white-space:nowrap}.project-credit{font-size:14px;color:var(--muted);margin-top:7px;line-height:1.5}.project:nth-child(3n+1) .cover-type{color:var(--accent)}.project:nth-child(3n+2) .project-cover{background:#282b25}.project:nth-child(3n) .project-cover{background:#222a29}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px}.about-copy p{color:var(--muted);font-size:18px;max-width:560px}.about-copy p+p{margin-top:22px}.disciplines{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;padding-top:22px;border-top:1px solid var(--line);font-size:14px}.contact{padding:100px 0;text-align:center;border-bottom:0}.contact h2{font-size:clamp(2.5rem,7.5vw,6.5rem)}.contact-button{display:inline-block;background:var(--accent);color:var(--bg);font-size:16px;padding:16px 28px;border-radius:3px;margin-top:36px;font-weight:600}.contact-button:hover{background:#e2ff92}.handle{margin-top:16px;font-size:14px;color:var(--muted)}footer{border-top:1px solid var(--line);border-bottom:0;gap:22px;padding:30px 0;color:var(--muted);font-size:14px}footer .wordmark{color:var(--text)}dialog{padding:24px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;width:min(900px,calc(100% - 24px));max-height:92dvh;overflow:auto}dialog::backdrop{background:rgba(0,0,0,.85);backdrop-filter:blur(6px)}.dialog-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:20px}.dialog-head h2{font-size:26px;margin-top:6px}.dialog-head .eyebrow{color:var(--accent)}#close-player{background:var(--surface);border-radius:50%;width:44px;height:44px;flex-shrink:0}.player-embed{display:block;border:0;width:100%;background:#fff;height:min(560px,60dvh)}.vimeo-embed{aspect-ratio:16/9;height:auto}.blocked-film{padding:50px 24px;text-align:center;background:var(--surface);color:var(--muted)}.blocked-film p+p{margin-top:16px}.dialog-credit{color:var(--muted);font-size:14px;margin-top:20px}.dialog-bottom{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:18px;font-size:14px}.dialog-bottom p{color:var(--muted)}.dialog-bottom a{color:var(--accent);text-decoration:underline;white-space:nowrap}.skip{position:absolute;left:20px;top:-100px;padding:12px;background:var(--accent);color:var(--bg);z-index:10}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1500px){main,.header,footer{max-width:1600px;margin-left:auto;margin-right:auto}.header,footer{max-width:1456px}}@media(max-width:700px){.header{padding:22px 0}nav{gap:20px}.intro{padding-top:30px}.intro-meta{gap:20px;align-items:start;font-size:13px;margin-bottom:30px}.intro-meta p:last-child{text-align:right;max-width:150px}.intro h1{font-size:14.1vw}.intro-bottom{font-size:14px;gap:20px}.featured-play{height:460px}.featured-top{left:20px;right:20px;top:20px}.featured-bottom{left:20px;right:20px;bottom:24px;align-items:start;flex-direction:column}.featured-bottom strong{font-size:32px}.watch-label{font-size:14px}.section{padding:65px 0}.section-heading{align-items:start}.section-heading h2{max-width:280px}.count{margin-top:36px}.filters{gap:8px}.filters button{padding:8px 14px}.projects{grid-template-columns:1fr;gap:32px}.project-meta h3{font-size:20px}.cover-type{font-size:12vw}.about-layout{grid-template-columns:1fr;gap:28px}.about-copy p{font-size:16px}.contact{padding:65px 0}.contact h2{font-size:11vw}footer{flex-wrap:wrap;font-size:13px}footer p{width:60%;text-align:right}.dialog-bottom{align-items:start;flex-direction:column}dialog{padding:18px}.dialog-head h2{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.project-logos{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px}.logo-tile{display:flex;align-items:center;justify-content:center;min-width:76px;height:58px;padding:10px 12px;background:#20231e;border:1px solid var(--line);border-radius:3px}.logo-tile img{display:block;max-width:112px;width:auto;max-height:36px;object-fit:contain}.logo-adidas img,.logo-blueman img{filter:brightness(0) invert(1)}.logo-villagemall,.logo-ela,.logo-gurume{background:#f4f5ef;border-color:#f4f5ef}.logo-umbro{background:#060706}.logo-flamengo img,.logo-fluminense img{max-height:42px}.logo-flamengo,.logo-fluminense{height:64px}.phone{margin-top:20px;font-size:22px;letter-spacing:-.02em}.phone a:hover,.handle a:hover{color:var(--accent)}.player-video{display:block;width:100%;max-height:60dvh;min-height:220px;background:#000;object-fit:contain}.project-meta{flex-wrap:wrap}.project-meta h3{flex:1;min-width:180px}.project-meta .category{white-space:normal}.logo-tile img{max-width:min(112px,24vw)}

.asset-credit{margin:0 4.5%;padding:0 0 24px;font-size:11px;color:var(--muted)}.asset-credit a{text-decoration:underline}
/* Filmes verticais em um carrossel com destaque no centro. */
.works{padding-top:40px}.carousel{--card-width:clamp(235px,29vw,355px)}.carousel-hint{color:var(--muted);font-size:13px;margin-bottom:8px}.projects{display:flex;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:calc((100% - var(--card-width))/2);padding:20px max(0px,calc((100% - var(--card-width))/2)) 18px;scrollbar-width:none;align-items:flex-start}.projects::-webkit-scrollbar{display:none}.project{flex:0 0 var(--card-width);min-width:0;scroll-snap-align:center;scroll-snap-stop:always;transform:scale(.89);transform-origin:center 42%;filter:brightness(.42);transition:transform .35s ease,filter .35s ease}.project.is-active{transform:scale(1);filter:brightness(1)}.project-cover{aspect-ratio:9/16;border-radius:8px}.project.is-active .project-cover{border-color:#d3fc6370}.project-cover img{object-fit:cover}.project-button:hover img{opacity:1;transform:none}.project-meta{display:block}.project-meta h3{font-size:21px;min-width:0}.project-meta .category{display:block;margin-top:4px}.project-credit{font-size:12px}.cover-type{font-size:clamp(28px,4vw,45px);padding:16px}.project-logos{gap:8px;margin-top:14px}.logo-tile{height:48px;min-width:58px;padding:7px 9px}.logo-tile img{max-width:85px;max-height:30px}.logo-fluminense img,.logo-flamengo img{max-height:34px}.mini-play{width:54px;height:54px;background:#101110b3}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:12px}.carousel-controls button{width:48px;height:48px;border-radius:50%;background:transparent;border:1px solid var(--line);font-size:24px}.carousel-controls button:hover:not(:disabled){color:var(--bg);background:var(--accent);border-color:var(--accent)}.carousel-controls button:disabled{opacity:.25;cursor:default}.carousel-controls p{font-size:13px;color:var(--muted);text-align:center;max-width:240px}.player-video{aspect-ratio:9/16;height:min(65dvh,680px);width:100%;max-height:65dvh;object-fit:contain}dialog{width:min(460px,calc(100% - 24px))}.dialog-head h2{font-size:22px}.dialog-bottom{align-items:start;flex-direction:column}
@media(max-width:700px){.carousel{--card-width:min(69vw,310px)}.projects{gap:6px}.works{padding-top:25px}.carousel-controls{gap:14px}.carousel-controls p{max-width:185px}.project-meta h3{font-size:19px}.player-video{height:58dvh;max-height:58dvh}}
.projects:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}

/* Profundidade contínua, com ciclos equivalentes nas duas bordas. */
.projects{position:relative}.project{transform:perspective(1000px) rotateY(var(--tilt,0deg)) scale(var(--depth-scale,.84));filter:brightness(var(--depth-light,.42));transform-origin:center 42%;transition:transform .12s linear,filter .12s linear;backface-visibility:hidden}.project.is-active{transform:perspective(1000px) rotateY(var(--tilt,0deg)) scale(var(--depth-scale,1));filter:brightness(var(--depth-light,1))}.project-cover{box-shadow:0 22px 45px #0008}.project.is-active .project-cover{box-shadow:0 22px 50px #000a,0 0 24px #d3fc6310}
.about-layout{align-items:center;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:clamp(30px,6vw,90px)}.about-portrait{margin:0;max-width:460px}.about-portrait img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.about-portrait figcaption{color:var(--muted);font-size:12px;margin-top:12px;letter-spacing:.03em}.about-copy h2{margin-bottom:30px}.about-copy h2+p{margin-top:0}@media(max-width:700px){.about-layout{grid-template-columns:1fr;gap:32px}.about-portrait{max-width:390px;width:100%;margin-inline:auto}.about-copy h2{margin-bottom:24px}}
/* Nome e retrato em planos diferentes. */
.hero-depth{position:relative;isolation:isolate;min-height:clamp(480px,48vw,680px);overflow:hidden}.hero-depth h1{position:relative;padding-top:clamp(80px,10vw,150px);font-size:clamp(3.5rem,11.7vw,11.5rem);pointer-events:none}.hero-name-back{position:relative;z-index:1}.hero-name-front{position:relative;z-index:3;margin-top:22px;text-shadow:0 3px 25px #10111030}.hero-cutout{position:absolute;z-index:2;right:2%;bottom:0;height:100%;width:auto;max-width:62%;object-fit:contain;object-position:bottom;pointer-events:none;mask-image:linear-gradient(to bottom,transparent 0%,#000 2%,#000 82%,transparent 100%)}.hero-caption{position:absolute;z-index:4;left:4px;bottom:26px;color:var(--muted);font-size:15px;line-height:1.6}.intro-bottom{margin-top:16px}@media(max-width:700px){.hero-depth{min-height:520px}.hero-depth h1{padding-top:148px;font-size:12.1vw}.hero-name-front{margin-top:22px}.hero-cutout{right:-11%;max-width:none;height:95%;width:90%;object-fit:contain}.hero-caption{bottom:12px;font-size:13px;max-width:180px}.intro-meta{margin-bottom:10px}.hero-name-front{font-size:1.25em}}@media(max-width:380px){.hero-depth{min-height:450px}.hero-depth h1{padding-top:125px}}

/* Capa — colagem cinematográfica */
.intro-meta{margin-bottom:18px}.intro-meta p:last-child{display:none}
.hero-collage{min-height:0;height:clamp(590px,54vw,790px);overflow:visible;background:radial-gradient(ellipse at 74% 48%,#39342a55,transparent 63%);isolation:isolate}
.hero-scenes{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.hero-scene{position:absolute;margin:0;border:1px solid #82795b66;box-shadow:0 15px 45px #0009;background:#181815;overflow:visible}
.hero-scene:before,.hero-scene:after{content:"";position:absolute;width:26px;height:26px;z-index:1;border-color:var(--accent);border-style:solid;pointer-events:none}
.hero-scene:before{top:-10px;left:-10px;border-width:1px 0 0 1px}.hero-scene:after{bottom:-10px;right:-10px;border-width:0 1px 1px 0}
.hero-scene img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.83) brightness(.8)}
.hero-scene span{position:absolute;right:9px;bottom:7px;font-size:9px;color:#fff;letter-spacing:.13em;text-transform:uppercase;text-shadow:0 1px 4px #000}
.scene-sport{left:48%;top:4%;width:22%;height:48%;transform:rotate(-6deg)}.scene-sport img{object-position:50% 45%}
.scene-fashion{right:1%;top:0;width:23%;height:47%;transform:rotate(-7deg)}.scene-fashion img{object-position:50% 48%}
.scene-food{right:-1%;top:51%;width:22%;height:44%;transform:rotate(7deg)}.scene-food img{object-position:50% 48%}
.hero-collage .hero-copy{position:absolute;left:0;top:30%;z-index:1;width:65%}
.hero-collage h1{padding:0;font-size:clamp(74px,8.55vw,137px);letter-spacing:-.07em;line-height:.9;font-weight:900;transform:scaleY(1.13);transform-origin:top left}
.hero-collage h1>span{display:block}.hero-collage h1>span+span{margin-top:10px}
.hero-subtitle{font-size:clamp(14px,1.25vw,20px);letter-spacing:.22em;margin-top:48px;color:#e0dfd2}
.hero-collage .hero-cutout{z-index:2;right:11%;height:96%;width:auto;max-width:57%;bottom:0;object-fit:contain;object-position:bottom;mask-image:linear-gradient(#000 90%,transparent);filter:drop-shadow(-15px 10px 20px #0005)}
.hero-explore{position:absolute;z-index:3;bottom:7%;left:0;display:flex;align-items:center;gap:42px;padding:14px 22px;border:1px solid var(--accent);font-size:15px;background:#10111077;backdrop-filter:blur(6px)}.hero-explore span{color:var(--accent);font-size:24px;line-height:1}.hero-explore:hover{background:var(--accent);color:var(--bg)}.hero-explore:hover span{color:var(--bg)}
.intro-bottom{margin-top:20px;font-size:13px}.intro-bottom p:last-child{color:var(--muted)}
@media(max-width:700px){
 .intro{padding-top:24px}.intro-meta{margin-bottom:12px}.hero-collage{height:690px;margin-inline:-1%;overflow:hidden}
 .scene-sport{left:5%;top:3%;width:33%;height:25%;transform:rotate(-7deg)}.scene-fashion{right:3%;top:0;width:35%;height:28%;transform:rotate(6deg)}.scene-food{right:-2%;top:35%;width:29%;height:24%;transform:rotate(7deg)}
 .hero-collage .hero-copy{top:30%;width:100%;z-index:3}.hero-collage h1{font-size:15.4vw;letter-spacing:-.065em;line-height:.91;transform:none;text-shadow:0 2px 16px #0007}.hero-collage h1>span+span{margin-top:7px}.hero-subtitle{margin-top:14px;font-size:12px;letter-spacing:.14em}
 .hero-collage .hero-cutout{height:78%;width:auto;max-width:105%;right:-12%;bottom:0;z-index:2;mask-image:linear-gradient(#000 91%,transparent)}
 .hero-explore{bottom:3%;padding:12px 16px;font-size:13px;gap:25px}.intro-bottom{font-size:11px;gap:10px;align-items:flex-start}.intro-bottom p:last-child{text-align:right;max-width:150px}
}
@media(max-width:380px){.hero-collage{height:620px}.hero-collage .hero-copy{top:32%}}

.hero-collage h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:400;font-size:clamp(90px,10.6vw,170px);letter-spacing:-.025em;transform:none}.hero-subtitle{margin-top:22px}.hero-brand{position:absolute;top:12px;right:12px;width:100px;padding:8px;background:#171717e6;border-radius:3px;box-shadow:0 3px 16px #0003}.hero-brand img{width:100%;height:auto;filter:none}.scene-sport img{object-fit:cover;clip-path:inset(0);transform:scale(1.12)}.scene-sport{overflow:hidden}
@media(max-width:700px){.hero-collage h1{font-size:19.6vw;letter-spacing:-.015em}.hero-brand{width:75px;top:7px;right:7px;padding:5px}.hero-subtitle{margin-top:16px}}

@media(max-width:700px){.hero-collage .hero-cutout{height:52%;right:-4%;max-width:98%}.scene-food{top:43%;height:24%;right:0}}

/* Composição aprovada preservada como imagem completa, com navegação acessível */
.approved-cover{position:relative;width:100%;margin:0 auto;max-width:2000px}.approved-cover>img{display:block;width:100%;height:auto}.cover-navigation{display:contents}.cover-navigation a,.cover-explore{position:absolute;display:block;border-radius:2px}.cover-navigation a:hover,.cover-explore:hover{background:#d3fc6315}.cover-work{left:11%;top:4.6%;width:6.2%;height:4.8%}.cover-about{left:18.2%;top:4.6%;width:4.2%;height:4.8%}.cover-contact{left:23.5%;top:4.6%;width:5.2%;height:4.8%}.cover-explore{left:3.9%;top:81%;width:19%;height:6.4%}
@media(max-width:700px){.approved-cover{min-width:0}.cover-navigation a{min-height:24px;top:2%}.cover-explore{height:10%;top:78%}.approved-cover+.works{padding-top:48px}}