/* jhSAAR V2.0 – public frontend only */
:root { --professional-ink:#182d32; --professional-teal:#087d80; }
body { color:var(--professional-ink); }
.site-header { box-shadow:0 1px 0 rgba(20,50,55,.08); }
.brand-sub { letter-spacing:.045em; text-transform:none; }
.hero h1 { letter-spacing:-.055em; line-height:1.06; }
.hero-intro { max-width:610px; line-height:1.7; }
.hero-art .art-card-main { box-shadow:0 25px 65px rgba(10,40,45,.11); }
.home-section, .content-page { scroll-margin-top:90px; }
.service-card, .project-card, .portfolio-card, .web-box, .contact-main-card { transition:box-shadow .2s ease, transform .2s ease; }
.service-card:hover, .project-card:hover, .portfolio-card:hover { transform:translateY(-2px); box-shadow:0 16px 42px rgba(15,45,48,.09); }
.button, button, input, textarea { font-family:inherit; }
.button:focus-visible, a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline:3px solid #087d80; outline-offset:3px; }
@media(max-width:760px) {
 .hero-inner { gap:28px; }
 .hero h1 { font-size:clamp(2.4rem,9vw,4.2rem); }
 .hero-actions { display:flex; flex-wrap:wrap; gap:10px; }
 .hero-actions .button { max-width:100%; }
 .page-hero-grid, .section-head { gap:18px; }
 .contact-form-row { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) { *, *::before, *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }