@tailwind base;@tailwind components;@tailwind utilities;.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}body{font-family:Inter,sans-serif;overflow-x:clip}html{overflow-x:clip}h1,h2,h3,h4,h5,h6,.font-headline{font-family:Manrope,sans-serif}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#fdf8f8}::-webkit-scrollbar-thumb{background:#1c1b1b}@media (hover: hover) and (pointer: fine){*,*:before,*:after{cursor:none!important}}#cursor-dot{position:fixed;top:0;left:0;width:6px;height:6px;border-radius:50%;background:#fff;pointer-events:none;z-index:2147483647;box-shadow:0 0 10px 3px #fffc;mix-blend-mode:difference}#cursor-ring{position:fixed;top:0;left:0;width:52px;height:52px;pointer-events:none;z-index:2147483646;mix-blend-mode:difference}.cursor-trail{position:fixed;top:0;left:0;width:5px;height:5px;border-radius:50%;background:#fff;pointer-events:none;z-index:999990;will-change:transform;opacity:0}@media (hover: none),(pointer: coarse){*{cursor:auto!important}a,button{cursor:pointer!important}#cursor-dot,#cursor-ring,.cursor-trail{display:none!important}}.nav-link{@apply font-manrope tracking-[.05em] uppercase text-xs font-medium text-zinc-500 dark:text-zinc-400 hover:text-black dark:hover:text-white transition-colors duration-300;}.nav-link.active{@apply text-black dark:text-white border-b-2 border-black dark:border-white pb-1;}.page-transition{animation:pgFadeIn .6s cubic-bezier(.2,1,.3,1) forwards}.project-item{@apply group relative flex justify-between items-center py-8 md:py-16 border-b border-outline-variant/30 md:hover:px-8 transition-all duration-500 overflow-hidden;}.project-item .project-arrow{@apply opacity-50 group-hover:opacity-100 group-hover:translate-x-2 transition-all duration-300;}.project-item:hover h3{transform:translate(1rem);transition:transform .5s cubic-bezier(.2,1,.3,1)}.project-hover-img{@apply absolute right-[20%] top-1/2 -translate-y-1/2 w-0 group-hover:w-80 h-48 opacity-0 group-hover:opacity-100 transition-all duration-700 pointer-events-none overflow-hidden z-0;}#scroll-bar{position:fixed;top:0;left:0;height:2px;width:0%;background:linear-gradient(90deg,#b85a3e,#d87e60);z-index:99998;pointer-events:none;transition:width .05s linear}.marquee-wrap{overflow:hidden}.marquee-track{display:flex;width:max-content;animation:marquee 22s linear infinite}.marquee-wrap:hover .marquee-track{animation-play-state:paused}nav.scrolled{padding-top:0!important;padding-bottom:0!important;box-shadow:0 2px 24px #00000014}nav.scrolled>div{padding-top:.5rem!important;padding-bottom:.5rem!important}@media (min-width: 768px){nav.scrolled>div{padding-top:.75rem!important;padding-bottom:.75rem!important}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9997;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px}.img-reveal{overflow:hidden}.img-reveal img{transition:transform 2s cubic-bezier(.2,1,.3,1)}.img-reveal:hover img{transform:scale(1.04)}@keyframes pgFadeIn{0%{opacity:0}to{opacity:1}}@keyframes titleReveal{0%{opacity:0;transform:translateY(40px) scale(.98);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes bodyFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes glowPulse{0%,to{box-shadow:0 0 10px 3px #fffc}50%{box-shadow:0 0 18px 6px #fff}}.animate-title-reveal{animation:titleReveal 1.2s cubic-bezier(.2,.8,.2,1) forwards}.animate-body-fade{animation:bodyFade 1.5s cubic-bezier(.25,.46,.45,.94) forwards}@media (max-width: 767px){.project-hover-img{display:none!important}nav .hidden.md\:flex.flex-col{position:absolute;top:100%;left:0;right:0;background:#fffffff7;padding:1.5rem 2rem;gap:1.25rem;box-shadow:0 8px 32px #0000001f;border-top:1px solid rgba(0,0,0,.06)}.img-reveal img{min-height:100%}h1,h2{word-break:break-word}}img{transition:transform .8s cubic-bezier(.2,1,.3,1)!important}img.grayscale{will-change:filter}img.grayscale.is-colored,img.grayscale:hover,img.grayscale:focus,img.grayscale:active,.group:hover img,.group:focus img,.group:active img,.img-reveal:hover img,.img-reveal:active img,.project-item:hover img,.project-item:active img{filter:grayscale(0%) brightness(100%)!important}@media (hover: none){img:active,.group:active img,.img-reveal:active img,.project-item:active img{filter:grayscale(0%) brightness(100%)!important}}.nav-link{font-family:Manrope,sans-serif;letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;line-height:1rem;font-weight:500;color:#71717a;transition:color .3s ease}.nav-link:hover{color:#000}.nav-link.active{color:#000;border-bottom:2px solid #000;padding-bottom:.25rem}.project-item{position:relative;display:flex;justify-content:space-between;align-items:center;padding-top:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(0,0,0,.12);overflow:hidden;transition:all .5s ease}@media (min-width: 768px){.project-item{padding-top:4rem;padding-bottom:4rem}}.project-item .project-arrow{opacity:.5;transition:all .3s ease}.project-item:hover .project-arrow{opacity:1;transform:translate(.5rem)}.project-hover-img{position:absolute;right:20%;top:50%;transform:translateY(-50%);width:0;height:12rem;opacity:0;overflow:hidden;pointer-events:none;z-index:0;transition:all .7s ease}.group:hover .project-hover-img{width:20rem;opacity:1}.hero-full{height:100vh}@supports (height: 100svh){.hero-full{height:100svh}}.nav-hero:not(.scrolled){background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom-color:transparent!important}.nav-hero:not(.scrolled) a,.nav-hero:not(.scrolled) button,.nav-hero:not(.scrolled) .material-symbols-outlined{color:#fff!important}.nav-hero:not(.scrolled) .nav-link{color:#ffffffd9!important}.nav-hero:not(.scrolled) .nav-link.active{border-bottom-color:#fff!important}nav>div{padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right))}@media (min-width: 768px){nav>div{padding-left:max(2rem,env(safe-area-inset-left));padding-right:max(2rem,env(safe-area-inset-right))}}@media (max-width: 767px){html,body{max-width:100%;overflow-x:clip}img,video,svg{height:auto}[class*="right-[-"],[class*="bottom-[-"],[class*="left-[-"],[class*="top-[-"]{max-width:100vw}.hero-full h1{font-size:clamp(1.5rem,7.4vw,2.5rem);line-height:1.05;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.hero-full p{font-size:.9rem;line-height:1.6;overflow-wrap:break-word}.hero-full .relative.z-10{padding-bottom:4.5rem}}@media (max-width: 767px){.group.py-8.flex.justify-between.items-center{padding-left:0!important;padding-right:0!important}}