.gcard{height:100%}.gcard__link{display:flex;flex-direction:column;height:100%;color:var(--color-title);text-decoration:none;transition:transform var(--motion-dur-press) var(--motion-ease-out)}.gcard__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.gcard__media{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden;background:#efedea}.gcard__media .gcard__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--motion-photo-dur) var(--motion-photo-ease)}.gcard--plain .gcard__link{padding:28px 28px 26px;background:#f3f1ee;transition:background-color var(--motion-dur-fast) var(--motion-ease),transform var(--motion-dur-fast) var(--motion-ease-in)}.gcard--plain .gcard__link:hover{background:#ece9e5}.gcard__number{display:block;margin-bottom:40px;color:var(--color-accent);font-family:var(--font-title);font-size:40px;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.gcard__body{display:flex;flex:1 1 auto;flex-direction:column}.gcard__media+.gcard__body{padding-top:18px}.gcard__meta{color:var(--vs-muted);font-size:12px;letter-spacing:.12em;line-height:1.4;text-transform:uppercase}.gcard .gcard__title{margin:10px 0 0;color:var(--color-title);font-family:var(--font-title);font-size:21px;font-weight:400;line-height:1.3;text-decoration-line:underline;text-decoration-thickness:1px;text-decoration-color:transparent;text-underline-offset:4px;transition:text-decoration-color var(--motion-dur-fast) var(--motion-ease)}.gcard__link:focus-visible .gcard__title{text-decoration-color:currentColor}.gcard__excerpt{display:-webkit-box;margin-top:10px;overflow:hidden;color:#4d4a47;font-size:15px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3}.gcard__more{display:inline-flex;align-items:center;align-self:flex-start;gap:8px;margin-top:auto;padding-top:20px;color:var(--color-title);font-size:13px;letter-spacing:.06em;line-height:1.4;text-transform:uppercase}.gcard__arrow{width:12px;height:12px;transition:transform var(--motion-dur-fast) var(--motion-ease-out)}@media(max-width:767px){.gcard--plain .gcard__link{padding:22px 20px 20px}.gcard__number{margin-bottom:24px;font-size:32px}.gcard .gcard__title{font-size:19px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/snippet-guide-card.css.map */