:root{--bg:#07070a;--bg-soft:#0d0d12;--surface:#121219;--line:#ffffff1a;--text:#f4f4f0;--muted:#8b8b95;--muted-soft:#5c5c66;--accent:#c8ff4d;--accent-dim:#9bcc2e;--font-display:"Space Grotesk", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--step--1:clamp(.78rem, .74rem + .2vw, .9rem);--step-0:clamp(.95rem, .9rem + .25vw, 1.06rem);--step-1:clamp(1.2rem, 1.05rem + .7vw, 1.6rem);--step-2:clamp(1.6rem, 1.3rem + 1.6vw, 2.6rem);--step-3:clamp(2.2rem, 1.6rem + 3vw, 4rem);--display:clamp(2.8rem, 1.2rem + 8vw, 9rem);--gutter:clamp(1.25rem, .8rem + 2.5vw, 4.5rem);--section-gap:clamp(6rem, 4rem + 10vw, 14rem);--radius:14px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--maxw:1500px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;scroll-behavior:auto}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text);font-size:var(--step-0);min-height:100vh;line-height:1.6;overflow-x:hidden}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600;line-height:1.02}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}::selection{background:var(--accent);color:#000}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.wrap{width:100%;max-width:var(--maxw);padding-inline:var(--gutter);margin-inline-start:auto;margin-inline-end:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#bg-canvas{z-index:-2;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.grain{z-index:9990;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");width:200%;height:200%;animation:.6s steps(3,end) infinite grain;position:fixed;top:-50%;bottom:-50%;left:-50%;right:-50%}@keyframes grain{0%{transform:translate(0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}to{transform:translate(0)}}.vignette{z-index:-1;pointer-events:none;background:radial-gradient(120% 90% at 50% 0,#0000 40%,#07070a8c 100%);position:fixed;top:0;bottom:0;left:0;right:0}@media (prefers-reduced-motion:reduce){.grain{animation:none}*{scroll-behavior:auto!important}}.cursor-dot,.cursor-ring{pointer-events:none;z-index:9999;mix-blend-mode:difference;will-change:transform;border-radius:50%;position:fixed;top:0;left:0}.cursor-dot{background:#fff;width:7px;height:7px;transform:translate(-50%,-50%)}.cursor-ring{width:38px;height:38px;transition:width .25s var(--ease-out), height .25s var(--ease-out), background .25s var(--ease-out), border-color .25s var(--ease-out);border:1px solid #fff9;transform:translate(-50%,-50%)}.cursor-ring.is-hover{border-color:var(--accent);background:#c8ff4d1f;width:64px;height:64px}body.has-cursor,body.has-cursor a,body.has-cursor button{cursor:none}@media (hover:none),(pointer:coarse){.cursor-dot,.cursor-ring{display:none!important}}.preloader{z-index:10000;background:var(--bg);place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.preloader__count{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);font-size:clamp(3rem,12vw,9rem);font-weight:600;line-height:1}.preloader__count span{color:var(--accent)}.preloader__bar{background:var(--accent);transform-origin:0;width:100%;height:2px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.site-nav{z-index:1000;width:100%;padding:clamp(1rem, 2vw, 1.6rem) var(--gutter);mix-blend-mode:difference;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0}.site-nav__logo{font-family:var(--font-display);font-weight:600;font-size:var(--step-1);letter-spacing:-.03em;color:#fff}.site-nav__logo span{color:var(--accent)}.nav-links{align-items:center;gap:clamp(1.2rem,3vw,2.6rem);display:flex}.nav-links a{font-size:var(--step--1);letter-spacing:.02em;text-transform:uppercase;color:#fff;position:relative}.nav-links a:after{content:"";transform-origin:100%;width:100%;height:1px;transition:transform .4s var(--ease-out);background:currentColor;position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.nav-links a:hover:after{transform-origin:0;transform:scaleX(1)}.nav-toggle{z-index:1001;width:34px;height:34px;display:none;position:relative}.nav-toggle span{height:2px;transition:transform .4s var(--ease-out), opacity .3s var(--ease-out);background:#fff;position:absolute;left:4px;right:4px}.nav-toggle span:first-child{top:12px}.nav-toggle span:nth-child(2){bottom:12px}body.nav-open .nav-toggle span:first-child{transform:translateY(4px)rotate(45deg)}body.nav-open .nav-toggle span:nth-child(2){transform:translateY(-4px)rotate(-45deg)}@media (max-width:768px){.nav-toggle{display:block}body.nav-open .site-nav{mix-blend-mode:normal}.nav-links{z-index:1000;background:var(--bg);transition:transform .6s var(--ease-out);flex-direction:column;justify-content:center;gap:1.5rem;position:fixed;top:0;bottom:0;left:0;right:0;transform:translateY(-100%)}.nav-links a{font-size:var(--step-2);text-transform:none}body.nav-open .nav-links{transform:translateY(0)}}.btn{border:1px solid var(--line);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.06em;isolation:isolate;transition:color .4s var(--ease-out), border-color .4s var(--ease-out);border-radius:100px;align-items:center;gap:.6rem;padding:.9rem 1.6rem;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;background:var(--accent);transition:transform .5s var(--ease-out);position:absolute;top:0;bottom:0;left:0;right:0;transform:translateY(101%)}.btn:hover{color:#000;border-color:var(--accent)}.btn:hover:before{transform:translateY(0)}.btn--accent{background:var(--accent);color:#000;border-color:var(--accent)}.btn--accent:before{background:#fff}.marquee{-webkit-user-select:none;user-select:none;border-block:1px solid var(--line);gap:0;padding-block-start:clamp(1rem,2vw,1.8rem);padding-block-end:clamp(1rem,2vw,1.8rem);display:flex;overflow:hidden}.marquee__track{will-change:transform;flex-shrink:0;gap:3rem;padding-right:3rem;display:flex}.marquee__item{font-family:var(--font-display);font-size:var(--step-2);letter-spacing:-.02em;color:var(--muted);white-space:nowrap;align-items:center;gap:3rem;font-weight:500;display:inline-flex}.marquee__item:after{content:"";background:var(--accent);border-radius:50%;width:10px;height:10px}.reveal-line{display:block;overflow:hidden}.reveal-line>*{display:block}[data-fade]{opacity:0;transform:translateY(28px)}.hero{flex-direction:column;justify-content:center;min-height:100svh;padding-block-start:8rem;padding-block-end:4rem;display:flex;position:relative}.hero__eyebrow{font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.7rem;margin-bottom:clamp(1.2rem,3vw,2.4rem);display:flex}.hero__eyebrow .dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2.4s infinite pulse;box-shadow:0 0 #c8ff4d99}@keyframes pulse{0%{box-shadow:0 0 #c8ff4d80}70%{box-shadow:0 0 0 12px #c8ff4d00}to{box-shadow:0 0 #c8ff4d00}}.hero__title{font-size:var(--display);letter-spacing:-.03em;margin-bottom:clamp(1.6rem,4vw,3rem);font-weight:600}.hero__title em{color:var(--accent);font-style:italic;font-weight:400}.hero__meta{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:clamp(1.5rem,4vw,4rem);display:flex}.hero__intro{max-width:46ch;color:var(--muted);font-size:var(--step-1)}.hero__intro strong{color:var(--text);font-weight:500}.hero__scroll{font-size:var(--step--1);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);align-items:center;gap:.6rem;display:inline-flex}.hero__scroll .line{background:var(--muted);width:50px;height:1px;position:relative;overflow:hidden}.hero__scroll .line:after{content:"";background:var(--accent);animation:scrollLine 2s var(--ease-in-out) infinite;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}@keyframes scrollLine{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.section{padding-block:var(--section-gap);position:relative}.section__label{font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.8rem;margin-bottom:clamp(2rem,5vw,4rem);display:flex}.section__label:before{content:"";background:var(--accent);width:36px;height:1px}.section__title{font-size:var(--step-3);max-width:18ch}.about__grid{grid-template-columns:1fr;gap:clamp(2rem,5vw,5rem);display:grid}.about__lead{font-size:var(--step-2);font-family:var(--font-display);letter-spacing:-.02em;max-width:20ch;font-weight:400;line-height:1.18}.about__lead em{color:var(--accent);font-style:italic}.about__body p{color:var(--muted);max-width:60ch;margin-bottom:1.2rem}.about__body p strong{color:var(--text);font-weight:500}.about__facts{border-top:1px solid var(--line);flex-wrap:wrap;gap:clamp(1.5rem,4vw,3.5rem);margin-top:2.4rem;padding-top:2.4rem;display:flex}.about__fact .num{font-family:var(--font-display);font-size:var(--step-2);color:var(--accent)}.about__fact .lbl{font-size:var(--step--1);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}@media (min-width:900px){.about__grid{grid-template-columns:1fr 1.2fr;align-items:start}}.work__list{border-top:1px solid var(--line);flex-direction:column;display:flex}.work-item{border-bottom:1px solid var(--line);transition:padding-inline .5s var(--ease-out);grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;padding-block-start:clamp(1.6rem,3vw,2.8rem);padding-block-end:clamp(1.6rem,3vw,2.8rem);display:grid;position:relative}.work-item__index{font-size:var(--step--1);color:var(--muted-soft);font-variant-numeric:tabular-nums}.work-item__title{letter-spacing:-.02em;transition:transform .5s var(--ease-out), color .4s var(--ease-out);font-size:clamp(1.6rem,5vw,3.4rem);font-weight:500}.work-item__tag{font-size:var(--step--1);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;text-align:right}.work-item__desc{color:var(--muted);opacity:0;max-width:60ch;max-height:0;transition:max-height .5s var(--ease-out), opacity .4s var(--ease-out), margin .5s var(--ease-out);grid-column:2/3;overflow:hidden}.work-item:hover{padding-inline-start:clamp(.5rem,2vw,1.5rem);padding-inline-end:clamp(.5rem,2vw,1.5rem)}.work-item:hover .work-item__title{color:var(--accent);transform:translate(10px)}.work-item:hover .work-item__desc{opacity:1;max-height:8rem;margin-top:.8rem}.work-preview{aspect-ratio:4/3;border-radius:var(--radius);pointer-events:none;opacity:0;z-index:50;will-change:transform, opacity;border:1px solid var(--line);background:var(--surface);width:clamp(220px,24vw,360px);position:fixed;top:0;left:0;overflow:hidden}.work-preview img{object-fit:contain;background:#fff;width:100%;height:100%;padding:1.4rem}@media (hover:none),(pointer:coarse){.work-preview{display:none}.work-item__desc{opacity:1;max-height:8rem;margin-top:.8rem}.work-item{grid-template-columns:auto 1fr}.work-item__tag{text-align:left;grid-column:2}}.exp__list{border-top:1px solid var(--line);flex-direction:column;display:flex}.exp-item{border-bottom:1px solid var(--line);grid-template-columns:160px 1fr;gap:clamp(1rem,3vw,3rem);padding-block-start:clamp(1.6rem,3vw,2.6rem);padding-block-end:clamp(1.6rem,3vw,2.6rem);display:grid}.exp-item__period{font-size:var(--step--1);color:var(--muted-soft);font-variant-numeric:tabular-nums;padding-top:.5rem}.exp-item__title{letter-spacing:-.01em;font-size:clamp(1.3rem,3vw,2rem);font-weight:500}.exp-item__company{color:var(--accent);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.06em;margin-top:.4rem}.exp-item__desc{color:var(--muted);max-width:62ch;margin-top:.9rem}@media (max-width:640px){.exp-item{grid-template-columns:1fr;gap:.4rem}.exp-item__period{padding-top:0}}.contact{text-align:center;padding-block:var(--section-gap)}.contact__big{font-size:var(--display);letter-spacing:-.03em;margin-bottom:clamp(2rem,5vw,3.5rem);line-height:.95}.contact__big a{transition:color .4s var(--ease-out);display:inline-block;position:relative}.contact__big a:hover{color:var(--accent)}.contact__sub{color:var(--muted);margin-inline-start:auto;margin-inline-end:auto;max-width:40ch;font-size:var(--step-1);margin-bottom:2.5rem}.socials{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.socials a{border:1px solid var(--line);width:52px;height:52px;transition:transform .4s var(--ease-out), background .4s var(--ease-out), border-color .4s var(--ease-out);border-radius:50%;place-items:center;display:grid}.socials a img{filter:invert();opacity:.8;width:20px;height:20px}.socials a:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-5px)}.socials a:hover img{filter:none;opacity:1}.site-footer{border-top:1px solid var(--line);padding-block-start:clamp(2rem,4vw,3rem);padding-block-end:clamp(2rem,4vw,3rem)}.site-footer__inner{color:var(--muted);font-size:var(--step--1);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.site-footer__inner a:hover{color:var(--accent)}