@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--clr-bg: #111110;--clr-surface: #181817;--clr-accent: #a8ff57;--clr-accent-dim:#6dcc1f;--clr-text: #e8e6df;--clr-muted: #888780;--clr-border: rgba(255,255,255,.07);--font-display: "Space Grotesk", sans-serif;--font-mono: "Space Mono", monospace;--nav-h: 64px;--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--clr-bg);color:var(--clr-text);font-family:var(--font-display);overflow-x:hidden;cursor:none}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{cursor:none;background:none;border:none;font-family:inherit}.cursor{position:fixed;top:0;left:0;width:10px;height:10px;background:var(--clr-accent);border-radius:50%;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);transition:transform .08s linear,opacity .3s;mix-blend-mode:difference}.cursor-ring{position:fixed;top:0;left:0;width:36px;height:36px;border:1.5px solid rgba(168,255,87,.5);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .18s var(--ease-out),width .25s,height .25s,border-color .25s}body:hover .cursor{opacity:1}body:before{content:"";position:fixed;inset:0;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.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9998;opacity:.4}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;z-index:200;background:linear-gradient(180deg,rgba(17,17,16,.95) 0%,transparent 100%);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.navbar__brand{font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--clr-text)}.navbar__menu-btn{display:flex;align-items:center;gap:.6rem;padding:.55rem 1.1rem .55rem 1.3rem;border:1.5px solid var(--clr-border);border-radius:100px;font-size:.78rem;font-weight:500;letter-spacing:.04em;color:var(--clr-text);background:#ffffff08;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .25s,background .25s}.navbar__menu-btn:hover{border-color:var(--clr-accent);background:#a8ff570f}.navbar__menu-icon{display:flex;flex-direction:column;gap:4px;width:16px}.navbar__menu-icon .bar{display:block;height:1.5px;background:var(--clr-text);border-radius:2px;transition:transform .3s var(--ease-out),opacity .25s;transform-origin:center}.navbar__menu-btn.active .bar:first-child{transform:translateY(2.75px) rotate(45deg)}.navbar__menu-btn.active .bar:last-child{transform:translateY(-2.75px) rotate(-45deg)}.mobile-menu{position:fixed;inset:0;background:var(--clr-bg);z-index:190;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem 2.5rem;clip-path:inset(0 0 100% 0);transition:clip-path .65s var(--ease-out)}.mobile-menu.open{clip-path:inset(0 0 0% 0)}.mobile-menu__nav{display:flex;flex-direction:column;gap:0;margin-bottom:auto;padding-top:calc(var(--nav-h) + 2rem)}.mobile-menu__link{display:flex;align-items:baseline;gap:1rem;font-size:clamp(2.8rem,8vw,6rem);font-weight:700;line-height:1.05;letter-spacing:-.04em;padding:.15em 0;border-bottom:1px solid var(--clr-border);color:var(--clr-muted);transform:translateY(40px);opacity:0;transition:color .25s,transform .55s var(--ease-out),opacity .45s}.mobile-menu.open .mobile-menu__link{transform:translateY(0);opacity:1}.mobile-menu__link:hover{color:var(--clr-accent)}.mobile-menu__link-num{font-size:.75rem;font-family:var(--font-mono);color:var(--clr-muted);align-self:flex-start;margin-top:.6em}.mobile-menu__footer{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--clr-muted);padding-top:1.5rem;flex-wrap:wrap;gap:.75rem}.mobile-menu__footer a:hover{color:var(--clr-accent)}.mobile-menu__socials{display:flex;gap:1.5rem}.hero{position:relative;width:100%;height:100vh;min-height:600px;overflow:hidden;display:grid}.hero__glow{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:60vw;height:80vh;background:radial-gradient(ellipse 55% 70% at 50% 80%,rgba(100,220,30,.28) 0%,transparent 70%);pointer-events:none;z-index:0;transition:transform .6s var(--ease-out)}.hero__name-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-start;padding:calc(var(--nav-h) + .5rem) 2.5rem 2.5rem;z-index:1;pointer-events:none;transition:transform .55s var(--ease-out);will-change:transform}.hero__name-layer.stroke{z-index:3}.hero__name-layer.stroke .hero__name-line{color:transparent!important;-webkit-text-stroke:1.5px var(--clr-text);text-shadow:none!important}.hero__name-layer.stroke .hero__name-line.accent{-webkit-text-stroke:1.5px var(--clr-accent)}.hero__photo-wrap{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:clamp(280px,40vw,580px);z-index:2;mask-image:linear-gradient(to top,transparent 0%,black 15%,black 100%);-webkit-mask-image:linear-gradient(to top,transparent 0%,black 15%,black 100%);transition:transform .35s var(--ease-out);will-change:transform}.hero__photo{width:100%;height:100%;object-fit:cover;object-position:top center;filter:grayscale(15%) contrast(1.05);animation:photoReveal 1.2s var(--ease-out) both}@keyframes photoReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero__top-overlay{position:absolute;top:0;left:0;right:0;padding:calc(var(--nav-h) + 1.5rem) 2.5rem 0;z-index:4;pointer-events:none}.hero__tagline{font-size:.9rem;font-weight:500;letter-spacing:.02em;color:var(--clr-text);opacity:.85;display:flex;align-items:center;gap:.5em;animation:fadeUp .8s .2s var(--ease-out) both}.hero__wave{display:inline-block;animation:wave 2.2s 1s ease-in-out infinite;transform-origin:70% 80%}@keyframes wave{0%,60%,to{transform:rotate(0)}10%,40%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}50%{transform:rotate(10deg)}}.hero__name{display:flex;flex-direction:column;line-height:.88;font-size:clamp(5rem,13.5vw,14rem);font-weight:700;letter-spacing:-.05em;text-transform:uppercase;animation:fadeUp .9s .35s var(--ease-out) both}.hero__name-line{display:block;color:var(--clr-text);mix-blend-mode:normal}.hero__name-line.accent{color:var(--clr-accent);text-shadow:0 0 80px rgba(168,255,87,.35)}.hero__contact{position:absolute;bottom:2.5rem;left:2.5rem;z-index:4;display:flex;flex-direction:column;gap:.3rem;font-size:.78rem;font-family:var(--font-mono);color:var(--clr-muted);animation:fadeUp .9s .55s var(--ease-out) both}.hero__contact p{display:flex;align-items:center;gap:.75rem}.hero__contact-label{color:var(--clr-accent);font-size:.65rem;font-weight:700}.hero__contact a:hover{color:var(--clr-text)}.hero__desc{position:absolute;bottom:5.5rem;right:2.5rem;z-index:4;max-width:260px;font-size:.78rem;line-height:1.65;color:var(--clr-muted);text-align:right;animation:fadeUp .9s .6s var(--ease-out) both}.hero__socials{position:absolute;bottom:2.5rem;right:2.5rem;z-index:4;display:flex;align-items:center;gap:.55rem;font-size:.78rem;font-family:var(--font-mono);color:var(--clr-muted);animation:fadeUp .9s .65s var(--ease-out) both}.hero__socials span{opacity:.4}.hero__socials a{transition:color .2s}.hero__socials a:hover{color:var(--clr-accent)}.hero__scroll{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;z-index:5;padding-right:.5rem;animation:fadeIn 1.2s 1s var(--ease-out) both}.hero__scroll span{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.22em;writing-mode:vertical-rl;color:var(--clr-muted)}.hero__scroll-line{width:1px;height:64px;background:linear-gradient(to bottom,var(--clr-muted),transparent);animation:scrollDrop 1.8s 1.5s var(--ease-out) infinite}@keyframes scrollDrop{0%{transform:scaleY(0);transform-origin:top;opacity:1}50%{transform:scaleY(1);transform-origin:top;opacity:1}to{transform:scaleY(0);transform-origin:bottom;opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.navbar{padding:0 1.25rem}.hero__content{padding:calc(var(--nav-h) + 1rem) 1.25rem 1.25rem}.hero__name{font-size:clamp(3.8rem,18vw,7rem)}.hero__contact,.hero__desc,.hero__socials{font-size:.72rem}.hero__contact{left:1.25rem;bottom:1.5rem}.hero__socials{right:1.25rem;bottom:1.5rem;flex-wrap:wrap;max-width:180px;justify-content:flex-end}.hero__desc{right:1.25rem;bottom:5rem;max-width:200px}.hero__scroll{display:none}.mobile-menu{padding:1.25rem}}