.about-page{background:#f6fafb;color:#102d3c}
.about-hero{min-height:590px;padding:140px max(6vw,calc((100vw - 1320px)/2)) 80px;display:grid;grid-template-columns:minmax(0,1fr);align-items:end;background:linear-gradient(115deg,#e8f7f7 0%,#f9fcfd 64%,#e8f1f4 100%);border-bottom:1px solid #d4e3e6}
.about-hero h1{max-width:840px;font-size:clamp(48px,6.6vw,94px);line-height:.94;letter-spacing:-.055em;margin:0 0 30px}
.about-hero p{max-width:760px;font-size:19px;line-height:1.7;color:#426170}
.about-shell{max-width:1180px;margin:auto;padding:90px 24px}
.about-story{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:start}
.story-title{position:sticky;top:90px}
.story-title h2,.about-method h2,.about-evidence h2{font-size:clamp(34px,4vw,58px);letter-spacing:-.04em;line-height:1.02;margin:0}
.story-copy{font-size:18px;line-height:1.82;color:#3d5a68}
.story-copy p:first-child{font-size:25px;line-height:1.48;color:#102d3c;margin-top:0}
.about-method{margin-top:110px;padding-top:70px;border-top:1px solid #cfdfe3}
.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cfdfe3;margin-top:42px;border:1px solid #cfdfe3}
.method-grid article{background:#fff;padding:34px;min-height:250px}
.method-grid b{display:block;color:#087f8c;font-size:13px;margin-bottom:28px}
.method-grid h3{font-size:24px;margin:0 0 14px}
.method-grid p{color:#4d6874;line-height:1.65}
.about-evidence{margin-top:110px}
.about-evidence>p{max-width:790px;color:#4d6874;line-height:1.7}
.about-page .certificate-track{margin-top:38px;padding-bottom:14px}
.about-page .certificate{height:420px}
.about-page .cert-sheet{position:absolute;top:28px;left:34px;right:34px;height:230px;overflow:hidden;display:block}
.about-page .certificate:before{display:none}
.about-page .cert-sheet img{width:100%;height:100%;object-fit:contain}
.about-boundary{margin-top:30px;padding:24px 28px;border-left:4px solid #0c8e98;background:#e9f5f5;color:#365763;line-height:1.65}
.about-cta{margin-top:100px;padding:58px;background:#083c52;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:50px}
.about-cta h2{font-size:clamp(32px,4vw,54px);margin:0 0 12px;line-height:1.04}
.about-cta p{color:#c4dbe3;margin:0}
.about-cta a{background:#fff;color:#083c52;border-radius:999px;padding:17px 26px;font-weight:750;white-space:nowrap}
@media(max-width:800px){.about-hero{grid-template-columns:1fr;padding-top:110px;min-height:auto}
.about-story{grid-template-columns:1fr;gap:35px}
.story-title{position:static}
.method-grid{grid-template-columns:1fr}
.about-cta{display:block;padding:38px 28px}
.about-cta a{display:inline-flex;margin-top:26px}
.about-page .certificate{flex-basis:290px}
}
.factory-window{display:grid;grid-template-columns:minmax(340px,620px) 1fr;gap:2px;background:#052a3a;color:#fff}
.factory-banner{grid-column:1/-1;width:100%;height:240px;object-fit:cover;object-position:center 38%;display:block}
.factory-window>div{padding:44px max(6vw,28px);display:flex;flex-direction:column;justify-content:flex-end}
.factory-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.factory-photos img{width:100%;height:100%;object-fit:cover;display:block;min-height:190px}
.factory-window>div{max-width:620px}
.factory-window strong{display:block;font-size:clamp(31px,4vw,58px);line-height:1.03;letter-spacing:-.04em}
.factory-window p{max-width:580px;margin:20px 0 0;color:#d8e8ed;font-size:18px;line-height:1.65}
.global-support{margin-top:110px;background:#073d52;color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;padding:60px}
.global-copy h2{font-size:clamp(35px,4vw,58px);line-height:1.03;letter-spacing:-.04em;margin:0 0 24px}
.global-copy p{font-size:18px;line-height:1.7;color:#d0e1e6}
.global-copy small{display:block;margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.18);color:#97bac5;line-height:1.55}
.market-groups{display:grid;grid-template-columns:1fr 1fr;align-content:start;border-top:1px solid rgba(255,255,255,.22)}
.market-groups div{min-height:138px;padding:27px 24px;border-bottom:1px solid rgba(255,255,255,.22)}
.market-groups div:nth-child(odd){border-right:1px solid rgba(255,255,255,.22)}
.market-groups b,.market-groups span{display:block}
.market-groups b{font-size:17px;color:#67d4d0;margin-bottom:12px}
.market-groups span{font-size:14px;line-height:1.7;color:#e5f0f2}
@media(max-width:800px){
.factory-window{grid-template-columns:1fr}
.factory-banner{height:180px}
.factory-window>div{padding:30px 24px}
.factory-photos img{height:140px;min-height:140px}
.global-support{grid-template-columns:1fr;gap:42px;padding:38px 26px}
.market-groups{grid-template-columns:1fr}
.market-groups div:nth-child(odd){border-right:0}
}