@layer sections{.series-cards{padding-block:var(--space-large)}.series-cards__head{gap:var(--space-default) var(--space-large);margin-block-end:var(--space-large);display:grid}@media (min-width:62rem){.series-cards__head:has(.series-cards__intro){grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:end}}.series-cards__eyebrow{margin-block:0 var(--space-xs);color:var(--color-gray-800);font-size:var(--size-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.series-cards__eyebrow:before{content:"";block-size:.6em;inline-size:.6em;background:var(--color-primary);vertical-align:.05em;margin-inline-end:var(--space-xs);display:inline-block}.series-cards__title{font-size:var(--size-headline);line-height:var(--leading-headline);margin:0}.series-cards__intro{gap:var(--space-xs);display:grid}.series-cards__sub{max-width:60ch;color:var(--color-gray-800);font-size:var(--size-lg);line-height:var(--leading-body);margin:0}.series-cards__text{max-width:60ch;color:var(--color-gray-600);margin:0}.series-cards__grid{gap:var(--space-default);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));margin:0;padding:0;list-style:none;display:grid}.series-cards__card{gap:var(--space-2xs);padding:var(--space-md);background-color:var(--color-gray-50);background-image:radial-gradient(120% 60% at 50% 0%, color-mix(in srgb, var(--color-primary-readable) 16%, transparent), transparent 70%);border:var(--border-width) solid color-mix(in srgb, var(--color-primary-readable) 28%, var(--border-color));border-radius:var(--radius);box-shadow:0 1rem 2.5rem -1.25rem color-mix(in srgb, var(--color-primary-readable) 40%, transparent);flex-direction:column;transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.series-cards__card:hover,.series-cards__card:focus-within{border-color:var(--color-primary-readable);box-shadow:0 1.5rem 3.5rem -1rem color-mix(in srgb, var(--color-primary-readable) 50%, transparent);transform:translateY(-.25rem)}.series-cards__name{color:var(--color-primary-readable);font-size:var(--size-xl);margin:0}.series-cards__tagline{color:var(--color-gray-700);margin:0}.series-cards__features{color:var(--color-gray-600);font-size:var(--size-sm);gap:var(--space-3xs);margin:0;padding-inline-start:var(--space-default);display:grid}.series-cards__picture{border-radius:var(--radius);background:radial-gradient(closest-side, color-mix(in srgb, var(--color-primary-readable) 30%, transparent), transparent), var(--color-ground);block-size:auto;inline-size:100%;transition:transform .32s cubic-bezier(.16,1,.3,1)}.series-cards__card:hover .series-cards__picture{transform:scale(1.03)}.series-cards__actions{justify-items:start;gap:var(--space-xs);margin-block-start:auto;padding-block-start:var(--space-xs);display:grid}.series-cards__link{align-items:center;gap:var(--space-2xs);padding:var(--space-xs) var(--space-default);border-radius:var(--radius);background:var(--color-primary);color:var(--color-primary-ink);font-weight:700;text-decoration:none;transition:background-color .18s;display:inline-flex}.series-cards__card:hover .series-cards__link{background:color-mix(in srgb, var(--color-primary) 88%, var(--color-black))}.series-cards__link-series{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.series-cards__link:after{content:"";border-radius:var(--radius);position:absolute;inset:0}.series-cards__arrow{color:currentColor;block-size:1rem;inline-size:1rem;transition:transform .22s cubic-bezier(.16,1,.3,1)}.series-cards__card:hover .series-cards__arrow{transform:translate(.25rem)}.series-cards__configure{z-index:1;color:var(--color-gray-700);font-size:var(--size-sm);justify-self:start;position:relative}.series-cards--few .series-cards__grid{grid-template-columns:minmax(0,1fr)}@media (min-width:48rem){.series-cards--few .series-cards__card{align-content:start;column-gap:var(--space-md);grid-template-columns:14rem minmax(0,1fr);grid-auto-rows:min-content;display:grid}.series-cards--few .series-cards__picture{grid-row:1/span 5;align-self:start}.series-cards--few .series-cards__card>:not(.series-cards__picture){grid-column:2}}@media (min-width:62rem){.series-cards--few .series-cards__grid{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}}}