.lsffh-birthdays__date { color: var(--wine); font: italic 18px/1.2 var(--serif); }.lsffh-birthdays__track { display: grid; grid-template-columns: repeat(4,minmax(280px,1fr)); gap: 14px; overflow-x: auto; padding-bottom: 12px; scroll-snap-type: x mandatory; }.lsffh-birthday-card { min-height: 160px; padding: 18px; display: grid; grid-template-columns: 88px 1fr 32px; gap: 17px; align-items: center; scroll-snap-align: start; border: 1px solid var(--line); background: var(--paper-light); transition: .2s ease; }.lsffh-birthday-card:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(32,26,19,.08); }.lsffh-birthday-card__portrait { width: 88px; height: 118px; display: grid; place-items: center; overflow: hidden; background: #b6c5bf; }.lsffh-birthday-card__portrait img { width: 100%; height: 100%; object-fit: cover; }.lsffh-birthday-card__portrait b { color: var(--teal); font: 700 13px/1 var(--serif); }.lsffh-birthday-card small { display: block; margin-bottom: 9px; color: var(--wine); font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }.lsffh-birthday-card strong { display: block; font: 600 20px/1.15 var(--serif); }.lsffh-birthday-card em { display: block; margin-top: 8px; color: var(--muted); font: italic 13px/1 var(--serif); }.lsffh-birthday-card > i { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid #c9c1b5; border-radius: 50%; color: var(--wine); font-style: normal; }
@media(max-width:600px){.lsffh-birthdays__date{display:none}.lsffh-birthdays__track{grid-template-columns:repeat(8,280px)}}