.about-hero{min-height:88vh;padding:180px var(--pad) 90px;background:#0b0b0b;color:#fff;display:flex;flex-direction:column;justify-content:flex-end}.about-hero h1{font-family:"Songti SC","STSong",serif;font-size:clamp(56px,8vw,115px);line-height:1.02;letter-spacing:-.07em;margin:18px 0}.about-hero h1 span{color:var(--red)}.about-hero .lead{max-width:690px;color:#999;line-height:2;margin:35px 0 0 auto}.about-intro{padding:130px var(--pad);display:grid;grid-template-columns:.7fr 1.3fr;gap:9vw}.about-intro h2,.history h2,.client-page h2,.contact-page h2{font-family:"Songti SC","STSong",serif;font-size:clamp(40px,5vw,72px);line-height:1.12;margin:0}.about-copy{font-size:16px;line-height:2;color:#555}.about-copy strong{color:#111}.about-principles{padding:120px var(--pad);background:#e8e6e0}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#aaa;border:1px solid #aaa;margin-top:60px}.principle-grid article{background:#e8e6e0;padding:35px;min-height:300px;display:flex;flex-direction:column}.principle-grid span{color:var(--red);font-size:11px}.principle-grid h3{font-family:"Songti SC","STSong",serif;font-size:27px;margin:auto 0 12px}.principle-grid p{font-size:12px;color:#777;line-height:1.8}.history{padding:130px var(--pad);background:#fff}.timeline{margin-top:70px;border-top:1px solid #aaa}.timeline article{display:grid;grid-template-columns:220px 1fr;padding:40px 0;border-bottom:1px solid #aaa}.timeline time{font-size:42px;color:var(--red);letter-spacing:-.05em}.timeline h3{font-family:"Songti SC","STSong",serif;font-size:27px;margin:0 0 10px}.timeline p{color:#666;line-height:1.8;margin:0}.client-page,.contact-page{padding:180px var(--pad) 120px}.client-logo-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid #bbb;border-left:1px solid #bbb}.client-logo-grid div{min-height:150px;padding:25px;border-right:1px solid #bbb;border-bottom:1px solid #bbb;display:flex;align-items:center;justify-content:center;text-align:center;font-family:"Songti SC","STSong",serif;font-size:19px}.client-industries{margin-top:90px;display:grid;grid-template-columns:1fr 2fr;gap:8vw}.client-industries p{color:#666;line-height:2}.contact-page{background:#0b0b0b;color:#fff}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin-top:70px}.contact-method{padding:28px 0;border-top:1px solid #444}.contact-method span{display:block;color:var(--red);font-size:12px;margin-bottom:12px}.contact-method a{font-size:clamp(26px,3vw,45px)}.contact-method p{color:#999;line-height:1.8}.contact-address{background:#181818;padding:45px}.contact-address img{width:150px;margin-top:40px}.map-link{display:inline-flex;margin-top:25px;border-bottom:1px solid #777;padding-bottom:8px;color:#aaa}
@media(max-width:900px){.about-intro,.contact-layout,.client-industries{grid-template-columns:1fr}.principle-grid{grid-template-columns:1fr}.timeline article{grid-template-columns:120px 1fr}.client-logo-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.about-hero{padding-top:140px}.about-intro,.about-principles,.history,.client-page,.contact-page{padding-block:85px}.timeline article{grid-template-columns:1fr;gap:18px}.client-logo-grid{grid-template-columns:1fr 1fr}.client-logo-grid div{font-size:15px;min-height:120px}}
@media(max-width:900px){.about-hero .lead,.about-copy,.timeline p,.client-industries p,.contact-method p{font-size:16px;line-height:1.85}.principle-grid span,.contact-method span{font-size:13px}.principle-grid p{font-size:15px;line-height:1.75}.principle-grid h3,.timeline h3{font-size:clamp(24px,6vw,28px)}.client-logo-grid div{font-size:16px}.map-link{font-size:15px}}
@media(min-width:901px){.about-hero .lead,.about-copy,.timeline p,.client-industries p,.contact-method p{font-size:17px;line-height:1.9}.principle-grid span,.contact-method span{font-size:12px}.principle-grid p{font-size:15px;line-height:1.75}.map-link{font-size:15px}}
.contact-page>h1{font-family:"Songti SC","STSong",serif;font-size:clamp(40px,5vw,72px);line-height:1.12;margin:0}
/* Keep the about landing page aligned with standard section heroes. */
.about-page{background:var(--paper)}.about-page .about-hero{min-height:0;justify-content:flex-start}
.about-intro h2{font-size:clamp(36px,4vw,60px)}