/*
Theme Name: Yuliya Portfolio
Theme URI: https://yuliyalapatkova.com/
Author: Yuliya Lapatkova
Author URI: https://yuliyalapatkova.com/
Description: A custom portfolio theme for Yuliya Lapatkova.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: yuliya-portfolio
*/

:root { --paper: #f7f4ef; --ink: #1d1d1b; --accent: #a8523b; --line: #d9d2c8; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Arial, sans-serif; line-height: 1.65; }
a { color: inherit; }
img { display: block; height: auto; max-width: 100%; }
.site-shell { margin: 0 auto; max-width: 1240px; padding: 0 24px; }
.site-header, .site-footer { padding: 28px 0; }
.site-header .site-shell, .site-footer .site-shell { align-items: center; display: flex; gap: 32px; justify-content: space-between; }
.site-title { font-family: Georgia, serif; font-size: 1.25rem; text-decoration: none; }
.site-nav ul { display: flex; gap: 24px; list-style: none; margin: 0; padding: 0; }
.site-main { min-height: 70vh; padding: 64px 0 96px; }
.hero { padding: 8vw 0; }
.hero h1 { font-family: Georgia, serif; font-size: clamp(3rem, 8vw, 7rem); font-weight: 400; letter-spacing: -.04em; line-height: .95; margin: 0 0 32px; max-width: 1000px; }
.eyebrow { color: var(--accent); font-size: .75rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.portfolio-grid { display: grid; gap: 32px; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.portfolio-card { border-top: 1px solid var(--line); padding-top: 16px; }
.portfolio-card a { text-decoration: none; }
.portfolio-card h2 { font-family: Georgia, serif; font-weight: 400; }
.entry-content, .entry-header { margin: 0 auto; max-width: 820px; }
.site-footer { border-top: 1px solid var(--line); }
@media (max-width: 700px) { .site-header .site-shell, .site-footer .site-shell { align-items: flex-start; flex-direction: column; } .site-nav ul { flex-wrap: wrap; } }