.menu-category-page { --cat: #8b2632; --cat-dark: #3a0d18; --cat-soft: #f6dfd3; --cat-accent: var(--gold); background: var(--cream); }
.theme-lamb-delights { --cat:#7b2330; --cat-dark:#310d17; --cat-soft:#f3dfd3; --cat-accent:#ffb936; }
.theme-beef-delights { --cat:#78401f; --cat-dark:#24130d; --cat-soft:#ecdcc8; --cat-accent:#e78d3d; }
.theme-seafood-delights { --cat:#087e86; --cat-dark:#062b3c; --cat-soft:#d9f0ec; --cat-accent:#ffb936; }
.theme-vegetarian-dishes { --cat:#317a3a; --cat-dark:#10361d; --cat-soft:#e0eed7; --cat-accent:#e8b933; }
.theme-rice-dishes { --cat:#d87b12; --cat-dark:#28204c; --cat-soft:#f7e7b9; --cat-accent:#ffba36; }
.theme-breads { --cat:#bd4b22; --cat-dark:#462015; --cat-soft:#f6dfc7; --cat-accent:#ffc04a; }
.theme-beverages { --cat:#166aa5; --cat-dark:#082a4d; --cat-soft:#d9ebf2; --cat-accent:#ffad21; }
.theme-side-orders { --cat:#45866d; --cat-dark:#17392f; --cat-soft:#def0e4; --cat-accent:#ffb936; }
.theme-desserts { --cat:#a73667; --cat-dark:#42142d; --cat-soft:#f5dce6; --cat-accent:#ffc04d; }
.menu-category-page .site-header:not(.is-fixed) { color:#fff; border-bottom-color:rgba(255,255,255,.14); background:rgba(8,10,22,.18); backdrop-filter:blur(13px); }
.menu-detail-hero { position:relative; min-height:720px; color:#fff; background:linear-gradient(130deg,var(--cat-dark),var(--cat) 63%,color-mix(in srgb,var(--cat) 65%,#fff)); overflow:hidden; isolation:isolate; }
.menu-detail-hero::before { content:""; position:absolute; inset:0; z-index:-2; opacity:.12; background:url('./assets-v4/texture.png') center/480px; }
.menu-detail-hero::after { content:""; position:absolute; z-index:-1; right:-8%; top:-23%; width:55%; height:145%; border-radius:50%; background:linear-gradient(145deg,var(--cat-accent),rgba(255,255,255,.12)); opacity:.9; transform:rotate(12deg); }
.theme-seafood-delights .menu-detail-hero::after,.theme-beverages .menu-detail-hero::after { border-radius:42% 58% 60% 40% / 55% 42% 58% 45%; }
.theme-vegetarian-dishes .menu-detail-hero::after,.theme-side-orders .menu-detail-hero::after { clip-path:polygon(50% 0,100% 35%,84% 100%,12% 91%,0 28%); border-radius:45%; transform:rotate(7deg); }
.theme-rice-dishes .menu-detail-hero::after,.theme-breads .menu-detail-hero::after { border-radius:18% 52% 18% 52%; transform:rotate(9deg); }
.theme-desserts .menu-detail-hero::after { border-radius:50% 50% 20% 50%; }
.menu-detail-hero__word { position:absolute; left:-12px; bottom:-58px; color:transparent; -webkit-text-stroke:2px rgba(255,255,255,.06); font-family:var(--display); font-size:clamp(250px,31vw,480px); line-height:.76; }
.menu-detail-hero__grid { min-height:720px; padding-top:108px; display:grid; grid-template-columns:.92fr 1.08fr; align-items:center; gap:64px; }
.menu-detail-hero__copy { position:relative; z-index:5; padding:46px 0 64px; }
.menu-detail-hero .breadcrumbs { display:flex; align-items:center; gap:9px; margin-bottom:27px; color:rgba(255,255,255,.58); font-size:10px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.menu-detail-hero .breadcrumbs a:hover,.menu-detail-hero .breadcrumbs strong { color:var(--cat-accent); }
.menu-detail-hero h1 { margin:0; font-family:var(--display); font-size:clamp(84px,8vw,122px); font-weight:400; line-height:.82; letter-spacing:-.02em; text-transform:uppercase; }
.menu-detail-hero h1 > span,.menu-detail-hero h1 em { display:block; }
.menu-detail-hero h1 em { color:var(--cat-accent); font-style:normal; }
.menu-detail-hero__intro { max-width:570px; margin:24px 0 0; color:rgba(255,255,255,.72); font-size:17px; }
.menu-detail-hero__actions { display:flex; align-items:center; gap:29px; margin-top:31px; }
.menu-detail-hero__actions .button { color:var(--cat-dark); border-color:var(--cat-accent); background:var(--cat-accent); }
.menu-detail-hero__actions .text-link { color:#fff; }
.menu-detail-hero__visual { position:relative; min-height:545px; }
.menu-detail-hero__halo { position:absolute; left:8%; top:4%; width:480px; aspect-ratio:1; border:2px dashed rgba(255,255,255,.38); border-radius:50%; animation:spin 36s linear infinite; }
.menu-detail-hero__main { position:absolute; z-index:2; left:7%; top:26px; width:450px; aspect-ratio:1; padding:11px; border-radius:50%; background:#fff; box-shadow:0 34px 72px rgba(0,0,0,.38); animation:category-float 6s ease-in-out infinite; }
.menu-detail-hero__main img { width:100%; height:100%; border-radius:50%; object-fit:cover; }
.menu-detail-hero__tile { position:absolute; z-index:4; width:180px; height:174px; overflow:hidden; border:7px solid #fff; border-radius:22px; background:#fff; box-shadow:0 22px 42px rgba(0,0,0,.32); }
.menu-detail-hero__tile img { width:100%; height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.2,.8,.2,1); }
.menu-detail-hero__tile:hover img { transform:scale(1.08); }
.menu-detail-hero__tile--one { right:0; top:9px; transform:rotate(5deg); }
.menu-detail-hero__tile--two { right:4px; bottom:17px; transform:rotate(-5deg); }
.menu-detail-hero__seal { position:absolute; z-index:5; left:0; bottom:4px; width:128px; aspect-ratio:1; display:grid; place-content:center; color:var(--cat-dark); border:7px solid #fff; border-radius:50%; background:var(--cat-accent); text-align:center; box-shadow:0 16px 38px rgba(0,0,0,.28); transform:rotate(-7deg); }
.menu-detail-hero__seal strong { font-family:var(--display); font-size:47px; font-weight:400; line-height:.75; }
.menu-detail-hero__seal span { font-size:8px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.menu-detail-strip { color:#fff; background:var(--cat); overflow:hidden; clip-path:polygon(0 10%,100% 0,100% 90%,0 100%); }
.menu-detail-strip > div { width:max-content; padding:17px 0 15px; display:flex; align-items:center; gap:26px; font-family:var(--display); font-size:29px; letter-spacing:.04em; text-transform:uppercase; animation:marquee 29s linear infinite; }
.menu-detail-strip i { color:var(--cat-accent); font-style:normal; }
.menu-detail-story { position:relative; background:#fff; overflow:hidden; }
.menu-detail-story::after { content:"TASTE"; position:absolute; right:-18px; bottom:-80px; color:color-mix(in srgb,var(--cat) 5%,transparent); font-family:var(--display); font-size:225px; line-height:1; }
.menu-detail-story__grid { position:relative; z-index:1; display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:clamp(65px,8vw,125px); }
.menu-detail-story h2 { color:var(--cat-dark); }
.menu-detail-story__copy > p { margin:0; color:#666168; font-size:18px; }
.menu-detail-story__copy > div { display:flex; flex-wrap:wrap; gap:10px; margin-top:27px; }
.menu-detail-story__copy span { padding:9px 13px; color:var(--cat); border:1px solid color-mix(in srgb,var(--cat) 30%,transparent); font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.menu-detail-menu { position:relative; background:linear-gradient(180deg,var(--cream),var(--cat-soft)); overflow:hidden; }
.menu-detail-menu::before { content:""; position:absolute; inset:0; opacity:.065; background:url('./assets-v4/texture.png') center/480px; }
.menu-detail-menu .shell { position:relative; }
.menu-detail-menu__heading { display:flex; align-items:end; justify-content:space-between; gap:55px; margin-bottom:50px; }
.menu-detail-menu__heading .eyebrow { color:var(--cat); }
.menu-detail-menu__heading > p { width:38%; margin:0 0 6px; color:#6e6866; }
.menu-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.menu-detail-card { min-height:310px; display:grid; grid-template-columns:235px 1fr; border:1px solid color-mix(in srgb,var(--cat) 18%,transparent); border-radius:4px 25px 4px 4px; background:rgba(255,255,255,.92); box-shadow:0 10px 28px color-mix(in srgb,var(--cat) 7%,transparent); overflow:hidden; transition:transform .35s,border-color .3s,box-shadow .35s; }
.menu-detail-card:hover { z-index:2; border-color:var(--cat-accent); transform:translateY(-7px); box-shadow:0 24px 48px color-mix(in srgb,var(--cat) 19%,transparent); }
.menu-detail-card--feature { grid-column:1 / -1; min-height:470px; grid-template-columns:1.14fr .86fr; color:#fff; border:0; border-radius:4px 50px 4px 4px; background:var(--cat-dark); box-shadow:0 28px 60px color-mix(in srgb,var(--cat) 26%,transparent); }
.menu-detail-card__image { position:relative; min-height:310px; overflow:hidden; }
.menu-detail-card__image::after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 58%,rgba(0,0,0,.62)); }
.menu-detail-card__image img { width:100%; height:100%; object-fit:cover; transition:transform .85s cubic-bezier(.2,.8,.2,1),filter .4s; }
.menu-detail-card:hover .menu-detail-card__image img { transform:scale(1.065); filter:saturate(1.1); }
.menu-detail-card__image > span { position:absolute; z-index:2; left:18px; bottom:15px; color:#fff; font-size:9px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.menu-detail-card__body { padding:28px; display:flex; flex-direction:column; }
.menu-detail-card--feature .menu-detail-card__body { padding:clamp(38px,5vw,70px); justify-content:center; }
.menu-detail-card__meta { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.menu-detail-card__meta span { color:color-mix(in srgb,var(--cat) 52%,transparent); font-family:var(--display); font-size:23px; }
.menu-detail-card__meta strong { color:var(--cat); font-family:var(--display); font-size:31px; font-weight:400; }
.menu-detail-card--feature .menu-detail-card__meta span { color:rgba(255,255,255,.42); }
.menu-detail-card--feature .menu-detail-card__meta strong { color:var(--cat-accent); }
.menu-detail-card h3 { margin:16px 0 9px; color:var(--cat-dark); font-family:var(--display); font-size:clamp(33px,2.8vw,46px); font-weight:400; line-height:.9; text-transform:uppercase; }
.menu-detail-card--feature h3 { color:#fff; font-size:clamp(54px,5.2vw,80px); }
.menu-detail-card p { margin:0; color:#736e6b; font-size:13px; line-height:1.55; }
.menu-detail-card--feature p { color:rgba(255,255,255,.68); }
.menu-detail-card a { width:fit-content; margin-top:auto; padding-top:20px; color:var(--cat); border-bottom:1px solid var(--orange); font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.menu-detail-card--feature a { color:#fff; }
.menu-detail-order { position:relative; padding:98px 0; color:#fff; background:linear-gradient(120deg,var(--cat-dark),var(--cat)); overflow:hidden; }
.menu-detail-order::after { content:"FEAST"; position:absolute; right:-18px; bottom:-77px; color:transparent; -webkit-text-stroke:2px rgba(255,255,255,.08); font-family:var(--display); font-size:275px; line-height:1; }
.menu-detail-order__inner { position:relative; z-index:1; display:flex; align-items:end; justify-content:space-between; gap:50px; }
.menu-detail-order h2 em { color:var(--cat-accent); font-style:normal; }
.menu-detail-order__inner > div:last-child { display:flex; align-items:center; gap:27px; }
.menu-detail-order .button { color:var(--cat-dark); border-color:var(--cat-accent); background:var(--cat-accent); }
.menu-detail-order .text-link { color:#fff; }
@keyframes category-float { 0%,100% { transform:translateY(0) rotate(-1deg); } 50% { transform:translateY(-13px) rotate(1.5deg); } }
@media (max-width:1100px) { .menu-detail-hero__grid{gap:38px}.menu-detail-hero__main{width:410px}.menu-detail-hero__halo{width:440px}.menu-detail-card{grid-template-columns:200px 1fr} }
@media (max-width:900px) {
  .menu-detail-hero{min-height:1060px}.menu-detail-hero::after{top:auto;right:-12%;bottom:-16%;width:124%;height:52%;transform:none}.menu-detail-hero__grid{min-height:1060px;padding-top:86px;grid-template-columns:1fr;gap:0}.menu-detail-hero__copy{padding:60px 0 4px}.menu-detail-hero h1{font-size:clamp(80px,14vw,114px)}.menu-detail-hero__visual{width:min(680px,100%);min-height:500px;margin-inline:auto}.menu-detail-hero__main{left:13%}.menu-detail-hero__halo{left:12%}.menu-detail-story__grid{grid-template-columns:1fr;gap:40px}.menu-detail-menu__heading{align-items:start;flex-direction:column;gap:18px}.menu-detail-menu__heading>p{width:72%}.menu-detail-grid{grid-template-columns:1fr}.menu-detail-card--feature{grid-column:auto}.menu-detail-card{grid-template-columns:240px 1fr}.menu-detail-order__inner{align-items:flex-start;flex-direction:column}
}
@media (max-width:620px) {
  .menu-category-page.nav-open .nav-toggle{color:#fff}.menu-detail-hero{min-height:1010px}.menu-detail-hero::after{height:43%}.menu-detail-hero__grid{min-height:1010px}.menu-detail-hero__copy{padding-top:48px}.menu-detail-hero h1{font-size:clamp(66px,17.5vw,86px)}.menu-detail-hero__intro{font-size:15px}.menu-detail-hero__actions{align-items:flex-start;flex-direction:column;gap:20px}.menu-detail-hero__visual{min-height:400px}.menu-detail-hero__main{left:0;top:42px;width:310px;padding:7px}.menu-detail-hero__halo{left:-7px;top:29px;width:335px}.menu-detail-hero__tile{width:122px;height:114px;border-width:5px;border-radius:14px}.menu-detail-hero__tile--one{right:0;top:12px}.menu-detail-hero__tile--two{right:0;bottom:7px}.menu-detail-hero__seal{left:0;bottom:0;width:100px;border-width:5px}.menu-detail-hero__seal strong{font-size:38px}.menu-detail-strip>div{font-size:26px}.menu-detail-story::after{font-size:120px}.menu-detail-menu__heading>p{width:100%}.menu-detail-card,.menu-detail-card--feature{min-height:0;grid-template-columns:1fr;border-radius:3px 25px 3px 3px}.menu-detail-card__image{min-height:285px}.menu-detail-card__body,.menu-detail-card--feature .menu-detail-card__body{min-height:270px;padding:25px}.menu-detail-card--feature h3{font-size:47px}.menu-detail-order__inner>div:last-child{align-items:flex-start;flex-direction:column}
}