/* Start:/local/templates/site-v2/assets/css/about-page.css?17937759262708*/
.about-page { --about-muted: #526078; --about-line: #d1d9e5; --about-accent: #265ce0; padding-bottom: 32px; }
[data-theme="dark"] .about-page { --about-muted: #a7b6ce; --about-line: #2a374b; --about-accent: #79a7ff; }
.about-intro { display: grid; grid-template-columns: 1fr 1.05fr; gap: 64px; align-items: center; padding: 48px 0 80px; }
.about-intro h1 { font-size: clamp(36px, 4.4vw, 58px); line-height: 1.12; letter-spacing: -.035em; margin: 0 0 28px; font-weight: 650; }
.about-intro h1 span { color: var(--about-accent); }
.about-intro__lead { font-size: clamp(22px, 2.3vw, 30px); line-height: 1.4; margin: 0 0 20px; }
.about-intro__copy > p:not(.about-intro__lead) { color: var(--about-muted); font-size: 16px; line-height: 1.8; max-width: 46ch; }
.about-intro .btn { margin-top: 26px; gap: 24px; }
.about-portrait { margin: 0; }
.about-portrait img { width: 100%; height: auto; aspect-ratio: 1 / 1.08; object-fit: cover; object-position: 45% center; border-radius: 4px; display: block; }
.about-portrait figcaption { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px 16px; padding-top: 16px; font-size: 12px; color: var(--about-muted); }
.about-section { display: grid; grid-template-columns: 1fr 1.4fr; gap: 80px; padding: 64px 0; border-top: 1px solid var(--about-line); }
.about-section h2 { margin: 0; font-size: clamp(28px, 3.3vw, 42px); line-height: 1.2; letter-spacing: -.025em; }
.about-section__note { margin-top: 24px; color: var(--about-muted); font-size: 14px; line-height: 1.8; }
.about-directions article { padding: 26px 0; border-bottom: 1px solid var(--about-line); }
.about-directions article:first-child { padding-top: 0; }
.about-directions article:last-child { border: 0; padding-bottom: 0; }
.about-directions h3 { font-size: 21px; font-weight: 550; margin: 0 0 12px; }
.about-directions p, .about-story p { font-size: 16px; line-height: 1.8; color: var(--about-muted); margin: 0 0 20px; }
.about-story .about-story__lead { font-size: 24px; line-height: 1.5; color: var(--color-text); }
.about-text-link { display: inline-flex; gap: 24px; align-items: center; min-height: 44px; color: var(--about-accent); text-decoration: none; border-bottom: 1px solid var(--about-line); }
.about-text-link:hover { border-color: var(--about-accent); }
.about-page a:focus-visible { outline: 2px solid var(--about-accent); outline-offset: 5px; }
@media (max-width: 760px) {
 .about-intro { grid-template-columns: 1fr; gap: 36px; padding: 32px 0 48px; }
 .about-portrait img { aspect-ratio: 4 / 3; }
 .about-section { grid-template-columns: 1fr; gap: 28px; padding: 40px 0; }
 .about-section h2 br { display: none; }
 .about-story .about-story__lead { font-size: 21px; }
}

/* End */
/* /local/templates/site-v2/assets/css/about-page.css?17937759262708 */