.card-grid{background:var(--bg);color:var(--ink);padding:6rem 0}.card-grid__container{margin:0 auto;max-width:1280px;padding:0 1.5rem}.card-grid__intro{margin:0 auto 3rem;max-width:60ch;text-align:center}.card-grid__eyebrow{background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:0;color:var(--link);display:inline-block;font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.1em;margin-bottom:1.1em;padding:.4em .9em;text-transform:uppercase}.card-grid__headline{color:var(--ink);font-family:var(--font-heading);font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;margin:0}.card-grid__grid{display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.content-card{background:#fffefd;border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);border-radius:0;box-shadow:0 1px 2px rgba(18,20,26,.04);color:inherit;display:block;overflow:hidden;position:relative;text-decoration:none;transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease}.content-card:before{background:linear-gradient(0deg,var(--accent) 0,color-mix(in srgb,var(--accent) 35%,#fff 65%) 100%);border-radius:50%;bottom:0;content:"";height:260px;pointer-events:none;position:absolute;right:0;transform:translate(50%,50%) scale(0);transform-origin:bottom right;transition:transform .5s cubic-bezier(.4,0,.2,1);width:260px}.content-card:focus-visible:before,.content-card:hover:before{transform:translate(50%,50%) scale(1)}.content-card:focus-visible,.content-card:hover{border-color:transparent;box-shadow:0 16px 32px -12px rgba(18,20,26,.18);transform:translateY(-4px)}.content-card__body{padding:1.6rem 1.6rem 1.8rem;position:relative}.content-card__body:before{background:var(--accent);border-radius:0;content:"";height:3px;left:1.6rem;position:absolute;top:0;width:32px}.content-card__tag{color:var(--link);display:block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;margin:1rem 0 .7em;text-transform:uppercase}.content-card__title{font-family:var(--font-heading);font-size:1.3rem;line-height:1.25;margin:0 0 .55em}.content-card__description{color:color-mix(in srgb,var(--ink) 68%,transparent);font-family:var(--font-body);font-size:.93rem;line-height:1.58;margin:0}.card-grid__grid--gallery{display:grid;gap:1.4rem;grid-template-columns:1fr}@media (min-width:720px){.card-grid__grid--gallery{grid-template-columns:repeat(2,1fr)}.content-card--featured{grid-column:1/-1}}@media (min-width:1080px){.card-grid__grid--gallery:not([data-count="3"]){grid-template-columns:repeat(3,1fr)}.card-grid__grid--gallery:not([data-count="3"]) .content-card--featured{grid-column:span 2}}.content-card--image{aspect-ratio:4/5;background:color-mix(in srgb,var(--ink) 92%,transparent);border:none;box-shadow:0 24px 48px -24px rgba(18,20,26,.4);position:relative}.content-card--featured{aspect-ratio:16/10}@media (max-width:719px){.content-card--featured{aspect-ratio:4/5}}.content-card--image .content-card__image{height:100%;inset:0;position:absolute;transition:transform .5s ease;width:100%}.content-card--image:focus-visible .content-card__image,.content-card--image:hover .content-card__image{transform:scale(1.045)}.content-card--image .content-card__body{bottom:0;left:0;padding:1.7rem 1.7rem 1.9rem;position:absolute;right:0;z-index:1}.content-card--image .content-card__body:after{background:linear-gradient(180deg,rgba(10,8,12,0),rgba(10,8,12,.55) 40%,rgba(10,8,12,.92));content:"";inset:-3.5rem 0 0 0;pointer-events:none;position:absolute;z-index:-1}.content-card--image .content-card__body:before{display:none}.content-card--image .content-card__tag{color:color-mix(in srgb,var(--accent) 35%,#fef9f6 65%);margin-top:0}.content-card--image .content-card__title{color:#fef9f6}.content-card--image .content-card__description{color:hsla(22,80%,98%,.82)}.content-card--featured .content-card__title{font-size:clamp(1.4rem,2.4vw,1.7rem)}