.guide-grid{display:grid;gap:clamp(1.25rem,.8rem + 1.6vw,2rem);grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr))}.guide-card{display:grid;grid-template-rows:auto 1fr;padding:0;overflow:hidden}.guide-card__cover{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--sunken)}.guide-card__cover img{width:100%;height:100%;object-fit:cover;object-position:50% 0;transition:transform .7s var(--ease)}.guide-card:hover .guide-card__cover img{transform:scale(1.04)}.guide-card__video{display:inline-flex;align-items:center;gap:.3em;margin-left:.75em;padding:.1rem .55rem .1rem .4rem;border-radius:var(--r-pill);background:var(--ink);color:var(--on-ink);letter-spacing:.04em}.guide-card__video svg{width:.9em;height:.9em}@media(min-width:40rem){.guide-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:72rem){.guide-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.guide-card__body{display:grid;gap:var(--sp-3);align-content:start;grid-template-rows:auto auto 1fr auto;padding:clamp(1.25rem,1rem + 1vw,1.75rem)}.guide-card__meta{font-size:var(--fs-xs);font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.guide-card__title{font-size:var(--fs-h3)}.guide-card__text{color:var(--ink-2);font-size:var(--fs-sm);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;align-self:start}.guide-card__more{display:inline-flex;align-items:center;gap:.4em;margin-top:var(--sp-2);font-size:var(--fs-sm);font-weight:650}.guide-card__more svg{width:1.1em;height:1.1em;color:var(--magenta);transition:transform var(--dur) var(--ease)}.guide-card:hover .guide-card__more svg{transform:translate(.25em)}
