/* About-only compositions. Reuses the original site tokens and type system. */
.about-page [id]{scroll-margin-top:24px}
.about-hero{padding-top:70px}
.about-hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:start;margin-top:35px}
.about-hero h1{font-size:clamp(44px,5.1vw,73px);line-height:1.06;margin-bottom:35px}
.about-hero .intro{max-width:620px;font-size:18px}
.type-composition{border-left:1px solid var(--line);padding:5px 0 5px 35px;display:flex;flex-direction:column;gap:24px}
.type-composition>span:not(.type-index){font-size:clamp(28px,3vw,42px);line-height:1.12;letter-spacing:-1.4px}
.type-index,.type-composition small{font-size:10px;letter-spacing:1.3px;color:var(--muted)}
.type-composition small{letter-spacing:0;margin-top:8px}.blue-type{color:var(--blue)}
.approval-note{font-size:12px!important;color:var(--muted);line-height:1.7;border-left:2px solid var(--blue);padding-left:14px;max-width:620px}
.approval-note strong{color:var(--navy);font-weight:600}
.about-contents{display:flex;gap:30px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;margin-top:55px;font-size:12px;color:var(--blue)}
.about-contents a{padding:5px 0}.about-contents a:hover{text-decoration:underline;text-underline-offset:5px}
.about-editorial{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}
.about-editorial h2{max-width:500px}.about-editorial>div>p{color:var(--muted);font-size:15px}.about-editorial .lead{font-size:20px;color:var(--navy);line-height:1.55}
.about-offers{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border:1px solid var(--line)}
.about-offers article{padding:28px}.about-offers article+article{border-left:1px solid var(--line)}.about-offers p:not(.eyebrow){font-size:14px;color:var(--muted);margin-bottom:0}.about-offers .eyebrow{font-size:10px;line-height:1.7}
.about-focus{background:var(--pale)}
.focus-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px;margin:45px 0 0}
.focus-list>div{border-top:1px solid var(--line);padding:25px 0}.focus-list dt{font-size:20px;margin-bottom:12px}.focus-list dd{font-size:14px;color:var(--muted);margin:0;max-width:470px}
.founder-draft{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:30px 0;padding:25px 0 10px}.founder-draft .eyebrow{color:var(--blue);font-size:10px}.founder-draft>p:not(.eyebrow){color:var(--muted);font-size:15px}
.principles-section{border-top:1px solid var(--line)}
.principles-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.principles-grid article{padding:26px 24px 0 0}.principles-grid article+article{padding-left:24px;border-left:1px solid var(--line)}.principles-grid h3{margin-top:28px}.principles-grid p{font-size:14px;color:var(--muted);margin-bottom:0}
.about-direction{background:var(--pale)}
.about-cta{display:grid;grid-template-columns:1.4fr 1fr;gap:90px;align-items:center}.about-cta h2{margin-bottom:24px}.about-cta>div>p:not(.eyebrow){color:var(--muted);font-size:15px;max-width:600px}.about-cta .brief-note{font-size:12px!important;line-height:1.7;margin-top:18px;max-width:350px!important}
@media(max-width:1000px){.about-hero-grid,.about-editorial,.about-cta{gap:40px}.about-hero h1{letter-spacing:-2px}.type-composition{padding-left:25px}.about-offers article{padding:22px}.principles-grid{grid-template-columns:repeat(2,1fr);gap:30px 0}.principles-grid article:nth-child(3){border-left:0;padding-left:0}}
@media(max-width:700px){.about-hero{padding-top:40px}.about-hero-grid,.about-editorial,.about-cta{grid-template-columns:1fr;gap:28px}.about-hero-grid{margin-top:25px}.about-hero h1{font-size:clamp(40px,9vw,60px);letter-spacing:-2px}.about-hero .intro{font-size:16px}.type-composition{padding:25px 0;border-left:0;border-top:1px solid var(--line);gap:18px}.type-composition>span:not(.type-index){font-size:30px}.about-contents{margin-top:25px;gap:14px 24px}.about-editorial .lead{font-size:18px}.about-offers,.focus-list{grid-template-columns:1fr}.about-offers article+article{border-left:0;border-top:1px solid var(--line)}.about-offers{margin-top:30px}.focus-list{margin-top:30px}.principles-grid article{padding-right:18px}.principles-grid article+article{padding-left:18px}.principles-grid article:nth-child(3){padding-left:0}.principles-grid h3{font-size:21px}.about-cta .button{max-width:none}.about-cta .brief-note{max-width:none!important}}

/* Contain the existing two-column principle grid on the narrowest screens. */
@media(max-width:360px){.principles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.principles-grid>article{min-width:0}.principles-grid h3{overflow-wrap:anywhere}}