.about-page { background: #fff; }
.about-page .site-header { position: relative; }
.primary-nav a[aria-current="page"] { color: var(--green); font-weight: 750; }
.about-hero { min-height: 720px; overflow: hidden; background: linear-gradient(135deg,#fff 0%,#fafaf8 58%,#f2f7f5 100%); }
.about-hero-grid { min-height: 720px; display: grid; grid-template-columns: 1.03fr .97fr; align-items: center; gap: 70px; }
.about-hero-copy h1 { margin: 18px 0 28px; max-width: 700px; font-size: clamp(3rem,5vw,4.55rem); line-height: 1.18; letter-spacing: -.055em; }
.about-hero-copy h1 em { color: var(--green); font-style: normal; }
.about-hero-copy > p:not(.eyebrow) { max-width: 570px; color: var(--body); font-size: 1.15rem; }
.text-link { display: inline-flex; gap: 10px; margin-top: 32px; color: var(--green); border-bottom: 1px solid currentColor; font-weight: 750; }
.about-hero-visual { position: relative; width: min(520px,44vw); aspect-ratio: 1; justify-self: end; }
.orbit { position: absolute; border: 1px solid rgba(14,90,71,.2); border-radius: 50%; }
.orbit-one { inset: 10%; }
.orbit-two { inset: 25%; border-color: rgba(217,92,123,.28); }
.hero-node { position: absolute; width: 126px; height: 126px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%; background: white; box-shadow: 0 18px 50px rgba(8,60,50,.1); }
.hero-node b { color: var(--deep-green); font-family: Arial,sans-serif; font-size: .78rem; letter-spacing: .12em; }
.hero-node span { margin-top: 4px; color: var(--body); font-size: .8rem; }
.node-center { left: 50%; top: 50%; width: 176px; height: 176px; transform: translate(-50%,-50%); background: var(--deep-green); color: white; }
.node-center img { width: 48px; margin-bottom: 9px; filter: brightness(0) invert(1); }
.node-center b { color: white; }
.node-center span { color: #c9ddd6; }
.node-people { left: 4%; top: 18%; }
.node-system { right: 2%; top: 22%; }
.node-change { right: 24%; bottom: 0; background: var(--pink); }
.node-change b,.node-change span { color: white; }
.about-section { padding: 140px 0; }
.journey { background: var(--deep-green); color: white; }
.journey-heading { display: grid; grid-template-columns: 1.25fr .75fr; column-gap: 80px; }
.journey-heading .eyebrow { grid-column: 1/-1; color: #9fd0c0; }
.journey-heading h2,.bridge-heading h2,.principles-copy h2 { margin: 15px 0 0; font-size: clamp(2.4rem,4vw,3.7rem); line-height: 1.24; letter-spacing: -.045em; }
.journey-heading > p:last-child { align-self: end; color: #c3d7d0; }
.timeline { position: relative; margin: 95px 0 0; padding: 0; display: grid; grid-template-columns: repeat(5,1fr); list-style: none; }
.timeline::before { content:""; position:absolute; left: 2%; right: 2%; top: 32px; height: 2px; background: linear-gradient(90deg,#7fb3a2,var(--pink)); }
.timeline li { position: relative; padding: 70px 22px 0 0; }
.timeline li::before { content:""; position:absolute; top:22px; left:0; width:19px; height:19px; border:7px solid var(--deep-green); border-radius:50%; background:#b6d4ca; box-shadow:0 0 0 2px #b6d4ca; }
.timeline li.current::before { background:var(--pink); box-shadow:0 0 0 2px var(--pink),0 0 0 12px rgba(217,92,123,.14); }
.timeline strong { display:block; color:#b3d8cc; font-family:Arial,sans-serif; font-size:.78rem; letter-spacing:.12em; }
.timeline span { display:block; margin-top:13px; font-size:1.15rem; font-weight:750; }
.timeline small { display:block; max-width:210px; margin-top:9px; color:#acc3bb; font-size:.8rem; line-height:1.65; }
.bridge { background: var(--warm-white); }
.bridge-heading { display:grid; grid-template-columns:250px 1fr; align-items:start; gap:80px; }
.bridge-heading .eyebrow { min-width:250px; }
.bridge-heading h2 { margin-top:0; }
.bridge-lead { max-width:710px; margin:25px 0 0; color:var(--body); font-size:1rem; }
.method-tools { width:min(760px,100%); margin:56px auto 0; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:22px; }
.method-tools div { padding:22px 26px; display:flex; flex-direction:column; align-items:center; border:1px solid #c9ddd5; border-radius:14px; background:white; text-align:center; }
.method-tools div:last-child { border-color:#ecc5d0; background:var(--pale-pink); }
.method-tools b { color:var(--deep-green); font-family:Arial,sans-serif; font-size:.76rem; letter-spacing:.11em; }
.method-tools span { margin-top:5px; color:var(--body); font-size:.82rem; }
.method-tools > i { color:var(--pink); font-size:1.35rem; font-style:normal; }
.bridge-map { margin-top:30px; display:grid; grid-template-columns:1fr 190px 1fr; align-items:stretch; }
.bridge-side { padding:42px; display:grid; gap:15px; border:1px solid var(--line); background:white; }
.bridge-side > span { margin-bottom:10px; color:var(--body); font-size:.78rem; font-weight:700; letter-spacing:.08em; }
.bridge-side b { font-size:1rem; }
.bridge-now { background:var(--deep-green); border-color:var(--deep-green); color:white; }
.bridge-now > span { color:#a8c9be; }
.bridge-now a { display:grid; grid-template-columns:52px 1fr; align-items:center; padding-bottom:13px; border-bottom:1px solid rgba(255,255,255,.15); color:#e5efeb; }
.bridge-now a b { color:#f2b0c1; font-size:1.25rem; }
.bridge-core { display:flex; flex-direction:column; align-items:center; justify-content:center; background:linear-gradient(#e5f0ec,#f5dde4); }
.bridge-core span { color:var(--deep-green); font-family:Arial,sans-serif; font-size:.67rem; font-weight:700; letter-spacing:.1em; text-align:center; }
.bridge-core span small { display:block; margin-top:2px; color:var(--body); font-family:"Pretendard","Noto Sans KR",sans-serif; font-size:.7rem; font-weight:500; letter-spacing:0; }
.bridge-core i { width:1px; height:18px; background:rgba(14,90,71,.3); }
.principles { background:white; }
.principles-grid { display:grid; grid-template-columns:.78fr 1.22fr; gap:110px; align-items:center; }
.principles-copy > p:last-child { max-width:430px; margin-top:27px; color:var(--body); }
.principle-visual { counter-reset:item; }
.principle-visual article { min-height:118px; display:grid; grid-template-columns:70px 1fr; align-items:center; border-top:1px solid var(--line); }
.principle-visual article:last-child { border-bottom:1px solid var(--line); }
.principle-visual article > span { color:var(--pink); font-family:Arial,sans-serif; font-size:.72rem; }
.principle-visual h3 { margin:0 0 5px; font-size:1.18rem; }
.principle-visual p { margin:0; color:var(--body); font-size:.9rem; }
.about-quote { padding:145px 0; text-align:center; background:var(--pale-pink); }
.about-quote p { color:var(--pink); font-family:Arial,sans-serif; font-size:.72rem; font-weight:700; letter-spacing:.18em; }
.about-quote blockquote { margin:28px auto; font-size:clamp(2.6rem,5vw,4.7rem); font-weight:720; line-height:1.25; letter-spacing:-.05em; }
.about-quote blockquote em { color:var(--green); font-style:normal; }
.about-quote span { color:var(--body); font-size:.85rem; }
.footer-contact { padding-top:22px; display:flex; gap:28px; color:#aac1b8; font-style:normal; font-size:.78rem; }
@media(max-width:900px){.about-hero-grid{grid-template-columns:1fr;gap:20px;padding:90px 0}.about-hero{min-height:auto}.about-hero-grid{min-height:auto}.about-hero-visual{width:min(500px,80vw);justify-self:center}.journey-heading{grid-template-columns:1fr}.journey-heading>p:last-child{margin-top:24px}.timeline{grid-template-columns:1fr;margin-top:65px}.timeline::before{left:9px;right:auto;top:0;bottom:0;width:2px;height:auto}.timeline li{padding:0 0 45px 54px}.timeline li::before{top:5px;left:0}.bridge-heading{display:block}.bridge-heading h2{margin-top:22px}.method-tools{margin-top:42px}.bridge-map{grid-template-columns:1fr}.bridge-core{min-height:110px;flex-direction:row;padding:18px 12px}.bridge-core i{width:14px;height:1px}.principles-grid{grid-template-columns:1fr;gap:55px}}
@media(max-width:600px){.about-section{padding:88px 0}.about-hero-copy h1{font-size:2.65rem}.about-hero-copy>p:not(.eyebrow){font-size:1rem}.about-hero-visual{width:92vw}.hero-node{width:94px;height:94px}.node-center{width:140px;height:140px}.node-center img{width:38px}.method-tools{grid-template-columns:1fr;gap:10px}.method-tools>i{line-height:1}.bridge-side{padding:30px 25px}.bridge-core{min-height:330px;display:flex;flex-direction:column}.bridge-core i{width:1px;height:12px}.journey-heading h2,.bridge-heading h2,.principles-copy h2{font-size:2.2rem}.principle-visual article{grid-template-columns:48px 1fr}.about-quote{padding:96px 0}.final-cta-inner{grid-template-columns:1fr}.footer-contact{flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){.about-hero-visual *{animation:none!important}}

/* Social purpose publicly stated from articles 2, 3 and 61. */
.social-purpose{padding:88px 0;background:#f3f7f5;scroll-margin-top:24px}
.social-purpose-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:start}
.social-purpose h2{margin:16px 0 24px;font-size:clamp(1.75rem,2.5vw,2rem)!important;line-height:1.45!important}
.purpose-statement{font-size:1.125rem;font-weight:650;color:#0e5a47;line-height:1.8}
.purpose-context{font-size:1rem;color:#496358;line-height:1.8}
.purpose-reference{font-size:14px;color:#536c60;line-height:1.8;margin-top:24px}
.purpose-practices article{display:flex;gap:20px;border-bottom:1px solid #ceded4;padding:22px 0}
.purpose-practices article:first-child{padding-top:16px}
.purpose-practices article>span{font-family:"Instrument Sans",sans-serif;font-size:14px;color:#b33c60;font-weight:700;padding-top:4px}
.purpose-practices h3{font-size:1.125rem;margin:0 0 9px;line-height:1.5}
.purpose-practices p{font-size:1rem;color:#496358;margin:0;line-height:1.8}
.purpose-identity{margin:36px 0 0;border-left:3px solid #d95c7b;padding-left:18px;color:#0e5a47;font-size:1rem;font-weight:600}
@media(max-width:800px){.social-purpose{padding:56px 0}.social-purpose-grid{grid-template-columns:1fr;gap:18px}.social-purpose h2{font-size:1.75rem!important}.purpose-reference{margin-top:18px}.purpose-identity{margin-top:28px}}