.about-heading { padding:78px 7% 58px; }.about-heading h1 { font-size:clamp(3.4rem,7vw,6rem); letter-spacing:-.09em; line-height:.9; margin:22px 0 26px; }.about-heading h1 em { color:#a98cff; font-style:normal; }.about-heading>p:last-child { color:var(--muted); line-height:1.6; max-width:390px; }.about-section { border-top:1px solid var(--line); padding:32px 0 60px; }.section-heading { align-items:center; display:grid; gap:22px; grid-template-columns:40px 1fr auto; margin-bottom:24px; }.section-number { color:var(--orange); font-family:var(--mono); font-size:.7rem; }.section-heading h2 { font-size:1.8rem; letter-spacing:-.06em; margin-top:8px; }.section-heading>a { color:#a98cff; font-family:var(--mono); font-size:.68rem; text-decoration:none; text-transform:uppercase; }.section-heading>a:hover { color:#fff; }.about-grid { display:grid; gap:14px; grid-template-columns:repeat(4,1fr); }.about-card { background:rgba(17,22,37,.78); border:1px solid var(--line); min-height:205px; padding:20px; transition:background .25s,border-color .25s,transform .25s; }.about-card:hover { background:#18224f; border-color:rgba(169,140,255,.6); transform:translateY(-5px); }.about-icon { color:#a98cff; display:block; font-size:2rem; margin-bottom:42px; }.about-card h3 { font-size:.98rem; }.about-card p { color:var(--muted); font-size:.76rem; line-height:1.5; margin-top:9px; }.about-shell footer a { color:var(--ink); text-decoration:none; }.about-shell footer a:hover { color:#a98cff; }@media(max-width:800px){.about-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.about-heading{padding:60px 0 42px}.about-grid{display:block}.about-card{margin-bottom:10px}.section-heading{gap:12px;grid-template-columns:28px 1fr}.section-heading>a{grid-column:2}}
.about-card { overflow:hidden; position:relative; }
.about-card::before { background:linear-gradient(115deg,transparent 25%,rgba(169,140,255,.14) 50%,transparent 75%); content:''; inset:0; pointer-events:none; position:absolute; transform:translateX(-120%); transition:transform .7s ease; }
.about-card:hover::before { transform:translateX(120%); }
.about-icon { filter:drop-shadow(0 8px 12px rgba(169,140,255,.2)); height:72px; margin-bottom:28px; transition:transform .4s ease; width:72px; }
.about-card:hover .about-icon { transform:translateY(-5px) rotate(-4deg) scale(1.06); }
.section-heading>a { transition:color .2s,letter-spacing .2s; }.section-heading>a:hover { letter-spacing:.12em; }