.subpage--about {
  --about-space:clamp(48px,6vw,86px);
  --about-body:#53635b;
  --partner-text:#d2e1da;
}
.about-hero { padding-bottom:var(--about-space); border-bottom:1px solid var(--line); }
.about-hero .breadcrumbs { padding-bottom:50px; }
.about-hero-grid { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); grid-template-areas:"heading visual" "intro visual" "actions visual"; gap:26px 52px; align-items:start; }
.about-hero-grid>h1 { grid-area:heading; }
.subpage--about h1 { font-size:clamp(58px,6vw,86px); letter-spacing:-4px; line-height:1.08; }
.about-heading-accent { font-family:var(--font-accent); font-style:italic; font-weight:400; color:var(--red-ink); letter-spacing:-3.7px; }
.about-intro { grid-area:intro; max-width:590px; }
.subpage--about .about-intro h2 { font-size:25px; letter-spacing:-.6px; margin-bottom:18px; }
.about-intro p { color:var(--about-body); font-size:17px; line-height:1.7; }
.about-intro p+p { margin-top:18px; }
.about-hero .subpage-actions { grid-area:actions; margin-top:4px; align-items:center; gap:20px; }
.about-hero .text-link { margin:0; font-size:13px; gap:10px; }
.about-approach { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:38px; margin-top:66px; }
.about-approach li { border-top:1px solid var(--line); padding-top:22px; }
.about-index { display:block; font-size:12px; font-weight:500; letter-spacing:1px; color:var(--red-ink); }
.subpage--about .about-approach h2 { font-size:23px; line-height:1.25; letter-spacing:-.6px; margin-block:16px 10px; }
.about-approach p { max-width:360px; color:var(--about-body); font-size:15px; line-height:1.65; }
.about-expertise { padding-block:var(--about-space); }
.about-split { display:grid; grid-template-columns:1fr 1.25fr; gap:100px; }
.about-section-intro h2 { font-size:clamp(36px,3.4vw,49px); line-height:1.1; }
.about-section-intro>p:last-child { max-width:400px; margin-top:26px; color:var(--about-body); line-height:1.7; }
.about-expertise-list article { display:grid; grid-template-columns:24px 1fr; gap:24px; padding-block:28px; border-top:1px solid var(--line); }
.about-expertise-list article:first-child { padding-top:0; border:0; }
.about-expertise-list article:last-child { padding-bottom:0; }
.about-expertise-list .about-index { padding-top:5px; }
.about-expertise-list p { color:var(--about-body); font-size:16px; line-height:1.7; margin-top:12px; }
.about-expertise-list .text-link { margin-top:16px; font-size:13px; }
.about-brands { margin-top:var(--about-space); padding-top:44px; border-top:1px solid var(--line); }
.about-brands-intro { display:grid; grid-template-columns:1fr 1fr; column-gap:64px; }
.about-brands-intro .eyebrow { grid-column:1/-1; margin-bottom:15px; }
.subpage--about .about-brands h2 { font-size:30px; line-height:1.2; letter-spacing:-1px; }
.about-brands-intro>p:last-child { max-width:540px; color:var(--about-body); }
.about-brand-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 32px; margin-top:32px; }
.about-brand-list a { display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid var(--line); padding-block:21px; }
.about-brand-list strong { display:block; font-size:21px; letter-spacing:-.6px; font-weight:650; }
.about-brand-list a>span>span { display:block; color:var(--about-body); font-size:14px; margin-top:4px; }
.about-brand-list .arrow { color:var(--green-link); transition:transform .2s; }
.about-brand-list a:hover strong { color:var(--red-ink); }
.about-brand-list a:hover .arrow { transform:translate(2px,-2px); }
.integrators { background:var(--green); color:var(--white); padding-block:var(--about-space); }
.integrators :focus-visible { outline-color:#fff; }
.integrators-top { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:32px; }
.integrators .eyebrow { color:#ffb5bd; margin:0; }
.integrators-brand img { width:142px; height:40px; object-fit:contain; }
.integrators-intro { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; }
.subpage--about .integrators h2 { font-size:clamp(38px,3.8vw,55px); letter-spacing:-1.9px; line-height:1.1; }
.integrators-lead { color:var(--partner-text); font-size:18px; line-height:1.7; max-width:570px; }
.integrators-audience { color:#a5c5b6; font-size:13px; margin-top:16px; }
.integrators-capabilities { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:38px; margin-block:46px; }
.integrators-capabilities article { border-top:1px solid #47695e; padding-top:22px; }
.integrators .about-index { color:#ffb5bd; margin-bottom:19px; }
.integrators-capabilities h3 { font-size:23px; }
.integrators-capabilities p { font-size:15px; line-height:1.7; color:var(--partner-text); margin-top:14px; }
.integrators-contact { display:grid; grid-template-columns:1.1fr 1fr; gap:64px; align-items:center; padding-top:32px; border-top:1px solid #47695e; }
.integrators-contact p { color:var(--partner-text); max-width:560px; font-size:15px; line-height:1.7; margin-top:12px; }
.integrators-actions { display:flex; flex-direction:column; align-items:flex-end; gap:20px; }
.integrators-actions .button { background:var(--paper); color:var(--green); }
.integrators-actions .button:hover { background:#e9eee8; }
.integrators-actions .text-link { color:var(--partner-text); margin:0; font-size:13px; }
.subpage--about #main-nav>a[aria-current=page] { text-decoration:underline; text-underline-offset:7px; text-decoration-color:var(--red); text-decoration-thickness:2px; }
.about-scene { grid-area:visual; width:100%; max-width:640px; margin:0; align-self:center; justify-self:center; min-width:0; }
.about-illustration { display:block; width:100%; height:auto; }
@media(max-width:1100px) {
  .about-hero-grid { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:24px 28px; }
  .subpage--about h1 { font-size:clamp(52px,6.5vw,72px); letter-spacing:-3px; }
  .about-heading-accent { letter-spacing:-3px; }
  .about-split { gap:54px; }
  .about-approach,.integrators-capabilities { gap:24px; }
}
@media(max-width:900px) {
  .about-hero-grid { grid-template-columns:1fr; grid-template-areas:"heading" "visual" "intro" "actions"; gap:30px; }
  .about-scene { max-width:580px; }
  .subpage--about h1 { font-size:clamp(54px,8.8vw,72px); }
  .about-intro { max-width:680px; padding:0; }
  .about-hero .subpage-actions { margin-top:0; }
  .about-approach { margin-top:40px; }
  .subpage--about .about-approach h2 { font-size:21px; }
  .about-split { grid-template-columns:1fr; gap:38px; }
  .about-section-intro>p:last-child { max-width:650px; margin-top:20px; }
  .about-brands-intro { gap:16px; }
  .about-brands-intro>p:last-child { align-self:center; }
  .about-brand-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .integrators-intro { grid-template-columns:1fr; gap:24px; }
  .integrators-lead { max-width:660px; }
  .integrators-capabilities h3 { font-size:21px; }
  .integrators-contact { gap:32px; }
  .integrators-contact h3 { font-size:22px; }
  .integrators-actions .button { padding-inline:20px; font-size:13px; gap:12px; }
}
@media(max-width:600px) {
  .about-hero .breadcrumbs { padding-bottom:34px; }
  .subpage--about h1 { font-size:clamp(38px,10.6vw,60px); letter-spacing:-2px; line-height:1.1; }
  .about-heading-accent { letter-spacing:-1.9px; }
  .about-hero-grid { gap:34px; }
  .about-scene { margin-top:0; }
  .about-intro p { font-size:16px; }
  .about-approach { grid-template-columns:1fr; gap:23px; margin-top:32px; }
  .about-approach li { display:grid; grid-template-columns:25px 1fr; gap:0 16px; padding-top:22px; }
  .about-approach .about-index { padding-top:5px; }
  .subpage--about .about-approach h2 { margin:0 0 8px; }
  .about-approach p { grid-column:2; }
  .about-expertise-list article { gap:16px; grid-template-columns:25px 1fr; }
  .about-expertise-list h3 { font-size:22px; }
  .about-brands-intro { grid-template-columns:1fr; gap:14px; }
  .about-brands-intro .eyebrow { margin:0; }
  .subpage--about .about-brands h2 { font-size:27px; }
  .about-brand-list { grid-template-columns:1fr; margin-top:18px; }
  .about-brand-list a { padding-block:17px; }
  .integrators-top { gap:20px; margin-bottom:28px; }
  .integrators-top .eyebrow { max-width:170px; }
  .integrators-brand img { width:106px; height:32px; }
  .subpage--about .integrators h2 { font-size:38px; letter-spacing:-1.5px; }
  .integrators-lead { font-size:16px; }
  .integrators-capabilities { grid-template-columns:1fr; gap:28px; margin-block:32px; }
  .integrators-capabilities article { display:grid; grid-template-columns:25px 1fr; gap:0 16px; }
  .integrators .about-index { padding-top:4px; margin:0; }
  .integrators-capabilities p { grid-column:2; margin-top:10px; }
  .integrators-contact { grid-template-columns:1fr; gap:24px; }
  .integrators-actions { align-items:flex-start; }
}
@media(prefers-reduced-motion:reduce) {
  .about-brand-list .arrow { transition:none; }
}