.matchon-about{--about-gutter:var(--content-horizontal-padding-sm,25px);width:100%;color:var(--color-text-primary);background:var(--color-bg-page);font-family:var(--global-font),sans-serif}.matchon-about,.matchon-about *{box-sizing:border-box}.matchon-about .matchon-about-container{width:100%;max-width:calc(var(--content-width, 900px) + 2 * var(--about-gutter));margin:0 auto;padding-inline:var(--about-gutter)}.matchon-about p{margin:0;color:var(--color-text-secondary);font-size:16px;line-height:1.75}.matchon-about .matchon-about-eyebrow{margin:0 0 16px;color:var(--color-primary);font-size:13px;font-weight:600;line-height:1.5;letter-spacing:.09em;text-transform:uppercase}.matchon-about .matchon-about-hero{padding-block:80px 72px;text-align:center;background:linear-gradient(180deg,var(--color-bg-page) 0,var(--color-bg-primary-50) 100%);border-bottom:1px solid var(--color-border-light)}.matchon-about .matchon-about-title{max-width:800px;margin:0 auto 24px;color:var(--color-primary);font-size:clamp(36px,5.5vw,58px);font-weight:600;line-height:1.12;letter-spacing:-.04em;text-wrap:balance}.matchon-about .matchon-about-title span{display:block}.matchon-about .matchon-about-lead{max-width:610px;margin-inline:auto;font-size:18px;line-height:1.65;text-wrap:pretty}.matchon-about .matchon-about-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px}.matchon-about .matchon-about-hero .matchon-about-actions{justify-content:center;margin-top:30px}.matchon-about .matchon-about-button{gap:24px;padding:13px 22px;border:1px solid transparent;border-radius:var(--radius-md);background:var(--color-cta);line-height:1.4;text-decoration:none;transition:background var(--transition-fast)}.matchon-about .matchon-about-button,.matchon-about .matchon-about-text-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;color:var(--color-primary);font-size:16px;font-weight:600}.matchon-about .matchon-about-text-link{gap:10px;text-decoration:underline;-webkit-text-decoration-color:transparent;text-decoration-color:transparent;text-underline-offset:5px}.matchon-about a:focus-visible{outline:3px solid var(--color-primary);outline-offset:5px}@media (hover:hover){.matchon-about .matchon-about-button:hover{background:var(--color-cta-hover)}.matchon-about .matchon-about-text-link:hover{-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}}.matchon-about .matchon-about-button:active{background:var(--color-cta-active)}.matchon-about .matchon-about-reassurance{margin-top:20px;font-size:13px}.matchon-about .matchon-about-section{padding-block:72px}.matchon-about .matchon-about-story{display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:56px;gap:56px}.matchon-about .matchon-about-heading{margin:0;color:var(--color-primary);font-size:clamp(26px,3.4vw,34px);font-weight:600;line-height:1.25;letter-spacing:-.025em;text-wrap:balance}.matchon-about .matchon-about-copy p+p{margin-top:18px}.matchon-about .matchon-about-purpose{padding-block:56px;background:var(--color-primary)}.matchon-about .matchon-about-purpose .matchon-about-eyebrow{color:var(--color-accent)}.matchon-about .matchon-about-purpose .matchon-about-heading,.matchon-about .matchon-about-purpose p{color:var(--color-text-inverse)}.matchon-about .matchon-about-purpose-inner>p:last-child{max-width:680px;margin-top:22px}.matchon-about .matchon-about-section-intro{max-width:660px;margin-bottom:32px}.matchon-about .matchon-about-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px}.matchon-about .matchon-about-principle{padding:24px;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-bg-surface)}.matchon-about .matchon-about-number{display:block;margin-bottom:24px;color:var(--color-primary);font-size:13px;font-weight:600}.matchon-about .matchon-about-principle h3{margin:0 0 12px;color:var(--color-primary);font-size:19px;font-weight:600;line-height:1.35}.matchon-about .matchon-about-principle p{font-size:15px;line-height:1.7}.matchon-about .matchon-about-closing{padding-block:48px;border-top:1px solid var(--color-border-light);background:var(--color-bg-primary-50)}.matchon-about .matchon-about-closing-inner{display:grid;grid-gap:26px;gap:26px}.matchon-about .matchon-about-closing p{margin-top:12px}@media (max-width:700px){.matchon-about .matchon-about-hero,.matchon-about .matchon-about-section{padding-block:48px}.matchon-about .matchon-about-story{grid-template-columns:1fr;gap:24px}.matchon-about .matchon-about-principles{grid-template-columns:1fr;gap:14px}.matchon-about .matchon-about-number{margin-bottom:14px}.matchon-about .matchon-about-purpose{padding-block:40px}}@media (max-width:380px){.matchon-about .matchon-about-actions{flex-direction:column;align-items:stretch;gap:8px}.matchon-about .matchon-about-lead{font-size:17px}}@media (prefers-reduced-motion:reduce){.matchon-about .matchon-about-button{transition:none}}