@import"https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";@font-face{font-family:Harmond;src:url(/fonts/Harmond-ExtraBoldExpanded.otf) format("opentype");font-weight:800;font-style:normal}@font-face{font-family:Harmond;src:url(/fonts/Harmond-ExtBdItaExp.otf) format("opentype");font-weight:800;font-style:italic}@font-face{font-family:Harmond;src:url(/fonts/Harmond-SemiBoldCondensed.otf) format("opentype");font-weight:600;font-style:normal}@font-face{font-family:Harmond;src:url(/fonts/Harmond-SemBdItaCond.otf) format("opentype");font-weight:600;font-style:italic}:root{--light: #ffffff;--dark: #0f0f0f;--transition: all .3s ease;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--font-sans: "DM Sans", sans-serif;--font-mono: "DM Mono", monospace;--font-heading: "Harmond", serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--light);color:var(--dark);line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2}p{margin-bottom:var(--spacing-sm)}a{text-decoration:none;color:inherit;transition:var(--transition)}a:hover{opacity:.7}body{font-family:var(--font-sans)}img{width:100%;height:100%;object-fit:cover}a,p{text-decoration:none;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.9rem;font-weight:500;line-height:1.25;color:#000}nav{position:fixed;width:100%;padding:2rem;display:flex;justify-content:space-between;align-items:flex-start;z-index:100}.nav-items{display:flex;flex-direction:column;align-items:flex-end}.hero{position:relative;width:100%;height:100svh;overflow:hidden}.hero-overlay{position:absolute;width:100%;height:100svh;background-color:var(--dark);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);will-change:clip-path;z-index:0}.hero-overlay .counter{position:absolute;right:2rem;bottom:2rem;color:var(--light)}.hero-overlay .counter h1{font-size:4rem;font-weight:500}.overlay-text-container{position:absolute;top:2rem;left:2rem;height:2rem;overflow:hidden;z-index:10}.overlay-text{display:flex;flex-direction:column;transform:translateY(2rem);will-change:transform}.overlay-text p{color:var(--light);height:2rem;line-height:2rem;display:flex;align-items:center;margin:0;white-space:nowrap}.hero-images{position:absolute;top:50%;transform:translateY(-50%);width:100%;padding:0 2rem;display:flex;justify-content:center;gap:10vw;will-change:gap}.hero-images .img{width:10vw;aspect-ratio:5/7;transform:translateY(50%) scale(.5);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);opacity:0;will-change:opacity,transform,clip-path}.hero-header{position:absolute;bottom:2rem;width:100%;z-index:-1}.hero-header h1{font-family:var(--font-heading);text-transform:uppercase;text-align:center;font-size:15vw;font-weight:800;line-height:.85}.hero-header h1 .word{transform:translateY(100%);will-change:transform}@media (max-width: 1000px){nav{padding:1rem}.overlay-text-container{top:1rem;left:1rem}.hero-overlay .counter{right:1rem;bottom:1rem}.hero-images{padding:0 .5rem;gap:2.5vw}.hero-images .img{width:20vw}}h2{font-size:4rem;font-weight:900;letter-spacing:-.15rem;line-height:1.125;text-align:center}.about{position:relative;width:100%;height:100svh;padding:2rem;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#000}.services{position:relative;width:100%;min-height:100svh;background-color:#000;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-img,.outro-img{width:300px;aspect-ratio:5/7;overflow:hidden}.services-header{position:relative;width:100%;padding:0 2rem;background-color:#000;will-change:transform}.services-header img{width:50%;height:auto;object-fit:contain;margin:0 auto;display:block}.services-header:nth-child(1),.services-header:nth-child(3){transform:translate(100%) translateY(0)}.services-header:nth-child(2){transform:translate(-100%) translateY(0);z-index:2}.services-copy{position:relative;width:100%;height:100%;margin-top:75svh;padding:2rem 2rem 25svh 2rem;text-align:center;background-color:#000}.animate-text{position:relative;width:60%;margin:0 auto;color:#4f4f4f;--clip-value: 100%}.animate-text:before{content:attr(data-text);position:absolute;top:0;left:0;color:#fff;clip-path:inset(0 0 var(--clip-value) 0);will-change:clip-path}@media (max-width: 1000px){h2{font-size:2rem;letter-spacing:-.05rem}.services-header img{width:90%}.animate-text{width:100%;font-size:clamp(1.5rem,6vw,2.25rem)}}:root{--base-1: #020617;--base-2: #FE5909;--base-3: #62074C;--base-4: #220E0F}.projects-header{background-color:#e3e3db;padding:4rem 2rem 0rem;text-align:center;overflow:hidden}.projects-title{font-family:var(--font-heading);font-size:clamp(3rem,8vw,7rem);font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--dark);line-height:1;overflow:hidden}.projects-title .word{display:inline-block;will-change:transform,opacity}.sticky-cards{position:relative;height:100svh;background-color:#e3e3db;perspective:850px;overflow:hidden}.sticky-cards .card{position:absolute;top:50%;left:50%;width:65%;height:60%;display:flex;justify-content:center;align-items:center;gap:1rem;padding:2.5rem;border-radius:1rem;color:#fff;transform-origin:center bottom;will-change:transform}.card .col{flex:1;height:100%}.card .col:nth-child(1){display:flex;flex-direction:column;padding:.5rem}.card .col:nth-child(1) p:first-of-type{margin-bottom:auto}.card .col:nth-child(1) p{font-family:var(--font-mono);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;opacity:.7}.card .col:nth-child(1) h2{font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:800;line-height:1.1;margin-bottom:1rem}.card .col:nth-child(2){border-radius:.75rem;overflow:hidden}.card .col img{width:100%;height:100%;object-fit:cover;display:block}.card .col p{color:#fff;max-width:80%}.card .col h2{text-align:left;letter-spacing:2px}.card#card-1{background-color:var(--base-1);z-index:5}.card#card-2{background-color:var(--base-2);z-index:4}.card#card-3{background-color:var(--base-3);z-index:3}.card#card-4{background-color:var(--base-4);z-index:2}.tech-stack-tags{display:flex;flex-wrap:wrap;column-gap:.4rem;row-gap:.2rem;align-items:center}.card-link-mobile{display:none}@media (max-width: 1000px){.sticky-cards .card{width:calc(100% - 4rem);height:85svh;flex-direction:column}.card .col{width:100%}.card .col:nth-child(1){overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.card .col:nth-child(1)::-webkit-scrollbar{display:none}.card .col:nth-child(2){min-height:120px}.card .col p{max-width:100%}.card-link-mobile{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#ffffff26;color:#fff;text-decoration:none;position:absolute;top:1rem;right:1rem;z-index:10;transition:background .2s ease}.card-link-mobile:active{background:#ffffff59}}.footer{background-color:var(--dark);color:var(--light);position:relative;overflow:hidden;margin-top:-100vh;z-index:10}.footer-marquee{padding:2.5rem 0;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06)}.footer-marquee-row{display:flex;width:max-content;will-change:transform}.footer-marquee-row+.footer-marquee-row{margin-top:.75rem}.footer-marquee-row span{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,5rem);font-weight:800;text-transform:uppercase;white-space:nowrap;padding:0 1rem;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.2);letter-spacing:.02em;line-height:1.3;transition:color .3s ease,-webkit-text-stroke .3s ease}.footer-marquee-row:hover span{-webkit-text-stroke:1.5px rgba(255,255,255,.45)}.footer-cta{text-align:center;padding:8rem 2rem 5rem}.footer-cta h2{font-family:var(--font-heading);font-size:clamp(2.5rem,7vw,5.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.02em}.footer-cta h2 .char{display:inline-block;will-change:transform,opacity}.footer-cta>p{font-family:var(--font-mono);font-size:clamp(.8rem,1.2vw,.95rem);opacity:.85;text-transform:uppercase;letter-spacing:.15em;margin-bottom:2rem}.footer-cta-btn{display:inline-flex;align-items:center;gap:.85rem;padding:1.35rem 3.2rem;font-family:var(--font-sans);font-size:1rem;font-weight:600;color:var(--dark);background:var(--light);border-radius:50px;text-decoration:none;letter-spacing:.08em;text-transform:uppercase;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.165,.84,.44,1),box-shadow .4s cubic-bezier(.165,.84,.44,1)}.footer-cta-btn:hover{transform:scale(1.05);box-shadow:0 0 40px #ffffff1f,0 0 80px #ffffff0a;opacity:1}.footer-cta-btn svg{width:20px;height:20px;transition:transform .3s ease}.footer-cta-btn:hover svg{transform:translate(4px)}.footer-divider{width:100%;height:1px;background:#ffffff0f}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:4rem 5%;max-width:1200px;margin:0 auto}.footer-col h3{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;opacity:.35;margin-bottom:1.5rem;font-weight:400}.footer-col a{display:block;font-family:var(--font-sans);font-size:1rem;color:var(--light);opacity:.6;margin-bottom:.85rem;transition:opacity .3s ease,transform .3s ease}.footer-col a:hover{opacity:1;transform:translate(5px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding:2rem 5%;text-align:center}.footer-bottom p{font-family:var(--font-mono);font-size:clamp(.6rem,1.5vw,.7rem);opacity:.5;text-transform:uppercase;letter-spacing:.12em;margin-bottom:0}.footer-subtitle,.footer-copy{color:#fff}@media (max-width: 768px){.footer-cta{padding:5rem 1.5rem 3rem}.footer-cta-btn{padding:1.1rem 2.5rem;font-size:.9rem}.footer-grid{grid-template-columns:1fr;gap:2.5rem;padding:3rem 1.5rem;text-align:center}.footer-col a:hover{transform:none}.footer-marquee-row span{-webkit-text-stroke:1px rgba(255,255,255,.15)}.footer-marquee{padding:1.5rem 0}}