:root{color-scheme:dark;--bg:#080f17;--blue:#a5cbee;--muted:#7991a7;--line:#a5cbee38;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--blue);font-family:ABeeZee,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 340px 430px at 27% 6%,#adc9ff08,transparent),radial-gradient(ellipse 460px 550px at 82% 40%,#adc9ff07,transparent)}body:after{content:"";position:fixed;inset:-15%;background:url('assets/grain.svg');opacity:.035;pointer-events:none;z-index:5;animation:grain 0.5s steps(3) infinite}.wrap{width:66.6667%;max-width:1280px;margin-inline:auto}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--blue);outline-offset:8px}h1,h2,h3,p,figure,dl,dd{margin:0}h1,h2,h3{font-family:Aboreto,serif;font-weight:400}.pixel{font-family:'Pixelify Sans',monospace}.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-200%);z-index:10;background:var(--bg);padding:12px}.skip-link:focus{transform:none}
.project-intro{padding-top:clamp(48px,5.2vw,100px)}.back{width:32px;height:32px;border:1px solid #a5cbee80;border-radius:50%;display:grid;place-items:center;font-size:22px;transition:transform .4s var(--ease),box-shadow .4s}.back:hover{transform:translateX(-4px);box-shadow:0 0 20px #a5cbee33}h1{font-size:clamp(30px,2.92vw,56px);margin:88px 0 46px;line-height:1.12}.glow-title{text-shadow:0 0 22px #a5cbee50}.intro-rule{height:1px;background:var(--line);transform-origin:left}.project-tagline{font-size:clamp(25px,2.4vw,46px);line-height:1.12;margin-top:46px;letter-spacing:-.045em}.tags{list-style:none;padding:0;display:flex;gap:16px;margin:56px 0 58px}.tags li{border:1px solid #a5cbee80;border-radius:100px;padding:9px 34px;font-size:14px}.facts>div{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line);font-family:'Pixelify Sans',monospace;font-size:18px}.facts>div:last-child{border:0}.project-image{overflow:hidden;border-radius:32px}.project-image img{display:block;width:100%;height:auto}.project-intro .project-image{margin-top:72px}.about{display:grid;grid-template-columns:38.2% 61.8%;padding-block:176px 168px}.section-label{font-size:32px;align-self:start;position:sticky;top:50px}.section-label span{display:block;width:100px;height:2px;margin-top:14px;background:linear-gradient(to right,var(--blue) 55%,var(--line) 55%)}.narrative article{padding:0 0 42px;border-bottom:1px solid var(--line);margin-bottom:40px}.narrative article:last-child{border:0;margin:0;padding:0}.narrative h2{font-size:36px;margin-bottom:28px;line-height:1.15}.narrative p{font-size:22px;line-height:1.32;letter-spacing:-.025em}.palette{border-radius:0}.process{padding-block:176px}.process header{display:flex;align-items:center;justify-content:space-between;margin-bottom:88px;gap:30px}.process h2{font-size:42px;line-height:1.1}.process header p{font-size:28px}.stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.stage{border:1px solid #a5cbee99;border-radius:32px;padding:24px 28px 28px;min-height:298px;transition:border-color .45s,background .45s,box-shadow .45s}.stage>.pixel{font-size:40px;line-height:1}.stage h3{font-size:27px;margin:14px 0 20px}.stage p{font-size:21px;line-height:1.34;letter-spacing:-.025em}.stage:hover{background:#a5cbee07;border-color:var(--blue);box-shadow:0 0 28px #a5cbee10}.mobile-showcase{margin-bottom:112px}.next-project{display:block;border-block:1px solid var(--line);padding-block:94px 88px;background:radial-gradient(ellipse at 60% 100%,#a5cbee07,transparent 65%)}.next-project>.wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.next-project .pixel{font-size:18px;color:var(--muted)}.next-project h2{font-size:54px;line-height:1.15;margin:24px 0}.next-project p{font-size:20px;color:var(--muted)}.next-arrow{width:92px;height:92px;flex-shrink:0;border:1px solid #a5cbee80;border-radius:50%;display:grid;place-items:center;font-size:46px;transition:transform .6s var(--ease),box-shadow .6s}.next-project:hover .next-arrow{transform:rotate(45deg);box-shadow:0 0 36px #a5cbee30}footer{padding-block:62px;display:flex;align-items:center;justify-content:space-between;font-size:18px;gap:24px}.to-top{font-size:32px}
.motion .reveal{opacity:0;transform:translateY(42px);filter:blur(8px);transition:opacity 1s var(--ease) var(--delay,0ms),transform 1.4s var(--ease) var(--delay,0ms),filter 1.25s var(--ease) var(--delay,0ms)}.motion .reveal.visible{opacity:1;transform:none;filter:blur(0)}.motion .intro-rule{transform:scaleX(0)}.motion .intro-rule.visible{transform:scaleX(1)}.motion .glow-title.visible{animation:title-glow 1.8s var(--ease) both}.motion .project-image img{transform:scale(1.06);transition:transform 1.8s var(--ease)}.motion .project-image.visible img{transform:scale(1)}@keyframes title-glow{0%{text-shadow:0 0 38px #a5cbeec0}100%{text-shadow:0 0 22px #a5cbee50}}@keyframes grain{0%,100%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}}
@media(max-width:1500px) and (min-width:761px){h1{margin:58px 0 30px}.project-tagline{margin-top:30px}.tags{margin:36px 0}.facts>div{font-size:14px;padding:14px 0}.tags li{font-size:11px;padding:6px 23px}.project-intro .project-image{margin-top:48px}.project-image{border-radius:22px}.about{padding-block:116px 112px}.section-label{font-size:23px}.narrative h2{font-size:26px;margin-bottom:18px}.narrative p{font-size:16px}.narrative article{padding-bottom:28px;margin-bottom:28px}.process{padding-block:116px}.process header{margin-bottom:58px}.process h2{font-size:30px}.process header p{font-size:20px}.stages{gap:14px}.stage{border-radius:22px;padding:18px;min-height:215px}.stage>.pixel{font-size:28px}.stage h3{font-size:18px;margin:10px 0 16px}.stage p{font-size:15px}.next-project{padding-block:64px}.next-project h2{font-size:36px}.next-project p{font-size:15px}.next-arrow{width:62px;height:62px;font-size:32px}footer{font-size:13px;padding-block:42px}.mobile-showcase{margin-bottom:76px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.project-intro{padding-top:32px}h1{margin:48px 0 28px;font-size:35px}.project-tagline{font-size:27px;margin-top:28px;letter-spacing:-.04em}.project-tagline br{display:none}.tags{margin:30px 0;gap:12px}.tags li{font-size:12px;padding:8px 24px}.facts>div{font-size:15px;padding:15px 0}.project-intro .project-image{margin-top:36px}.project-image{border-radius:16px}.about{grid-template-columns:1fr;padding-block:68px;gap:36px}.section-label{position:static;font-size:24px}.section-label span{width:72px}.narrative h2{font-size:27px;margin-bottom:18px}.narrative p{font-size:16px;line-height:1.55}.narrative article{padding-bottom:28px;margin-bottom:28px}.palette{border-radius:0}.process{padding-block:68px}.process header{display:block;margin-bottom:30px}.process h2{font-size:32px}.process header p{font-size:19px;margin-top:22px}.stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stage{border-radius:20px;padding:20px 16px;min-height:240px}.stage>.pixel{font-size:30px}.stage h3{font-size:18px;margin:13px 0 16px}.stage p{font-size:14px;line-height:1.45}.mobile-showcase{margin-bottom:64px}.next-project{padding-block:42px}.next-project h2{font-size:29px;margin:18px 0}.next-project p{font-size:14px;line-height:1.45}.next-project .pixel{font-size:14px}.next-project>.wrap{gap:12px}.next-arrow{width:46px;height:46px;font-size:26px}footer{font-size:12px;line-height:1.5;padding-block:32px}.motion .reveal{transform:translateY(24px)}}

/* Artwork is exported from its own Figma node, at its original aspect ratio. */
.project-image{position:relative;isolation:isolate}.project-image img{position:static;width:100%;height:auto;display:block}.project-tagline{max-width:650px}.tags{flex-wrap:wrap}.interface-detail{margin-bottom:clamp(40px,3vw,60px)}.project-contact{padding:clamp(150px,16vw,310px) 0 clamp(130px,12vw,230px);text-align:center;background:linear-gradient(#090f18,transparent 30%,#090f1840 65%,#090f18),url('assets/footer.webp') center/cover no-repeat}.project-contact>.wrap{display:flex;align-items:center;flex-direction:column;gap:32px}.contact-avatar{width:clamp(58px,5.1vw,98px);height:auto}.project-contact h2{font-size:clamp(28px,2.53vw,49px);max-width:940px;letter-spacing:-.065em}.outline-button{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--blue);border-radius:50px;min-height:48px;padding:15px 30px;font-size:14px;transition:background .3s,box-shadow .3s}.outline-button:hover{background:#9ed0ff12;box-shadow:0 0 25px #9ed0ff22}.project-socials{display:flex;gap:8px}.project-socials a{display:grid;place-items:center;width:36px;height:36px;border:1px solid #9ed0ff66;border-radius:4px;font-size:14px}.project-socials a:hover{background:#9ed0ff18}.footer-cnpj{margin-top:5px;opacity:.4}.mobile-showcase{margin-bottom:0}.stage{min-width:0}.stage h3{overflow-wrap:anywhere}.project-intro .project-image{margin-top:72px}.project-image img{object-fit:contain}.next-project .wrap>div{min-width:0}
@media(max-width:1100px) and (min-width:761px){.stages{grid-template-columns:repeat(2,minmax(0,1fr))}.stage h3{font-size:23px}.stage p{font-size:16px}.stage{min-height:220px}.process header p{font-size:16px}.wrap{width:75%}}
@media(max-width:760px){.project-intro .project-image{margin-top:36px}.project-contact{padding-block:130px 110px;background-position:60% center}.project-contact>.wrap{gap:25px}.project-tagline{max-width:520px}.tags{gap:8px}.tags li{padding:8px 15px}.next-project h2{font-size:clamp(23px,6vw,29px);overflow-wrap:anywhere}.next-project p{max-width:270px}.project-image{border-radius:14px}.palette{border-radius:0}}
@media(max-width:380px){.stages{grid-template-columns:1fr}.stage{min-height:0}.stage p{font-size:16px}.stage h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion .reveal{opacity:1;filter:none;transform:none}.motion .intro-rule{transform:none}}