.brand-image {
    display: block;
    width: 190px;
    aspect-ratio: 3;
    position: relative;
    overflow: visible;
}
.brand-image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}
.main-nav { gap: 23px; }
.main-nav [aria-current="page"] { color: var(--blue); }
.footer-brand .brand { margin-bottom: 16px; }
.page-hero { padding-block: 42px 70px; }
.breadcrumb { display: inline-block; color: var(--muted); font-size: .8125rem; margin-bottom: 65px; }
.page-hero h1 { font-size: clamp(2.5rem, 5.2vw, 4.75rem); }
.page-intro { max-width: 760px; font-size: 1.25rem; line-height: 1.85; color: var(--muted); margin-top: 30px; }
.about-hero { background: linear-gradient(#f5f5f7, #f9fbfe); padding-bottom: 0; }
.about-hero .page-intro { max-width: 720px; }
.about-image { margin-top: 55px; border-radius: 26px; overflow: hidden; }
.about-image img { display: block; width: 100%; height: 430px; object-fit: cover; object-position: center 56%; }
.about-story-grid { display: grid; grid-template-columns: 1fr 1.15fr; gap: 90px; }
.about-story-grid h2 { font-size: clamp(2rem, 3.2vw, 3rem); }
.about-story-grid p { color: var(--muted); font-size: 1.0625rem; line-height: 1.9; }
.about-story-grid p + p { margin-top: 22px; }
.about-story-grid .text-link { margin-top: 22px; }
.about-values { background: var(--canvas); }
.about-values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 45px; }
.about-values-grid h3 { font-size: 1.5rem; line-height: 1.3; }
.about-values-grid p { color: var(--muted); font-size: 1rem; line-height: 1.8; margin-top: 18px; }
.about-contact { text-align: center; background: #edf3fb; padding: 65px 0; }
.about-contact h2 { font-size: 2.25rem; }
.about-contact p { color: var(--muted); margin-block: 18px; }
.about-contact .text-link { font-size: 1.25rem; }
.statement-container { max-width: 920px; }
.statement-hero { padding-bottom: 42px; border-bottom: 1px solid var(--line); }
.statement-hero h1 { font-size: clamp(2.5rem, 5vw, 4rem); }
.statement-date { color: var(--muted); font-size: .875rem; margin-top: 28px; }
.statement-body { padding-block: 50px 100px; font-size: 1.0625rem; }
.statement-body section { margin-bottom: 48px; }
.statement-body h2 { font-size: 1.65rem; letter-spacing: -.025em; margin-bottom: 20px; line-height: 1.3; }
.statement-body p, .statement-body li, .statement-body dd { color: #53535d; line-height: 1.9; }
.statement-body p + p { margin-top: 15px; }
.statement-body ul { list-style: disc; padding-inline-start: 24px; }
.statement-body li + li { margin-top: 12px; }
.statement-body a { color: #005dbb; text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.keyboard-guide { margin: 0; }
.keyboard-guide > div { padding-block: 20px; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 215px 1fr; gap: 25px; }
.keyboard-guide dt { text-align: start; }
.keyboard-guide dd { margin: 0; }
.keyboard-guide kbd { display: inline-block; background: #f0f1f5; padding: 5px 12px; border: 1px solid #dedfe7; border-radius: 6px; font-family: var(--font); font-size: .8125rem; }
.statement-contact { border-radius: 20px; padding: 30px; background: #edf3fb; }
.not-found-page { min-height: 65vh; padding-block: 100px; }
.not-found-page .button { margin-top: 25px; }
@media (max-width: 1050px) {
    .nav-actions .button-small { display: none; }
    .nav-inner { gap: 18px; }
    .main-nav { gap: 20px; }
}
@media (max-width: 700px) {
    .brand-image { width: 162px; }
    .main-nav { gap: 0; }
    .page-hero { padding-block: 30px 45px; }
    .breadcrumb { margin-bottom: 42px; font-size: .75rem; }
    .page-hero h1 { font-size: 2.5rem; }
    .page-intro { font-size: 1.0625rem; margin-top: 24px; }
    .about-image { margin-top: 35px; border-radius: 18px; }
    .about-image img { height: 290px; object-position: 25% 50%; }
    .about-story-grid, .about-values-grid { grid-template-columns: 1fr; gap: 32px; }
    .about-story-grid p { font-size: 1rem; }
    .about-values-grid { gap: 42px; }
    .about-contact h2 { font-size: 1.875rem; }
    .statement-body { font-size: 1rem; padding-block: 35px 65px; }
    .statement-body h2 { font-size: 1.5rem; }
    .statement-contact { padding: 23px; }
    .keyboard-guide > div { grid-template-columns: 1fr; gap: 12px; }
    .statement-hero h1 { font-size: 2.125rem; }
}