:root{--bg:#050505;--paper:#f1f0e9;--ink:#0a0a0a;--white:#f8f8f4;--muted:#a4a4a1;--acid:#7b39fc;--line:rgba(255,255,255,.16);--pad:clamp(1.1rem,4vw,5rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:"DM Sans",sans-serif;overflow-x:hidden}.balanced{max-width:20ch;overflow-wrap:normal;word-break:keep-all;hyphens:none;text-wrap:balance}.pretty{max-width:65ch;overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:pretty}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}button,a{outline-offset:5px}a:focus-visible,button:focus-visible{outline:2px solid var(--acid)}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}#particles{position:fixed;inset:0;z-index:0;pointer-events:none}.cursor{position:fixed;width:18px;height:18px;border:1px solid var(--acid);border-radius:50%;z-index:100;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:difference;transition:width .2s,height .2s}.progress{position:fixed;z-index:90;left:0;top:0;width:100%;height:3px}.progress span{display:block;width:0;height:100%;background:var(--acid)}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:86px;padding:0 var(--pad);display:flex;align-items:center;gap:2rem;border-bottom:1px solid var(--line);background:linear-gradient(#050505d9,transparent);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:.8rem;margin-right:auto}.brand img,.footer-brand img{width:38px;height:48px;object-fit:contain}.brand span,.footer-brand div{display:flex;flex-direction:column}.brand b{font:600 .85rem/1 "Space Grotesk";letter-spacing:.08em}.brand small{color:var(--muted);font-size:.68rem;margin-top:.3rem}.site-header nav{display:flex;gap:2rem}.site-header nav a{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.pill{border:1px solid var(--line);border-radius:999px;padding:.7rem 1rem;font-size:.76rem}.pill i{font-style:normal;color:var(--acid);font-size:1.2rem;margin-left:.5rem}
.hero{position:relative;height:220svh;isolation:isolate}.hero-stage{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:10rem var(--pad) 3rem;overflow:hidden;isolation:isolate}.hero-stage>video,.contact>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-shade,.contact-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#050505e8 0%,#05050575 55%,#050505ba 100%),linear-gradient(0deg,#050505 0%,transparent 45%)}.hero-copy{max-width:1100px}.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.11em;color:#d7d7d0;margin-bottom:1.5rem}.eyebrow span{display:inline-block;background:var(--acid);color:var(--ink);border-radius:999px;padding:.36rem .65rem;margin-right:.7rem;font-weight:700}.hero h1{font:600 clamp(3rem,7.3vw,7.6rem)/.91 "Space Grotesk";letter-spacing:-.07em;margin:0;max-width:13ch}.hero-copy p{font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.55;color:#d4d4cf;margin:1.6rem 0 0;max-width:57ch}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:780px;margin-top:3rem;border-top:1px solid var(--line);padding-top:1.2rem}.hero-stats div{display:flex;flex-direction:column;padding-right:2rem}.hero-stats strong{font:600 1.35rem "Space Grotesk"}.hero-stats span{color:var(--muted);font-size:.76rem;margin-top:.35rem}.scroll-cue{position:absolute;right:var(--pad);bottom:2.5rem;display:flex;align-items:center;gap:.7rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em}.scroll-cue i{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--acid);font-style:normal}
.marquee{position:relative;z-index:2;overflow:hidden;background:var(--acid);color:var(--ink);padding:.9rem 0;transform:rotate(-1deg) scale(1.02)}.marquee div{font:700 1rem "Space Grotesk";letter-spacing:.06em;white-space:nowrap;width:max-content;animation:marquee 24s linear infinite}
.chapter{position:relative;z-index:2;min-height:100vh;padding:clamp(7rem,13vw,12rem) var(--pad);display:grid;grid-template-columns:.7fr 1.1fr 1fr;gap:clamp(2rem,5vw,6rem);align-items:center}.chapter-number{align-self:start;color:var(--acid);font:.72rem "Space Grotesk";letter-spacing:.12em}.kicker{color:var(--acid);font:600 .75rem "Space Grotesk";letter-spacing:.13em;text-transform:uppercase}.about h2,.section-head h2,.contact h2{font:600 clamp(3rem,6.6vw,7rem)/.94 "Space Grotesk";letter-spacing:-.06em;margin:.8rem 0 1.5rem}.about-copy p,.section-head p,.contact p{color:var(--muted);font-size:1.04rem;line-height:1.65}.tags{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:2rem 0}.tags li{border:1px solid var(--line);border-radius:999px;padding:.55rem .8rem;font-size:.72rem}.portrait{margin:0;position:relative}.portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1);transition:filter .5s,transform .7s}.portrait:hover img{filter:grayscale(0);transform:scale(.985)}.portrait figcaption{position:absolute;bottom:1rem;left:1rem;right:1rem;padding:1rem;background:#050505c9;backdrop-filter:blur(8px);display:flex;justify-content:space-between}.portrait figcaption span{color:var(--muted);font-size:.75rem}
.video-spread{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr 1fr}.sticky-video{height:100vh;position:sticky;top:0}.sticky-video video{width:100%;height:100%;object-fit:cover;filter:saturate(.2) contrast(1.2)}.video-copy article{min-height:100vh;padding:8rem var(--pad);display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--line)}.video-copy span{color:var(--acid);font-size:.72rem;letter-spacing:.14em}.video-copy h2{font:600 clamp(2.7rem,5vw,5.6rem)/.96 "Space Grotesk";letter-spacing:-.055em;margin:1rem 0}
.portfolio,.logos{position:relative;z-index:2;padding:clamp(7rem,13vw,12rem) var(--pad)}.section-head{display:flex;justify-content:space-between;gap:4rem;align-items:flex-end;margin-bottom:5rem}.section-head h2{margin-bottom:0}.section-head>p{max-width:42ch}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(1rem,2vw,2.2rem)}.project{position:relative;grid-column:span 5;margin-bottom:3vw}.project:nth-child(4n+2),.project:nth-child(4n+3){grid-column:span 7}.project:nth-child(even){margin-top:8vw}.project a{display:block;overflow:hidden;background:#111}.project img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .8s cubic-bezier(.2,.75,.2,1),filter .5s}.project:nth-child(3n) img{aspect-ratio:16/10}.project:hover img{transform:scale(1.045);filter:saturate(1.25)}.project figcaption{display:flex;justify-content:space-between;padding:.8rem 0;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.project figcaption span:last-child{color:var(--acid)}.cta-line{margin-top:5rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:2rem 0;display:flex;justify-content:space-between;align-items:center;font:600 clamp(1.8rem,4vw,4rem) "Space Grotesk"}.cta-line i{font-style:normal;color:var(--acid);font-size:1.5em}
.reel-wall{position:relative;z-index:2;height:95vh;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;overflow:hidden;background:#000}.reel-wall video{width:100%;height:100%;object-fit:cover}.reel-wall video:nth-child(2){filter:hue-rotate(70deg);transform:scaleX(-1)}.reel-wall video:nth-child(3){filter:grayscale(1) contrast(1.3)}.reel-label{position:absolute;inset:auto var(--pad) 2rem;display:flex;justify-content:space-between;font:.72rem "Space Grotesk";letter-spacing:.12em}
.logo-track{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#242424}.logo-track figure{margin:0;background:#0c0c0c;aspect-ratio:1;overflow:hidden}.logo-track img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform .5s,filter .5s}.logo-track figure:hover img{transform:scale(1.06);filter:grayscale(0)}
.contact{position:relative;z-index:2;min-height:100vh;display:flex;align-items:center;padding:8rem var(--pad);isolation:isolate}.contact-shade{background:linear-gradient(90deg,#050505ee,#05050577)}.contact-copy{max-width:900px}.contact h2{max-width:11ch}.availability{margin:2rem 0;color:#d2d2cb;font-size:.86rem}.availability i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 18px var(--acid);margin-right:.6rem}.contact-btn{display:inline-flex;align-items:center;gap:2rem;background:var(--acid);color:var(--ink);padding:1.1rem 1.4rem;border-radius:999px;font-weight:700}.contact-btn b{font-size:1.4rem}
footer{position:relative;z-index:2;padding:5rem var(--pad) 2rem;background:#030303;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{display:flex;align-items:center;gap:1rem}.footer-brand b{font:600 1rem "Space Grotesk";letter-spacing:.07em}.footer-brand span,footer>p{color:var(--muted);font-size:.8rem;margin-top:.3rem}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:2rem;grid-row:span 2}.footer-links div{display:flex;flex-direction:column;gap:.65rem}.footer-links b{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:var(--acid);margin-bottom:.6rem}.footer-links a{font-size:.86rem;color:#ccc}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:1.5rem;margin-top:2rem;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.72rem}.creativoo-credit{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:150px;min-height:140px;gap:.8rem}.creativoo-credit span{font-size:.6rem;letter-spacing:.16em}.creativoo-credit img{width:140px;height:auto}
.reveal{opacity:0;transform:translateY(40px);transition:opacity .85s,transform .85s}.reveal.is-visible{opacity:1;transform:none}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:900px){.site-header nav,.site-header .pill{display:none}.hero{padding-top:8rem}.hero h1{font-size:clamp(3.3rem,12vw,6rem)}.hero-stats{grid-template-columns:1fr;gap:1rem}.scroll-cue{display:none}.chapter{grid-template-columns:1fr}.chapter-number{margin-bottom:-1rem}.portrait{max-width:560px}.video-spread{grid-template-columns:1fr}.sticky-video{position:relative;height:72vh}.video-copy article{min-height:70vh}.section-head{align-items:flex-start;flex-direction:column}.project,.project:nth-child(4n+2),.project:nth-child(4n+3){grid-column:span 6;margin-top:0}.logo-track{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.cursor{display:none}.site-header{height:72px}.brand img{width:30px;height:38px}.hero{padding-bottom:2rem}.hero h1{font-size:clamp(2.9rem,13.2vw,4.5rem)}.eyebrow{line-height:1.7}.eyebrow span{display:table;margin-bottom:.4rem}.hero-stats{display:none}.chapter,.portfolio,.logos,.contact{padding-left:1.15rem;padding-right:1.15rem}.about h2,.section-head h2,.contact h2{font-size:clamp(2.75rem,14vw,4.6rem)}.video-copy article{padding:6rem 1.15rem}.project,.project:nth-child(4n+2),.project:nth-child(4n+3){grid-column:1/-1}.project:nth-child(even){margin-left:12vw}.project:nth-child(odd){margin-right:12vw}.reel-wall{height:78vh;grid-template-columns:1fr 1fr}.reel-wall video:nth-child(3){display:none}.reel-label{flex-direction:column;gap:.5rem}.logo-track{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr;padding-left:1.15rem;padding-right:1.15rem}.footer-links{grid-row:auto}.footer-bottom{flex-direction:column;align-items:flex-start;gap:1rem}.creativoo-credit{align-self:center}.section-head{margin-bottom:3rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cursor,#particles{display:none}.reveal{opacity:1;transform:none}}

/* Camadas cinematográficas Pexels */
.site-video-bg,.cosmic-video-bg{position:fixed;inset:0;pointer-events:none;overflow:hidden}.site-video-bg{z-index:0;opacity:.32}.cosmic-video-bg{z-index:1;opacity:.2;mix-blend-mode:screen}.site-video-bg video,.cosmic-video-bg video{width:100%;height:100%;object-fit:cover}.site-video-bg:after,.cosmic-video-bg:after,.violet-tone{content:"";position:absolute;inset:0;background:#7b39fc;mix-blend-mode:color}.site-video-bg:before{content:"";position:absolute;inset:0;z-index:1;background:rgba(5,5,5,.55)}.hero{z-index:2}.about,.portfolio,.logos{background:rgba(5,5,5,.62);backdrop-filter:blur(2px)}
.hero-scroll-video{filter:saturate(.82) contrast(1.18) brightness(.72);will-change:contents}.hero-stage:before{content:"";position:absolute;inset:0;z-index:-1;background:#7b39fc;mix-blend-mode:color;opacity:.26;pointer-events:none}
.hero{padding:0!important}.hero-stage{padding-top:10rem;padding-bottom:3rem}@media(max-width:900px){.hero-stage{padding-top:8rem}}@media(max-width:560px){.hero-stage{padding-bottom:2rem}}

/* Entrada dos cases: ascensão em espiral com fade-in */
.project-grid{perspective:1400px;perspective-origin:50% 45%}.project.reveal{opacity:0;transform-origin:50% 55%;transform-style:preserve-3d;backface-visibility:visible;will-change:transform,opacity,filter;filter:blur(12px)}
.project.reveal.is-visible{animation:portfolioSpiralIn 1.85s cubic-bezier(.12,.72,.08,1) 1 both;animation-delay:calc(var(--spiral-index)*35ms)}
@keyframes portfolioSpiralIn{
  0%{opacity:0;filter:blur(12px);transform:translate3d(0,155px,-120px) rotateY(var(--axis-spin-start)) rotateX(8deg) scale(.7)}
  38%{opacity:.54;filter:blur(6px);transform:translate3d(var(--spiral-x),72px,-45px) rotateY(var(--axis-spin-mid)) rotateX(4deg) scale(.86)}
  68%{opacity:.84;filter:blur(2px);transform:translate3d(var(--spiral-end),27px,-12px) rotateY(var(--axis-spin-late)) rotateX(1deg) scale(.96)}
  86%{opacity:.97;filter:blur(.5px);transform:translate3d(0,7px,0) rotateY(var(--axis-spin-settle)) rotateX(0) scale(.995)}
  100%{opacity:1;filter:blur(0);transform:translate3d(0,0,0) rotateY(0) rotateX(0) scale(1)}
}
.project.reveal.is-visible:not(:hover){transform:translate3d(0,0,0) rotateY(0) rotateX(0) scale(1)}
.project.reveal.is-settled{animation:none!important;opacity:1!important;filter:none!important;transform:translate3d(0,0,0) rotateY(0) rotateX(0) scale(1)!important;will-change:auto}

.neon-hover-section{position:relative;z-index:2;min-height:100vh;padding:clamp(7rem,12vw,11rem) var(--pad);display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:clamp(2rem,6vw,7rem);background:rgba(5,5,5,.72)}.neon-intro h2,.motion-replica-copy h2{font:600 clamp(2.8rem,5.4vw,6rem)/.94 "Space Grotesk";letter-spacing:-.06em;margin:1rem 0}.neon-intro p{color:var(--muted);line-height:1.65}.neon-hover-card{position:relative;min-height:68vh;overflow:hidden;border:1px solid rgba(123,57,252,.35);border-radius:clamp(1.2rem,3vw,3rem);background:#09070e;box-shadow:0 30px 100px rgba(123,57,252,.08);transform:perspective(1200px) rotateY(-5deg) rotateX(2deg);transition:transform 1.1s cubic-bezier(.16,1,.3,1),border-color .7s,box-shadow .9s}.neon-hover-card video{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;opacity:.38;filter:grayscale(1) contrast(1.25);transform:translate3d(-3%,3%,0) scale(1.04);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1.4s cubic-bezier(.22,1,.36,1),filter .9s}.neon-hover-card .violet-tone{pointer-events:none;opacity:.9}.neon-hover-card:hover,.neon-hover-card:focus-visible{transform:perspective(1200px) rotateY(2deg) rotateX(-1deg) translateY(-12px);border-color:#7b39fc;box-shadow:0 45px 140px rgba(123,57,252,.25)}.neon-hover-card:hover video,.neon-hover-card:focus-visible video{opacity:.9;filter:grayscale(.1) contrast(1.14);transform:translate3d(2%,-2%,0) scale(1.12)}.neon-card-label{position:absolute;z-index:2;left:1.5rem;right:1.5rem;bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(5,5,5,.55);backdrop-filter:blur(12px);font-size:.7rem;letter-spacing:.12em}.neon-card-label span{color:#c4a9ff}.neon-orbit{position:absolute;z-index:3;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 0 28px 8px #7b39fc;left:15%;top:24%;opacity:.75;animation:curveOrbit 7s cubic-bezier(.45,0,.55,1) infinite alternate paused}.neon-hover-card:hover .neon-orbit,.neon-hover-card:focus-visible .neon-orbit{animation-play-state:running}

.motion-replicas{position:relative;z-index:2;min-height:120vh;padding:9rem var(--pad);overflow:hidden;background:rgba(5,5,5,.68)}.motion-replica{position:absolute;overflow:hidden;border:1px solid rgba(123,57,252,.22);border-radius:2rem;opacity:.2;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1),box-shadow .9s}.motion-replica video{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.2);transition:transform 1.5s cubic-bezier(.16,1,.3,1),filter .9s}.motion-replica .violet-tone{pointer-events:none}.motion-replica:hover{opacity:.82;z-index:4;box-shadow:0 35px 100px rgba(123,57,252,.22)}.motion-replica:hover video{transform:scale(1.13) rotate(-1.5deg);filter:grayscale(.2) contrast(1.12)}.replica-a{width:28vw;height:42vw;left:5vw;top:10vh;transform:rotate(-7deg)}.replica-a:hover{transform:rotate(-2deg) translate(2vw,-3vh)}.replica-b{width:36vw;height:25vw;right:7vw;top:14vh;transform:rotate(4deg)}.replica-b:hover{transform:rotate(0) translate(-2vw,2vh)}.replica-c{width:31vw;height:23vw;left:16vw;bottom:8vh;transform:rotate(3deg)}.replica-c:hover{transform:rotate(-1deg) translate(1vw,-2vh)}.replica-d{width:22vw;height:34vw;right:13vw;bottom:2vh;transform:rotate(-5deg)}.replica-d:hover{transform:rotate(1deg) translate(-1vw,-3vh)}.motion-replica-copy{position:relative;z-index:3;width:min(620px,80vw);margin:32vh auto 0;text-align:center;pointer-events:none}.motion-replica-copy h2{max-width:15ch;margin-inline:auto;text-shadow:0 5px 35px #050505}

@keyframes curveOrbit{0%{transform:translate(0,0) scale(.8)}35%{transform:translate(25vw,5vh) scale(1.1)}65%{transform:translate(39vw,26vh) scale(.75)}100%{transform:translate(12vw,43vh) scale(1.2)}}@media(max-width:900px){.neon-hover-section{grid-template-columns:1fr}.neon-hover-card{min-height:60vh;transform:none}.motion-replicas{min-height:100vh}.replica-a{width:52vw;height:70vw}.replica-b{width:56vw;height:40vw}.replica-c{width:48vw;height:40vw}.replica-d{width:38vw;height:58vw}.motion-replica-copy{margin-top:28vh}}@media(max-width:560px){.neon-hover-section{padding:7rem 1.15rem}.neon-hover-card{min-height:62vh}.neon-card-label{align-items:flex-start;flex-direction:column;gap:.35rem;border-radius:1rem}.motion-replicas{padding:7rem 1.15rem;min-height:115vh}.replica-a{width:68vw;height:92vw;left:-8vw}.replica-b{width:72vw;height:54vw;right:-18vw;top:26vh}.replica-c{width:70vw;height:55vw;left:-15vw}.replica-d{width:56vw;height:82vw;right:-14vw}.motion-replica-copy{margin-top:38vh}}@media(prefers-reduced-motion:reduce){.site-video-bg video,.cosmic-video-bg video,.motion-replica video,.neon-hover-card video{display:none}.neon-orbit{animation:none}.motion-replica,.neon-hover-card{transform:none!important}}