.sgrid{padding-block:clamp(2.5rem,5vw,4.5rem) clamp(4rem,7vw,7rem);padding-inline:1.5rem}.sgrid:not(:has(.sgrid__head)){padding-top:0}.sgrid__inner{margin-inline:auto;max-width:76rem}.sgrid--ink{--sg-ground:#14112b;--sg-card:#1b1738;--sg-line:hsla(0,0%,100%,.1);--sg-title:#fff;--sg-body:hsla(0,0%,100%,.64)}.sgrid--indigo{--sg-ground:#302369;--sg-card:#372a75;--sg-line:hsla(0,0%,100%,.14);--sg-title:#fff;--sg-body:hsla(0,0%,100%,.68)}.sgrid--light{--sg-ground:var(--color-surface-offset);--sg-card:var(--color-surface);--sg-line:var(--color-divider);--sg-title:var(--color-heading);--sg-body:var(--color-text-muted)}.sgrid{background:var(--sg-ground)}.sgrid__head{align-items:start;display:grid;gap:4rem;grid-template-columns:1fr .8fr;margin-bottom:clamp(2.5rem,5vw,4rem)}.sgrid__head h2{color:var(--sg-title);margin-top:1.25rem;max-width:17ch}.sgrid__head p{color:var(--sg-body)}.sgrid__items{background:var(--sg-line);border:1px solid var(--sg-line);display:grid;gap:1px;grid-template-columns:repeat(var(--sgrid-cols,3),1fr)}.scard{background:var(--sg-card);display:flex;flex-direction:column}.scard__media{aspect-ratio:16/10;background:var(--sg-ground);overflow:hidden}.scard__media img{display:block;filter:saturate(.75) contrast(1.04);height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.3,1),filter .4s ease;width:100%}.scard:hover .scard__media img{filter:saturate(1) contrast(1.04);transform:scale(1.04)}.scard__text{align-content:start;display:grid;gap:.5rem;padding:1.5rem}.scard__n{color:var(--color-accent);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.08em}.scard h3{color:var(--sg-title);font-size:1.0625rem}.scard p{color:var(--sg-body);font-size:.875rem}@media (max-width:900px){.sgrid__head{gap:1.25rem;grid-template-columns:1fr}.sgrid__items{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.sgrid__items{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.scard:hover .scard__media img,.scard__media img{transform:none;transition:none}}