.web-groups{gap:var(--sp-8);display:grid}.web-group-label{max-width:none;margin:0 0 var(--sp-4);font-size:var(--fs-h4);font-weight:700;line-height:1.5}.web-cards{gap:var(--gap);margin:0;padding:0;list-style:none;display:grid}@media (min-width:64em){.web-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.web-card{max-width:none;min-inline-size:0;container-type:inline-size}.web-card>article{justify-items:start;gap:var(--sp-4);block-size:100%;padding:var(--sp-6) var(--sp-5);border-radius:var(--r-m);background:var(--bg-2);grid-template-areas:"art""text";display:grid;position:relative}@container (min-width:28rem){.web-card>article{column-gap:var(--sp-6);grid-template-columns:minmax(0,1fr) 8.5rem;grid-template-areas:"text art";align-items:start}.web-card-art{inline-size:8.5rem}}.web-card-text{align-content:start;gap:var(--sp-3);grid-area:text;min-inline-size:0;display:grid}.web-card-title{font-size:var(--fs-h3);margin:0;line-height:1.3}.web-card-title a{color:var(--ink);text-decoration:none}.web-card-title a:after{content:"";border-radius:var(--r-m);position:absolute;inset:0}.web-card-title a:focus-visible{text-underline-offset:.3em;outline:none;text-decoration-line:underline;text-decoration-thickness:1.5px}.web-card-title a:focus-visible:after{outline:2px solid var(--focus);outline-offset:3px}.web-card-intro{color:var(--ink-2);margin:0}.web-card .meta{margin-block-start:var(--sp-1)}.web-card-art{grid-area:art;inline-size:6.5rem}@media (hover:hover) and (pointer:fine){.web-card:hover .web-card-title a{text-underline-offset:.3em;text-decoration-line:underline;text-decoration-thickness:1.5px}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.web-card-art{--p:0;transition:--p .3s var(--ease-out)}.web-card:hover .web-card-art,.web-card:focus-within .web-card-art{--p:1}}@keyframes web-p{0%{--p:0}to{--p:1}}@media (hover:none),(pointer:coarse){@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.web-card-art{animation:linear both web-p;animation-timeline:view();animation-range:entry 40% cover 45%}}}}