.about-page h1 { font-size:clamp(42px,5.5vw,78px); line-height:1.1; letter-spacing:-.045em; }
.about-page h2 { margin:0; font-size:clamp(32px,3.8vw,52px); line-height:1.15; letter-spacing:-.035em; }
.about-page h3 { margin:0; font-size:24px; line-height:1.3; letter-spacing:-.02em; }
.about-page p { line-height:1.8; }
.about-hero { display:grid; position:relative; min-height:550px; margin:32px clamp(22px,5vw,78px) 0; border-radius:24px; overflow:hidden; background:var(--green); isolation:isolate; }
.about-cover { grid-area:1/1; width:100%; height:100%; max-height:620px; object-fit:cover; object-position:center 44%; align-self:stretch; }
.about-hero::after { content:''; grid-area:1/1; z-index:1; background:linear-gradient(90deg,rgba(4,29,22,.9),rgba(4,29,22,.45) 65%,rgba(4,29,22,.14)); }
.about-hero-copy { grid-area:1/1; z-index:2; align-self:end; padding:clamp(28px,5vw,72px); max-width:890px; color:white; }
.about-hero .eyebrow { color:var(--gold-light); font-size:14px; line-height:1.5; margin-bottom:28px; }
.about-hero-lede { font-size:clamp(18px,2vw,24px); max-width:700px; margin:24px 0 30px; }
.about-cover-location { display:block; font-size:13px; color:#e3e9e5; }
.about-section { padding:88px clamp(22px,7vw,112px); }
.about-story { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:7vw; }
.about-prose p { margin:0 0 22px; font-size:18px; color:var(--muted); }
.about-prose p:first-child { color:var(--ink); font-size:21px; }
.about-prose p:last-child { margin-bottom:0; }
.about-section-heading { max-width:900px; margin:0 0 38px; }
.about-section-heading>p { margin:24px 0 0; color:var(--muted); font-size:18px; }
.about-routes { background:var(--cream); }
.about-route-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.about-route-grid article { padding:28px; background:var(--cream-2); border-top:3px solid var(--gold); border-radius:0 0 18px 18px; }
.about-route-number { display:block; margin-bottom:24px; font-size:14px; color:var(--muted); }
.about-route-grid h3 { font-size:clamp(22px,2vw,28px); }
.about-route-grid p { font-size:16px; color:var(--muted); margin:16px 0 0; }
.about-delivery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px; padding-top:34px; }
.about-delivery p { font-size:17px; color:var(--muted); margin:0; }
.about-why { background:white; }
.about-reasons { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px; }
.about-reasons article { border-top:1px solid var(--border); padding-top:24px; }
.about-reasons h3 { font-size:21px; }
.about-reasons p { font-size:16px; color:var(--muted); }
.about-approach { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:7vw; border-top:1px solid var(--border); margin-top:44px; padding-top:40px; }
.about-approach h3 { font-size:28px; }
.about-approach p { margin:0 0 20px; color:var(--muted); font-size:17px; }
.about-approach .about-quote { color:var(--green); font-size:21px; font-weight:700; margin:28px 0 0; border-left:3px solid var(--gold); padding-left:22px; }
.about-credentials { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:64px; align-items:center; }
.about-credentials>div>p:not(.eyebrow) { font-size:18px; color:var(--muted); margin:26px 0 0; }
.about-rnt-card { padding:34px; border:1px solid var(--border); background:white; border-radius:20px; }
.about-rnt-mark { display:inline-block; padding:12px 16px; background:var(--mint); color:var(--green); font-size:20px; font-weight:800; border-radius:8px; margin-bottom:22px; }
.about-rnt-card p { font-size:16px; color:var(--muted); margin-bottom:24px; }
.about-rnt-card a { display:inline-block; font-size:16px; line-height:1.6; text-underline-offset:5px; }
.about-photos { padding-top:0; }
.about-photo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; align-items:start; }
.about-photo-grid figure { margin:0; }
.about-photo-grid img { display:block; width:100%; height:auto; border-radius:16px; }
.about-photo-grid figcaption { font-size:16px; margin:14px 0 0; line-height:1.5; }
.about-photo-note { color:var(--muted); font-size:14px; margin:26px 0 0; }
.about-contact { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:64px; align-items:center; padding:70px clamp(22px,7vw,112px); background:var(--green); color:white; }
.about-contact .eyebrow { color:var(--gold-light); }
.about-contact h2 { font-size:clamp(32px,3.5vw,48px); }
.about-contact>div>p:not(.eyebrow) { font-size:18px; color:#e0e8e3; margin:24px 0 0; }
.about-whatsapp { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.about-whatsapp .button { padding:18px 12px; background:var(--gold-light); color:var(--green); font-size:16px; line-height:1.5; }
.about-whatsapp strong { display:block; font-size:14px; font-weight:600; margin-top:4px; }
.about-email { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:26px 0 22px; }
.about-email span { display:block; color:#b9cbc3; font-size:14px; margin-bottom:8px; }
.about-email a { font-size:16px; line-height:1.6; overflow-wrap:anywhere; text-underline-offset:5px; }
.about-inquiry-link { display:inline-block; font-size:16px; line-height:1.6; text-underline-offset:5px; }
.about-page :lang(zh-CN) h1,.about-page :lang(zh-CN) h2,.about-page :lang(zh-CN) h3 { letter-spacing:0; line-height:1.3; }
@media(max-width:980px){
 .about-story,.about-approach,.about-credentials,.about-contact { grid-template-columns:1fr; gap:30px; }
 .about-route-grid { grid-template-columns:1fr; gap:18px; }
 .about-route-grid article { padding:26px; }
 .about-route-number { margin-bottom:16px; }
 .about-reasons { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .about-delivery { gap:28px; }
 .about-hero { min-height:500px; }
 .about-contact-channels { max-width:660px; }
}
@media(max-width:700px){
 .about-section { padding:60px 22px; }
 .about-hero { margin:20px 18px 0; min-height:460px; }
 .about-cover { height:100%; object-position:57% center; }
 .about-hero::after { background:linear-gradient(0deg,rgba(4,29,22,.94),rgba(4,29,22,.5)); }
 .about-hero-copy { padding:28px 24px; }
 .about-page h1 { font-size:clamp(36px,9vw,56px); }
 .about-hero .eyebrow { font-size:12px; margin-bottom:22px; }
 .about-hero-lede { font-size:18px; margin:22px 0; }
 .about-prose p,.about-section-heading>p,.about-credentials>div>p:not(.eyebrow) { font-size:17px; }
 .about-prose p:first-child { font-size:19px; }
 .about-delivery,.about-photo-grid { grid-template-columns:1fr; }
 .about-reasons { gap:24px 18px; }
 .about-reasons h3 { font-size:19px; }
 .about-photos { padding-top:0; }
 .about-photo-grid { gap:30px; }
 .about-rnt-card { padding:26px; }
 .about-contact { padding:56px 22px; }
 .about-whatsapp,.about-email { grid-template-columns:1fr; }
 .about-whatsapp .button { justify-content:flex-start; text-align:left; padding:18px 24px; }
}
@media(max-width:380px){.about-reasons{grid-template-columns:1fr}.about-hero-copy{padding:26px 20px}.about-page h1{font-size:36px}}