:root{--bg: #0a0a0a;--surface: #111111;--surface-2: #1a1a1a;--accent: #e63946;--accent-dim: rgba(230, 57, 70, .15);--text: #f0ece3;--text-muted: #555555;--text-dim: #999999;--border: rgba(240, 236, 227, .08);--font-display: "Bebas Neue", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "DM Mono", monospace;--ease-expo: cubic-bezier(.16, 1, .3, 1);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--nav-h: 72px;--section-pad: clamp(80px, 12vw, 160px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:auto}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-weight:300;line-height:1.6;overflow-x:hidden;cursor:none}a{color:inherit;text-decoration:none}img,svg{display:block}button{background:none;border:none;cursor:none;font:inherit;color:inherit}.cursor{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;mix-blend-mode:difference}.cursor__dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--text);transform:translate(-50%,-50%);transition:transform .1s var(--ease-expo),width .3s var(--ease-expo),height .3s var(--ease-expo)}.cursor__ring{position:absolute;width:40px;height:40px;border-radius:50%;border:1px solid var(--text);transform:translate(-50%,-50%);transition:width .4s var(--ease-expo),height .4s var(--ease-expo),border-color .3s ease,background .3s ease}.cursor__label{position:absolute;transform:translate(-50%,-50%);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;opacity:0;transition:opacity .3s ease;white-space:nowrap}body.cursor--hover .cursor__ring{width:80px;height:80px;background:#f0ece31a;border-color:transparent}body.cursor--view .cursor__ring{width:80px;height:80px;background:var(--text);border-color:transparent}body.cursor--view .cursor__label{opacity:1;color:var(--bg);mix-blend-mode:normal}body.cursor--view .cursor__dot{width:0;height:0}.preloader{position:fixed;inset:0;z-index:9000;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden}.preloader__counter{font-family:var(--font-mono);font-size:clamp(60px,12vw,120px);font-weight:300;color:var(--text);line-height:1}.preloader__bar{position:absolute;bottom:0;left:0;height:2px;width:0%;background:var(--accent);transition:none}.preloader__reveal{position:absolute;inset:0;background:var(--accent);transform:scaleY(0);transform-origin:bottom}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);opacity:0;transform:translateY(-20px)}.nav:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--border)}.nav__logo{font-family:var(--font-display);font-size:28px;letter-spacing:.05em;color:var(--text)}.nav__links{display:flex;gap:40px}.nav__link{font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;color:var(--text-dim);transition:color .3s ease;position:relative}.nav__link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent);transition:width .4s var(--ease-expo)}.nav__link:hover{color:var(--text)}.nav__link:hover:after{width:100%}.magnetic{display:inline-block}.section-num{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);letter-spacing:.1em;display:block;margin-bottom:16px}.hero{position:relative;height:100vh;min-height:700px;display:flex;align-items:center;overflow:hidden;background:var(--bg)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a0a0a33,#0a0a0ad9);z-index:1;pointer-events:none}.hero__canvas{position:absolute;inset:0;width:100%;height:100%}.hero__content{position:relative;z-index:2;padding:0 clamp(24px,7vw,120px);padding-top:var(--nav-h)}.hero__overline{display:flex;align-items:center;gap:20px;margin-bottom:24px;overflow:hidden}.hero__overline-text{font-family:var(--font-mono);font-size:13px;letter-spacing:.15em;color:var(--accent);text-transform:uppercase;opacity:0;transform:translateY(20px)}.hero__overline-line{flex:1;max-width:120px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left}.hero__title{font-family:var(--font-display);font-size:clamp(80px,16vw,240px);line-height:.85;letter-spacing:-.01em;margin-bottom:32px;overflow:hidden}.hero__title-line{display:block;transform:translateY(100%)}.hero__title-line--accent{color:transparent;-webkit-text-stroke:1px var(--text);padding-left:clamp(40px,8vw,120px)}.hero__subtitle{font-size:clamp(15px,1.4vw,18px);color:var(--text-dim);line-height:1.7;max-width:420px;margin-bottom:48px;opacity:0;transform:translateY(30px)}.hero__cta{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;border:1px solid var(--border);font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;color:var(--text);transition:background .4s ease,border-color .4s ease;opacity:0;transform:translateY(20px) scale(.95);position:relative;overflow:hidden}.hero__cta:before{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-expo)}.hero__cta:hover:before{transform:scaleX(1)}.hero__cta span,.hero__cta svg{position:relative;z-index:1}.hero__scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0}.hero__scroll-text{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--text-muted);text-transform:uppercase;writing-mode:vertical-lr}.hero__scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--text-muted),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{transform:scaleY(1);opacity:1}50%{transform:scaleY(.5);opacity:.4}}.hero__bottom{position:absolute;bottom:40px;right:clamp(24px,5vw,80px);display:flex;flex-direction:column;align-items:flex-end;gap:8px;opacity:0}.hero__location,.hero__year{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--text-muted)}.about{height:400vh;position:relative;z-index:1}.about__sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:var(--bg)}.about__track{display:flex;height:100%;width:300vw;will-change:transform}.about__panel{width:100vw;height:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0 clamp(24px,7vw,120px)}.about__panel--intro{flex-direction:column;align-items:flex-start;justify-content:center;border-right:1px solid var(--border)}.about__panel-num{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);letter-spacing:.1em;margin-bottom:24px}.about__heading{font-family:var(--font-display);font-size:clamp(80px,14vw,200px);line-height:.85;letter-spacing:-.01em}.about__panel--photo{padding:40px 60px}.about__photo-wrap{position:relative;width:min(460px,70%);aspect-ratio:4/5;overflow:hidden}.about__photo-grain{position:absolute;inset:0;z-index:2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");opacity:.4;mix-blend-mode:overlay;pointer-events:none}.about__photo-img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.about__panel--text{flex-direction:column;align-items:flex-start;justify-content:center;gap:48px;border-left:1px solid var(--border)}.about__body{font-size:clamp(16px,1.6vw,22px);line-height:1.8;color:var(--text-dim);max-width:520px}.about__body .word{display:inline-block;opacity:clamp(.15,(var(--progress, 0) - (var(--i) / var(--total)) * .8) * 5,1)}.about__stats{display:flex;gap:48px}.about__stat{display:flex;flex-direction:column;gap:4px}.about__stat-num{font-family:var(--font-display);font-size:clamp(40px,5vw,72px);color:var(--accent);line-height:1}.about__stat-label{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);letter-spacing:.05em}.work{padding:var(--section-pad) 0;position:relative;z-index:2;background:var(--bg)}.work__header{display:flex;align-items:flex-end;justify-content:space-between;padding:0 clamp(24px,7vw,120px);margin-bottom:80px;gap:40px}.work__header-left{display:flex;flex-direction:column}.work__title{font-family:var(--font-display);font-size:clamp(60px,10vw,140px);line-height:.85;letter-spacing:-.01em}.work__intro{font-size:15px;color:var(--text-dim);line-height:1.7;max-width:200px;text-align:right;flex-shrink:0}.work__grid{border-top:1px solid var(--border)}.work__item{display:flex;align-items:center;justify-content:space-between;padding:40px clamp(24px,7vw,120px);border-bottom:1px solid var(--border);cursor:none;position:relative;overflow:hidden;transition:background .5s ease}.work__item:before{content:"";position:absolute;inset:0;background:var(--surface-2);transform:scaleY(0);transform-origin:bottom;transition:transform .4s var(--ease-expo)}.work__item:hover:before{transform:scaleY(1)}.work__item-inner{display:flex;align-items:center;gap:40px;position:relative;z-index:1}.work__item-img{width:200px;height:130px;overflow:hidden;flex-shrink:0}.work__item-img-wrap{width:100%;height:100%;transform:scale(1.1);transition:transform .6s var(--ease-expo)}.work__item:hover .work__item-img-wrap{transform:scale(1)}.work__item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.work__item-placeholder-text{font-family:var(--font-display);font-size:28px;letter-spacing:.2em;color:#ffffff26}.work__item-info{display:flex;flex-direction:column;gap:8px}.work__item-num{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.1em}.work__item-title{font-family:var(--font-display);font-size:clamp(32px,4vw,60px);line-height:1;letter-spacing:.01em;transition:transform .3s var(--ease-expo)}.work__item:hover .work__item-title{transform:translate(8px)}.work__item-title-em{color:var(--text-muted)}.work__item-desc{font-size:14px;color:var(--text-muted);max-width:280px}.work__item-tags{display:flex;gap:8px;flex-wrap:wrap}.work__item-tags span{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;color:var(--text-muted);padding:3px 10px;border:1px solid var(--border);border-radius:20px;transition:border-color .3s ease,color .3s ease}.work__item:hover .work__item-tags span{border-color:var(--accent);color:var(--accent)}.work__item-arrow{position:relative;z-index:1;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:50%;color:var(--text-dim);flex-shrink:0;transition:border-color .3s ease,color .3s ease,transform .4s var(--ease-expo)}.work__item:hover .work__item-arrow{border-color:var(--accent);color:var(--accent);transform:rotate(45deg)}.skills{padding:var(--section-pad) 0;overflow:hidden}.skills__header{padding:0 clamp(24px,7vw,120px);margin-bottom:60px}.skills__title{font-family:var(--font-display);font-size:clamp(60px,10vw,140px);line-height:.85}.skills__marquee-container{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:80px;overflow:hidden}.skills__marquee{padding:20px 0;overflow:hidden}.skills__marquee+.skills__marquee{border-top:1px solid var(--border)}@keyframes marqueeForward{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marqueeReverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.skills__marquee-track{display:flex;gap:24px;width:max-content;white-space:nowrap;will-change:transform}.skills__marquee--forward .skills__marquee-track{animation:marqueeForward 28s linear infinite}.skills__marquee--reverse .skills__marquee-track{animation:marqueeReverse 22s linear infinite}.skills__marquee-container.is-paused .skills__marquee-track{animation-play-state:paused}.skills__marquee-track span{font-family:var(--font-display);font-size:clamp(22px,3vw,40px);letter-spacing:.02em;color:var(--text-dim);flex-shrink:0}.skills__marquee-track span:nth-child(2n){color:var(--accent);font-size:.5em;vertical-align:middle}.skills__grid{display:flex;flex-wrap:wrap;gap:12px;padding:0 clamp(24px,7vw,120px)}.skills__tag{font-family:var(--font-mono);font-size:13px;letter-spacing:.05em;color:var(--text-dim);padding:10px 20px;border:1px solid var(--border);border-radius:40px;opacity:0;transform:translateY(20px) scale(.95);transition:border-color .3s ease,color .3s ease}.skills__tag:hover{border-color:var(--accent);color:var(--text)}.contact{padding:var(--section-pad) clamp(24px,7vw,120px);min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;border-top:1px solid var(--border)}.contact__content{display:flex;flex-direction:column;gap:24px;padding-top:40px}.contact__label{font-family:var(--font-mono);font-size:13px;color:var(--text-muted);letter-spacing:.1em}.contact__cta-wrap{overflow:hidden}.contact__email{display:inline-block;font-family:var(--font-display);font-size:clamp(32px,7vw,100px);line-height:1;color:var(--text);transition:color .3s ease;position:relative}.contact__email:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);transition:width .6s var(--ease-expo)}.contact__email:hover{color:var(--accent)}.contact__email:hover:after{width:100%}.contact__sub{font-size:16px;color:var(--text-muted);max-width:360px}.contact__socials-inline{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.contact__social-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border:1px solid var(--border);border-radius:40px;font-family:var(--font-mono);font-size:13px;letter-spacing:.04em;color:var(--text-dim);transition:border-color .3s ease,color .3s ease,background .3s ease}.contact__social-pill svg{flex-shrink:0;transition:color .3s ease}.contact__social-pill:hover{border-color:var(--accent);color:var(--text);background:#e639460f}.contact__footer{display:flex;align-items:flex-end;justify-content:space-between;padding-top:60px;border-top:1px solid var(--border)}.contact__socials{display:flex;gap:32px}.contact__social{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--text-muted);transition:color .3s ease;position:relative}.contact__social:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent);transition:width .4s var(--ease-expo)}.contact__social:hover{color:var(--text)}.contact__social:hover:after{width:100%}.contact__copy{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.05em}.reveal-up{opacity:0;transform:translateY(60px)}@media(max-width:768px){body{cursor:auto}.cursor{display:none}.about{height:auto}.about__sticky{position:relative;height:auto;overflow:visible}.about__track{flex-direction:column;width:100%;height:auto}.about__panel{width:100%;height:auto;padding:60px 24px;border:none!important}.about__photo-wrap{width:100%;max-width:340px}.about__stats{flex-direction:column;gap:24px}.work__header{flex-direction:column;align-items:flex-start}.work__intro{text-align:left}.work__item{flex-direction:column;align-items:flex-start;gap:24px}.work__item-inner{flex-direction:column;align-items:flex-start}.work__item-img{width:100%;height:180px}.contact__footer{flex-direction:column;align-items:flex-start;gap:24px}.contact__socials{flex-wrap:wrap;gap:20px}nav .nav__links{display:none}}::selection{background:var(--accent);color:var(--bg)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}