:root{--bg: #000000;--bg-elevated: #0a0a0a;--bg-card: #111111;--text-primary: #ffffff;--text-muted: rgba(255, 255, 255, .5);--text-dim: rgba(255, 255, 255, .3);--accent: #8CD1F0;--accent-dim: rgba(140, 209, 240, .15);--accent-glow: rgba(140, 209, 240, .4);--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem;--space-2xl: 12rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:auto}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}body{font-family:var(--font-body);background:var(--bg);color:var(--text-primary);overflow-x:hidden;line-height:1.6}img,video{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer;color:inherit;font:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:500;line-height:1.1}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#scene-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.content-layer{position:relative;z-index:1}.section{padding:var(--space-lg) var(--space-sm);max-width:1200px;margin:0 auto}@media(min-width:768px){.section{padding:var(--space-xl) var(--space-md)}}.preloader{position:fixed;inset:0;z-index:100;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.preloader__counter{font-family:var(--font-display);font-size:clamp(3rem,10vw,6rem);font-weight:300;letter-spacing:-.03em;color:var(--text-primary);font-variant-numeric:tabular-nums}.preloader__line{width:60px;height:1px;background:var(--accent);transform-origin:left center;transform:scaleX(0)}.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:var(--space-sm) var(--space-md);display:flex;align-items:center;justify-content:space-between;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0006;border-bottom:1px solid rgba(255,255,255,.05);transform:translateY(0) translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;transition:transform .3s var(--ease-out)}.nav--hidden{transform:translateY(-100%)}.nav__monogram{font-family:var(--font-display);font-size:1.25rem;font-weight:500;letter-spacing:.05em;color:var(--accent)}.nav__links{display:flex;gap:var(--space-md);list-style:none}.nav__link{font-size:.875rem;color:var(--text-muted);transition:color .3s ease;letter-spacing:.02em}.nav__link:hover{color:var(--text-primary)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-lg) var(--space-sm);position:relative}.hero__name{font-size:clamp(3rem,12vw,8rem);font-weight:500;letter-spacing:-.04em;line-height:.95;overflow:hidden;mix-blend-mode:difference;text-shadow:0 0 40px rgba(0,0,0,.6)}.hero__name span{display:inline-block}.hero__tagline{margin-top:var(--space-sm);font-size:clamp(.7rem,1.2vw,.875rem);color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;mix-blend-mode:difference;text-shadow:0 0 10px rgba(0,0,0,1),0 0 30px rgba(0,0,0,.9),0 0 60px rgba(0,0,0,.7)}.hero__scroll-indicator{position:absolute;bottom:var(--space-lg);font-size:1.5rem;color:var(--text-dim);animation:pulse-down 2s ease-in-out infinite}@keyframes pulse-down{0%,to{transform:translateY(0);opacity:.3}50%{transform:translateY(8px);opacity:.7}}.projects{padding:var(--space-2xl) var(--space-sm) var(--space-xl);position:relative}.projects:before{content:"";position:absolute;inset:-10% -20%;background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(0,0,0,.75) 0%,rgba(0,0,0,.5) 40%,rgba(0,0,0,.15) 70%,transparent 100%);z-index:-1;pointer-events:none}.projects__heading{font-size:clamp(.75rem,1.5vw,.875rem);text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);margin-bottom:var(--space-xl);text-align:center;text-shadow:0 0 20px rgba(0,0,0,.8)}.project-card{max-width:800px;margin:0 auto var(--space-xl);opacity:0;transform:translateY(60px);will-change:transform,opacity}.project-card:last-child{margin-bottom:0}.project-card__image-wrap{width:100%;aspect-ratio:16 / 10;border-radius:12px;overflow:hidden;background:#0a0a0f80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff08 inset;transition:transform .6s var(--ease-out),box-shadow .6s var(--ease-out),border-color .6s ease}.project-card:hover .project-card__image-wrap{transform:translateY(-4px);box-shadow:0 16px 48px #00000080,0 0 0 1px #8cd1f00f inset;border-color:#8cd1f01f}.project-card__image{width:100%;height:100%;object-fit:cover;display:flex;align-items:center;justify-content:center}.project-card__title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);margin-top:var(--space-md);margin-bottom:var(--space-xs);text-shadow:0 0 10px rgba(0,0,0,.9),0 0 30px rgba(0,0,0,.5)}.project-card__desc{font-size:.9375rem;color:var(--text-muted);line-height:1.7;max-width:550px;text-shadow:0 0 15px rgba(0,0,0,.8)}.project-card__link{display:inline-flex;align-items:center;gap:.5rem;margin-top:var(--space-sm);font-size:.875rem;color:var(--accent);transition:gap .3s var(--ease-out),text-shadow .3s ease;text-shadow:0 0 15px rgba(0,0,0,.8)}.project-card__link:hover{gap:.75rem;text-shadow:0 0 10px rgba(140,209,240,.3),0 0 20px rgba(0,0,0,.6)}@media(max-width:767px){.project-card{margin-bottom:var(--space-lg)}}.showcase{position:relative;height:100vh;width:100%;overflow:hidden}.showcase__label{position:absolute;top:var(--space-lg);left:50%;transform:translate(-50%);z-index:10;font-size:clamp(.75rem,1.5vw,.875rem);text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);text-shadow:0 0 20px rgba(0,0,0,.8);pointer-events:none}@media(max-width:767px){.showcase__label{top:7rem}}.showcase__viewport{position:relative;width:100%;height:100%}.showcase__slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;will-change:opacity,transform}.showcase__slide:first-child{opacity:1}.showcase__card{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-md);max-width:900px;width:100%}.showcase__image-wrap{width:100%;aspect-ratio:16 / 10;border-radius:12px;overflow:hidden;background:#0a0a0f80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff08 inset}.showcase__image{width:100%;height:100%;object-fit:cover;display:block}.showcase__info{text-align:center;max-width:500px}.showcase__title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:var(--space-xs);text-shadow:0 0 10px rgba(0,0,0,.9),0 0 30px rgba(0,0,0,.5)}.showcase__desc{font-size:.9375rem;color:var(--text-muted);line-height:1.7;text-shadow:0 0 15px rgba(0,0,0,.8)}.showcase__link{display:inline-flex;align-items:center;gap:.5rem;margin-top:var(--space-sm);font-size:.875rem;color:var(--accent);transition:gap .3s var(--ease-out),text-shadow .3s ease;text-shadow:0 0 15px rgba(0,0,0,.8)}.showcase__link:hover{gap:.75rem;text-shadow:0 0 10px rgba(140,209,240,.3),0 0 20px rgba(0,0,0,.6)}.showcase__counter{position:absolute;bottom:var(--space-md);right:var(--space-md);font-family:var(--font-display);font-size:.8125rem;color:var(--text-dim);letter-spacing:.15em;text-shadow:0 0 15px rgba(0,0,0,.8)}@media(max-width:767px){.showcase__card{padding:var(--space-lg) var(--space-sm)}}.writing{padding:var(--space-2xl) var(--space-sm);position:relative}.writing:before{content:"";position:absolute;inset:-10% -20%;background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(0,0,0,.75) 0%,rgba(0,0,0,.5) 40%,rgba(0,0,0,.15) 70%,transparent 100%);z-index:-1;pointer-events:none}.writing__heading{font-size:clamp(.75rem,1.5vw,.875rem);text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);margin-bottom:var(--space-lg);text-align:center;text-shadow:0 0 20px rgba(0,0,0,.8)}.writing__list{max-width:700px;margin:0 auto;list-style:none}.writing__item{padding:var(--space-sm) 0;border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-sm);transition:opacity .3s ease;cursor:pointer;position:relative}.writing__list:hover .writing__item{opacity:.3}.writing__list:hover .writing__item:hover{opacity:1}.writing__item:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out)}.writing__item:hover:after{transform:scaleX(1)}.writing__title{font-family:var(--font-display);font-size:clamp(1rem,2vw,1.25rem);text-shadow:0 0 10px rgba(0,0,0,.9),0 0 25px rgba(0,0,0,.5)}.writing__meta{font-size:.8125rem;color:var(--text-dim);white-space:nowrap;text-shadow:0 0 15px rgba(0,0,0,.8)}.writing__item-link{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-sm);color:inherit;text-decoration:none}.writing__all{text-align:center;margin-top:var(--space-md)}.writing__all-link{display:inline-block;font-size:.875rem;color:var(--accent);letter-spacing:.02em;transition:gap .3s var(--ease-out),opacity .3s ease;text-shadow:0 0 15px rgba(0,0,0,.8)}.writing__all-link:hover{opacity:.7}.footer{padding:var(--space-2xl) var(--space-sm) var(--space-lg);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);position:relative}.footer:before{content:"";position:absolute;inset:-15% -25%;background:radial-gradient(ellipse 90% 70% at 50% 50%,rgba(0,0,0,.8) 0%,rgba(0,0,0,.5) 40%,rgba(0,0,0,.1) 75%,transparent 100%);z-index:-1;pointer-events:none}.footer__socials{display:flex;gap:var(--space-md)}.footer__social-link{color:var(--text-muted);transition:color .3s ease,transform .3s var(--ease-out);filter:drop-shadow(0 0 8px rgba(0,0,0,.8))}.footer__social-link:hover{color:var(--accent);transform:translateY(-2px);filter:drop-shadow(0 0 12px rgba(140,209,240,.3))}.footer__social-link svg{width:24px;height:24px}.footer__copyright{font-size:.8125rem;color:var(--text-dim);text-shadow:0 0 15px rgba(0,0,0,.8)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}#scene-canvas{display:none}}