.about-hero{position:relative;overflow:hidden;min-height:650px;display:flex;align-items:flex-end;padding:78px 0 68px;background:var(--bg-deep);color:var(--ink-on-dark)}
.about-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,17,31,.98) 0%,rgba(8,17,31,.82) 52%,rgba(8,17,31,.18) 100%),url("/assets/img/v4/yantai-operations-v2.webp") center/cover no-repeat;transform:scale(1.025)}
.about-hero::after{content:"烟台 · YANTAI";position:absolute;right:-.02em;bottom:-.17em;color:rgba(255,255,255,.07);font-size:clamp(5rem,13vw,12rem);line-height:1;font-weight:800;letter-spacing:-.06em;white-space:nowrap}
.about-hero .wrap{position:relative;z-index:1}.about-hero .crumb,.about-hero .crumb a{color:rgba(247,249,252,.55)}.about-hero h1{color:#fff;max-width:10em}.about-hero .lead{max-width:680px;color:var(--ink-on-dark-muted);font-size:20px}
.about-principle{padding:112px 0;background:var(--bg)}.about-principle-grid{display:grid;grid-template-columns:.74fr 1.26fr;gap:90px;align-items:start}.about-principle h2{position:sticky;top:calc(var(--header-h) + 30px);max-width:8em}.about-story{font-size:clamp(1.2rem,2.2vw,1.7rem);line-height:1.75;color:var(--ink);letter-spacing:-.02em}.about-story p{color:inherit}.about-story p:first-child::first-letter{float:left;color:var(--brand);font-size:4.2em;line-height:.78;padding:.1em .09em 0 0;font-weight:700}
.about-plain{margin-top:46px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-plain div{padding:24px 24px 24px 0}.about-plain div+div{border-left:1px solid var(--line);padding-left:24px}.about-plain strong{display:block;color:var(--brand);font-size:12px;letter-spacing:.08em;margin-bottom:8px}.about-plain span{font-size:14px;color:var(--ink-muted)}
.about-manifesto{position:relative;overflow:hidden;padding:120px 0;background:var(--bg-deep);color:var(--ink-on-dark)}.about-manifesto::before{content:"";position:absolute;inset:0;background:url("/assets/img/v4/yantai-workshop-hero-v2.webp") center/cover no-repeat;opacity:.16}.about-manifesto .wrap{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.about-manifesto h2{color:#fff;max-width:8em}.manifesto-list{border-top:1px solid var(--line-on-dark)}.manifesto-item{display:grid;grid-template-columns:52px 1fr;gap:22px;padding:26px 0;border-bottom:1px solid var(--line-on-dark)}.manifesto-item b{color:var(--cyan);font-size:12px;letter-spacing:.08em}.manifesto-item h3{color:#fff;font-size:18px;margin-bottom:8px}.manifesto-item p{margin:0;color:var(--ink-on-dark-muted);font-size:14px}
.about-process{padding:112px 0;background:#fff}.about-process .section-head{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;max-width:none;align-items:end}.about-process .section-head p{max-width:620px}.process-line{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.process-line article{position:relative;min-height:260px;padding:30px 34px 30px 0;border-right:1px solid var(--line)}.process-line article+article{padding-left:34px}.process-line article:last-child{border-right:0}.process-line article::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--brand)}.process-line small{display:block;color:var(--brand);font-weight:700;letter-spacing:.1em;margin-bottom:74px}.process-line h3{font-size:20px}.process-line p{color:var(--ink-muted);font-size:14px}
.about-foot{padding:92px 0;background:var(--bg)}.about-foot .wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.about-facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.about-facts div{padding:20px 20px 20px 0;border-bottom:1px solid var(--line)}.about-facts strong{display:block;font-size:12px;color:var(--brand);margin-bottom:5px}.about-facts span,.about-facts a{font-size:14px;color:var(--ink-2)}.about-actions{text-align:right}
@media(max-width:900px){.about-principle-grid,.about-manifesto .wrap,.about-process .section-head,.about-foot .wrap{grid-template-columns:1fr;gap:46px}.about-principle h2{position:static}.process-line{grid-template-columns:1fr}.process-line article,.process-line article+article{min-height:0;padding:26px 0;border-right:0;border-bottom:1px solid var(--line)}.process-line small{margin-bottom:18px}.about-actions{text-align:left}}
@media(max-width:620px){.about-hero{min-height:520px}.about-plain{grid-template-columns:1fr}.about-plain div+div{border-left:0;padding-left:0}.about-plain div{border-bottom:1px solid var(--line)}.about-facts{grid-template-columns:1fr}}