#about .about-hero-card{display:grid;grid-template-columns:1.35fr .65fr;gap:26px;align-items:stretch;margin-bottom:22px}
#about .about-intro,#about .about-block{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px;box-shadow:0 10px 30px #3119430b}
#about .about-intro{border-left:6px solid var(--purple)}
#about .about-intro h3,#about .about-block h3{font-size:30px;margin:6px 0 12px;color:var(--deep)}
#about .about-intro p,#about .about-block p{color:var(--muted)}
#about .about-portrait{border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#fff;min-height:360px}
#about .about-portrait img{width:100%;height:100%;object-fit:cover;display:block}
#about .about-block{margin-top:22px}
#about .early-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}
#about .early-card{border:1px solid var(--line);border-top:5px solid var(--purple);border-radius:12px;padding:20px;background:#fbfafc}
#about .early-card:nth-child(2){border-top-color:var(--gold)}#about .early-card:nth-child(3){border-top-color:var(--kish)}
#about .early-card h4{font-size:20px;margin:4px 0 8px;color:var(--deep)}#about .early-card p{font-size:14px;margin:0}
#about .move-strip{margin-top:18px;padding:18px 20px;border-left:6px solid var(--gold);background:#fff8da;border-radius:10px;color:#504313;font-weight:800}
#about .move-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}
#about .move-stop{padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff}
#about .move-stop strong{display:block;color:var(--purple)}#about .move-stop small{color:var(--muted)}
#about .move-stop.special{grid-column:span 2;background:var(--deep);border-color:var(--deep);color:#fff}
#about .move-stop.special strong{color:var(--gold)}#about .move-stop.special small{color:#ddd}
#about .story-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
#about .story-card{padding:22px;border-radius:14px;background:#f7f3f9;border:1px solid var(--line)}
#about .story-card h4{font-size:21px;margin:5px 0 9px;color:var(--purple)}#about .story-card p{font-size:14px;margin:0}
#about .story-card.gold{background:#fff8da}#about .story-card.green{background:#eef7f2}
#about .about-closer{margin-top:22px;padding:26px;border-radius:14px;background:linear-gradient(115deg,var(--deep),var(--purple));color:#fff}
#about .about-closer h3{color:var(--gold);font-size:28px;margin:4px 0 8px}#about .about-closer p{color:#eee;margin:0}#about .about-closer a{color:var(--gold);font-weight:900}
@media(max-width:900px){#about .about-hero-card{grid-template-columns:1fr}#about .about-portrait{min-height:0}#about .about-portrait img{height:auto}#about .early-grid{grid-template-columns:1fr}#about .move-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){#about .move-grid,#about .story-grid{grid-template-columns:1fr}#about .move-stop.special{grid-column:span 1}}