.tp-about{background:var(--color-paper,#f9f7f1);color:var(--color-forest,#163327)}
.tp-about-wrap{width:100%;max-width:1360px;margin:0 auto;padding:0 clamp(24px,5vw,72px)}
.tp-about-hero{padding:36px 0 76px}
.tp-about-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--color-muted,#5c6460);margin-bottom:68px}
.tp-about-breadcrumb a:hover{text-decoration:underline}
.tp-about-kicker{font-size:11px;font-weight:800;letter-spacing:.16em;line-height:1.6;margin:0 0 20px}
.tp-about-hero h1{font-size:clamp(42px,6.2vw,82px);line-height:1.08;letter-spacing:-.055em;font-weight:800;max-width:1050px;margin:0 0 36px;color:var(--color-forest,#163327)}
.tp-about-hero h1 span{color:var(--color-gold,#b98b48)}
.tp-about-intro{display:grid;grid-template-columns:72px minmax(0,790px);gap:28px;align-items:start}
.tp-about-rule{height:2px;background:var(--color-gold,#b98b48);margin-top:16px}
.tp-about-intro p{font-size:18px;line-height:1.85;color:var(--color-muted,#5c6460);margin:0}
.tp-about-principles{padding:56px 0 88px;border-top:1px solid var(--color-line,#e5e0d5)}
.tp-about-section-heading{margin-bottom:36px}
.tp-about-section-heading h2,.tp-about-cta h2{font-size:clamp(30px,4vw,48px);line-height:1.15;letter-spacing:-.04em;margin:0;color:inherit}
.tp-about-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.tp-about-card{padding:32px 28px;border:1px solid var(--color-line,#e5e0d5);border-radius:16px;background:#fdfcf9}
.tp-about-number{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--color-soft,#f4efe6);color:var(--color-sage,#6f826e);font-size:13px;font-weight:600;margin-bottom:30px}
.tp-about-card h3{font-size:23px;letter-spacing:-.025em;line-height:1.3;margin:0 0 20px;color:var(--color-forest,#163327)}
.tp-about-card p,.tp-about-steps p{font-size:15px;line-height:1.85;margin:0;color:var(--color-muted,#5c6460)}
.tp-about-process{padding:72px 0 80px;background:var(--color-forest,#163327);color:#f9f7f1}
.tp-about-process .tp-about-kicker{color:#bfcdbd}
.tp-about-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:30px}
.tp-about-steps li{border-top:1px solid #687e6c;padding-top:24px}
.tp-about-step-number{font-size:12px;letter-spacing:.1em;color:#d3ba90}
.tp-about-steps h3{color:#f9f7f1;font-size:25px;letter-spacing:-.025em;margin:18px 0 16px}
.tp-about-steps p{color:#d6dfd3}
.tp-about-steps strong{color:#f9f7f1}
.tp-about-cta{text-align:center;padding-top:88px;padding-bottom:96px}
.tp-about-cta h2{max-width:850px;margin:0 auto 24px}
.tp-about-cta>p:not(.tp-about-kicker){max-width:690px;margin:0 auto 30px;font-size:17px;line-height:1.8;color:var(--color-muted,#5c6460)}
.tp-about-button{display:inline-flex;align-items:center;gap:26px;padding:18px 26px;background:var(--color-forest,#163327);color:#fff;border:1px solid var(--color-forest,#163327);border-radius:10px;font-size:16px;font-weight:700;text-decoration:none}
.tp-about-button:hover{background:var(--color-forest-dark,#10271e);color:#fff}
.tp-about a:focus-visible{outline:2px solid var(--color-gold,#b98b48);outline-offset:5px}
@media(max-width:1000px){.tp-about-cards{gap:16px}.tp-about-card{padding:26px 22px}.tp-about-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.tp-about-card h3{font-size:21px}}
@media(max-width:680px){.tp-about-hero{padding-top:24px;padding-bottom:44px}.tp-about-breadcrumb{margin-bottom:40px}.tp-about-hero h1 br{display:none}.tp-about-intro{grid-template-columns:1fr;gap:18px}.tp-about-rule{width:48px;margin-top:0}.tp-about-intro p{font-size:16px}.tp-about-principles{padding:36px 0 48px}.tp-about-cards{grid-template-columns:1fr}.tp-about-number{margin-bottom:20px}.tp-about-process{padding:44px 0 48px}.tp-about-steps{grid-template-columns:1fr;gap:28px}.tp-about-cta{padding-top:52px;padding-bottom:60px}}