.about-hero { padding-block: 90px; display: grid; grid-template-columns: 1.1fr .65fr; gap: 80px; align-items: center; }
.about-hero-copy { max-width: 800px; }
.about-profile { position: relative; background: var(--soft); }
.about-profile > img { width: 100%; height: 570px; object-fit: cover; object-position: center 22%; }
.about-profile > div { position: absolute; left: 24px; right: 24px; bottom: 24px; padding: 22px; background: rgba(245,243,238,.94); box-shadow: var(--shadow); }
.about-profile span { color: var(--accent); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.about-profile strong { display: block; margin-top: 6px; font-family: "Montserrat", Arial, sans-serif; font-size: 24px; }
.about-profile p { margin: 3px 0 0; }
.about-cards { padding: 90px 0; background: var(--soft); }
.about-card-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }
.about-card-grid article { padding: 30px; background: var(--bg); border: 1px solid var(--line); }
.about-card-grid article > span { color: var(--accent); font-size: 12px; font-weight: 700; }
.about-card-grid h2 { margin-top: 44px; font-size: 26px; letter-spacing: -.02em; }
.about-story { padding-block: 100px; display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; }
.about-skill-panel { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; }
.about-skill-panel > div { padding: 24px; background: var(--white); border: 1px solid var(--line); }
.about-skill-panel span { color: var(--accent); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.about-skill-panel p { margin: 9px 0 0; font-size: 14px; }
@media(max-width:950px){.about-hero,.about-story{grid-template-columns:1fr}.about-card-grid{grid-template-columns:1fr}.about-profile{max-width:600px}.about-skill-panel{grid-template-columns:1fr}}