.recs{padding:clamp(3.5rem,8vw,5.5rem) 1.5rem 5rem}.recs__header{display:flex;flex-direction:column;gap:1.5rem;max-width:72rem;margin:0 auto 2.5rem}.recs__headline{margin:0;font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;font-size:2.5rem;color:#000;text-align:center}.recs__tags{display:flex;flex-wrap:wrap;gap:.75rem}.recs__tag{border:1px solid #8c5579;background:transparent;color:#8c5579;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;font-size:1.5rem;border-radius:.75rem;padding:.5rem .75rem;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.recs__tag--active,.recs__tag:hover{background:#8c5579;color:#fff}.recs__grid{display:grid;grid-template-columns:1fr;gap:2.5rem;max-width:72rem;margin:0 auto}.recs-card{display:flex;flex-direction:column;gap:1.25rem}.recs-card__image{display:block;border-radius:1.5rem;overflow:hidden;aspect-ratio:7 / 5}.recs-card__image img{display:block;width:100%;height:100%;object-fit:cover}.recs-card__body{display:flex;flex-direction:column;gap:.5rem}.recs-card__title{margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.2rem;font-weight:400;line-height:1.2;color:#000}.recs-card__title a{color:inherit;text-decoration:none}.recs-card__subtitle{margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:300;color:#333}.recs-card__tags{display:flex;flex-wrap:wrap;gap:.5rem}.recs-card__tag{border:1px solid #F3E3E3;background:#f3e3e3;color:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;font-size:.75rem;border-radius:.5rem;padding:.25rem .5rem}.recs-card__description{margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;line-height:1rem;font-weight:300;line-height:1.2;color:#000}@media (min-width: 900px){.recs__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.recs-card__title{font-size:1.2rem}}