/* ==========================================================================
   ABORNTECH — about.css (about.html only)
   ========================================================================== */
.story-grid{display:grid; grid-template-columns:1.4fr .9fr; gap:5rem; align-items:start;}
.story-p{color:var(--text-muted); font-size:1rem; line-height:1.8; margin-bottom:1.3rem; max-width:56ch;}
.story-aside{position:sticky; top:calc(var(--header-h) + 2rem);}
.story-aside .icon-lg{color:var(--accent); margin-bottom:.8rem;}
.story-aside h3{font-size:1rem; margin-bottom:.5rem;}
.story-aside p{font-size:.88rem; color:var(--text-muted); line-height:1.65;}

@media (max-width:900px){
  .story-grid{grid-template-columns:1fr;}
  .story-aside{position:static;}
}

.principles-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:1.4rem;}
.principles-grid .icon-lg{color:var(--accent); margin-bottom:1.1rem;}
.principles-grid h3{font-size:1.02rem; margin-bottom:.6rem;}
.principles-grid p{font-size:.88rem; color:var(--text-muted); line-height:1.65;}
@media (max-width:980px){.principles-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.principles-grid{grid-template-columns:1fr;}}