.thumbnail:focus-visible{outline:2px double var(--color-sangiovese);outline-offset:var(--space-thin)}.thumbnail__category{font-family:var(--font-primary--family);font-size:.6875rem;font-style:normal;font-weight:400;line-height:1.125rem}.thumbnail__category p{margin-bottom:.5625rem}.thumbnail__category p:last-child,.thumbnail__category p:only-of-type{margin-bottom:0}@media(min-width: 1400px){.thumbnail__category{font-size:.75rem;line-height:1.25rem}.thumbnail__category pretty{margin-bottom:.625rem}}@media(min-width: 1920px){.thumbnail__category{font-size:.875rem;line-height:1.5rem}.thumbnail__category p{margin-bottom:.75rem}}.thumbnail{position:relative;width:100%;display:flex;flex-direction:column;text-decoration:none;color:var(--color-foreground);text-align:center}.thumbnail:hover{opacity:.7}.thumbnail--small{width:calc((100dvw - 24px)/9*3)}@media(min-width: 700px){.thumbnail--small{width:calc((100dvw - 24px)/9*2)}}@media(min-width: 1000px){.thumbnail--small{width:calc((100dvw - 32px)/14*2)}}@media(min-width: 1400px){.thumbnail--small{width:calc((100dvw - 48px)/18*2)}}@media(min-width: 1920px){.thumbnail--small{width:calc((100dvw - 80px)/18*2)}}.thumbnail--large{width:calc((100dvw - 24px)/9*7)}@media(min-width: 700px){.thumbnail--large{width:calc((100dvw - 24px)/9*3)}}@media(min-width: 1000px){.thumbnail--large{width:calc((100dvw - 32px)/14*3)}}@media(min-width: 1400px){.thumbnail--large{width:calc((100dvw - 48px)/18*3)}}@media(min-width: 1920px){.thumbnail--large{width:calc((100dvw - 80px)/18*3)}}.thumbnail--show-sm{display:none}@media(min-width: 700px){.thumbnail--show-sm{display:flex}}@media(min-width: 1000px){.thumbnail--show-sm{display:none}}.thumbnail--hide-sm{display:flex}@media(min-width: 700px){.thumbnail--hide-sm{display:none}}@media(min-width: 1000px){.thumbnail--hide-sm{display:flex}}.thumbnail__image{width:100%;padding:0 var(--space-md) var(--space-sm)}.thumbnail__image img{width:100%;aspect-ratio:4/5;object-fit:contain;object-position:center}