.hd-flavours__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}@media screen and (min-width:750px) and (max-width:1099px){.hd-flavours__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.hd-flavour{border:2px solid var(--hd-ink);border-radius:var(--hd-radius);background:var(--hd-flavour,var(--hd-cream-deep));color:var(--hd-flavour-ink,var(--hd-ink));flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.hd-flavour:hover{box-shadow:var(--hd-pop);transform:translateY(-4px)rotate(-.6deg)}.hd-flavour__media{aspect-ratio:4/5;border-bottom:2px solid var(--hd-ink);overflow:hidden}.hd-flavour__media img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.hd-flavour:hover .hd-flavour__media img{transform:scale(1.05)}.hd-flavour__tag{position:absolute;top:14px;right:14px}.hd-flavour__body{flex-direction:column;flex:1;gap:8px;padding:18px 20px 22px;display:flex}.hd-flavour__name{font:900 36px/.9 var(--hd-font-display);text-transform:uppercase;margin:0;font-stretch:62.5%}.hd-flavour__text{margin:0;font-size:15px;line-height:1.45}.hd-flavour__cta{font:800 15px/1 var(--hd-font);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;margin-top:auto;padding-top:8px;display:inline-flex}.hd-flavour__cta .hd-icon{width:18px;height:18px;transition:transform .2s}.hd-flavour:hover .hd-flavour__cta .hd-icon{transform:translate(4px)}