*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0c0c0b;--bg2:#131311;--bg3:#1a1a17;--line:hsla(0,0%,100%,.08);--text:#e8e4db;--muted:#6b6860;--accent:#d4ff4e;--accent2:#ff6b35;--white:#f5f2ec}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:DM Mono,monospace;font-weight:300;font-size:16px;line-height:1.7;overflow-x:hidden}.portfolio-page{cursor:none}#cursor-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);position:fixed;top:0;left:0;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .2s,height .2s;mix-blend-mode:difference}#cursor-dot.big{width:48px;height:48px}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)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:0}.portfolio-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:20px 48px;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(12,12,11,.7)}.nav-logo{font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:.1em;color:var(--white)}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{color:var(--muted);text-decoration:none;font-size:11px;letter-spacing:.15em;text-transform:uppercase;transition:color .2s}.nav-links a:hover{color:var(--accent)}section{position:relative;z-index:1}#hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding:0 48px 80px;border-bottom:1px solid var(--line);overflow:hidden}.hero-bg-text{position:absolute;top:50%;left:-20px;transform:translateY(-50%);font-family:Bebas Neue,sans-serif;font-size:clamp(180px,22vw,380px);color:hsla(0,0%,100%,.025);white-space:nowrap;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:-.02em;pointer-events:none}.available{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(212,255,78,.3);border-radius:100px;padding:8px 16px;font-size:11px;color:var(--accent);letter-spacing:.1em;margin-bottom:32px;width:-moz-fit-content;width:fit-content}.available-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-tag{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:24px;display:flex;align-items:center;gap:12px}.hero-tag:before{content:"";display:block;width:32px;height:1px;background:var(--accent)}.hero-name{font-family:Fraunces,serif;font-size:clamp(52px,8vw,120px);font-weight:800;line-height:.9;letter-spacing:-.03em;color:var(--white);margin-bottom:24px}.hero-name em{font-style:italic;color:var(--accent)}.hero-sub{font-size:13px;color:var(--muted);max-width:420px;margin-bottom:48px;line-height:1.8}.hero-meta{display:flex;gap:40px;align-items:center}.hero-stat .num{font-family:Bebas Neue,sans-serif;font-size:36px;color:var(--white);line-height:1}.hero-stat .label{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-top:4px}.hero-divider{width:1px;height:48px;background:var(--line)}.hero-scroll{position:absolute;right:48px;bottom:80px;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);writing-mode:vertical-lr}.hero-scroll:after{content:"";width:1px;height:48px;background:linear-gradient(to bottom,var(--muted),transparent);animation:scrollLine 2s ease-in-out infinite}@keyframes scrollLine{0%,to{opacity:.3}50%{opacity:1}}#about{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.about-left{border-right:1px solid var(--line)}.about-left,.about-right{padding:80px 48px}.section-label{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);margin-bottom:40px;display:flex;align-items:center;gap:16px}.section-label:after{content:"";flex:1 1;height:1px;background:var(--line)}.about-headline{font-family:Fraunces,serif;font-size:clamp(28px,3vw,44px);font-weight:700;line-height:1.15;color:var(--white);margin-bottom:24px;letter-spacing:-.02em}.about-headline em{font-style:italic;color:var(--accent2)}.about-text{color:var(--muted);line-height:1.9;font-size:13px;margin-bottom:16px}.skills-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:40px}.skill-item{background:var(--bg);padding:20px;transition:background .2s}.skill-item:hover{background:var(--bg3)}.skill-cat{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.skill-list{font-size:12px;color:var(--muted);line-height:1.8}#projects{border-bottom:1px solid var(--line);padding:80px 0}#projects .section-label{padding:0 48px;margin-bottom:48px}.project-item{display:grid;grid-template-columns:80px 1fr auto;grid-gap:32px;gap:32px;align-items:center;padding:32px 48px;border-top:1px solid var(--line);cursor:none;transition:background .2s;text-decoration:none;color:inherit}.project-item:hover{background:var(--bg3)}.project-item:hover .project-arrow{transform:translateX(4px);color:var(--accent)}.project-num{font-family:Bebas Neue,sans-serif;font-size:48px;color:var(--bg3);line-height:1;transition:color .2s}.project-item:hover .project-num{color:hsla(0,0%,100%,.1)}.project-title{font-family:Fraunces,serif;font-size:24px;font-weight:600;color:var(--white);margin-bottom:4px;letter-spacing:-.01em}.project-desc{font-size:12px;color:var(--muted)}.project-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.tag{font-size:10px;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);padding:4px 10px;border-radius:100px;color:var(--muted)}.tag.highlight{border-color:rgba(212,255,78,.3);color:var(--accent)}.project-arrow{font-size:20px;color:var(--muted);transition:transform .2s,color .2s;margin-left:16px}#testimonials{padding:80px 48px;border-bottom:1px solid var(--line)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:48px}.testimonial{background:var(--bg);padding:40px;transition:background .25s;position:relative}.testimonial:hover{background:var(--bg3)}.testimonial-quote{font-size:64px;color:var(--accent);line-height:.5;margin-bottom:24px}.testimonial-quote,.testimonial-text{font-family:Fraunces,serif;font-style:italic}.testimonial-text{font-size:13px;color:var(--text);line-height:1.85;margin-bottom:32px;font-weight:300}.testimonial-author{display:flex;align-items:center;gap:12px}.author-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg3);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:Bebas Neue,sans-serif;font-size:14px;color:var(--accent);flex-shrink:0}.author-name{font-size:12px;color:var(--white);letter-spacing:.05em}.author-role{font-size:11px;color:var(--muted)}.stars{position:absolute;top:40px;right:40px;color:var(--accent);font-size:12px;letter-spacing:2px}#contact{padding:80px 48px 120px;text-align:center;position:relative;overflow:hidden}#contact:before{content:"KONTAKT";position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);font-family:Bebas Neue,sans-serif;font-size:clamp(80px,14vw,200px);color:hsla(0,0%,100%,.018);white-space:nowrap;pointer-events:none;letter-spacing:.05em}.contact-heading{font-family:Fraunces,serif;font-size:clamp(36px,5vw,72px);font-weight:800;letter-spacing:-.03em;color:var(--white);line-height:1;margin-bottom:24px}.contact-heading em{font-style:italic;color:var(--accent)}.contact-sub{font-size:13px;color:var(--muted);margin-bottom:48px}.contact-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;font-family:DM Mono,monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:1px solid var(--line);color:var(--muted);transition:all .2s;cursor:none}.btn:hover{color:var(--accent);background:rgba(212,255,78,.04)}.btn.primary,.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);color:var(--bg);font-weight:400}.btn.primary:hover{background:#c5f030;border-color:#c5f030;color:var(--bg)}footer{border-top:1px solid var(--line);padding:24px 48px;display:flex;justify-content:space-between;align-items:center}.footer-copy,.footer-made{font-size:11px;color:var(--muted)}.footer-made span{color:var(--accent2)}.fade-up{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.fade-up.visible{opacity:1;transform:translateY(0)}@media (max-width:900px){nav{padding:16px 24px}.nav-links{display:none}#hero{padding:0 24px 60px}.hero-scroll{display:none}#about{grid-template-columns:1fr}.about-left{border-right:none;border-bottom:1px solid var(--line)}.about-left,.about-right{padding:48px 24px}.project-item{grid-template-columns:1fr;padding:24px;gap:8px}.project-num{font-size:32px}.project-tags{justify-content:flex-start}.testimonials-grid{grid-template-columns:1fr}#testimonials{padding:48px 24px}#projects .section-label{padding:0 24px}#contact{padding:60px 24px 100px}footer{padding:20px 24px;flex-direction:column;gap:8px;text-align:center}}