/* Page-specific layout; typography and site shell are shared with production. */

.about-breadcrumbs{display:flex;gap:10px;padding-top:24px;color:var(--uci-muted);font-size:13px}
.about-page .eyebrow{margin:0 0 18px;color:var(--uci-teal);font-size:12px;font-weight:700;letter-spacing:.1em}
.about-page h1{margin:0;font-size:clamp(40px,4.8vw,68px);line-height:1.18}
.about-page h2{margin:0 0 22px;color:var(--uci-forest);font-size:clamp(32px,3.5vw,48px);line-height:1.3}
.about-page h3{margin:0 0 14px;font-size:24px;line-height:1.4}
.about-page p{margin:0 0 20px;color:var(--uci-muted);font-size:17px;line-height:1.85}
.about-page figure{margin:0;min-width:0}
.about-page figure.hero-photo{margin-inline:auto}
.about-page .photo{width:100%;height:auto;border-radius:12px}
.about-page figcaption{margin-top:12px;color:var(--uci-muted);font-size:13px;line-height:1.6}
.about-page .opening{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:end;padding-block:44px 40px}
.about-page .opening-summary{max-width:480px}
.about-page .opening-summary p:last-child{margin-bottom:0}
.about-page .signature{font:500 clamp(18px,2vw,24px)/1.6 "Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;color:var(--uci-muted)}
.about-page .origin{display:grid;grid-template-columns:1fr 2fr;gap:64px;padding-block:var(--uci-section)}
.about-page .origin p:not(.eyebrow){max-width:720px}
.about-page .story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,88px);align-items:center;padding-bottom:64px}
.about-page .story-copy{max-width:520px}
.about-page .story figure{width:100%;max-width:430px;justify-self:center}
.about-page .reverse{padding-top:var(--uci-section)}
.about-page .reverse .story-copy{order:2}
.about-page .progress{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;padding-bottom:var(--uci-section)}
.about-page .progress>div{border-top:1px solid var(--uci-line);padding-top:24px;min-width:0}
.about-page .progress p{margin:16px 0 0;white-space:nowrap}
.about-page .progress b{color:var(--uci-forest);font-size:clamp(28px,3vw,40px);font-weight:500}
.about-page .progress small{font-size:14px;margin-left:4px}
.about-page .progress p span{padding-inline:10px;font-size:22px}
.about-page .progress .text-progress{font-size:24px;padding-top:10px;color:var(--uci-forest)}
.about-page .progress .progress-note{grid-column:1/-1;font-size:13px;white-space:normal}
.about-page .light-band,.about-page .closing{background:var(--uci-mist)}
.about-page .custom{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,88px);padding-block:var(--uci-section)}
.about-page .why{padding-block:32px var(--uci-section)}
.about-page .why header{margin-bottom:40px}
.about-page .reasons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.about-page .reasons article{padding-top:24px;border-top:1px solid var(--uci-line)}
.about-page .reasons p{font-size:16px}
.about-page .closing-inner{display:grid;grid-template-columns:2fr 1fr;gap:48px;align-items:center;padding-block:var(--uci-section)}
.about-page .closing h2{text-wrap:balance}
.about-page .cta{display:inline-flex;align-items:center;gap:24px;min-height:48px;padding-bottom:6px;border-bottom:1px solid var(--uci-teal);color:var(--uci-teal);font-weight:700}
.about-page address{font-style:normal;font-size:16px;color:var(--uci-muted);line-height:2}
.about-page a:focus-visible{outline:2px solid var(--uci-teal);outline-offset:5px}
@media(max-width:1000px){
.about-page .opening{gap:32px}
.about-page .progress{grid-template-columns:1fr 1fr}
.about-page .progress>div:nth-child(3){grid-column:1/-1}
.about-page .reasons{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
.about-page .opening,.about-page .origin,.about-page .story,.about-page .custom,.about-page .closing-inner{grid-template-columns:minmax(0,1fr);gap:28px}
.about-page .opening{padding-block:32px}
.about-page .opening-summary,.about-page .story-copy{max-width:none}
.about-page .origin,.about-page .custom,.about-page .closing-inner{padding-block:56px}
.about-page .story{padding-bottom:48px}
.about-page .reverse{padding-top:56px}
.about-page .reverse .story-copy{order:initial}
.about-page p{font-size:16px}
.about-page h3{font-size:22px}
.about-page .progress{gap:18px;padding-bottom:48px}
.about-page .progress .eyebrow{font-size:11px;letter-spacing:0}
.about-page .progress p span{padding-inline:5px;font-size:18px}
.about-page .progress small{font-size:12px;margin-left:2px}
.about-page .why{padding-block:24px 56px}
.about-page .reasons{grid-template-columns:minmax(0,1fr);gap:24px}
}