.about-hero{background:linear-gradient(135deg,var(--c-primary) 0%,var(--c-primary-dark) 100%);color:var(--c-bg);position:relative;overflow:hidden}.about-hero:before{content:"";position:absolute;top:-120px;right:-80px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(201,123,92,.35),transparent)}.about-hero-inner{max-width:var(--max-w);margin:0 auto;padding:var(--s-7) var(--s-4) var(--s-6);display:grid;grid-template-columns:1.2fr 1fr;gap:var(--s-6);align-items:center;position:relative}.about-hero .eyebrow{font-family:var(--font-serif);font-style:italic;color:var(--c-accent);letter-spacing:2px;font-size:13px;margin-bottom:var(--s-3);display:inline-block;border-bottom:1px solid var(--c-accent);padding-bottom:4px}.about-hero h1{font-family:var(--font-serif);font-size:clamp(36px,4.5vw,60px);font-weight:600;line-height:1.18;margin-bottom:var(--s-3)}.about-hero h1 em{font-style:normal;color:var(--c-accent)}.about-hero .lead{font-size:17px;opacity:.82;max-width:480px;margin-bottom:var(--s-5);line-height:1.85}.about-hero-meta{display:flex;gap:var(--s-5);padding-top:var(--s-4);border-top:1px solid rgba(245,240,232,.18)}.about-hero-meta div strong{display:block;font-family:var(--font-serif);font-size:30px;color:var(--c-bg);font-weight:600}.about-hero-meta div span{font-size:13px;opacity:.7}.about-hero-visual{position:relative;aspect-ratio:4 / 5;border-radius:var(--r-lg);overflow:hidden;background:radial-gradient(120% 80% at 80% 0%,rgba(201,123,92,.3),transparent 60%),linear-gradient(160deg,#c97b5c,#2c4a3e 60%,#1e3329);box-shadow:0 30px 60px -20px #0006}.about-hero-visual .badge{position:absolute;bottom:var(--s-4);left:var(--s-4);right:var(--s-4);background:#f5f0e8eb;backdrop-filter:blur(10px);padding:var(--s-3);border-radius:var(--r-md);font-family:var(--font-serif);font-size:14px;color:var(--c-ink);line-height:1.6}.about-hero-visual .badge strong{color:var(--c-primary)}.about-mission{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4)}.mission-card{background:var(--c-bg-soft);border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--s-5);transition:transform .3s,border-color .3s}.mission-card:hover{transform:translateY(-4px);border-color:var(--c-accent)}.mission-card .ic{width:48px;height:48px;border-radius:12px;background:var(--c-primary);color:var(--c-bg);display:grid;place-items:center;font-size:22px;margin-bottom:var(--s-3)}.mission-card h3{font-family:var(--font-serif);font-size:22px;color:var(--c-primary);margin-bottom:var(--s-2)}.mission-card p{font-size:14px;color:var(--c-ink-soft);line-height:1.8}.about-stats{background:var(--c-bg-soft);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--s-5) var(--s-4);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-4);text-align:center}.about-stats .stat strong{display:block;font-family:var(--font-serif);font-size:40px;color:var(--c-primary);font-weight:600;line-height:1}.about-stats .stat span{font-size:13px;color:var(--c-ink-soft)}.about-stats .stat .unit{font-size:18px;color:var(--c-accent);margin-left:2px}.about-contribute{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}.contrib-card{border-radius:var(--r-lg);padding:var(--s-6);display:flex;flex-direction:column;justify-content:center}.contrib-card.left{background:linear-gradient(135deg,var(--c-accent),var(--c-accent-dark));color:var(--c-bg)}.contrib-card.right{background:var(--c-primary);color:var(--c-bg)}.contrib-card h3{font-family:var(--font-serif);font-size:28px;font-weight:600;margin-bottom:var(--s-2)}.contrib-card p{opacity:.85;margin-bottom:var(--s-4);line-height:1.8}.contrib-card .btn-light{align-self:flex-start;background:var(--c-bg);color:var(--c-primary);padding:12px 26px;border-radius:100px;font-size:14px;font-weight:500;transition:transform .2s}.contrib-card.right .btn-light{color:var(--c-primary)}.contrib-card .btn-light:hover{transform:translateY(-2px)}.about-principles{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}.principle-list{background:var(--c-bg-soft);border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--s-5)}.principle-list h3{font-family:var(--font-serif);font-size:22px;color:var(--c-primary);margin-bottom:var(--s-3);display:flex;align-items:center;gap:var(--s-2)}.principle-list h3 .dot{width:10px;height:10px;border-radius:50%}.principle-list.do h3 .dot{background:var(--c-accent)}.principle-list.dont h3 .dot{background:var(--c-ember)}.principle-list li{display:flex;gap:var(--s-2);font-size:14px;color:var(--c-ink-soft);padding:var(--s-2) 0;border-bottom:1px dashed var(--c-line);line-height:1.7}.principle-list li:last-child{border-bottom:none}.principle-list li .mk{color:var(--c-accent);font-weight:600;flex-shrink:0}.principle-list.dont li .mk{color:var(--c-ember)}.about-faq{max-width:760px;margin:0 auto}.faq-item{background:var(--c-bg-soft);border:1px solid var(--c-line);border-radius:var(--r-md);margin-bottom:var(--s-3);overflow:hidden}.faq-item summary{list-style:none;cursor:pointer;padding:var(--s-4);font-family:var(--font-serif);font-size:17px;color:var(--c-primary);font-weight:500;display:flex;justify-content:space-between;align-items:center}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary .ic{width:28px;height:28px;border-radius:50%;background:var(--c-line);color:var(--c-primary);display:grid;place-items:center;transition:transform .2s;font-size:16px;flex-shrink:0}.faq-item[open] summary .ic{transform:rotate(45deg);background:var(--c-accent);color:var(--c-bg)}.faq-item .ans{padding:0 var(--s-4) var(--s-4);font-size:14px;color:var(--c-ink-soft);line-height:1.85}@media(max-width:980px){.about-hero-inner{grid-template-columns:1fr;gap:var(--s-4)}.about-hero-visual{aspect-ratio:16/10}.about-mission{grid-template-columns:1fr}.about-stats{grid-template-columns:repeat(2,1fr);row-gap:var(--s-5)}.about-contribute,.about-principles{grid-template-columns:1fr}}@media(max-width:600px){.about-hero-meta{flex-wrap:wrap;gap:var(--s-4)}}