About — Richard Zuikov

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } :root { --bg: #F4F0E8; --bg2: #EDE9E0; --text: #1a1a18; --muted: #7a7770; --dim: #b0ada8; --border: rgba(26,26,24,0.12); --accent: #1a1a18; --font-display: 'EB Garamond', serif; --font-body: 'DM Sans', sans-serif; } html { scroll-behavior: smooth; } body { font-family: var(--font-body); background: var(--bg); color: var(--text); overflow-x: hidden; cursor: none; min-height: 100vh; display: flex; flex-direction: column; } /* CURSOR */ #cursor { position: fixed; width: 8px; height: 8px; background: var(--text); border-radius: 50%; pointer-events: none; z-index: 9999; transform: translate(-50%,-50%); transition: width .2s, height .2s, background .2s; mix-blend-mode: difference; } body:has(a:hover) #cursor, body:has(button:hover) #cursor { width: 36px; height: 36px; } /* HEADER */ header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; padding: 2rem 4rem; display: flex; align-items: center; justify-content: space-between; background: var(--bg); border-bottom: 1px solid var(--border); } .site-name { font-family: var(--font-display); font-size: 1.1rem; font-weight: 400; color: var(--text); text-decoration: none; letter-spacing: 0.02em; } nav { display: flex; gap: 2.5rem; } .nav-link { font-size: 0.75rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); text-decoration: none; transition: color .25s; position: relative; } .nav-link::after { content: ''; position: absolute; bottom: -3px; left: 0; width: 0; height: 1px; background: var(--text); transition: width .25s; } .nav-link:hover, .nav-link.active { color: var(--text); } .nav-link.active::after, .nav-link:hover::after { width: 100%; } .burger { display: none; flex-direction: column; gap: 5px; background: none; border: none; cursor: none; padding: 4px; } .burger span { display: block; width: 22px; height: 1px; background: var(--text); transition: transform .3s, opacity .3s; } .burger.open span:first-child { transform: translateY(6px) rotate(45deg); } .burger.open span:last-child { transform: translateY(-6px) rotate(-45deg); } /* MOBILE NAV */ .mobile-nav { position: fixed; inset: 0; background: var(--bg); z-index: 99; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2.5rem; opacity: 0; visibility: hidden; transition: opacity .35s, visibility .35s; } .mobile-nav.open { opacity: 1; visibility: visible; } .mobile-nav a { font-family: var(--font-display); font-size: clamp(2.5rem, 8vw, 5rem); font-weight: 400; color: var(--text); text-decoration: none; transition: color .25s; } .mobile-nav a:hover { color: var(--muted); } /* MAIN WRAPPER */ main { flex: 1; padding-top: 85px; } footer { padding: 1.5rem 4rem; border-top: 1px solid var(--border); font-size: 0.65rem; letter-spacing: 0.15em; color: var(--muted); text-transform: uppercase; } /* HOME */ .home-main { display: flex; flex-direction: column; min-height: calc(100vh - 85px); } .home-hero { flex: 1; display: grid; grid-template-columns: 1fr 1fr; min-height: calc(100vh - 140px); } .home-img-wrap { border-right: 1px solid var(--border); overflow: hidden; } .home-img-wrap img { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; } .img-placeholder { width: 100%; height: 100%; min-height: 400px; background: var(--bg2); display: flex; align-items: center; justify-content: center; font-size: 0.65rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--dim); } .img-placeholder.tall { min-height: 500px; } .home-text { padding: 4rem; display: flex; flex-direction: column; justify-content: flex-end; } .home-label { font-size: 0.7rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); margin-bottom: 2rem; } .home-name { font-family: var(--font-display); font-size: clamp(3.5rem, 7vw, 7rem); font-weight: 400; line-height: 0.95; letter-spacing: -0.02em; } .home-name em { font-style: italic; } .home-location { margin-top: 2rem; font-size: 0.7rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); } .home-footer-bar { padding: 1.5rem 4rem; border-top: 1px solid var(--border); display: flex; align-items: center; gap: 1.5rem; font-size: 0.7rem; letter-spacing: 0.1em; color: var(--muted); } .home-footer-bar a { color: var(--text); text-decoration: none; border-bottom: 1px solid var(--text); padding-bottom: 1px; transition: color .25s, border-color .25s; } .home-footer-bar a:hover { color: var(--muted); border-color: var(--muted); } .dot { color: var(--dim); } /* PAGE LAYOUT */ .page-main { padding: 3rem 4rem 5rem; } .page-header { padding-bottom: 2rem; border-bottom: 1px solid var(--border); margin-bottom: 4rem; } .page-title { font-family: var(--font-display); font-size: clamp(2.5rem, 6vw, 5rem); font-weight: 400; letter-spacing: -0.02em; line-height: 1; } .page-subtitle { margin-top: 0.75rem; font-size: 0.8rem; color: var(--muted); letter-spacing: 0.05em; } /* ABOUT */ .about-layout { display: grid; grid-template-columns: 280px 1fr; gap: 5rem; align-items: start; } .about-sidebar { position: sticky; top: 110px; } .about-section { margin-bottom: 4rem; } .about-section-title { font-size: 0.65rem; letter-spacing: 0.25em; text-transform: uppercase; color: var(--muted); margin-bottom: 1.5rem; padding-bottom: 0.75rem; border-bottom: 1px solid var(--border); } .about-p { font-size: 0.95rem; line-height: 1.85; color: var(--text); margin-bottom: 1rem; font-weight: 300; } .field-list { display: flex; flex-direction: column; gap: 0.6rem; } .field-list span { font-size: 0.85rem; color: var(--text); font-weight: 300; } .skills-table { display: flex; flex-direction: column; gap: 0; } .skill-row { display: grid; grid-template-columns: 100px 1fr; gap: 2rem; padding: 0.9rem 0; border-bottom: 1px solid var(--border); align-items: baseline; } .skill-cat { font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); } .skill-items { font-size: 0.85rem; color: var(--text); font-weight: 300; line-height: 1.6; } .currently-list { display: flex; flex-direction: column; gap: 0; } .currently-item { display: grid; grid-template-columns: 120px 1fr; gap: 2rem; padding: 0.9rem 0; border-bottom: 1px solid var(--border); align-items: baseline; } .c-label { font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); } .c-value { font-size: 0.85rem; color: var(--text); font-weight: 300; } /* PROJECTS */ .projects-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--border); border: 1px solid var(--border); } .project-card { background: var(--bg); overflow: hidden; transition: background .3s; } .project-card:hover { background: var(--bg2); } .project-card-img { width: 100%; aspect-ratio: 16/9; overflow: hidden; } .project-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; } .project-card:hover .project-card-img img { transform: scale(1.03); } .project-card-img .img-placeholder { min-height: 0; aspect-ratio: 16/9; } .project-card-body { padding: 2rem; } .project-card-meta { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; } .project-year { font-size: 0.6rem; letter-spacing: 0.2em; color: var(--muted); } .project-type { font-size: 0.6rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--dim); } .project-card-title { font-family: var(--font-display); font-size: clamp(1.3rem, 2.5vw, 1.8rem); font-weight: 400; margin-bottom: 0.75rem; line-height: 1.2; } .project-card-desc { font-size: 0.8rem; line-height: 1.75; color: var(--muted); margin-bottom: 1.5rem; font-weight: 300; } .project-card-tags { display: flex; flex-wrap: wrap; gap: 0.4rem; } .project-card-tags span { font-size: 0.58rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); border: 1px solid var(--border); padding: 0.25rem 0.6rem; } /* CONTACT */ .contact-main { padding-bottom: 0; } .contact-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 6rem; align-items: start; } .contact-big { font-family: var(--font-display); font-size: clamp(3rem, 7vw, 6rem); font-weight: 400; line-height: 1.0; letter-spacing: -0.02em; margin-bottom: 2rem; } .contact-big em { font-style: italic; } .contact-sub { font-size: 0.85rem; line-height: 1.8; color: var(--muted); margin-bottom: 2.5rem; font-weight: 300; max-width: 400px; } .contact-email-link { font-family: var(--font-display); font-size: clamp(1rem, 2vw, 1.4rem); color: var(--text); text-decoration: none; border-bottom: 1px solid var(--text); padding-bottom: 2px; transition: color .25s, border-color .25s; } .contact-email-link:hover { color: var(--muted); border-color: var(--muted); } .contact-info-block { display: grid; grid-template-columns: 90px 1fr; gap: 2rem; padding: 1rem 0; border-bottom: 1px solid var(--border); align-items: baseline; } .info-label { font-size: 0.65rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); } .info-value { font-size: 0.85rem; color: var(--text); font-weight: 300; } .info-value.link { text-decoration: none; border-bottom: 1px solid var(--border); padding-bottom: 1px; transition: color .25s, border-color .25s; } .info-value.link:hover { color: var(--muted); border-color: var(--muted); } /* ANIMATIONS */ .fade-up { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; } .fade-up.visible { opacity: 1; transform: translateY(0); } .delay-1 { transition-delay: 0.12s; } .delay-2 { transition-delay: 0.24s; } /* RESPONSIVE */ @media (max-width: 900px) { header { padding: 1.5rem 2rem; } nav { display: none; } .burger { display: flex; } .page-main { padding: 2rem 2rem 4rem; } .home-hero { grid-template-columns: 1fr; } .home-img-wrap { border-right: none; border-bottom: 1px solid var(--border); max-height: 50vh; } .home-text { padding: 2rem; } .home-footer-bar { padding: 1.5rem 2rem; flex-wrap: wrap; gap: 0.75rem; } .about-layout { grid-template-columns: 1fr; gap: 3rem; } .about-sidebar { position: static; } .projects-grid { grid-template-columns: 1fr; } .contact-layout { grid-template-columns: 1fr; gap: 3rem; } footer { padding: 1.5rem 2rem; } } /* ── HEADER RIGHT / HOOK / TOGGLE ── */ .header-right { display: flex; align-items: center; gap: 1rem; } .nav-hook { font-size: 0.6rem; letter-spacing: 0.12em; color: var(--muted); white-space: nowrap; } .theme-toggle, .lang-toggle { background: none; border: 1px solid var(--border); color: var(--muted); width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; font-size: 0.6rem; letter-spacing: 0.1em; font-family: var(--font-body); transition: border-color .25s, color .25s; } .theme-toggle:hover, .lang-toggle:hover { border-color: var(--text); color: var(--text); } [data-theme="light"] .icon-sun { display: none; } [data-theme="light"] .icon-moon { display: block; } [data-theme="dark"] .icon-sun { display: block; } [data-theme="dark"] .icon-moon { display: none; } /* ── DARK MODE ── */ [data-theme="dark"] { --bg: #111110; --bg2: #1a1a18; --text: #f0ece4; --muted: #7a7770; --dim: #3a3830; --border: rgba(240,236,228,0.1); } /* ── HOME TAGLINE + BUTTONS ── */ .home-tagline { font-family: var(--font-display); font-size: clamp(0.95rem, 1.6vw, 1.2rem); font-style: italic; color: var(--muted); margin-top: 1.5rem; margin-bottom: 2rem; line-height: 1.5; } .home-buttons { display: flex; gap: 1rem; flex-wrap: wrap; } .btn-primary { display: inline-flex; align-items: center; font-size: 0.68rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--bg); background: var(--text); text-decoration: none; padding: 0.85rem 1.8rem; font-family: var(--font-body); transition: opacity .25s; } .btn-primary:hover { opacity: 0.75; } .btn-secondary { display: inline-flex; align-items: center; font-size: 0.68rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--text); background: transparent; text-decoration: none; padding: 0.85rem 1.8rem; border: 1px solid var(--border); font-family: var(--font-body); transition: border-color .25s; } .btn-secondary:hover { border-color: var(--text); } /* ── TIMELINE ── */ .timeline { display: flex; flex-direction: column; } .tl-item { display: grid; grid-template-columns: 80px 1fr; gap: 3rem; padding: 2.5rem 0; border-bottom: 1px solid var(--border); } .tl-year { font-size: 0.65rem; letter-spacing: 0.2em; color: var(--muted); padding-top: 0.25rem; } .tl-tag { display: inline-block; font-size: 0.58rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); border: 1px solid var(--border); padding: 0.2rem 0.6rem; margin-bottom: 0.75rem; } .tl-title { font-family: var(--font-display); font-size: clamp(1.2rem, 2.5vw, 1.7rem); font-weight: 400; margin-bottom: 0.75rem; line-height: 1.2; } .tl-desc { font-size: 0.82rem; line-height: 1.8; color: var(--muted); font-weight: 300; margin-bottom: 1rem; } .tl-meta { display: flex; align-items: center; gap: 0.75rem; font-size: 0.65rem; letter-spacing: 0.12em; color: var(--dim); } /* ── SERVICES ── */ .services-intro { margin-bottom: 4rem; max-width: 640px; } .services-grid { display: flex; flex-direction: column; border-top: 1px solid var(--border); margin-bottom: 5rem; } .service-card { display: grid; grid-template-columns: 60px 1fr; gap: 3rem; padding: 2.5rem 0; border-bottom: 1px solid var(--border); align-items: start; } .service-num { font-size: 0.6rem; letter-spacing: 0.25em; color: var(--dim); padding-top: 0.3rem; } .service-title { font-family: var(--font-display); font-size: clamp(1.2rem, 2vw, 1.6rem); font-weight: 400; margin-bottom: 0.75rem; line-height: 1.2; } .service-desc { font-size: 0.82rem; line-height: 1.8; color: var(--muted); font-weight: 300; margin-bottom: 1.25rem; } .service-tags { display: flex; flex-wrap: wrap; gap: 0.4rem; } .service-tags span { font-size: 0.58rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); border: 1px solid var(--border); padding: 0.25rem 0.6rem; } .services-cta { border-top: 1px solid var(--border); padding-top: 4rem; } .services-cta-inner { max-width: 500px; } .services-cta-title { font-family: var(--font-display); font-size: clamp(2rem, 4vw, 3.5rem); font-weight: 400; letter-spacing: -0.02em; margin-bottom: 1rem; } .services-cta-sub { font-size: 0.85rem; line-height: 1.8; color: var(--muted); font-weight: 300; margin-bottom: 2rem; } /* ── RESPONSIVE ── */ @media (max-width: 900px) { .nav-hook { display: none; } .header-right { gap: 0.6rem; } .home-buttons { flex-direction: column; } .btn-primary, .btn-secondary { justify-content: center; } .tl-item { grid-template-columns: 50px 1fr; gap: 1.5rem; } .service-card { grid-template-columns: 1fr; gap: 0.25rem; } .service-num { display: none; } } a.project-card { text-decoration: none; color: inherit; display: block; } .sidebar-img { width: 100%; height: auto; display: block; border-radius: 4px; /* Optional, falls du abgerundete Ecken magst */ }

Home Über mich Projekte Kontakt

Profile

19-year-old IT Systems Electronics apprentice (IT-Systemelektroniker) at R2P GmbH in Flensburg, Germany. Working at the intersection of hardware and software — from soldering embedded targets to writing Go parsers that consume the data those targets produce.

Previously completed a 3-year ITA apprenticeship at RBZ-Eckener covering MATLAB, Kotlin, Java, Jetpack Compose, Docker, electrical engineering, and networking. Volunteer firefighter. Always building.

Field

Embedded Systems & Hardware Low-Level Programming Networking & OpSec Digital Logic / FPGA Home Lab & Self-Hosting PCB Design (KiCad / EasyEDA) Signal Analysis & Messtechnik

Skills

Hardware ESP32 · ATmega · Arduino Mega · STM32 · Tang Nano 9K · Raspberry Pi · Oszilloskop · Signalgenerator

Languages C++ · Go · C · Kotlin · Java · Python · Assembly (learning)

Protocols SPI · I2C · UART · PWM · TCP/IP · VLANs · VPN

Tools Docker · Linux · Git · KiCad · EasyEDA · TIA Portal · VS Code

Spoken Latvian · Russian (native) · German C1 · English C1 · Danish A2 · Mandarin (learning)

Currently

Apprenticeship IT-Systemelektroniker @ R2P GmbH — finishing summer 2027

Learning Go · CCNA (May 2026) · Tang Nano 9K FPGA · Calculus

Building GO-CORE-LAB · richardzuikov.com · Home lab

Reading Fourier & Laplace · Dostoevsky · Orthodox Study Bible

Interests Chess · Strength training · Soldering · Traveling · Cooking