.about{color:var(--text-primary);font-family:var(--font-body);background:#0a0a0a;min-height:100vh;overflow-x:hidden}.about__hero{text-align:center;padding:var(--section-padding);max-width:var(--container-max-width);margin:0 auto}.about__hero-text{font-weight:400;font-size:var(--font-size-h2);text-align:center;color:var(--text-primary);max-width:1200px;margin:0 auto;line-height:1.2}.about__hero-brand{color:var(--green)}.about__divider{background:var(--border);height:1px;max-width:var(--container-max-width);margin:0 5%}.about__content{max-width:var(--container-max-width);padding:clamp(48px, 6vw, 80px) var(--section-padding);margin:0 auto}.about__block{opacity:0;margin-bottom:44px;transition:opacity .6s,transform .6s;transform:translateY(24px)}.about__block.is-visible{opacity:1;transform:translateY(0)}.about__heading-primary{font-size:var(--font-size-h1);line-height:var(--line-height-heading);letter-spacing:-.03em;color:var(--text-primary)}.about__heading-secondary{font-size:var(--font-size-h2);line-height:var(--line-height-heading);letter-spacing:-.03em;color:var(--text-primary)}.about__heading-secondary .about__accent,.about__heading-primary .about__accent,.about__story-title .about__accent{color:var(--green)}.about__text{font-size:clamp(14px, 2vw, var(--font-size-body));color:var(--text-tertiary);line-height:var(--line-height-body);max-width:600px;margin-top:24px}.about__story-wrap{max-width:calc(var(--container-max-width) - 10%);opacity:0;background:#0a0a0af2;margin:0 auto 80px;padding:clamp(36px,5vw,56px) clamp(24px,5vw,40px);transition:opacity .7s .1s,transform .7s .1s,border-color .2s;transform:translateY(24px)}.about__story-wrap:hover{border-color:var(--green-dim)}.about__story-wrap.is-visible{opacity:1;transform:translateY(0)}.about__story-title{font-size:var(--font-size-h2);line-height:var(--line-height-heading);letter-spacing:-.03em;text-align:center;color:var(--text-primary)}.about__story-body{font-family:var(--font-body);font-weight:400;font-size:var(--font-size-body);line-height:var(--line-height-body);text-align:center;color:var(--text-tertiary);max-width:800px;margin:30px auto}.about__story-body+.about__story-body{margin-top:20px}@media (width<=768px){.about__hero{padding:56px var(--section-padding) 48px}.about__content{padding:36px var(--section-padding) 40px}.about__story-wrap{border-radius:var(--radius-sm);margin:0 5% 40px;padding:36px 20px}.about__block{margin-bottom:32px}}
