.menu-categories{position:relative;overflow:hidden;background:#fff8ed;color:#2d201b;padding:135px 0 125px}
.menu-categories-container{width:min(100% - 80px,1380px);margin-inline:auto}
.menu-categories-heading{display:grid;grid-template-columns:130px minmax(0,1fr) 300px;align-items:end;gap:60px;margin-bottom:80px}
.menu-categories-index{align-self:start;padding-top:8px;color:rgba(45,32,27,.28);font-size:7px;font-weight:800;letter-spacing:.16em}
.menu-categories-title-wrap{position:relative}
.menu-categories-overline{display:block;margin-bottom:20px;color:#8b6630;font-size:8px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}
.menu-categories-title-wrap h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(65px,7vw,100px);font-weight:700;line-height:.8;letter-spacing:-.075em}
.menu-categories-title-wrap h2 em{color:#681c24;font-weight:700}
.menu-categories-intro{max-width:290px;margin:0 0 3px;color:rgba(45,32,27,.46);font-size:10px;line-height:1.85}
.menu-categories-list{border-top:1px solid rgba(45,32,27,.15)}
.menu-category-row{position:relative;display:grid;grid-template-columns:75px minmax(0,1fr) 150px 55px;align-items:center;min-height:115px;border-bottom:1px solid rgba(45,32,27,.15);color:#2d201b;text-decoration:none;transition:min-height .45s cubic-bezier(.22,1,.36,1),padding .45s cubic-bezier(.22,1,.36,1)}
.menu-category-row::before{content:"";position:absolute;inset:0;z-index:0;background:#681c24;transform:scaleY(0);transform-origin:bottom;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.menu-category-row:hover{min-height:155px;padding-inline:18px;color:#fff8ed}
.menu-category-row:hover::before{transform:scaleY(1)}
.menu-category-number{position:relative;z-index:2;color:#dcae55;font-size:7px;font-weight:800;letter-spacing:.12em}
.menu-category-name{position:relative;z-index:2;display:flex;align-items:baseline;gap:24px}
.menu-category-name span{font-family:Georgia,"Times New Roman",serif;font-size:clamp(25px,3vw,42px);font-weight:700;line-height:1;letter-spacing:-.045em}
.menu-category-name small{color:rgba(45,32,27,.35);font-size:7px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:color .3s ease}
.menu-category-row:hover .menu-category-name small{color:rgba(255,248,237,.45)}
.menu-category-image{position:relative;z-index:2;width:115px;height:75px;overflow:hidden;justify-self:center;opacity:.88;transform:scale(.9);transition:opacity .4s ease,transform .5s cubic-bezier(.22,1,.36,1)}
.menu-category-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.menu-category-row:hover .menu-category-image{opacity:1;transform:scale(1)}
.menu-category-row:hover .menu-category-image img{transform:scale(1.08)}
.menu-category-arrow{position:relative;z-index:2;justify-self:end;width:35px;height:35px;display:grid;place-items:center;border:1px solid rgba(104,28,36,.25);border-radius:50%;color:#681c24;font-size:14px;transition:background-color .35s ease,color .35s ease,transform .35s ease,border-color .35s ease}
.menu-category-row:hover .menu-category-arrow{border-color:#dcae55;background:#dcae55;color:#351b15;transform:translate(3px,-3px)}
.menu-categories-footer{display:flex;align-items:center;gap:17px;margin-top:35px;color:rgba(45,32,27,.28);font-size:6px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.menu-categories-footer-line{height:1px;flex:1;background:rgba(45,32,27,.1)}
@media (max-width:1100px){.menu-categories-container{width:min(100% - 50px,1380px)}.menu-categories-heading{grid-template-columns:90px minmax(0,1fr) 250px;gap:40px}.menu-category-row{grid-template-columns:55px minmax(0,1fr) 120px 45px}.menu-category-name{gap:16px}.menu-category-name small{font-size:6px}}
@media (max-width:850px){.menu-categories{padding:95px 0 90px}.menu-categories-container{width:min(100% - 30px,1380px)}.menu-categories-heading{grid-template-columns:1fr;gap:25px;margin-bottom:55px}.menu-categories-index{padding-top:0}.menu-categories-intro{max-width:450px}.menu-category-row{grid-template-columns:45px minmax(0,1fr) 100px 40px;min-height:100px}.menu-category-row:hover{min-height:125px;padding-inline:12px}.menu-category-image{width:88px;height:62px}.menu-category-name{flex-direction:column;align-items:flex-start;gap:6px}.menu-category-name span{font-size:25px}}
@media (max-width:600px){.menu-categories{padding:75px 0 75px}.menu-categories-container{width:calc(100% - 30px)}.menu-categories-heading{margin-bottom:43px;gap:20px}.menu-categories-title-wrap h2{font-size:clamp(53px,15vw,75px)}.menu-categories-overline{font-size:7px;margin-bottom:16px}.menu-categories-intro{font-size:9px;line-height:1.8}.menu-category-row{grid-template-columns:31px minmax(0,1fr) 32px;min-height:90px}.menu-category-row:hover{min-height:105px;padding-inline:7px}.menu-category-number{font-size:6px}.menu-category-name span{font-size:20px}.menu-category-name small{font-size:5.5px;line-height:1.3}.menu-category-image{display:none}.menu-category-arrow{width:29px;height:29px;font-size:11px}.menu-categories-footer{margin-top:25px;font-size:5px;gap:10px}}
@media (max-width:390px){.menu-categories-container{width:calc(100% - 24px)}.menu-categories-title-wrap h2{font-size:50px}.menu-category-name span{font-size:18px}.menu-category-row{grid-template-columns:27px minmax(0,1fr) 30px}}
@media (prefers-reduced-motion:reduce){.menu-category-row,.menu-category-row::before,.menu-category-image,.menu-category-image img,.menu-category-arrow,.menu-category-name small{transition:none!important}}