.olo-categories{--olo-accent:#ef1720;background:#f5f6f7;color:#111214;padding:80px 5%;font-family:inherit}
.olo-categories,.olo-categories *{box-sizing:border-box}
.olo-categories__inner{max-width:1280px;margin-inline:auto}
.olo-categories__header{max-width:780px;margin-bottom:34px}
.olo-categories .olo-categories__eyebrow{font-size:12px;font-weight:800;letter-spacing:.17em;margin:0 0 12px;display:flex;align-items:center;gap:10px}
.olo-categories__eyebrow:before{content:"";width:28px;height:3px;background:var(--olo-accent);flex-shrink:0}
.olo-categories .olo-categories__heading{color:inherit;font-family:"Barlow Condensed",Impact,"Arial Narrow",sans-serif;font-size:clamp(32px,4.5vw,60px);font-weight:800;line-height:1.04;letter-spacing:-.025em;margin:0 0 16px;overflow-wrap:anywhere}
.olo-categories .olo-categories__intro{font-size:16px;line-height:1.65;margin:0;max-width:660px;color:inherit}
.olo-categories__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.olo-categories .olo-category{position:relative;isolation:isolate;display:flex;align-items:flex-end;aspect-ratio:4/5;min-width:0;overflow:hidden;background:#23262b;color:#fff;text-decoration:none;border-radius:3px;box-shadow:0 5px 20px #11121412;transition:transform .3s ease,box-shadow .3s ease}
.olo-category:after{position:absolute;inset:0;z-index:-1;content:"";background:linear-gradient(180deg,transparent 20%,#11121420 38%,#111214eb 78%,#111214 100%);pointer-events:none}
.olo-categories .olo-category__image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 35%;transition:transform .55s ease}
.olo-category__placeholder{position:absolute;inset:0;z-index:-2;display:grid;place-items:center;font-size:clamp(42px,7vw,110px);font-weight:900;font-style:italic;color:#b8bec72b;background:linear-gradient(135deg,#353a42,#111214)}
.olo-category__content{display:block;width:100%;padding:26px;position:relative}
.olo-category__title{display:block;font-family:"Barlow Condensed",Impact,"Arial Narrow",sans-serif;font-size:clamp(23px,2.5vw,34px);font-weight:700;line-height:1.12;overflow-wrap:anywhere}
.olo-category__description{display:block;font-size:13px;line-height:1.5;margin-top:10px}
.olo-category__footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:20px;font-size:12px;font-weight:600}
.olo-category__arrow{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;background:var(--olo-accent);color:#fff;clip-path:polygon(0 0,100% 0,100% 78%,78% 100%,0 100%);font-size:23px;transition:transform .3s ease}
.olo-category:focus-visible{outline:3px solid var(--olo-accent);outline-offset:4px}
.olo-category:focus-visible .olo-category__arrow{transform:translate(2px,-2px)}
@media(hover:hover) and (pointer:fine){.olo-categories .olo-category:hover{transform:translateY(-5px);box-shadow:0 16px 28px #11121424}.olo-category:hover .olo-category__image{transform:scale(1.045)}.olo-category:hover .olo-category__arrow{transform:translate(2px,-2px)}}
@keyframes olo-category-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.olo-category.olo-category--enter{animation:olo-category-enter .55s both;animation-delay:var(--olo-delay,0ms)}
@media(max-width:1024px){.olo-categories__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.olo-categories{padding:60px 5%}}
@media(max-width:767px){.olo-categories{padding:42px 5%}.olo-categories__header{margin-bottom:24px}.olo-categories__grid{gap:12px}.olo-category__content{padding:14px}.olo-category__title{font-size:21px}.olo-category__footer{font-size:10px;margin-top:14px}.olo-category__arrow{width:28px;height:28px;flex-basis:28px;font-size:20px}.olo-categories .olo-categories__intro{font-size:14px}.olo-category__description{font-size:12px}}
@media(prefers-reduced-motion:reduce){.olo-categories .olo-category,.olo-categories .olo-category__image,.olo-categories .olo-category__arrow{animation:none!important;transition:none!important;transform:none!important}}