* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body.about-page { margin:0; background:#fff0d7; color:#292021; font:400 18px/1.6 "Google Sans Flex",sans-serif; }
.about-page a { color:inherit; text-decoration:none; }
.about-page .reading-nav-join { color:#fff; }
.about-page button,.about-page input { font-family:inherit; }
.about-main,.about-page > .mindstate-community-footer { width:min(1372px,calc(100% - 68px)); margin:0 auto; }
.about-intro { padding:90px 0 80px; text-align:center; }
.about-eyebrow { font-size:13px; letter-spacing:.07em; text-transform:uppercase; margin:0 0 16px; }
.about-intro h1 { margin:0 0 38px; font-size:clamp(42px,5vw,72px); font-weight:400; letter-spacing:-.045em; line-height:1.1; }
.about-contents { display:flex; flex-direction:column; align-items:center; gap:16px; font-size:15px; }
.about-contents > div { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; }
.about-contents a,.about-join { display:inline-flex; align-items:center; justify-content:center; gap:20px; padding:9px 20px; border:1px solid #958878; border-radius:999px; }
.about-section { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:48px; padding:60px 0 76px; border-top:1px solid #b6a996; scroll-margin-top:28px; }
.about-number { font-size:clamp(72px,12vw,160px); line-height:1; letter-spacing:-.07em; color:#c7b9a5; }
.about-copy { min-width:0; }
.about-copy h2 { margin:0 0 40px; font-size:clamp(36px,4vw,54px); line-height:1.15; letter-spacing:-.035em; font-weight:400; }
.about-block + .about-block { margin-top:36px; }
.about-block h3 { font-size:28px; line-height:1.25; font-weight:400; letter-spacing:-.02em; margin:0 0 14px; }
.about-block p { margin:0 0 16px; max-width:760px; color:#625a50; }
.about-values { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.about-values h4 { margin:8px 0; font-size:19px; font-weight:500; line-height:1.3; }
.about-values p { font-size:16px; }
.about-block .about-note { border-left:2px solid #b6a996; padding-left:20px; font-size:15px; }
.about-contact { display:flex; align-items:center; gap:24px; width:fit-content; max-width:100%; font-size:clamp(20px,2.5vw,32px); line-height:1.4; overflow-wrap:anywhere; }
.about-social { display:inline-block; margin-top:20px; font-size:15px; text-decoration:underline !important; }
.about-join { margin-top:12px; background:#292021; color:#fff !important; font-size:16px; border-color:#292021; }
.about-page .community-section { margin-inline:0; }
.about-page .footer-column a { font-size:13px; line-height:18px; text-transform:uppercase; }
.about-page .community-actions a { color:white; text-decoration:underline; font-size:14px; }
.about-page a:hover { text-decoration:underline; text-underline-offset:4px; }
.about-page a:focus-visible { outline:2px solid #8a6832; outline-offset:5px; }
@media(max-width:900px) { .about-section { grid-template-columns:100px minmax(0,1fr); gap:28px; } .about-values { grid-template-columns:1fr; gap:6px; } }
@media(max-width:600px) { .about-main,.about-page > .mindstate-community-footer { width:calc(100% - 32px); } .about-intro { padding:56px 0 48px; } .about-section { grid-template-columns:minmax(0,1fr); gap:20px; padding:36px 0 48px; } .about-number { font-size:52px; } .about-copy h2 { margin-bottom:28px; } .about-block h3 { font-size:25px; } .about-block p { font-size:17px; } .about-contents a { padding:8px 14px; } .about-page .mindstate-footer { padding-inline:8px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }