/* A continuous editorial page; all program information remains expanded. */
.about-page{background:#fff;color:#243e38;--about-blue:#edf4f8;--about-green:#1f4b3b}
.about-page .wrap{max-width:1400px}
.about-kicker{display:block;font-size:10px;font-weight:700;letter-spacing:.15em;line-height:1.6;color:#51766a}
.about-hero{padding-top:64px;display:grid;grid-template-columns:.88fr 1.12fr;gap:32px;align-items:center}
.about-hero-copy{padding:18px 0 28px}.about-hero h1{font-size:clamp(45px,4.7vw,69px);line-height:1.14;letter-spacing:-.06em;margin:24px 0;max-width:640px;text-wrap:balance}
.about-hero-copy>p{font-size:16px;max-width:430px;color:#60716d;line-height:1.95;word-break:keep-all}.about-down{display:inline-flex;align-items:center;gap:40px;margin-top:35px;border-bottom:1px solid #a6bbb2;padding-bottom:12px;font-size:12px;font-weight:600}.about-down span{font-size:22px}
.about-hero-image{position:relative;border-radius:3px 3px 80px 3px;overflow:hidden;isolation:isolate}.about-hero-image>img{width:100%;height:510px;object-fit:cover;object-position:50% 60%}.about-hero-image figcaption{position:absolute;bottom:0;left:0;right:0;padding:65px 25px 25px;background:linear-gradient(transparent,#10281fc9);color:#fff;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.03em}
.about-hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:22px;border-bottom:1px solid #dbe5df;padding:0 0 27px;margin-top:7px}.about-hero-foot>span{font-size:10px;letter-spacing:.12em;color:#72847a}.about-hero-foot p{font-size:19px;letter-spacing:-.035em}
.about-index{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;padding-top:22px;padding-bottom:22px}.about-index a{display:flex;gap:8px;font-size:12px;align-items:baseline;padding:6px 0;border-bottom:1px solid transparent}.about-index a:hover{border-color:#305b47}.about-index small{font-size:9px;color:#8c9e94}
.about-chapter{padding-top:92px;padding-bottom:84px;scroll-margin-top:20px}
.about-section-heading{display:grid;grid-template-columns:56px 1fr;gap:20px;margin-bottom:44px;max-width:950px}.about-number{font:italic 22px var(--font-site);color:#718e7e;padding-top:4px;border-top:1px solid #769686;max-width:40px}.about-section-heading h2{font-size:clamp(34px,3.8vw,53px);letter-spacing:-.06em;line-height:1.22;margin:15px 0 20px;text-wrap:balance}.about-section-heading p{font-size:16px;color:#687972;max-width:650px;line-height:1.9;word-break:keep-all}
.about-photo{min-width:0}.about-photo>img{width:100%;height:100%;object-fit:cover;aspect-ratio:1.5;max-height:470px;border-radius:3px}.about-photo figcaption{font-size:10px;color:#7c8b83;line-height:1.5;margin-top:12px;letter-spacing:.02em}.about-photo.contain>img{object-fit:contain;background:#f4f6f8}
.about-story-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:65px}.about-story-grid .about-photo>img{height:390px;aspect-ratio:auto}.about-prose h3,.about-letter h3{font-size:26px;line-height:1.3;letter-spacing:-.04em;margin:12px 0 20px}.about-prose p,.about-letter p{font-size:14px;line-height:1.95;color:#5f7168;margin-bottom:18px;word-break:keep-all}
.about-letter{margin:58px 0 0;padding:38px 42px;background:#f1f5f4;display:grid;grid-template-columns:128px 1fr;gap:35px;align-items:start}.about-letter>img{width:128px;height:155px;object-fit:cover;mix-blend-mode:multiply}.about-letter h3{font-size:24px;margin-top:12px}.about-letter p:last-child{margin-bottom:0}
.about-program-note{display:flex;gap:35px;align-items:start;padding-top:27px;padding-bottom:27px;border-top:1px solid #dce4e1;border-bottom:1px solid #dce4e1}.about-program-note>span{white-space:nowrap;font-size:10px;letter-spacing:.05em;font-weight:700;padding-top:4px}.about-program-note p{max-width:880px;font-size:12px;color:#74847b;line-height:1.8}
.about-photo-pair{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;margin-bottom:44px}.about-photo-pair img{height:350px;aspect-ratio:auto;object-position:50% 45%}
.about-details-grid{display:grid;gap:32px;margin-top:32px}.about-details-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.about-details-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.about-detail{border-top:1px solid #cddbd3;padding-top:23px;min-width:0}.about-detail h3{font-size:22px;letter-spacing:-.045em;line-height:1.4;margin-bottom:18px}.about-detail p,.about-detail li{font-size:13px;line-height:1.95;color:#607269;word-break:keep-all}.about-detail p+p{margin-top:16px}.about-detail ul{padding-left:18px;margin:0}.about-detail li{padding-left:3px;margin-bottom:10px}
.about-event-record{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:center;margin-top:55px;padding:32px;background:#f4f7f9}.about-event-record .about-photo img{height:auto;aspect-ratio:auto;max-height:285px}.about-event-record h3{font-size:23px;margin:12px 0 16px}.about-event-record p{font-size:12px;color:#68776e;line-height:1.9;margin-bottom:13px}.about-record-label{display:block;font-size:11px;color:#7d623d;border-left:2px solid #b79865;padding-left:11px;line-height:1.8;margin:16px 0}
.about-band{background:#edf3ef}.about-band.blue{background:#edf3f8}.about-language-lead{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;margin-bottom:48px}.about-language-lead img{height:330px;aspect-ratio:auto}.about-language-lead h3{font-size:28px;margin-bottom:20px;letter-spacing:-.04em}.about-language-lead p{font-size:14px;color:#617268;line-height:1.9;word-break:keep-all}.about-mini-facts{display:flex;gap:35px;padding-top:26px;margin-top:24px;border-top:1px solid #ccd9cf}.about-mini-facts strong{font-size:35px;font-weight:400;display:block;letter-spacing:-.05em}.about-mini-facts span{font-size:10px;display:block;margin-top:7px;color:#728175}
.about-universities{border-top:1px solid #cbd9ce;border-bottom:1px solid #cbd9ce;padding:25px 0;margin:35px 0}.about-universities p{font-size:16px;margin-top:12px;line-height:2;color:#3e5c49;word-break:keep-all}
.about-learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:47px}.about-learning-grid>article{min-width:0}.about-learning-grid h3{font-size:26px;letter-spacing:-.04em;margin:11px 0 19px}.about-learning-grid h4{font-size:16px;margin:30px 0 12px}.about-learning-grid p{font-size:13px;line-height:1.95;margin-bottom:17px;color:#607269;word-break:keep-all}.about-small-photo{float:right;margin:0 0 18px 24px}.about-small-photo img{width:140px;height:125px;object-fit:cover;border-radius:2px}.about-downloads{display:flex;flex-wrap:wrap;gap:16px;margin:23px 0}.about-downloads a{border-bottom:1px solid #8faaa0;font-size:12px;padding-bottom:5px}.about-resource-images{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:40px}.about-resource-images img{height:250px;aspect-ratio:auto;background:#fff!important}
.about-support-intro{display:grid;grid-template-columns:230px 1fr;gap:36px;align-items:center;max-width:1000px;margin-bottom:45px}.about-support-intro .about-photo img{height:155px;aspect-ratio:auto}.about-support-intro>p{font-size:16px;color:#5a7263;line-height:1.95;word-break:keep-all}.about-service-note{display:grid;grid-template-columns:170px 1fr;gap:30px;align-items:center;background:#f4f7f6;padding:30px;margin-top:40px}.about-service-note>img{width:170px;height:125px;object-fit:cover}.about-service-note h3{font-size:23px;letter-spacing:-.035em;margin-bottom:12px}.about-service-note p{font-size:13px;color:#687970;line-height:1.9}.about-service-note .text-link{font-size:12px;margin-top:10px}
.about-exchange-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}.about-exchange-grid img{height:350px;aspect-ratio:auto}.about-memory-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:50px;align-items:start}.about-memory-strip img{height:160px;aspect-ratio:auto;object-fit:contain;background:#e4ebef}.about-memory-strip figure:nth-child(even){margin-top:25px}.about-bound-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.about-bound-grid img{height:auto;aspect-ratio:auto}.about-bound-grid .text-link{font-size:12px}
.about-history{background:#214b3c;color:#eff5f0}.about-history .about-kicker,.about-history .about-section-heading p,.about-history .about-number{color:#b4cec0}.about-history .about-section-heading{margin-bottom:25px}.about-history-note{font-size:12px;color:#b3c6ba;max-width:800px;line-height:1.8;margin-left:76px;margin-bottom:44px}.about-timeline{list-style:none;margin:0;padding:0;columns:3;column-gap:40px}.about-timeline li{break-inside:avoid;display:grid;grid-template-columns:64px 1fr;gap:13px;padding:16px 0;border-top:1px solid #4e6c5c}.about-timeline time{font-size:11px;color:#abc8b8;padding-top:3px}.about-timeline p{font-size:12px;line-height:1.85;color:#e0eae1;word-break:keep-all}
.about-closing{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-top:80px;padding-bottom:80px}.about-closing h2{font-size:clamp(33px,3.5vw,49px);letter-spacing:-.05em;line-height:1.2;margin:20px 0}.about-closing p{font-size:14px;line-height:1.9;max-width:430px;color:#6a7e71;word-break:keep-all}.about-closing-actions{display:flex;align-items:center;gap:25px;margin-top:26px}.about-closing .about-photo img{height:310px;aspect-ratio:auto;border-radius:3px 65px 3px 3px}
.about-edit-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.about-edit-links button{font-size:10px;padding:6px 9px;background:transparent;color:#7b8c81}.about-published-update{border-top:1px solid #d2ded5;margin-top:22px;padding-top:22px}.about-published-update h3{font-size:18px;margin-bottom:12px}.about-published-update p{font-size:14px;line-height:1.9}
@media(max-width:1050px){.about-hero{gap:26px;padding-top:40px}.about-hero h1{font-size:48px}.about-hero-image>img{height:460px}.about-story-grid{gap:35px}.about-details-grid.three{gap:24px}.about-detail h3{font-size:20px}.about-language-lead{gap:30px}.about-learning-grid{gap:32px}.about-timeline{columns:2}.about-bound-grid{gap:32px}.about-memory-strip img{height:135px}}
@media(max-width:750px){.about-hero{grid-template-columns:1fr;padding-top:27px;gap:22px}.about-hero-copy{padding:12px 0 0}.about-hero h1{font-size:43px;margin:18px 0 20px}.about-hero-copy>p{font-size:14px;max-width:560px}.about-down{margin-top:22px}.about-hero-image>img{height:390px}.about-hero-image{border-bottom-right-radius:50px}.about-hero-foot{flex-wrap:wrap;padding-bottom:20px;gap:10px}.about-hero-foot p{font-size:16px}.about-hero-foot>span:last-child{display:none}.about-index{justify-content:flex-start;gap:8px 18px;padding-top:17px;padding-bottom:17px}.about-index a{font-size:11px}.about-chapter{padding-top:57px;padding-bottom:53px}.about-section-heading{grid-template-columns:32px 1fr;gap:14px;margin-bottom:29px}.about-number{font-size:18px;max-width:27px}.about-section-heading h2{font-size:35px;margin-top:12px;margin-bottom:16px}.about-section-heading p{font-size:14px}.about-story-grid,.about-language-lead,.about-exchange-grid,.about-bound-grid{grid-template-columns:1fr;gap:26px}.about-story-grid .about-photo>img{height:300px}.about-prose h3{font-size:24px}.about-prose p{font-size:14px}.about-letter{padding:25px;margin-top:30px;gap:18px;grid-template-columns:75px 1fr}.about-letter>img{width:75px;height:91px}.about-letter h3{font-size:21px}.about-letter p{font-size:12px}.about-program-note{flex-direction:column;gap:9px;padding-top:22px;padding-bottom:22px}.about-details-grid.three{grid-template-columns:1fr;gap:25px}.about-detail h3{font-size:22px;margin-bottom:12px}.about-detail p,.about-detail li{font-size:14px}.about-photo-pair{gap:14px;margin-bottom:30px}.about-photo-pair img{height:220px}.about-event-record{grid-template-columns:1fr;padding:24px;gap:25px;margin-top:35px}.about-event-record p{font-size:13px}.about-language-lead{margin-bottom:32px}.about-language-lead img{height:270px}.about-mini-facts{gap:32px}.about-universities p{font-size:14px}.about-learning-grid{grid-template-columns:1fr;gap:38px}.about-learning-grid p{font-size:14px}.about-resource-images{gap:20px;grid-template-columns:1fr}.about-resource-images img{height:auto;max-height:310px}.about-support-intro{grid-template-columns:150px 1fr;gap:20px}.about-support-intro>p{font-size:13px}.about-support-intro .about-photo img{height:120px}.about-service-note{grid-template-columns:1fr;padding:24px;gap:20px}.about-service-note>img{width:170px;height:115px}.about-exchange-grid img{height:270px}.about-details-grid.two{grid-template-columns:1fr;gap:25px}.about-memory-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 15px;margin-top:35px}.about-memory-strip img{height:160px}.about-memory-strip figure:nth-child(even){margin-top:18px}.about-timeline{columns:1}.about-timeline li{grid-template-columns:72px 1fr;gap:15px}.about-timeline p{font-size:13px}.about-history-note{margin-left:46px;font-size:11px;margin-bottom:25px}.about-closing{grid-template-columns:1fr;gap:30px;padding-top:50px;padding-bottom:50px}.about-closing h2{font-size:38px}.about-closing .about-photo img{height:270px}}
@media(max-width:420px){.about-hero h1{font-size:37px}.about-hero-image>img{height:330px}.about-hero-image figcaption{font-size:9px;padding:50px 18px 22px;flex-direction:column;gap:6px}.about-photo-pair{grid-template-columns:1fr}.about-photo-pair img{height:250px}.about-letter{display:block;padding:22px}.about-letter>img{float:right;margin:0 0 12px 14px}.about-letter .about-kicker{font-size:9px}.about-support-intro{grid-template-columns:1fr}.about-support-intro .about-photo img{width:220px;height:150px}.about-small-photo img{width:100px;height:95px}.about-learning-grid h3{font-size:24px}.about-mini-facts{gap:20px}.about-mini-facts strong{font-size:31px}.about-mini-facts span{font-size:9px}.about-memory-strip img{height:125px}.about-closing-actions{gap:20px}.about-closing-actions .button{font-size:13px;padding:13px 19px}}

/* Dates belong to the chronology, including when general year labels are hidden. */
.public-design .about-page .about-timeline li { gap: 9px; }
.public-design .about-page .about-timeline time { font-size: 14px; font-weight: 700; line-height: 1.5; color: #d0e2d5; font-variant-numeric: tabular-nums; }
.public-design .about-page .about-timeline p+p { margin-top: 12px; }
html[lang=en] .public-design .about-page .about-section-heading h2 { margin-top: 0; }

/* Eight program chapters, with the founder's letter beside the mission. */
.public-design .about-page .about-index { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px 26px; }
.public-design .about-page .about-index a { align-items: baseline; font-size: 14px; line-height: 1.65; text-transform: none; word-break: keep-all; overflow-wrap: anywhere; }
.public-design .about-page .about-index small { flex: none; }
.about-mission-layout { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(0,1fr); gap: clamp(36px,5vw,76px); align-items: start; }
.about-mission-copy { min-width: 0; }
.public-design .about-page .about-mission-copy .about-section-heading { grid-template-columns: 36px minmax(0,1fr); gap: 16px; margin-bottom: 32px; }
.public-design .about-page .about-mission-copy .about-section-heading p { font-size: clamp(25px,2.35vw,34px); line-height: 1.65; color: var(--ink); font-weight: 800; letter-spacing: -.035em; max-width: none; text-wrap: pretty; }
.public-design .about-page .about-mission-copy .about-story-grid { display: flex; flex-direction: column; align-items: stretch; gap: 26px; margin-left: 52px; }
.public-design .about-page .about-mission-copy .about-story-grid .about-photo>img { height: auto; aspect-ratio: 1.75; max-height: 310px; }
.public-design .about-page .about-mission-layout>.founder-letter { width: 100%; min-width: 0; margin: 0; }
.public-design .about-page .about-mission-layout .letter-heading { padding: 26px 28px 22px; gap: 18px; }
.public-design .about-page .about-mission-layout .letter-heading h3 { font-size: 25px; line-height: 1.4; word-break: keep-all; text-wrap: balance; }
.public-design .about-page .about-mission-layout .letter-body { padding: 26px 28px 0; }
.public-design .about-page .about-mission-layout .letter-body p { font-size: 15px; line-height: 1.95; }
.public-design .about-page .about-visit-exchange { margin-top: 38px; max-width: 930px; }
.public-design .about-page .about-conversation-support { margin: 40px 0; }
.public-design .about-page .about-conversation-support .about-detail { display: flow-root; }
.public-design .about-page .about-conversation-support .about-photo { float: right; width: 37%; margin: 0 0 20px 42px; }
.public-design .about-page .about-conversation-support .about-photo img { height: 245px; }
.about-settlement-support { margin-top: 58px; padding-top: 38px; border-top: 1px solid #bac9b9; }
.about-subsection-title { font-size: 28px; line-height: 1.4; letter-spacing: -.035em; }
.public-design .about-page .about-closing { scroll-margin-top: 20px; align-items: start; }
.public-design .about-page .about-closing .about-section-heading { margin-bottom: 28px; }
.public-design .about-page .about-closing-actions { margin-left: 76px; flex-wrap: wrap; }
@media(max-width:1000px) {
  .public-design .about-page .about-index { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .about-mission-layout { gap: 34px; }
  .public-design .about-page .about-mission-copy .about-section-heading { grid-template-columns: 28px minmax(0,1fr); gap: 12px; }
  .public-design .about-page .about-mission-copy .about-story-grid { margin-left: 40px; }
  .public-design .about-page .about-mission-layout .letter-heading { padding: 24px 22px 20px; }
  .public-design .about-page .about-mission-layout .letter-body { padding: 24px 22px 0; }
}
@media(max-width:850px) {
  .about-mission-layout { grid-template-columns: minmax(0,1fr); gap: 38px; }
  .public-design .about-page .about-mission-layout>.founder-letter { width: calc(100% - 12px); margin-inline: auto; }
  .public-design .about-page .about-mission-copy .about-section-heading p { max-width: 650px; }
}
@media(max-width:750px) {
  .public-design .about-page .about-index { gap: 4px 20px; }
  .public-design .about-page .about-index a { font-size: 12px; }
  .public-design .about-page .about-mission-copy .about-story-grid { margin-left: 0; }
  .public-design .about-page .about-mission-copy .about-section-heading p { font-size: 25px; }
  .public-design .about-page .about-conversation-support .about-photo { float: none; width: 100%; margin: 0 0 24px; }
  .public-design .about-page .about-conversation-support .about-photo img { height: 250px; }
  .public-design .about-page .about-closing-actions { margin-left: 46px; }
  .about-subsection-title { font-size: 24px; }
}

/* Program information leads; photographs provide context at a clear scale. */
.public-design .about-page .about-program-feature { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: 64px; }
.about-program-copy { min-width: 0; }
.public-design .about-page .about-program-copy .about-section-heading { grid-template-columns: 32px minmax(0,1fr); gap: 16px; margin-bottom: 30px; }
.public-design .about-page .about-program-copy .about-kicker { font-size: 11px; letter-spacing: .07em; font-weight: 700; color: #617467; }
.public-design .about-page .about-program-copy .about-number { font-size: 16px; font-style: normal; }
html[lang] .public-design .about-page .about-program-copy h2 { font-size: clamp(32px,3.25vw,46px); line-height: 1.3; margin: 12px 0 20px; letter-spacing: -.045em; text-transform: none; text-wrap: pretty; }
.public-design .about-page .about-program-copy .about-section-heading p { font-size: 18px; line-height: 1.8; color: #425d4e; }
.about-program-intro { margin-left: 48px; }
.about-program-intro h3 { font-size: 23px; font-weight: 800; line-height: 1.5; margin-bottom: 12px; letter-spacing: -.035em; }
.about-program-intro p { font-size: 16px; line-height: 1.95; color: #4d6357; word-break: keep-all; }
.public-design .about-page .about-program-feature>.about-photo img { display: block; height: auto; width: 100%; aspect-ratio: 1.55; max-height: 460px; object-position: center; }
.public-design .about-page .about-program-chapter .about-photo { margin: 0; }
.about-services-pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 48px; margin-top: 56px; }
.about-service { display: grid; grid-template-columns: minmax(0,1fr) 120px; align-items: start; gap: 26px; padding-top: 27px; border-top: 1px solid #bdc8b6; min-width: 0; }
.about-service-copy { min-width: 0; }
.about-service h3 { font-size: 23px; line-height: 1.5; font-weight: 800; letter-spacing: -.035em; margin: 0 0 15px; word-break: keep-all; }
.about-service p { font-size: 16px; line-height: 1.95; color: #4d6357; word-break: keep-all; }
.public-design .about-page .about-service>.about-photo img { width: 100%; height: 115px; aspect-ratio: auto; object-fit: cover; }
.about-service .about-downloads { margin-bottom: 0; gap: 12px; }
.about-service .about-downloads a { line-height: 1.6; font-size: 13px; }
.about-university-directory { display: grid; grid-template-columns: 230px minmax(0,1fr); gap: 30px; align-items: start; border-block: 1px solid #bfcab8; margin-top: 48px; padding-block: 30px; }
.about-university-directory h3 { font-size: 18px; line-height: 1.6; font-weight: 800; }
.about-university-directory ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px 25px; }
.about-university-directory li { font-size: 15px; line-height: 1.65; color: #3b5647; word-break: keep-all; }
.public-design .about-page .about-program-chapter .about-settlement-support { margin-top: 64px; padding-top: 0; border-top: 0; }
.about-settlement-services { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; margin-top: 27px; }
.about-settlement-services .about-service { display: flex; flex-direction: column; gap: 24px; }
.public-design .about-page .about-settlement-services .about-photo { width: 100%; margin-top: auto; }
.public-design .about-page .about-settlement-services .about-photo img { height: 155px; }
.about-support-contact { border-left: 3px solid #7c9477; margin-top: 48px; padding: 4px 0 4px 26px; max-width: 860px; }
.about-support-contact h3 { font-size: 22px; font-weight: 800; margin-bottom: 10px; }
.about-support-contact p { font-size: 16px; line-height: 1.9; color: #4d6357; }
.about-support-contact .text-link { margin-top: 13px; }

/* A continuous chronology with a distinct year, month and event hierarchy. */
.public-design .about-page .about-history-redesign { background: #f1eee3; color: #193d33; border-block: 1px solid #c6cebc; }
.about-history-layout { display: grid; grid-template-columns: minmax(220px,.75fr) minmax(0,2fr); gap: 75px; align-items: start; }
.about-history-intro { position: sticky; top: 38px; }
.public-design .about-page .about-history-intro .about-section-heading { display: block; margin-bottom: 32px; }
.public-design .about-page .about-history-intro .about-number { display: block; margin-bottom: 22px; color: #667d6a; font-style: normal; font-size: 15px; padding-top: 9px; }
.public-design .about-page .about-history-intro .about-kicker { color: #617467; font-size: 11px; font-weight: 700; letter-spacing: .08em; }
html[lang] .public-design .about-page .about-history-intro h2 { font-size: clamp(34px,3.3vw,46px); line-height: 1.25; letter-spacing: -.04em; text-transform: none; margin: 12px 0 22px; }
.public-design .about-page .about-history-intro .about-section-heading p { color: #506657; font-size: 16px; line-height: 1.9; }
.about-history-nav { border-top: 1px solid #b8c3ad; max-width: 240px; }
.about-history-nav a { display: flex; justify-content: space-between; align-items: center; gap: 24px; min-height: 55px; padding: 13px 0; border-bottom: 1px solid #c6cebc; font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; }
.about-history-nav a:hover { color: #86633e; }
.about-history-nav a>span:first-child { white-space: nowrap; }
.about-history-nav a>span:last-child { color: #7b8e73; font-size: 19px; }
.about-history-years { min-width: 0; }
.about-history-year { display: grid; grid-template-columns: 120px minmax(0,1fr); column-gap: 30px; padding: 36px 0; border-top: 1px solid #bac6b2; scroll-margin-top: 38px; }
.about-history-year:first-child { padding-top: 0; border-top: 0; }
.about-history-year h3 { align-self: start; font-size: 43px; font-weight: 700; line-height: 1.1; letter-spacing: -.045em; font-variant-numeric: tabular-nums; white-space: nowrap; color: #315940; }
.about-history-year:first-child h3 { color: #8c6139; }
.about-history-year ol { list-style: none; padding: 0 0 0 27px; margin: 0; border-left: 1px solid #c3cbb9; }
.about-history-year li { position: relative; display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 20px; padding: 0 0 26px; }
.about-history-year li:last-child { padding-bottom: 0; }
.about-history-year li::before { content: ''; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #8c9f80; left: -31px; top: 10px; }
.about-history-year time { color: #6f755d; font-size: 13px; line-height: 2.3; font-weight: 800; white-space: nowrap; font-variant-numeric: tabular-nums; }
.about-history-year p { font-size: 16px; line-height: 1.95; color: #2e493b; word-break: keep-all; }
.about-history-year p+p { margin-top: 12px; }
@media(max-width:1100px) {
  .public-design .about-page .about-program-feature { gap: 36px; }
  .about-service { grid-template-columns: minmax(0,1fr) 88px; gap: 18px; }
  .about-services-pair { gap: 32px; }
  .about-history-layout { grid-template-columns: 220px minmax(0,1fr); gap: 45px; }
  .about-history-year { grid-template-columns: 100px minmax(0,1fr); gap: 22px; }
  .about-history-year h3 { font-size: 36px; }
  .about-history-year ol { padding-left: 22px; }
  .about-history-year li { gap: 14px; }
  .about-history-year li::before { left: -26px; }
  .about-university-directory { grid-template-columns: 180px minmax(0,1fr); }
}
@media(max-width:850px) {
  .public-design .about-page .about-program-feature { grid-template-columns: 1fr; gap: 30px; }
  .public-design .about-page .about-program-feature>.about-photo img { aspect-ratio: 1.7; max-height: 400px; }
  .about-history-layout { grid-template-columns: 1fr; gap: 40px; }
  .about-history-intro { position: static; }
  .public-design .about-page .about-history-intro .about-section-heading { max-width: 620px; margin-bottom: 22px; }
  .about-history-nav { display: flex; max-width: none; gap: 24px; border-top: 0; }
  .about-history-nav a { flex: 1; }
  .about-history-year { grid-template-columns: 110px minmax(0,1fr); gap: 26px; }
  .about-history-year h3 { font-size: 42px; }
  .about-university-directory { grid-template-columns: 1fr; gap: 20px; }
}
@media(max-width:650px) {
  .public-design .about-page .about-program-copy .about-section-heading { grid-template-columns: 24px minmax(0,1fr); gap: 12px; margin-bottom: 24px; }
  html[lang] .public-design .about-page .about-program-copy h2 { font-size: 32px; }
  .public-design .about-page .about-program-copy .about-section-heading p { font-size: 16px; }
  .about-program-intro { margin-left: 36px; }
  .about-program-intro h3 { font-size: 21px; }
  .about-program-intro p,.about-service p { font-size: 15px; line-height: 1.9; }
  .about-services-pair { grid-template-columns: 1fr; gap: 30px; margin-top: 35px; }
  .about-service { grid-template-columns: minmax(0,1fr) 88px; gap: 20px; }
  .about-service h3 { font-size: 21px; }
  .public-design .about-page .about-service>.about-photo img { height: 98px; }
  .about-university-directory { margin-top: 30px; padding-block: 24px; }
  .about-university-directory ul { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 18px; }
  .about-university-directory li { font-size: 14px; }
  .about-settlement-services { grid-template-columns: 1fr; gap: 28px; }
  .about-settlement-services .about-service { display: grid; }
  .public-design .about-page .about-settlement-services .about-photo { margin-top: 0; }
  .about-support-contact { margin-top: 32px; padding-left: 19px; }
  .about-support-contact p { font-size: 15px; }
  .about-history-nav { gap: 16px; }
  .about-history-nav a { gap: 8px; font-size: 12px; min-height: 48px; }
  .about-history-nav a>span:last-child { display: none; }
  .about-history-year { grid-template-columns: 1fr; gap: 22px; padding-block: 30px; }
  .about-history-year h3 { font-size: 38px; }
  .about-history-year ol { margin-left: 4px; padding-left: 20px; }
  .about-history-year li { grid-template-columns: 34px minmax(0,1fr); gap: 14px; padding-bottom: 24px; }
  .about-history-year li::before { left: -24px; }
  .about-history-year p { font-size: 15px; line-height: 1.95; }
  .about-history-year time { font-size: 12px; }
}