:root{--bg: #fffaf1;--bg-alt: #f7f5ef;--ink: #1d1b17;--ink-soft: #494640;--brand: #006d77;--brand-strong: #00515a;--line: #d9d3c5;--card: #ffffff;--shadow: 0 16px 30px rgba(18, 31, 35, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;font-family:Manrope,sans-serif;color:var(--ink);background:radial-gradient(circle at 18% 0%,#ffd7a6 0%,transparent 24%),radial-gradient(circle at 100% 15%,#bde2e6 0%,transparent 28%),var(--bg)}a{color:inherit}.container{width:min(1100px,92vw);margin:0 auto}.hero{min-height:78vh;padding-bottom:3rem;background:linear-gradient(145deg,#ffffffd9,#f5fcffbf),url(/img/head-bg.jpg) center/cover no-repeat;border-bottom:1px solid var(--line)}.topbar{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1.25rem 0}.brand{font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:.06em;text-decoration:none}.nav{display:flex;gap:1rem}.nav a{text-decoration:none;font-weight:700;color:var(--ink-soft)}.nav a:hover{color:var(--brand-strong)}.lang-btn{border:1px solid var(--brand);background:#fff;color:var(--brand-strong);border-radius:999px;padding:.56rem .95rem;font:inherit;font-size:.88rem;font-weight:700;cursor:pointer}.lang-btn:hover{background:#e7f5f6}.hero-content{padding-top:13vh;text-align:center}.eyebrow{text-transform:uppercase;font-size:.8rem;letter-spacing:.12em;font-weight:800;color:var(--brand-strong)}h1,h2,h3{margin:0;font-family:Space Grotesk,sans-serif;line-height:1.15}h1{margin-top:.6rem;font-size:clamp(2rem,4vw,4.2rem)}.subtitle{margin:1rem auto 0;max-width:740px;font-size:clamp(1rem,2vw,1.35rem);color:var(--ink-soft)}.section{padding:4.5rem 0}.section h2{font-size:clamp(1.5rem,2.7vw,2.4rem);margin-bottom:1.4rem}.intro p{max-width:900px;line-height:1.75;font-size:1.05rem;color:var(--ink-soft)}.skills{background:linear-gradient(180deg,#ffffff40,#d2ecee40);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.skills-grid,.contacts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card,.contact-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.2rem;box-shadow:var(--shadow)}.card h3,.contact-card h3,.project h3{margin-bottom:.7rem;font-size:1.1rem}.card p,.contact-card a,.project p{margin:0;color:var(--ink-soft);line-height:1.65}.portfolio-slider{position:relative}.slider-header{margin-bottom:1rem;display:flex;justify-content:flex-end;gap:.55rem}.slider-btn{border:1px solid var(--brand);border-radius:999px;background:#fff;color:var(--brand-strong);padding:.45rem .95rem;font:inherit;font-weight:700;cursor:pointer}.slider-btn:hover{background:#e7f5f6}.slider-viewport{overflow:hidden}.slider-track{display:flex;transition:transform .42s ease}.slide{min-width:100%}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.project{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.project img{display:block;width:100%;height:240px;object-fit:cover}.project-body{padding:1.1rem}.project a{display:inline-block;margin-top:.8rem;color:var(--brand-strong);font-weight:700;text-decoration-thickness:2px}.slider-dots{margin-top:.95rem;display:flex;gap:.45rem;justify-content:center}.slider-dot{width:.78rem;height:.78rem;padding:0;border:0;border-radius:50%;background:#c9d1d3;cursor:pointer}.slider-dot.active{background:var(--brand)}.socials{margin:1.5rem 0;padding:0;list-style:none;display:flex;gap:.6rem}.socials a{display:grid;place-items:center;width:2.8rem;height:2.8rem;border:1px solid var(--line);border-radius:50%;text-decoration:none;font-weight:700;background:#fff}.hire-link{display:inline-block;border-radius:18px;overflow:hidden;border:1px solid var(--line)}.hire-link img{display:block;width:min(100%,420px);height:auto}.footer{border-top:1px solid var(--line);padding:1.2rem;text-align:center;font-family:Space Grotesk,sans-serif;font-weight:700}.footer a{text-decoration:none}@media (max-width: 980px){.topbar{flex-wrap:wrap;justify-content:center}.skills-grid,.contacts-grid,.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.nav{width:100%;justify-content:center;flex-wrap:wrap}.skills-grid,.contacts-grid,.portfolio-grid{grid-template-columns:1fr}.section{padding:3.5rem 0}.hero{min-height:72vh}.hero-content{padding-top:9vh}}