.nm-about {
    --about-ink: #123152;
    --about-teal: #087b78;
    --about-muted: #596875;
    color: var(--about-ink);
    background: #fff;
    font-family: 'DM Sans', sans-serif;
    line-height: 1.65;
}
.nm-about *, .nm-about *::before, .nm-about *::after { box-sizing: border-box; }
.nm-about-wrap { width: 100%; max-width: 1360px; margin-inline: auto; padding-inline: 40px; }
.nm-about h1, .nm-about h2, .nm-about h3 { color: var(--about-ink); }
.nm-about h1, .nm-about h2 { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; letter-spacing: -.035em; }
.nm-about h2 { margin: 14px 0 22px; font-size: clamp(30px, 3.1vw, 44px); line-height: 1.18; }
.nm-about h3 { font-size: 20px; font-weight: 700; line-height: 1.35; }
.nm-about p { color: var(--about-muted); font-size: 15px; line-height: 1.85; }
.nm-about a { text-decoration: none; }
.nm-about a:focus-visible, .nm-about summary:focus-visible { outline: 3px solid #09aaa5; outline-offset: 5px; border-radius: 4px; }
.nm-about-eyebrow { display: inline-flex; align-items: center; gap: 10px; color: var(--about-teal); font-size: 11px; font-weight: 800; letter-spacing: 1.9px; line-height: 1.6; }
.nm-about-eyebrow > span { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.nm-about-section { padding-block: 84px; scroll-margin-top: 130px; }
.nm-about-section-head { max-width: 680px; margin: 0 auto 38px; text-align: center; }
.nm-about-section-head p { margin-bottom: 0; }
.nm-about-section-head h2 { margin-bottom: 14px; }
.nm-about-hero { padding-bottom: 56px; background: #f7f2ea; }
.nm-about-breadcrumb { display: flex; gap: 12px; padding-block: 24px 34px; font-size: 12px; color: #65716f; }
.nm-about-breadcrumb a { color: var(--about-ink); }
.nm-about-hero-grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.15fr); gap: 52px; align-items: center; }
.nm-about-hero-copy h1 { margin: 20px 0; font-size: clamp(40px, 4.5vw, 64px); line-height: 1.08; }
.nm-about-hero-copy h1 em { color: var(--about-teal); }
.nm-about-hero-copy > p { max-width: 38ch; font-size: 17px; }
.nm-about-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-block: 28px; }
.nm-about .nm-about-btn { display: inline-flex; justify-content: center; align-items: center; gap: 24px; min-height: 48px; padding: 13px 22px; color: #fff; background: var(--about-ink); border-radius: 8px; font-size: 13px; font-weight: 700; transition: background .18s ease; }
.nm-about .nm-about-btn:hover { background: var(--about-teal); color: #fff; }
.nm-about .nm-about-text-link { display: inline-flex; gap: 14px; align-items: center; min-height: 44px; font-size: 13px; font-weight: 700; color: var(--about-ink); }
.nm-about .nm-about-text-link:hover { color: var(--about-teal); text-decoration: underline; text-underline-offset: 5px; }
.nm-about-hero-foot { display: flex; align-items: center; gap: 9px; padding-top: 22px; border-top: 1px solid #deded4; color: #66736c; font-size: 12px; }
.nm-about-visual { margin: 0; padding: 10px; background: #fff; border: 1px solid #e6dfd3; border-radius: 24px; box-shadow: 0 16px 40px #1231520c; transform: rotate(1deg); }
.nm-about-visual img { display: block; width: 100%; height: auto; aspect-ratio: 1672 / 941; object-fit: cover; border-radius: 16px; }
.nm-about-visual figcaption { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; padding: 20px 12px 12px; }
.nm-about-visual figcaption span { font-size: 9px; font-weight: 700; letter-spacing: 1.4px; color: var(--about-muted); }
.nm-about-visual figcaption strong { font-family: Georgia, serif; font-size: 18px; font-weight: 400; }
.nm-about-principles { background: #fff; border-bottom: 1px solid #e8ece9; }
.nm-about-principles-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding-block: 26px; }
.nm-about-principles-grid > span { display: flex; justify-content: center; align-items: center; gap: 12px; padding: 0 18px; font-size: 13px; font-weight: 600; }
.nm-about-principles-grid > span + span { border-left: 1px solid #dce5e2; }
.nm-about-principles i { color: var(--about-teal); font-size: 17px; }
.nm-about-story-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 90px; }
.nm-about-rule { width: 64px; height: 3px; margin-top: 28px; background: var(--about-teal); }
.nm-about-story-copy { color: var(--about-muted); overflow-wrap: anywhere; }
.nm-about-story-copy p:last-child { margin-bottom: 0; }
.nm-about-story-copy img { max-width: 100%; height: auto; }
.nm-about-story-copy a { color: var(--about-teal); text-decoration: underline; }
.nm-about-values { background: #f5f8f7; }
.nm-about-values-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.nm-about-values-grid article { position: relative; display: flex; flex-direction: column; padding: 32px; background: #fff; border: 1px solid #e0e8e4; border-radius: 16px; }
.nm-about-icon { display: grid; place-items: center; width: 48px; height: 48px; color: var(--about-teal); background: #eaf4f0; border-radius: 14px; font-size: 21px; margin-bottom: 30px; }
.nm-about-card-number { position: absolute; top: 32px; right: 28px; color: #a8b5b1; font-family: Georgia, serif; font-size: 25px; }
.nm-about-values-grid h3 { margin: 0 0 12px; }
.nm-about-values-grid p { font-size: 14px; margin-bottom: 22px; }
.nm-about-values-grid .nm-about-text-link { align-self: flex-start; margin-top: auto; }
.nm-about-help-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 80px; }
.nm-about-help-intro p { max-width: 36ch; }
.nm-about-faqs details { border-bottom: 1px solid #dfe6e3; }
.nm-about-faqs details:first-child { border-top: 1px solid #dfe6e3; }
.nm-about-faqs summary { position: relative; cursor: pointer; list-style: none; padding: 24px 32px 24px 0; font-weight: 700; font-size: 15px; line-height: 1.5; }
.nm-about-faqs summary::-webkit-details-marker { display: none; }
.nm-about-faqs summary::after { content: '+'; position: absolute; right: 4px; top: 22px; color: var(--about-teal); font-size: 22px; font-weight: 400; }
.nm-about-faqs details[open] summary::after { content: '\2212'; }
.nm-about-faqs p { margin: 0; padding: 0 28px 24px 0; font-size: 14px; }
.nm-about-faqs a { color: var(--about-teal); text-decoration: underline; text-underline-offset: 3px; }
.nm-about-team { background: #f7f2ea; }
.nm-about-team-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 24px; }
.nm-about-person { max-width: 400px; width: 100%; justify-self: center; border-radius: 16px; overflow: hidden; background: #fff; border: 1px solid #e6dfd3; }
.nm-about-person > img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; object-position: center top; }
.nm-about-person-placeholder { display: grid; place-items: center; aspect-ratio: 1; font-size: 70px; background: #e1ede7; color: var(--about-teal); }
.nm-about-person-copy { padding: 24px; }
.nm-about-person-copy h3 { margin: 0 0 5px; }
.nm-about-person-copy p { margin: 0; font-size: 13px; }
.nm-about-socials { display: flex; flex-wrap: wrap; gap: 6px; }
.nm-about-socials a { display: grid; place-items: center; width: 44px; height: 44px; color: var(--about-teal); }
.nm-about-contact { padding-top: 24px; }
.nm-about-team + .nm-about-contact { padding-top: 64px; }
.nm-about-contact-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .95fr); gap: 64px; padding: 56px; border-radius: 24px; background: #123152; }
.nm-about-contact-card h2 { color: #fff; }
.nm-about-contact-card p { max-width: 40ch; color: #d0dce4; margin-bottom: 26px; }
.nm-about-contact-card .nm-about-eyebrow { color: #8ed5c6; }
.nm-about .nm-about-btn--light { background: #fff; color: var(--about-ink); }
.nm-about-contact-options { display: flex; flex-direction: column; justify-content: center; }
.nm-about-contact-options > a { display: grid; grid-template-columns: 22px minmax(0, 1fr) 16px; align-items: center; gap: 16px; padding: 21px 0; color: #fff; border-bottom: 1px solid #ffffff26; }
.nm-about-contact-options > a:hover { color: #a5e3d7; }
.nm-about-contact-options > a > i { font-size: 21px; color: #8ed5c6; }
.nm-about-contact-options small { display: block; color: #aec4d5; font-size: 9px; letter-spacing: 1.3px; margin-bottom: 4px; }
.nm-about-contact-options strong { display: block; font-size: 16px; font-weight: 500; overflow-wrap: anywhere; }
@media (max-width: 1024px) {
    .nm-about-wrap { padding-inline: 28px; }
    .nm-about-hero-grid { gap: 28px; }
    .nm-about-hero-copy h1 { font-size: 44px; }
    .nm-about-story-grid, .nm-about-help-grid { gap: 40px; }
    .nm-about-values-grid { gap: 16px; }
    .nm-about-values-grid article { padding: 24px; }
    .nm-about-contact-card { gap: 32px; padding: 36px; }
}
@media (max-width: 760px) {
    .nm-about-wrap { padding-inline: 20px; }
    .nm-about-section { padding-block: 52px; }
    .nm-about-hero { padding-bottom: 32px; }
    .nm-about-breadcrumb { padding-block: 18px 24px; }
    .nm-about-hero-grid, .nm-about-story-grid, .nm-about-help-grid, .nm-about-contact-card { grid-template-columns: 1fr; gap: 32px; }
    .nm-about-hero-copy h1 { font-size: clamp(38px, 8vw, 54px); }
    .nm-about-hero-copy > p { max-width: 48ch; font-size: 16px; }
    .nm-about-visual { transform: none; border-radius: 18px; }
    .nm-about-visual img { border-radius: 12px; }
    .nm-about-principles-grid { grid-template-columns: 1fr; padding-block: 8px; }
    .nm-about-principles-grid > span { justify-content: flex-start; padding: 14px 0; }
    .nm-about-principles-grid > span + span { border-left: 0; border-top: 1px solid #e8ece9; }
    .nm-about-rule { margin-top: 18px; }
    .nm-about-values-grid { grid-template-columns: 1fr; }
    .nm-about-values-grid article { padding: 28px; }
    .nm-about-section-head { margin-bottom: 26px; }
    .nm-about-help-intro p { max-width: none; }
    .nm-about-contact { padding-top: 0; }
    .nm-about-contact-card { padding: 30px 24px; border-radius: 18px; }
    .nm-about-contact-options > a { gap: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    .nm-about .nm-about-btn { transition: none; }
}
