.site-header { position: sticky; top: 0; z-index: 100; border-bottom: 1px solid var(--color-border); background: rgba(250, 253, 251, 0.75); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: 0 1px 2px rgba(15, 26, 21, 0.04);}.site-header__inner { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: var(--space-8);}.site-header__logo { flex-shrink: 0; display: inline-flex; align-items: center; gap: var(--space-3); font-size: var(--font-size-lg); font-weight: 700; letter-spacing: -0.02em;}.site-header__logo img { width: 32px; height: 32px; flex-shrink: 0;}.site-nav__list { display: flex; align-items: center; gap: var(--space-6); margin: 0;}.site-nav__link { display: inline-block; padding-block: var(--space-2); color: var(--color-text-muted); font-size: var(--font-size-sm); font-weight: 600; transition: color var(--transition-fast), background-color var(--transition-fast);}.site-nav__link:hover,.site-nav__link--active { color: var(--color-text);}.button { display: inline-flex; min-height: 48px; padding: 0.75rem 1.25rem; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: var(--radius-sm); font-size: var(--font-size-sm); font-weight: 700; transition: background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);}.button:hover { transform: translateY(-1px);}.button--primary { background: var(--color-accent); color: #ffffff;}.button--primary:hover { background: var(--color-accent-hover);}.button--secondary { border-color: var(--color-border-strong); background: var(--color-bg); color: var(--color-text);}.button--secondary:hover { border-color: var(--color-text);}.button:disabled { background: var(--color-bg-soft); border-color: var(--color-border); color: var(--color-text-subtle); cursor: not-allowed; opacity: 0.7; transform: none;}.text-link { display: inline-flex; align-items: center; gap: var(--space-2); color: var(--color-text); font-size: var(--font-size-sm); font-weight: 700; text-decoration: underline; text-decoration-color: var(--color-border-strong); text-decoration-thickness: 1px; text-underline-offset: 4px; transition: color var(--transition-fast), text-decoration-color var(--transition-fast);}.text-link:hover { color: var(--color-accent); text-decoration-color: var(--color-accent);}.hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-3);}.section-heading { max-width: 720px; margin-bottom: var(--space-12);}.section-heading__eyebrow,.hero__eyebrow,.project-card__category { margin-bottom: var(--space-3); color: var(--color-accent); font-size: var(--font-size-sm); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;}.section-heading__title { margin-bottom: 0;}.section-heading--split { max-width: none; display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-8);}.page-hero { padding-block: clamp(var(--space-16), 10vw, var(--space-24)); border-bottom: 1px solid var(--color-border);}.page-hero__inner { max-width: 900px;}.page-hero__eyebrow { margin-bottom: var(--space-5); color: var(--color-accent); font-size: var(--font-size-sm); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;}.page-hero__title { max-width: 850px; margin-bottom: var(--space-6); font-size: clamp(2.75rem, 7vw, 5rem); line-height: 1.05; letter-spacing: -0.045em;}.page-hero__description { max-width: 680px; margin-bottom: 0; color: var(--color-text-muted); font-size: var(--font-size-lg); line-height: 1.75;}.contact-cta { max-width: 900px; padding: clamp(var(--space-8), 6vw, var(--space-16)); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: rgba(250, 253, 251, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 4px 24px rgba(15, 26, 21, 0.06);}.contact-cta__title { max-width: 650px; overflow-wrap: anywhere; font-size: clamp(2rem, 5vw, 3.5rem);}.contact-cta__description { max-width: 600px; margin-bottom: var(--space-8); color: var(--color-text-muted); font-size: var(--font-size-lg);}.site-footer { padding-block: var(--space-12); border-top: 1px solid var(--color-border); background: var(--color-bg);}.site-footer__inner { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: var(--space-8);}.site-footer__identity { max-width: 360px;}.site-footer__name { margin-bottom: var(--space-2); font-weight: 700;}.site-footer__description { margin-bottom: 0; color: var(--color-text-muted); font-size: var(--font-size-sm);}.site-footer__links,.site-footer__social { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); margin: 0;}.site-footer__links a,.site-footer__social a { color: var(--color-text-muted); font-size: var(--font-size-sm);}.site-footer__links a:hover,.site-footer__social a:hover { color: var(--color-text);}.site-footer__copyright { grid-column: 1 / -1; margin: var(--space-4) 0 0; padding-top: var(--space-6); border-top: 1px solid var(--color-border); color: var(--color-text-subtle); font-size: var(--font-size-xs);}@media (max-width: 900px) { .site-footer__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); } .site-footer__identity { grid-column: 1 / -1; }}@media (max-width: 720px) { .site-header__inner { min-height: 68px; align-items: flex-start; flex-direction: column; padding-block: var(--space-4); } .site-nav { width: 100%; overflow-x: auto; } .site-nav__list { width: max-content; gap: var(--space-5); } .site-footer__inner { grid-template-columns: 1fr; } .site-footer__identity { grid-column: auto; } .site-footer__copyright { grid-column: auto; }}