.nn-card-grid{--nn-card-grid-page:var(--cream)}.nn-card-grid.nn-surface-raised{--nn-card-grid-page:var(--surface-raised)}.nn-card-grid-container{padding-inline:var(--gutter)}.nn-card-grid .card-grid-swipe{--card-grid-swipe-inset:var(--gutter)}.nn-card-grid-header{max-width:var(--w-prose);margin-bottom:var(--s-12)}.nn-card-grid-eyebrow{color:var(--accent)}.nn-card-grid-heading{margin-top:calc(var(--s-4) + var(--s-1));font-size:var(--display-3)}.nn-card-grid-intro{margin-top:calc(var(--s-4) + var(--s-1));font-size:var(--t-body-lg)}.nn-card-grid-list{gap:calc(var(--s-6) + var(--s-1));margin:0;padding:0;list-style:none;display:grid}.nn-card-grid-list>li{min-width:0}.nn-card-grid-card{border-radius:var(--r-surface);height:100%;box-shadow:var(--elev-card), var(--card-glow);transform:rotate(calc(-1 * var(--card-tilt)));flex-direction:column;display:flex;position:relative}.nn-card-grid-list>li:nth-child(2n) .nn-card-grid-card{transform:rotate(var(--card-tilt))}.nn-card-grid-image{aspect-ratio:4/3;border-radius:var(--r-surface) var(--r-surface) 0 0;position:relative;overflow:hidden}.nn-card-grid-copy{align-items:flex-start;gap:var(--s-3);padding:var(--s-6);flex-direction:column;flex:1;display:flex}.nn-card-grid-copy>*{margin:0}.nn-card-grid-title{font-size:var(--display-5)}.nn-card-grid-body{font-size:var(--t-body);line-height:var(--lead-normal)}.nn-card-grid-link{color:inherit;text-decoration:none}.nn-card-grid-link:after{content:"";border-radius:var(--r-surface);position:absolute;inset:0}.nn-card-grid-link.nn-focus:focus-visible{box-shadow:none;outline:none}.nn-card-grid-link.nn-focus:focus-visible:after{outline:var(--focus-width) solid var(--ink);outline-offset:var(--focus-offset);box-shadow:0 0 0 var(--focus-halo) var(--nn-card-grid-page)}.nn-card-grid-link{text-underline-offset:6px;transition:text-decoration-color var(--nn-state-dur) var(--motion-ease-out);text-decoration-line:underline;text-decoration-color:#0000}@media (hover:hover){.nn-card-grid-link:hover{text-decoration-color:currentColor}.nn-card-grid-card:has(.nn-card-grid-link:hover) .nn-tlink{text-decoration-color:currentColor}}.nn-card-grid-link:active{text-decoration-color:currentColor;text-decoration-thickness:2px}.nn-card-grid-card:has(.nn-card-grid-link:active) .nn-tlink{text-decoration-color:currentColor;text-decoration-thickness:2px}.nn-card-grid-featured .nn-card-grid-card{transform:none}.nn-card-grid-featured .nn-card-grid-title{font-size:var(--display-4)}@media (min-width:768px){.nn-card-grid-header{margin-bottom:var(--s-16)}.nn-card-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.nn-card-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.nn-card-grid-featured{grid-column:1/-1}.nn-card-grid-featured .nn-card-grid-card:has(.nn-card-grid-image){grid-template-columns:minmax(0,55fr) minmax(0,45fr);display:grid}.nn-card-grid-featured .nn-card-grid-image{aspect-ratio:auto;min-height:calc(var(--s-24) * 4);border-radius:var(--r-surface) 0 0 var(--r-surface)}.nn-card-grid-featured .nn-card-grid-copy{padding:var(--s-12);justify-content:center}.nn-card-grid-featured .nn-card-grid-title{font-size:var(--display-4)}}@media (prefers-reduced-motion:reduce){.nn-card-grid-list>li .nn-card-grid-card,.nn-card-grid-list>li:nth-child(2n) .nn-card-grid-card{transform:none}}