/* Calmic About page — scoped editorial layout */
.about-page .primary-nav a[aria-current="page"] { color: var(--forest); }
.about-hero { position: relative; overflow: hidden; color: var(--white); background: var(--forest-deep); isolation: isolate; }
.about-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; opacity: .22; background: radial-gradient(ellipse at 78% 22%, rgba(167,205,81,.28), transparent 36%), linear-gradient(132deg, transparent 63%, rgba(255,255,255,.08) 63.1%, transparent 63.3%), linear-gradient(42deg, transparent 72%, rgba(255,255,255,.08) 72.1%, transparent 72.3%); }
.about-hero-grid { min-height: 670px; padding-block: 92px 78px; display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; gap: clamp(52px, 9vw, 140px); position: relative; }
.about-hero-copy { max-width: 720px; padding-bottom: 42px; }
.about-hero h1 { margin: 0; color: var(--white); font-size: clamp(58px, 8vw, 104px); line-height: .98; letter-spacing: -.06em; font-weight: 500; }
.about-hero h1 em { color: var(--lime); font-family: var(--serif); font-weight: 400; letter-spacing: -.045em; }
.about-hero-lead { max-width: 540px; margin: 27px 0 0; color: rgba(255,255,255,.76); font-size: clamp(15px, 1.5vw, 18px); line-height: 1.75; }
.about-hero-note { width: min(100%, 370px); min-height: 320px; justify-self: end; padding: 30px; position: relative; overflow: hidden; color: var(--forest-deep); background: var(--lime); align-self: center; }
.about-note-label, .about-track-label { display: block; font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.about-year { display: block; margin-top: 30px; font-size: clamp(92px, 11vw, 140px); line-height: .8; letter-spacing: -.1em; font-weight: 600; }
.about-hero-note p { position: relative; margin: 19px 0 0 5px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.about-note-rule { display: block; width: 100%; height: 1px; margin-top: 27px; background: rgba(16,47,39,.28); }
.about-hero-note small { display: block; margin-top: 17px; font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.about-hero-foot { position: absolute; left: 0; right: 0; bottom: 26px; display: flex; align-items: center; gap: 15px; color: rgba(255,255,255,.68); font-size: 9px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.about-story { padding-block: 112px 98px; }
.about-story-grid { margin-top: 35px; display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(44px, 9vw, 130px); align-items: start; }
.about-story-grid h2, .about-ethos-heading h2, .about-expertise-heading h2, .about-reasons-heading h2, .about-standards h2 { margin: 0; font-size: clamp(40px, 5.2vw, 64px); line-height: 1.06; letter-spacing: -.05em; font-weight: 500; }
.about-story-grid h2 em, .about-ethos-heading h2 em, .about-expertise-heading h2 em, .about-reasons-heading h2 em, .about-standards h2 em { color: #788c6f; font-family: var(--serif); font-weight: 400; letter-spacing: -.035em; }
.about-story-copy { max-width: 610px; }
.about-story-copy p { margin: 0 0 15px; color: #606b62; font-size: 13px; line-height: 1.9; }
.about-story-copy p:last-child { margin-bottom: 0; }
.about-story-note { margin-top: 54px; margin-left: 43%; padding: 22px 0 22px 24px; border-left: 2px solid var(--leaf); }
.about-note-index { color: var(--forest-mid); font-size: 9px; font-weight: 700; letter-spacing: .14em; }
.about-story-note p { max-width: 610px; margin: 8px 0 0; color: var(--ink); font-family: var(--serif); font-size: 23px; line-height: 1.45; }
.about-ethos { padding-block: 94px 100px; color: var(--white); background: var(--forest-deep); }
.about-ethos-heading { margin-top: 28px; display: flex; justify-content: space-between; align-items: end; gap: 40px; }
.about-ethos-heading h2 em { color: var(--lime); }
.about-ethos-heading > p { max-width: 330px; margin: 0 5px 6px 0; color: rgba(255,255,255,.65); font-size: 12px; line-height: 1.8; }
.about-belief-grid { margin-top: 46px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid rgba(255,255,255,.2); border-left: 1px solid rgba(255,255,255,.2); }
.about-belief-card { min-height: 245px; padding: 27px 26px; border-right: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2); }
.about-belief-number { color: var(--lime); font-size: 9px; font-weight: 700; letter-spacing: .12em; }
.about-belief-card h3 { margin: 31px 0 10px; font-size: 19px; font-weight: 600; letter-spacing: -.025em; }
.about-belief-card p { max-width: 320px; margin: 0; color: rgba(255,255,255,.66); font-size: 11px; line-height: 1.8; }
.about-expertise { padding-block: 112px 120px; }
.about-expertise-heading, .about-reasons-heading { margin-top: 30px; display: flex; justify-content: space-between; align-items: end; gap: 35px; }
.about-expertise-heading > p, .about-reasons-heading > p { max-width: 335px; margin: 0 4px 7px 0; color: #69736b; font-size: 12px; line-height: 1.8; }
.about-expertise-grid { margin-top: 48px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.about-expertise-card { min-height: 335px; padding: 28px 30px; background: rgba(255,254,250,.48); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.about-expertise-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.about-expertise-index { width: 28px; height: 28px; display: inline-flex; justify-content: center; align-items: center; color: var(--forest); background: var(--paper-deep); border-radius: 50%; font-size: 9px; font-weight: 700; }
.about-expertise-label { color: #778076; font-size: 9px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.about-expertise-card h3 { margin: 25px 0 10px; font-size: 21px; line-height: 1.25; letter-spacing: -.035em; font-weight: 600; }
.about-expertise-card > p { max-width: 460px; min-height: 55px; margin: 0; color: #667168; font-size: 11px; line-height: 1.75; }
.about-expertise-card ul { margin: 18px 0 0; padding: 15px 0 0; list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 18px; border-top: 1px solid var(--line); }
.about-expertise-card li { position: relative; padding-left: 16px; color: #59665c; font-size: 10px; line-height: 1.55; }
.about-expertise-card li::before { content: ''; position: absolute; top: .55em; left: 0; width: 6px; height: 4px; border-left: 1.5px solid #6c9141; border-bottom: 1.5px solid #6c9141; transform: rotate(-45deg); }
.about-track-record { color: var(--forest-deep); background: var(--leaf); }
.about-track-inner { min-height: 265px; padding-block: 45px; display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 70px; }
.about-track-label { letter-spacing: .12em; }
.about-track-inner h2 { margin: 13px 0 0; font-size: clamp(38px, 4.7vw, 56px); line-height: 1.02; letter-spacing: -.05em; font-weight: 500; }
.about-track-inner h2 em { font-family: var(--serif); font-weight: 400; }
.about-client-list { display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; gap: 15px; }
.about-client-list span { padding-block: 17px; text-align: center; border-top: 1px solid rgba(16,47,39,.36); border-bottom: 1px solid rgba(16,47,39,.36); font-size: 20px; font-weight: 700; letter-spacing: -.04em; }
.about-client-list p { grid-column: 1 / -1; margin: 0; font-size: 10px; line-height: 1.6; }
.about-reasons { padding-block: 108px 116px; }
.about-reasons-heading h2 em { color: #74886b; }
.about-reasons-grid { margin-top: 43px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.about-reasons-grid article { min-height: 218px; padding: 25px; background: rgba(255,254,250,.5); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.about-reason-icon { width: 28px; height: 28px; display: inline-flex; justify-content: center; align-items: center; color: var(--forest); background: #e8eddd; border-radius: 50%; font-size: 8px; font-weight: 700; }
.about-reasons-grid h3 { margin: 25px 0 8px; font-size: 16px; font-weight: 600; letter-spacing: -.02em; }
.about-reasons-grid p { max-width: 330px; margin: 0; color: #69736b; font-size: 11px; line-height: 1.8; }
.about-standards { padding-block: 86px 94px; color: var(--white); background: var(--forest); }
.about-standards-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 25px 70px; align-items: end; }
.about-standards-inner .section-kicker { grid-column: 1 / -1; }
.about-standards h2 em { color: var(--lime); }
.about-standards-copy p { max-width: 530px; margin: 0; color: rgba(255,255,255,.72); font-size: 12px; line-height: 1.85; }
.about-standards-note { display: block; margin-top: 18px; color: var(--lime); font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.about-page .closing-cta { padding-top: 94px; }

@media (max-width: 900px) {
  .about-hero-grid { min-height: 620px; grid-template-columns: 1fr .72fr; gap: 34px; }
  .about-hero-note { min-height: 270px; padding: 24px; }
  .about-year { font-size: 100px; }
  .about-story-grid { gap: 42px; }
  .about-belief-card { padding: 24px 20px; }
  .about-expertise-card { padding: 25px 23px; }
  .about-track-inner { gap: 40px; }
}
@media (max-width: 640px) {
  .about-hero-grid { min-height: unset; padding-block: 78px 72px; grid-template-columns: 1fr; gap: 34px; }
  .about-hero-copy { padding-bottom: 0; }
  .about-hero h1 { font-size: clamp(55px, 13vw, 76px); }
  .about-hero-lead { margin-top: 21px; font-size: 14px; }
  .about-hero-note { width: 100%; min-height: 210px; justify-self: stretch; padding: 22px; }
  .about-year { margin-top: 24px; font-size: 88px; }
  .about-hero-foot { position: static; grid-column: 1; flex-wrap: wrap; gap: 9px; font-size: 8px; }
  .about-hero-foot .hero-foot-line { width: 20px; }
  .about-story { padding-block: 72px 68px; }
  .about-story-grid { margin-top: 24px; grid-template-columns: 1fr; gap: 20px; }
  .about-story-grid h2, .about-ethos-heading h2, .about-expertise-heading h2, .about-reasons-heading h2, .about-standards h2 { font-size: 43px; }
  .about-story-copy p { font-size: 12px; }
  .about-story-note { margin: 32px 0 0; padding-left: 17px; }
  .about-story-note p { font-size: 20px; }
  .about-ethos { padding-block: 70px; }
  .about-ethos-heading, .about-expertise-heading, .about-reasons-heading { margin-top: 24px; display: block; }
  .about-ethos-heading > p, .about-expertise-heading > p, .about-reasons-heading > p { margin: 15px 0 0; font-size: 11px; }
  .about-belief-grid { margin-top: 29px; grid-template-columns: 1fr; }
  .about-belief-card { min-height: unset; padding: 21px; }
  .about-belief-card h3 { margin-top: 20px; }
  .about-expertise { padding-block: 72px; }
  .about-expertise-grid { margin-top: 30px; grid-template-columns: 1fr; }
  .about-expertise-card { min-height: unset; padding: 23px 19px; }
  .about-expertise-card h3 { margin-top: 19px; font-size: 19px; }
  .about-expertise-card > p { min-height: unset; }
  .about-expertise-card ul { grid-template-columns: 1fr; gap: 8px; }
  .about-track-inner { min-height: unset; padding-block: 38px; grid-template-columns: 1fr; gap: 25px; }
  .about-client-list { gap: 8px; }
  .about-client-list span { padding-block: 14px; font-size: 17px; }
  .about-reasons { padding-block: 72px; }
  .about-reasons-grid { margin-top: 29px; grid-template-columns: 1fr; }
  .about-reasons-grid article { min-height: unset; padding: 20px; }
  .about-reasons-grid h3 { margin-top: 18px; }
  .about-standards { padding-block: 68px; }
  .about-standards-inner { grid-template-columns: 1fr; gap: 19px; }
  .about-standards-inner .section-kicker { grid-column: auto; }
  .about-page .closing-cta { padding-top: 66px; }
}