@import "https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{color:#fff;--accent:#fca311;--accent-secondary:#fff;--phi:1.618;--fs-base:clamp(.9rem, 2vw, 1rem);--fs-md:clamp(1.1rem, 2.5vw, 1.4rem);--fs-lg:clamp(1.5rem, 4vw, 2.2rem);--fs-xl:clamp(2.2rem, 6vw, 3.5rem);--fs-xxl:clamp(3.5rem, 7vw, 6.5rem);--fs-huge:clamp(3.5rem, 7vw, 6.5rem);--spacing-phi:clamp(2rem, 5vw, 5rem);background-color:#0b090a;font-family:Outfit,system-ui,sans-serif}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}@media (pointer:fine){*{cursor:none!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}body{background-color:#0b090a;max-width:100vw;overflow-x:hidden}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.cursor-dot{pointer-events:none;z-index:9999;mix-blend-mode:difference;background-color:#fff;border-radius:50%;width:10px;height:10px;position:fixed;top:0;left:0}.cursor-outline{pointer-events:none;z-index:9998;mix-blend-mode:difference;text-transform:uppercase;color:#000;opacity:.8;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:8px;font-weight:700;transition:width .3s,height .3s,background .3s,border .3s;display:flex;position:fixed;top:0;left:0}@media (pointer:coarse){.cursor-dot,.cursor-outline{display:none!important}}h1{letter-spacing:-.03em;text-transform:uppercase;margin:0;font-size:clamp(3.5rem,7vw,6.5rem);font-weight:900;line-height:.85}h2{letter-spacing:-.04em;text-transform:uppercase;font-size:clamp(2rem,8vw,8rem);font-weight:800;line-height:.85}h3{color:var(--accent-secondary);font-family:Playfair Display,serif;font-size:clamp(1.5rem,4vw,4rem);font-style:italic;font-weight:400}p{color:#a0a0a0;font-size:clamp(1.05rem,1.2vw,1.25rem);font-weight:400;line-height:1.6}.mask-text{display:inline-block;overflow:hidden}.noise-overlay{z-index:9999;pointer-events:none;opacity:.02;will-change:transform;background:url(https://grainy-gradients.vercel.app/noise.svg);width:100vw;height:100vh;position:fixed;top:0;left:0;transform:translateZ(0)}.mask-text-cinematic{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);display:inline-block;overflow:hidden}.mask-text-cinematic span{transition:transform 1s cubic-bezier(.16,1,.3,1);display:inline-block;transform:translateY(110%)}.mask-text-cinematic.active span{transform:translateY(0)}.project-card-3d{transform-style:preserve-3d;perspective:1000px}.project-card-inner{will-change:transform;transition:transform .2s ease-out}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0b090a}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:var(--accent)}#canvas-container{z-index:0;pointer-events:none;background:radial-gradient(circle,#fca31108 0%,#0000 70%);width:100%;height:100%;position:fixed;top:0;left:0}.preloader{z-index:99999;color:#fff;background:#0b090a;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.preloader-content{text-align:center;width:80vw;max-width:600px}.preloader-counter{color:#fca311;margin-bottom:2rem;font-family:Playfair Display,serif;font-size:clamp(4rem,10vw,10rem);font-style:italic;font-weight:900}.preloader-text-wrapper{background:#ffffff1a;width:100%;height:2px;margin-bottom:2rem;position:relative;overflow:hidden}.preloader-text{background:#d35a4f;height:100%}.preloader-subtext{text-transform:uppercase;letter-spacing:3px;color:#ffffff80;font-size:1rem}.app-container{z-index:1;isolation:isolate;max-width:100vw;position:relative}.glass-nav{-webkit-backdrop-filter:blur(12px);z-index:1000;will-change:transform, backdrop-filter;background:#0b090a66;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;width:100vw;padding:1.5rem 8%;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;transform:translateZ(0)}@media (width<=768px){.glass-nav{padding:1rem 5vw}.logo{font-size:1.2rem}}@media (height<=500px) and (orientation:landscape){.glass-nav{padding:.8rem 5vw}}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{transition:all .6s cubic-bezier(.16,1,.3,1);position:relative}.nav-links a:after{content:"";background:var(--accent-secondary);width:0%;height:2px;transition:width .6s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-5px;left:0}.nav-links a:hover{color:var(--accent-secondary)!important}.nav-links a:hover:after{width:100%}@media (width<=600px){.nav-links{gap:1rem}.nav-links .btn-magnetic{padding:.5rem 1rem!important;font-size:.8rem!important}}section{z-index:1;background:#0b090a;flex-direction:column;justify-content:center;min-height:100vh;padding:12vh 8%;display:flex;position:relative}.about-section{padding:calc(10vh * var(--phi)) 8vw;z-index:20;background:#0b090a;position:relative}.about-header{margin-bottom:calc(5vh * var(--phi))}@media (height<=500px) and (orientation:landscape){section{min-height:110vh;padding-top:12vh}}.btn-magnetic{color:#fff;text-transform:uppercase;letter-spacing:1px;background:0 0;border:1px solid #ffffff4d;border-radius:100px;padding:1.5rem 3rem;font-size:1.2rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-block;position:relative;overflow:hidden}.btn-magnetic:hover{color:#000;background:#fff;transform:scale(1.05)}.horizontal-scroll-container{height:300vh;position:relative}.horizontal-scroll-sticky{align-items:center;width:100vw;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.horizontal-scroll-content{align-items:center;gap:5vw;height:100%;padding:0 5vw;display:flex}.project-card-main{transform-origin:50%;border:1px solid #ffffff0d;border-radius:24px;flex-shrink:0;width:70vw;height:70vh;position:relative;overflow:hidden}.project-image-wrap{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.project-image{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.project-card-main:hover .project-image{transform:scale(1.05)}.project-overlay{background:linear-gradient(#0000 0%,#000000e6 100%);flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding:4rem;transition:opacity .5s;display:flex;position:absolute;top:0;left:0}.hero-typographic{text-align:left;z-index:10;flex-direction:column;justify-content:center;align-items:flex-start;min-height:100vh;padding:12vh 8%;display:flex;position:relative}@media (width<=768px){.hero-typographic{justify-content:flex-start;padding:15vh 5vw 5vh}}.hero-content-center{width:100%;max-width:1200px}.hero-title-huge{font-size:var(--fs-huge);letter-spacing:-.03em;text-transform:uppercase;margin-bottom:var(--spacing-phi);color:#fff;font-weight:950;line-height:.85}.hero-subtitle{font-size:var(--fs-md);color:#fff9;max-width:35ch;line-height:var(--phi)}.project-overlay h2{opacity:.8;font-size:clamp(2rem,5vw,5rem);transition:all .5s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.project-card-main:hover .project-overlay h2{opacity:1;transform:translateY(0)}@media (width<=768px) and (orientation:portrait){h1{font-size:clamp(3rem,12vw,5rem)}h2{font-size:clamp(2.5rem,10vw,4rem)}h3{font-size:clamp(1.8rem,6vw,2.5rem)}p{font-size:1rem}section{min-height:auto;padding:12vh 5vw 5vh}.nav-links{display:none}.horizontal-scroll-container{height:auto;margin:5vh 0}.horizontal-scroll-sticky{height:auto;padding:2rem 0;position:relative;overflow:visible}.horizontal-scroll-content{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;align-items:center;gap:8vw;min-height:65vh;padding:0 5vw 3rem;scroll-padding:0 5vw;display:flex;overflow-x:auto;transform:none!important}.horizontal-scroll-content::-webkit-scrollbar{display:none}.project-title-block{flex-direction:column;justify-content:center;display:flex;width:80vw!important;padding-left:5vw!important}.project-card-main{scroll-snap-align:start;flex-shrink:0;width:80vw;height:60vh}.project-overlay{padding:1.5rem}.project-overlay h2{font-size:2rem}.btn-magnetic{padding:1rem 2rem;font-size:1rem}.spinning-badge{width:100px;height:100px;font-size:.6rem;top:-5vh;right:5vw}}@media (height<=500px) and (orientation:landscape),(width<=950px) and (orientation:landscape){h1{font-size:clamp(2rem,10vh,5rem)}h2{font-size:clamp(1.8rem,8vh,4rem)}h3{font-size:clamp(1.5rem,6vh,2.5rem)}p{font-size:.95rem}section{min-height:auto;padding:12vh 5vw 5vh}.horizontal-scroll-container{height:200vh}.horizontal-scroll-sticky{height:100vh}.project-card-main{width:50vw;height:80vh}.project-overlay{padding:1.5rem}.project-overlay h2{font-size:1.8rem}.about-image{height:65vh}.project-details-hero{height:75vh}.mini-projects-grid{gap:1.5rem;margin-top:2rem}.mini-card{padding:1.5rem}.mini-card h4{font-size:1.5rem}}.mini-projects-grid{gap:var(--spacing-phi);margin-top:calc(3rem * var(--phi));grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}@media (width<=768px){.mini-projects-grid{grid-template-columns:1fr;gap:1.5rem}}.mini-card{border-top:1px solid #ffffff1a;padding:3rem;transition:all .5s;position:relative;overflow:hidden}.mini-card:before{content:"";z-index:-1;background:#ffffff05;width:100%;height:0%;transition:height .5s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0}.mini-card:hover:before{height:100%}.mini-card:hover h4{color:var(--accent-secondary);transform:translate(10px)}.mini-card h4{margin-bottom:1rem;font-size:clamp(1.5rem,5vw,2.5rem);transition:all .5s}.about-grid{text-align:left;align-items:flex-start;gap:var(--spacing-phi);flex-direction:column;display:flex}@media (width<=768px){.about-section{padding:10vh 5vw}}.about-image{filter:drop-shadow(0 0 50px #d35a4f1a);width:100%;height:80vh;position:relative;-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 80%);mask-image:radial-gradient(circle,#000 40%,#0000 80%)}@media (width<=768px) and (orientation:portrait){.about-grid{grid-template-columns:1fr}.about-image{height:50vh}}.marquee-container{white-space:nowrap;width:100vw;padding:4rem 0;display:flex;position:relative;left:-5vw;overflow:hidden}.marquee-content{color:#0000;-webkit-text-stroke:2px #fff3;text-transform:uppercase;gap:5rem;padding-right:5rem;font-size:clamp(4rem,8vw,8rem);font-weight:900;display:flex}.marquee-content span{transition:all .5s}.marquee-content span:hover{color:#fff;-webkit-text-stroke:2px transparent;transform:scale(1.1)rotate(-2deg)}@media (width<=768px) and (orientation:portrait){.marquee-content{gap:2rem;font-size:3rem}.marquee-container{padding:2rem 0}}.contact-hero{text-align:center}.contact-hero h2{margin-bottom:2rem}.spinning-badge{text-transform:uppercase;letter-spacing:2px;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;font-size:.8rem;animation:10s linear infinite spin;display:flex;position:absolute;top:-10vh;right:10vw}@keyframes spin{to{transform:rotate(360deg)}}.project-details-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2000;color:#fff;background:#0b090afa;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow-y:auto}.project-details-content{max-width:1200px;margin:0 auto;padding:10vh 5vw}@media (width<=768px) and (orientation:portrait){.project-details-content{padding:5vh 5vw}.close-btn-fixed{background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;top:1rem;right:1rem}}.project-details-hero{border-radius:24px;width:100%;height:60vh;margin-bottom:4rem;position:relative;overflow:hidden}.project-details-hero img{object-fit:cover;width:100%;height:100%}.project-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:1.5px;color:#fff9;background:#ffffff08;border:1px solid #ffffff14;border-radius:100px;margin-bottom:.8rem;margin-right:.8rem;padding:.6rem 1.4rem;font-size:.75rem;font-weight:600;transition:all .3s;display:inline-block}.project-tag:hover{color:#fff;background:#ffffff14;border-color:#fff3}.close-btn-fixed{z-index:2001;color:#fff;background:0 0;border:none;font-size:1.5rem;font-weight:700;position:fixed;top:2rem;right:5vw}@media (width<=600px){.main-footer{text-align:center;flex-direction:column;justify-content:center!important}}@media (width<=768px){:root{--fs-huge:clamp(3.5rem, 15vw, 6rem);--spacing-phi:2rem}.glass-nav{padding:1rem 5vw}.nav-links a:not(.btn-magnetic){display:none}.hero-typographic{padding-top:15vh;padding-left:5vw;padding-right:5vw}.hero-title-huge{margin-bottom:1.5rem}.hero-subtitle{max-width:100%;font-size:1.1rem}.about-section{padding:8vh 5vw}.marquee-content span{font-size:clamp(1.5rem,6vw,3rem)!important}.marquee-container{padding:.5rem 0!important}.contact-hero h1{font-size:clamp(2rem,12vw,4rem)!important}.contact-hero .btn-magnetic{text-align:center;width:100%}.mobile-bottom-dock{z-index:1500;-webkit-backdrop-filter:blur(24px);background:#121012e0;border:1px solid #ffffff29;border-radius:100px;justify-content:space-around;align-items:center;width:calc(100vw - 2.5rem);max-width:420px;padding:.55rem .3rem;display:flex;position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #000000d9,0 0 25px #fca31126}.mobile-dock-item{color:#ffffff80;border-radius:100px;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.4rem .5rem;text-decoration:none;transition:all .3s;display:flex;position:relative}.mobile-dock-item.active{color:#fff;transform:translateY(-2px)}.dock-icon{font-size:1.15rem;line-height:1}.dock-label{letter-spacing:.5px;text-transform:uppercase;font-size:.62rem;font-weight:700}.dock-dot{background:var(--accent);width:4px;height:4px;box-shadow:0 0 8px var(--accent);border-radius:50%;position:absolute;bottom:.1rem}.mobile-project-card{transition:transform .3s,border-color .3s}.mobile-project-card:active{border-color:var(--accent);transform:scale(.985)}}