.about-hero { padding:clamp(6rem,10vw,7.5rem) 0 clamp(4rem,7vw,6.5rem); }
.about-hero-grid, .about-image-split, .about-editorial-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:32px; align-items:center; }
.about-hero-copy { grid-column:span 7; }
.about-hero-copy h1 { max-width:none; font-size:clamp(3.5rem,4.2vw,4.7rem); margin:.5rem 0 1.35rem; }
.about-hero-media { grid-column:span 5; margin:0; aspect-ratio:5/6; overflow:hidden; }
.about-hero-media img, .about-image-split figure img, .about-closing > img { width:100%; height:100%; object-fit:cover; }
.about-origin, .about-audiences, .about-commitments, .about-impact, .about-platform, .about-technology { padding-block:var(--space-section); }
.about-editorial-grid > :first-child { grid-column:span 6; }
.about-editorial-grid > :last-child { grid-column:8 / span 5; }
.about-copy p { max-width:62ch; }
.about-image-split figure { grid-column:span 6; margin:0; aspect-ratio:5/4; overflow:hidden; }
.about-image-split > div { grid-column:8 / span 5; }
.about-image-split--reverse > div { grid-column:1 / span 6; grid-row:1; }
.about-image-split--reverse figure { grid-column:8 / span 5; grid-row:1; }
.about-platform .eyebrow, .about-platform h2, .about-platform p { color:var(--color-white); }
.about-audience-grid { display:grid; grid-template-columns:1.35fr 1fr; gap:1px; background:var(--color-border); border:1px solid var(--color-border); }
.about-audience-grid article { padding:clamp(2rem,4vw,3.75rem); background:var(--color-bg); }
.about-audience-grid .audience-business { background:var(--color-surface); }
.about-audience-grid h3, .commitment-grid h3 { margin:.65rem 0 .85rem; }
.about-audience-grid a { display:inline-block; margin-top:.8rem; font-weight:700; text-underline-offset:4px; }
.about-technology { background:var(--color-surface); }
.about-manifesto { padding-block:var(--space-16); }
.about-manifesto > .container > .eyebrow { margin-bottom:var(--space-6); }
.about-manifesto-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--grid-gap); align-items:start; }
.about-manifesto-heading { grid-column:1 / 7; }
.about-manifesto-heading h2 { max-width:640px; margin:0; font-family:var(--font-display); font-size:clamp(3rem,3.6vw,4.25rem); line-height:1; letter-spacing:-.03em; text-wrap:balance; }
.about-manifesto-copy { grid-column:8 / 13; max-width:610px; }
.about-manifesto-copy p { margin:0; font-size:1.075rem; line-height:1.7; }
.about-manifesto-copy p + p { margin-top:var(--space-5); }
.about-manifesto-copy p:first-child { color:var(--color-text); font-size:1.2rem; line-height:1.55; }
.commitment-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--color-border); }
.commitment-grid article { padding:1.5rem 1.25rem 0 0; border-right:1px solid var(--color-border); }
.commitment-grid article + article { padding-left:1.25rem; }
.commitment-grid article:last-child { border-right:0; }
.commitment-grid span { color:var(--color-brand); font:700 .78rem var(--font-ui); letter-spacing:.08em; }
.about-closing { position:relative; display:grid; min-height:560px; align-items:end; overflow:hidden; color:var(--color-white); }
.about-closing > img { position:absolute; inset:0; z-index:-2; }
.about-closing::after { position:absolute; inset:0; z-index:-1; content:""; background:linear-gradient(90deg,rgba(17,16,15,.9),rgba(17,16,15,.65) 48%,rgba(17,16,15,.25)); }
.about-closing-content { padding-block:var(--space-12); }
.about-closing-content h2 { max-width:780px; color:var(--color-white); }
.about-closing-content > p:not(.eyebrow):not(.cta-support) { max-width:56ch; }
.about-closing .btn--secondary { color:var(--color-white); border-color:rgba(255,255,255,.55); }
@media (max-width:1099px) { .about-hero-copy, .about-hero-media, .about-editorial-grid > :first-child, .about-editorial-grid > :last-child, .about-image-split figure, .about-image-split > div, .about-image-split--reverse figure, .about-image-split--reverse > div { grid-column:span 6; } .commitment-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .commitment-grid article:nth-child(2) { border-right:0; } .commitment-grid article:nth-child(3) { padding-left:0; } }
@media (max-width:900px) { .about-hero-grid { grid-template-columns:1fr; gap:var(--space-8); } .about-hero-copy, .about-hero-media { grid-column:auto; } .about-hero-media { order:-1; aspect-ratio:16/10; } .about-hero-copy h1 { max-width:760px; font-size:clamp(3rem,7vw,4.2rem); } .about-manifesto { padding-block:var(--space-12); } .about-manifesto-grid { grid-template-columns:1fr; gap:var(--space-8); } .about-manifesto-heading, .about-manifesto-copy { grid-column:auto; } }
@media (max-width:767px) { .about-hero { padding-top:0; } .about-hero-grid, .about-image-split, .about-editorial-grid { grid-template-columns:1fr; gap:var(--space-8); } .about-hero-media, .about-hero-copy, .about-editorial-grid > :first-child, .about-editorial-grid > :last-child, .about-image-split figure, .about-image-split > div, .about-image-split--reverse figure, .about-image-split--reverse > div { grid-column:auto; } .about-hero-media { order:-1; margin-inline:calc(var(--page-padding-mobile) * -1); aspect-ratio:4/3; } .about-hero-copy { padding-top:var(--space-4); } .about-hero-copy h1 { font-size:clamp(2.45rem,10.5vw,3.2rem); } .about-image-split figure { aspect-ratio:4/3; } .about-image-split--reverse figure { order:-1; } .about-audience-grid, .commitment-grid { grid-template-columns:1fr; } .commitment-grid article, .commitment-grid article + article { padding:1.35rem 0; border-right:0; border-bottom:1px solid var(--color-border); } .about-manifesto { padding-block:var(--space-10); } .about-manifesto-heading h2 { font-size:clamp(2.5rem,10vw,3.2rem); } .about-manifesto-copy { padding-inline-end:0; } .about-closing { min-height:0; } .about-closing::after { background:rgba(17,16,15,.75); } .about-closing-content { padding:var(--space-16) 0 6.5rem; } }
@media (max-width:520px) { .about-manifesto-heading h2 { font-size:clamp(2.35rem,10.5vw,2.9rem); line-height:1.02; } .about-manifesto-copy p { line-height:1.65; } }