/* fonts.css */
@font-face{font-family: 'Fraunces_144pt';font-weight: 300;font-style: normal;font-display: swap;src: url('../fonts/fraunces/fraunces-300.woff2') format('woff2');}@font-face{font-family: 'Fraunces';font-weight: 300;font-style: normal;font-display: swap;src: url('../fonts/fraunces/fraunces-300.woff2') format('woff2');}@font-face{font-family: 'Fraunces_144pt';font-weight: 300;font-style: italic;font-display: swap;src: url('../fonts/fraunces/fraunces-300italic.woff2') format('woff2');}@font-face{font-family: 'Fraunces';font-weight: 300;font-style: italic;font-display: swap;src: url('../fonts/fraunces/fraunces-300italic.woff2') format('woff2');}@font-face{font-family: 'Jost';font-weight: 300;font-style: normal;font-display: swap;src: url('../fonts/jost/jost-300.woff2') format('woff2');}@font-face{font-family: 'Jost';font-weight: 400;font-style: normal;font-display: swap;src: url('../fonts/jost/jost-regular.woff2') format('woff2');}@font-face{font-family: 'Jost';font-weight: 500;font-style: normal;font-display: swap;src: url('../fonts/jost/jost-500.woff2') format('woff2');}@font-face{font-family: 'Jost';font-weight: 600;font-style: normal;font-display: swap;src: url('../fonts/jost/jost-600.woff2') format('woff2');}@font-face{font-family: 'Noto Serif JP';font-weight: 200;font-style: normal;font-display: swap;src: url('../fonts/noto-serif-jp/noto-serif-jp-200.woff2') format('woff2');}@font-face{font-family: 'Noto Serif JP';font-weight: 300;font-style: normal;font-display: swap;src: url('../fonts/noto-serif-jp/noto-serif-jp-300.woff2') format('woff2');}@font-face{font-family: 'Noto Serif JP';font-weight: 400;font-style: normal;font-display: swap;src: url('../fonts/noto-serif-jp/noto-serif-jp-regular.woff2') format('woff2');}@font-face{font-family: 'Noto Serif JP';font-weight: 700;font-style: normal;font-display: swap;src: url('../fonts/noto-serif-jp/noto-serif-jp-700.woff2') format('woff2');}
/* base.css */
*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0;}:root{--bg-dark: #0b1111;--surface-dark: #111a1c;--accent: #c3a485;--accent-hover: #e2d2bd;--white: #f7f5f2;--text-muted: #bdae9e;--topbar-h: 41px;--navbar-h: 68px;--gold-accent: #c3a485;--gold-light: #c6b09a;--gold-glow: rgba(200, 147, 95, 0.15);--gold-border: rgba(200, 147, 95, 0.25);--orange-logo: #f63d02;--font-heading: 'Fraunces_144pt', 'Fraunces', Georgia, serif;--font-body: 'Jost', system-ui, sans-serif;--font-japanese: 'Noto Serif JP', serif;}h1,h2,h3,h4,h5,h6{font-family: var(--font-heading);font-weight: 300;font-style: normal;font-variation-settings: 'opsz' 144;text-transform: uppercase;letter-spacing: 0.18em;}h1{font-size: clamp(36px, 6.5vw, 85px);line-height: 1.1;color: var(--white);}h2{font-size: clamp(32px, 4vw, 48px);line-height: 1.15;color: var(--white);}.skip-link{position: absolute;top: -100px;left: 0;background: var(--accent);color: var(--bg-dark);padding: 12px 24px;font-family: var(--font-body);font-weight: 500;text-decoration: none;z-index: 9999;transition: top 0.2s;}.skip-link:focus{top: 0;}a:focus-visible,button:focus-visible,[role="tab"]:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline: 3px solid var(--orange-logo);outline-offset: 3px;}html{scroll-behavior: smooth;}body{background: var(--bg-dark);color: var(--white);font-family: var(--font-body);overflow-x: hidden;line-height: 1.6;font-weight: 300;}.topbar{background: #070b0b;display: flex;align-items: center;justify-content: space-between;padding: 0 48px;height: var(--topbar-h);font-size: 12px;letter-spacing: 0.04em;color: var(--text-muted);position: relative;z-index: 200;}.topbar__address a{color: var(--text-muted);text-decoration: none;display: flex;align-items: center;gap: 6px;transition: color 0.2s;}.topbar__address a:hover{color: var(--accent);}.topbar__socials{position: absolute;left: 50%;transform: translateX(-50%);display: flex;gap: 18px;align-items: center;}.topbar__socials a{color: var(--text-muted);text-decoration: none;transition: color 0.2s;display: flex;align-items: center;}.topbar__socials a:hover{color: var(--accent);}.topbar__contact{display: flex;align-items: center;gap: 24px;}.topbar__contact a{color: var(--text-muted);text-decoration: none;transition: color 0.2s;}.topbar__contact a:hover{color: var(--white);}.sr-only{position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important;color: #000000 !important;background-color: #ffffff !important;}
/* navigation.css */
.navbar{position: absolute;top: var(--topbar-h);left: 0;right: 0;z-index: 150;background: linear-gradient(to bottom, rgba(11, 17, 17, 0.65) 0%, rgba(11, 17, 17, 0.3) 60%, rgba(11, 17, 17, 0) 100%);transition: background 0.6s ease, border-color 0.6s ease, backdrop-filter 0.6s ease;display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;padding: 0 48px;height: var(--navbar-h);column-gap: 32px;}.navbar.is-scrolled{position: fixed;top: 0;background: rgba(11, 17, 17, 0.6);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);}.nav__logo{display: flex;align-items: center;align-self: center;margin-top: 4px;}.nav__logo img{height: 48px;width: auto;filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));}.nav__links{display: flex;gap: 40px;list-style: none;align-items: center;justify-content: center;}.nav__links a{color: rgba(255, 255, 255, 0.85);text-decoration: none;font-size: 13px;font-weight: 500;letter-spacing: 0.12em;text-transform: uppercase;transition: color 0.2s;position: relative;}.nav__links a::after{content: '';position: absolute;bottom: -4px;left: 0;width: 0;height: 2px;background: var(--accent);transition: width 0.3s;}.nav__links a:hover{color: var(--white);}.nav__links a:hover::after{width: 100%;}.nav__links a.active{color: var(--accent);}.nav__links a.active::after{width: 100%;}.nav__actions{display: flex;justify-content: flex-end;align-items: center;gap: 16px;}.nav__cta{background: transparent;color: var(--white);border: 1.5px solid rgba(255, 255, 255, 0.4);padding: 9px 22px;font-size: 11px;font-weight: 600;letter-spacing: 0.14em;text-transform: uppercase;text-decoration: none;border-radius: 50px;transition: border-color 0.2s, background 0.2s, color 0.2s;white-space: nowrap;}.nav__action-link{font-family: var(--font-body);font-size: 11px;font-weight: 600;letter-spacing: 0.12em;text-transform: uppercase;text-decoration: none;color: var(--text-muted);transition: color 0.2s ease;white-space: nowrap;margin-right: 12px;}.nav__action-link:hover{color: var(--white);}.nav__cta:hover{background: var(--accent);border-color: var(--accent);color: var(--bg-dark);}.nav__hamburger{display: none;flex-direction: column;justify-content: center;gap: 5px;width: 36px;height: 36px;background: none;border: none;cursor: pointer;padding: 4px;}.nav__hamburger span{display: block;height: 2px;background: var(--white);transition: transform 0.3s, opacity 0.3s, width 0.3s;}.nav__hamburger[aria-expanded="true"] span:nth-child(1){transform: translateY(7px) rotate(45deg);}.nav__hamburger[aria-expanded="true"] span:nth-child(2){opacity: 0;width: 0;}.nav__hamburger[aria-expanded="true"] span:nth-child(3){transform: translateY(-7px) rotate(-45deg);}.mobile-menu{display: none;position: fixed;inset: 0;z-index: 140;pointer-events: none;}.mobile-menu__overlay{position: absolute;inset: 0;background: rgba(0, 0, 0, 0.6);opacity: 0;transition: opacity 0.3s;}.mobile-menu__panel{position: absolute;top: 0;right: 0;width: min(320px, 85vw);height: 100%;background: #0b1111;border-left: 1px solid rgba(255, 255, 255, 0.06);transform: translateX(100%);transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);display: flex;flex-direction: column;padding: 120px 36px calc(80px + env(safe-area-inset-bottom, 0px));gap: 8px;overflow-y: auto;}.mobile-menu__nav{list-style: none;display: flex;flex-direction: column;gap: 4px;}.mobile-menu__nav a{display: block;padding: 14px 0;color: rgba(255, 255, 255, 0.85);text-decoration: none;font-size: 14px;font-weight: 500;letter-spacing: 0.12em;text-transform: uppercase;border-bottom: 1px solid rgba(255, 255, 255, 0.05);transition: color 0.2s;}.mobile-menu__nav a:hover,.mobile-menu__nav a.active{color: var(--accent);}.mobile-menu__cta{margin-top: 32px;display: block;text-align: center;padding: 14px 24px;border: 1.5px solid var(--accent);color: var(--white);text-decoration: none;font-size: 12px;font-weight: 600;letter-spacing: 0.14em;text-transform: uppercase;border-radius: 50px;transition: background 0.2s;}.mobile-menu__cta:hover{background: var(--accent);color: var(--bg-dark);}.mobile-menu__actions{display: flex;flex-direction: column;gap: 12px;margin-top: 32px;}.mobile-menu__actions .mobile-menu__cta{margin-top: 0;}.mobile-menu__cta--pickup{background: var(--accent);color: var(--bg-dark) !important;}.mobile-menu__cta--pickup:hover{background: var(--accent-hover);border-color: var(--accent-hover);color: var(--bg-dark) !important;}.mobile-menu__cta--delivery{border-color: rgba(255, 255, 255, 0.4);}.mobile-menu__cta--delivery:hover{background: var(--white);color: var(--bg-dark) !important;border-color: var(--white);}.mobile-menu__cta--book{border-color: var(--gold-accent);}.mobile-menu__cta--book:hover{background: var(--gold-accent);color: var(--bg-dark) !important;border-color: var(--gold-accent);}.mobile-menu__info{margin-top: auto;display: flex;flex-direction: column;gap: 12px;font-size: 12px;color: var(--text-muted);}.mobile-menu__info a{color: inherit;text-decoration: none;transition: color 0.2s;}.mobile-menu__info a:hover{color: var(--white);}.mobile-menu__socials{margin-top: 20px;display: flex;gap: 16px;align-items: center;border-top: 1px solid rgba(255, 255, 255, 0.06);padding-top: 16px;}.mobile-menu__socials a{display: inline-flex;align-items: center;gap: 8px;color: var(--text-muted);text-decoration: none;font-size: 13px;transition: color 0.2s;}.mobile-menu__socials a:hover{color: var(--white);}.mobile-menu__socials svg{color: var(--accent);}.mobile-menu.is-open{pointer-events: auto;}.mobile-menu.is-open .mobile-menu__overlay{opacity: 1;}.mobile-menu.is-open .mobile-menu__panel{transform: translateX(0);}
/* sections.css */
.hero{position: relative;min-height: calc(100vh - var(--topbar-h));display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;overflow: hidden;padding-top: 0;}.hero__content h1{text-transform: uppercase;}@media (min-width: 768px){.hero__content h1{font-size: clamp(32px, 4.5vw, 64px);white-space: nowrap;letter-spacing: 0.15em;}}.hero__slides{position: absolute;inset: 0;z-index: 0;}.hero__slide{position: absolute;inset: 0;background-size: cover;background-position: center;opacity: 0;animation: hero-fade 24s ease-in-out infinite;}.hero__slide--1{background-image: url('../menu/TABLE SPREADS/img-9398.webp');animation-delay: 0s;}.hero__slide-lcp-img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;opacity: 0;pointer-events: none;}.hero__slide--2{background-image: url('../menu/TABLE SPREADS/macy-carpaccio.webp');animation-delay: 6s;}.hero__slide--3{background-image: url('../menu/TABLE SPREADS/ayce1.webp');animation-delay: 12s;}.hero__slide--4{background-image: url('../menu/TABLE SPREADS/img-3542.webp');animation-delay: 18s;}@keyframes hero-fade{0%{opacity: 0;transform: scale(1);} 4%{opacity: 0.6;} 21%{opacity: 0.6;} 25%{opacity: 0;transform: scale(1.08);} 25.001%{opacity: 0;transform: scale(1);} 100%{opacity: 0;transform: scale(1);}}.hero__slides::after{content: '';position: absolute;inset: 0;background: linear-gradient(to bottom, rgba(11, 17, 17, 0.55) 0%, rgba(11, 17, 17, 0.3) 50%, rgba(11, 17, 17, 0.85) 100%);z-index: 1;}.hero__content{position: relative;z-index: 2;max-width: 900px;padding: 0 24px;display: flex;flex-direction: column;align-items: center;gap: clamp(12px, 2.5vh, 20px);}.hero__logo-wrapper{margin-bottom: 4px;display: flex;justify-content: center;align-items: center;}.hero__logo-img{max-width: clamp(260px, min(43vw, 36vh), 420px);height: auto;filter: drop-shadow(0 4px 15px rgba(0, 0, 0, 0.5));}.hero__japanese-kicker{font-family: var(--font-japanese);color: var(--accent);text-transform: uppercase;font-size: clamp(1.1rem, 2vh, 1.5rem);font-weight: 100;letter-spacing: 0.15em;margin-bottom: -1rem;}.title-sub{font-weight: 800;font-style: italic;font-variation-settings: 'opsz' 144;display: block;}.hero__subhead{font-size: clamp(14px, 1.6vw, 18px);font-weight: 300;color: var(--text-muted);max-width: 600px;}.hero__actions{display: flex;gap: 16px;margin-top: 8px;}.hero__btn{display: inline-block;padding: 14px 36px;font-size: 12px;font-weight: 600;letter-spacing: 0.16em;text-transform: uppercase;text-decoration: none;border-radius: 50px;transition: all 0.25s;}.hero__btn--primary{background: var(--accent);color: var(--bg-dark);border: 1.5px solid var(--accent);}.hero__btn--primary:hover{background: var(--accent-hover);border-color: var(--accent-hover);color: var(--bg-dark);}.hero__btn--outline{background: transparent;color: var(--white);border: 1.5px solid rgba(255, 255, 255, 0.4);}.hero__btn--outline:hover{background: var(--white);color: var(--bg-dark);border-color: var(--white);}.hero__btn--gold{background: transparent;color: var(--white);border: 1.5px solid var(--accent);}.hero__btn--gold:hover{background: var(--gold-accent);color: var(--bg-dark);border-color: var(--gold-accent);}@media (max-height: 820px) and (min-width: 768px){.hero{min-height: calc(100vh - var(--topbar-h));padding-top: 0;} .hero__content{gap: 8px;} .hero__logo-img{max-width: clamp(260px, 32vh, 338px);} .hero__japanese-kicker{font-size: 1.1rem;margin-bottom: 0.25rem;} .hero__content h1{font-size: clamp(28px, 3.8vw, 52px);white-space: nowrap;letter-spacing: 0.14em;} .hero__subhead{font-size: 13px;margin-top: -6px;} .hero__actions{margin-top: 2px;gap: 12px;} .hero__btn{padding: 10px 24px;font-size: 11px;}}.experience{padding: 80px 0 90px 48px;background: var(--surface-dark);border-bottom: 1px solid rgba(255, 255, 255, 0.03);overflow: hidden;}.experience__container{max-width: 100% !important;margin: 0 !important;display: grid;grid-template-columns: 450px 1fr;gap: 60px;align-items: center;}@media (max-width: 1199px){.experience__container{grid-template-columns: 380px 1fr;gap: 40px;}}@media (max-width: 991px){.experience{padding: 80px 24px;} .experience__container{grid-template-columns: 1fr;gap: 48px;}}.experience__left{display: flex;flex-direction: column;gap: 24px;text-align: left;}.experience__kicker{font-family: var(--font-japanese);font-size: 1.5rem;font-weight: 100;letter-spacing: 0.25em;text-transform: uppercase;color: var(--accent);line-height: 0;}.experience h2{margin-bottom: 8px;}.experience__text{font-size: 16px;line-height: 1.8;color: var(--text-muted);display: flex;flex-direction: column;gap: 20px;}.experience__right{position: relative;overflow-x: scroll;scrollbar-width: thin;scrollbar-color: var(--accent) rgba(255, 255, 255, 0.05);display: block;width: 100%;padding-right: 48px;padding-bottom: 24px;}.experience__right::-webkit-scrollbar{height: 2px;display: block !important;}.experience__right::-webkit-scrollbar-track{background: rgba(255, 255, 255, 0.05) !important;border-radius: 0 !important;}.experience__right::-webkit-scrollbar-thumb{background: var(--accent) !important;border-radius: 0 !important;transition: background 0.3s ease;}.experience__right::-webkit-scrollbar-thumb:hover{background: var(--accent-hover) !important;}@media (max-width: 991px){.experience__right{max-width: 100% !important;margin: 0;padding-right: 24px;}}.experience__gallery-track{display: flex !important;gap: 16px !important;height: 416px !important;width: max-content !important;}.gallery-column{display: flex !important;flex-direction: column !important;gap: 16px !important;justify-content: space-between !important;height: 100% !important;flex-shrink: 0 !important;}.gallery-column:nth-child(1){flex: 0 0 320px !important;width: 320px !important;min-width: 320px !important;}.gallery-column:nth-child(2){flex: 0 0 420px !important;width: 420px !important;min-width: 420px !important;}.gallery-column:nth-child(3){flex: 0 0 280px !important;width: 280px !important;min-width: 280px !important;}.gallery-column:nth-child(4){flex: 0 0 360px !important;width: 360px !important;min-width: 360px !important;}.gallery-column:nth-child(5){flex: 0 0 440px !important;width: 440px !important;min-width: 440px !important;}.gallery-item{position: relative !important;overflow: hidden !important;border: 1px solid rgba(255, 255, 255, 0.06) !important;width: 100% !important;}.gallery-item img{width: 100% !important;height: 100% !important;object-fit: cover !important;display: block !important;transition: transform 0.5s ease !important;}.gallery-item:hover img{transform: scale(1.05) !important;}.gallery-item.height-tall{height: 416px !important;}.gallery-item.height-medium{height: 250px !important;}.gallery-item.height-short{height: 150px !important;}.gallery-item.height-standard{height: 200px !important;}@media (max-width: 767px){.experience__gallery-track{height: 316px !important;gap: 12px !important;width: max-content !important;} .gallery-column{gap: 12px !important;} .gallery-column:nth-child(1){flex: 0 0 220px !important;width: 220px !important;min-width: 220px !important;} .gallery-column:nth-child(2){flex: 0 0 300px !important;width: 300px !important;min-width: 300px !important;} .gallery-column:nth-child(3){flex: 0 0 190px !important;width: 190px !important;min-width: 190px !important;} .gallery-column:nth-child(4){flex: 0 0 250px !important;width: 250px !important;min-width: 250px !important;} .gallery-column:nth-child(5){flex: 0 0 300px !important;width: 300px !important;min-width: 300px !important;} .gallery-item.height-tall{height: 316px !important;} .gallery-item.height-medium{height: 190px !important;} .gallery-item.height-short{height: 114px !important;} .gallery-item.height-standard{height: 152px !important;}}.dining-options{padding: 110px 24px;background: var(--bg-dark);}.dining-options__container{max-width: 1200px;margin: 0 auto;}.dining-options h2{text-align: center;margin-bottom: 64px;}.dining-options__grid{display: grid;grid-template-columns: 1fr 1fr;gap: 32px;}.dining-card{background: var(--surface-dark);border: 1px solid rgba(255, 255, 255, 0.04);border-radius: 12px;padding: 48px;display: flex;flex-direction: column;transition: transform 0.3s ease, border-color 0.3s ease;}.dining-card:hover{transform: translateY(-4px);border-color: rgba(255, 150, 0, 0.3);}.dining-card h3{font-family: var(--font-heading);font-size: 28px;margin-bottom: 24px;color: var(--accent);}.dining-card__pricing{margin-bottom: 24px;font-size: 15px;}.dining-card__pricing p{margin-bottom: 8px;color: var(--text-muted);}.dining-card__pricing span{color: var(--white);font-weight: 600;font-size: 18px;}.dining-card__text{font-size: 15px;line-height: 1.7;color: var(--text-muted);}.dining-guidance{text-align: center;font-style: italic;font-size: 16px;color: var(--text-muted);margin-top: 48px;}.dining-card__btn{display: inline-block;align-self: flex-start;margin-top: 32px;padding: 12px 28px;font-family: var(--font-body);font-size: 11px;font-weight: 600;letter-spacing: 0.14em;text-transform: uppercase;text-decoration: none;background: transparent;color: var(--white);border: 1.5px solid rgba(255, 255, 255, 0.2);border-radius: 50px;cursor: pointer;transition: all 0.25s;}.dining-card__btn:hover{background: var(--white);color: var(--bg-dark);border-color: var(--white);}.sake-highlight{padding: 110px 24px;background: var(--bg-dark);text-align: center;position: relative;}.sake-highlight__container{max-width: 800px;margin: 0 auto;background: var(--surface-dark);border: 1px solid rgba(255, 150, 0, 0.15);border-radius: 16px;padding: 56px 40px;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);}.sake-highlight h2{font-size: clamp(28px, 3.5vw, 40px);color: var(--accent);margin-bottom: 16px;margin-top: 0;}.sake-highlight__text{font-family: var(--font-heading);font-style: italic;font-size: clamp(16px, 2vw, 20px);color: var(--text-light);margin-bottom: 24px;margin-top: 0;}.sake-highlight__flight{background: rgba(255, 150, 0, 0.05);border-left: 3px solid var(--accent);padding: 16px 24px;border-radius: 4px;margin: 0 auto 32px;max-width: 600px;text-align: left;}.sake-highlight__flight p{margin: 0;font-size: 15px;color: var(--text-muted);line-height: 1.6;}.sake-highlight__flight strong{color: var(--white);}.sake-highlight__btn{display: inline-block;padding: 14px 32px;font-family: var(--font-body);font-size: 12px;font-weight: 600;letter-spacing: 0.16em;text-transform: uppercase;background: var(--accent);color: var(--bg-dark);border: 1.5px solid var(--accent);border-radius: 50px;cursor: pointer;transition: all 0.25s;text-decoration: none;}.sake-highlight__btn:hover{background: var(--accent-hover);border-color: var(--accent-hover);color: var(--bg-dark);transform: translateY(-2px);}.menu-section{padding: 110px 24px;background: #080e0e;border-top: 1px solid rgba(255, 255, 255, 0.03);position: relative;z-index: 3;margin-top: -3px;}.menu-section__container{max-width: 1200px;margin: 0 auto;}.menu-section__kicker{text-align: center;font-size: 11px;font-weight: 600;letter-spacing: 0.25em;text-transform: uppercase;color: var(--accent);margin-bottom: 12px;}.menu-section h2{text-align: center;margin-bottom: 56px;}.menu-tabs{display: flex;justify-content: center;align-items: center;gap: 8px;margin: 0 auto 64px;background: rgba(11, 17, 17, 0);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border: 1px solid rgba(200, 147, 95, 0.35);padding: 8px;border-radius: 100px;position: sticky;top: calc(var(--navbar-h) + 12px);z-index: 100;max-width: fit-content;}.menu-tab-btn{background: transparent;color: var(--text-muted);border: none;font-family: var(--font-body);font-size: clamp(12px, 1.4vw, 14px);font-weight: 600;letter-spacing: 0.1em;text-transform: uppercase;padding: 10px 24px;cursor: pointer;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position: relative;border-radius: 100px;overflow: hidden;}.menu-tab-btn:hover{color: var(--accent);box-shadow: inset 0 0 0 1px rgba(200, 147, 95, 0.35);}.menu-tab-btn.active{color: var(--bg-dark);background: var(--accent);}.tab-indicator{position: absolute;bottom: 0;left: 0;width: 100%;height: 4px;background: rgba(255, 255, 255, 0.15);opacity: 0;transition: opacity 0.3s;pointer-events: none;border-bottom-left-radius: 100px;border-bottom-right-radius: 100px;}.menu-tab-btn.active .tab-indicator{opacity: 1;}.tab-progress{position: absolute;bottom: 0;left: 0;width: 0%;height: 5px;background: var(--white);opacity: 0;transition: opacity 0.3s, width 0.05s linear;pointer-events: none;z-index: 2;border-bottom-left-radius: 100px;border-bottom-right-radius: 100px;}.menu-tab-btn.active .tab-progress{opacity: 1;}.menu-tab-content{display: none;}.menu-tab-content.active{display: block;animation: fadeIn 0.4s ease;}@keyframes fadeIn{from{opacity: 0;transform: translateY(8px);} to{opacity: 1;transform: translateY(0);}}.menu-header{margin-bottom: 64px;}.menu-header__grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 24px;margin-bottom: 40px;}.menu-header__card{background: var(--surface-dark);border: 1px solid rgba(255, 255, 255, 0.04);border-radius: 8px;padding: 32px;}.menu-header__card h3{font-family: var(--font-heading);font-size: 2rem;letter-spacing: 0.05em;margin-bottom: 16px;color: var(--accent);}.menu-header__card--premium{border-color: rgba(255, 150, 0, 0.4);background: linear-gradient(145deg, #182729, #0f1a1b);}.menu-header__time{font-size: 13px;color: var(--text-muted);margin-bottom: 16px;}.menu-header__price{font-size: 14px;color: var(--text-muted);margin-bottom: 8px;}.menu-header__price span{font-size: 24px;font-weight: 600;color: var(--white);margin-right: 8px;}.kids-list{list-style: none;}.kids-list li{font-size: 13px;margin-bottom: 6px;color: var(--text-muted);}.kids-list li span{color: var(--white);}.menu-rules{background: rgba(255, 150, 0, 0.04);border: 1px dashed rgba(255, 150, 0, 0.25);border-radius: 8px;padding: 24px 32px;}.menu-rules h4{font-family: var(--font-heading);font-size: 16px;margin-bottom: 16px;color: var(--accent);}.menu-rules ul{list-style: none;display: grid;grid-template-columns: 1fr 1fr;gap: 12px 32px;}.menu-rules li{font-size: 13px;color: var(--text-muted);position: relative;padding-left: 16px;}.menu-rules li::before{content: '\2022';position: absolute;left: 0;color: var(--accent);}
/* menu.css */
.menu-tab-content{position: relative;overflow: clip;}.menu-header-minimal,.menu-rules,.menu-header,.ayce-pricing-section{position: relative;z-index: 6;}.menu-tab-content::before{content: '';position: sticky;top: 0;left: 0;right: 0;height: calc(var(--navbar-h) + 12px + 62px);background: #080e0e;display: block;z-index: 5;margin-bottom: -130px;pointer-events: none;}.menu-categories{display: grid;grid-template-columns: 1fr;gap: 64px;}.menu-category{border-bottom: 1px solid rgba(255, 255, 255, 0.04);padding-bottom: 48px;position: relative;}.menu-category:last-child{border: none;padding-bottom: 0;}.category-header-sticky{position: sticky;top: calc(var(--navbar-h) + 12px + 62px);z-index: 10;background: #080e0e;padding: 12px 0 16px 0;margin-top: -12px;width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.15);}.category-title{font-family: var(--font-heading);font-size: 24px;letter-spacing: 0.05em;text-transform: uppercase;color: var(--accent);margin-bottom: 6px;}.category-subtitle{font-size: 14px;color: var(--text-muted);margin-bottom: 0;}.menu-items-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 24px 48px;margin-top: 32px;}@media (min-width: 992px){.menu-items-grid--three-cols{grid-template-columns: repeat(3, 1fr);} .menu-items-grid--three-cols-no-thumb{grid-template-columns: repeat(3, 1fr);}}.category-split-layout{display: grid;grid-template-columns: 1fr 3fr;gap: 32px;margin-top: 32px;}.category-banner-container{position: relative;overflow: hidden;border-radius: 8px;}.category-banner-img{width: 100%;height: auto;object-fit: cover;display: block;}.category-items-container{display: flex;flex-direction: column;}.menu-items-grid--three-cols-no-thumb .menu-item{background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.06);border-radius: 6px;padding: 16px;display: flex;flex-direction: column;gap: 8px;}.menu-items-grid--three-cols-no-thumb .menu-item-info{flex: 1;}.menu-items-grid--three-cols-no-thumb .item-tier-indicator{align-self: flex-start;background: rgba(195, 164, 133, 0.15);color: var(--accent);border: 1px solid rgba(195, 164, 133, 0.3);padding: 4px 8px;border-radius: 4px;font-size: 11px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;}.category-three-columns{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 24px;margin-top: 32px;}.menu-column{display: flex;flex-direction: column;}.category-three-columns .category-banner-container{aspect-ratio: 4 / 3;border: 1px solid rgba(255, 255, 255, 0.1);margin-bottom: 16px;}.category-three-columns .category-banner-img{width: 100%;height: 100%;object-fit: cover;}.category-three-columns .menu-items-grid{display: flex;flex-direction: column;gap: 12px;margin-top: 0;}.menu-category--tight .menu-items-grid{gap: 16px 48px;}.menu-category--tight .menu-item{line-height: 1.35;}.menu-category--tight .item-desc{line-height: 1.3;}.menu-item{display: flex;flex-direction: column;justify-content: flex-start;position: relative;z-index: 1;}.item-header{display: flex;justify-content: space-between;align-items: flex-end;gap: 8px;margin-bottom: 6px;position: relative;}.item-name{font-family: var(--font-heading);font-size: 16px;font-weight: 500;color: var(--white);display: flex;align-items: center;flex-wrap: wrap;gap: 8px;order: 1;}.item-price{font-weight: 600;font-size: 15px;color: var(--white);flex-shrink: 0;order: 3;}.item-header:has(.item-price)::after{content: '';flex-grow: 1;border-bottom: 1.5px dotted rgba(255, 255, 255, 0.2);margin: 0 8px;min-width: 15px;order: 2;align-self: flex-end;margin-bottom: 4px;}.item-desc{font-size: 13.5px;line-height: 1.5;color: var(--text-muted);}.badge{font-family: var(--font-body);font-size: 11px;text-transform: uppercase;letter-spacing: 0.05em;padding: 2px 8px;border-radius: 4px;font-weight: 600;}.badge--premium{background: rgba(255, 150, 0, 0.15);color: var(--accent);border: 1px solid rgba(255, 150, 0, 0.3);}.badge--limit{background: rgba(255, 255, 255, 0.06);color: var(--white);border: 1px solid rgba(255, 255, 255, 0.1);}.disclaimer-info-card{background: none !important;border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;border-left: none !important;border-right: none !important;border-radius: 0 !important;text-align: center;max-width: 920px;margin: 0 auto 48px;padding-bottom: 42px !important;padding-top: 5rem !important;}.disclaimer-info-card p{font-size: 14px;color: var(--text-muted);margin-bottom: 16px;text-align: left;}.disclaimer-info-card li{font-size: 13px !important;color: var(--gold-light) !important;display: flex !important;align-items: baseline !important;gap: 8px !important;text-align: left;}.disclaimer-info-card li::before{content: "•" !important;color: var(--accent) !important;font-size: 16px !important;}.sake-intro-card{background: none !important;border-top: 1px solid rgba(255, 255, 255, 0.1) !important;border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;border-left: none !important;border-right: none !important;border-radius: 0 !important;padding: 32px 0 !important;text-align: center;max-width: 800px;margin: 0 auto 48px;}.sake-intro-quote{font-family: var(--font-heading);font-size: 20px;font-style: italic;margin-bottom: 16px;color: var(--white);}.sake-flight-callout{font-size: 14px;color: var(--text-muted);}.sake-flight-callout span{color: var(--accent);font-weight: 600;}.sake-flight-callout strong{color: var(--white);}.catering-info-card{background: none !important;border-top: 1px solid rgba(255, 255, 255, 0.1) !important;border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;border-left: none !important;border-right: none !important;border-radius: 0 !important;padding: 32px 0 !important;text-align: center;max-width: 800px;margin: 0 auto 48px;}.catering-info-card h3{font-family: var(--font-heading);font-size: 22px;color: var(--accent);margin-bottom: 12px;}.catering-info-card p{font-size: 14px;color: var(--text-muted);margin-bottom: 16px;}.catering-info-card p:last-child{margin-bottom: 0;}.catering-custom-note{background: none !important;border-top: 1px solid rgba(255, 255, 255, 0.08) !important;padding-top: 16px;margin-top: 16px;}.menu-items-grid--catering{grid-template-columns: 1fr 1fr;gap: 16px 48px;}.menu-item--catering{background: none !important;border-top: none !important;border-left: none !important;border-right: none !important;border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;border-radius: 0 !important;padding: 12px 0 !important;}
/* footer-visit.css */
.visit-section{position: relative;padding: 110px 24px;background-color: var(--bg-dark);overflow: hidden;z-index: 1;}.visit-section::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-image: url('../menu/EXTERIOR/exterior-copy.webp');background-repeat: no-repeat;background-size: cover;background-position: center;opacity: 0.1;filter: grayscale(100%);z-index: -1;pointer-events: none;}.visit-section__container{max-width: 1200px;margin: 0 auto;display: grid;grid-template-columns: 1fr 1fr;gap: 64px;align-items: start;}.visit-section h2{margin-bottom: 12px;}.visit-subtitle{font-size: 16px;color: var(--text-muted);margin-bottom: 48px;}.visit-info-grid{display: grid;grid-template-columns: 1fr;gap: 32px;margin-bottom: 48px;}.visit-info-item h3{font-size: 11px;font-weight: 600;letter-spacing: 0.2em;text-transform: uppercase;color: var(--accent);margin-bottom: 12px;}.visit-info-item p,.visit-info-item a{font-size: 15px;color: var(--text-muted);text-decoration: none;line-height: 1.6;}.visit-info-item a:hover{color: var(--white);}.visit-info-item a.highlight-link{color: var(--white);border-bottom: 1px solid rgba(255, 255, 255, 0.2);transition: all 0.2s;}.visit-info-item a.highlight-link:hover{border-color: var(--accent);color: var(--accent);}.visit-hours h3{font-size: 11px;font-weight: 600;letter-spacing: 0.2em;text-transform: uppercase;color: var(--accent);margin-bottom: 16px;}.hours-table{width: 100%;border-collapse: collapse;}.hours-table td,.hours-table th{padding: 8px 0;font-size: 14.5px;color: var(--text-muted);border-bottom: 1px solid rgba(255, 255, 255, 0.03);font-weight: normal;text-align: left;}.hours-table tr:last-child td,.hours-table tr:last-child th{border: none;}.hours-table td:last-child{text-align: right;color: var(--white);}.visit-map{height: 520px;border-radius: 12px;overflow: hidden;border: 1px solid rgba(255, 255, 255, 0.06);}.map-container{width: 100%;height: 100%;}.footer{background: #060a0a;border-top: 1px solid rgba(255, 255, 255, 0.06);padding: 48px 24px;}.footer__grid{max-width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}.footer__logo img{height: 36px;width: auto;opacity: 0.8;}.footer__bottom{font-size: 12px;letter-spacing: 0.04em;color: var(--text-muted);}@media (max-width: 992px){.topbar{display: none;} .navbar{display: flex;justify-content: space-between;align-items: center;top: 0;padding: 0 24px;background: rgba(11, 17, 17, 0.85);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);} .nav__links, .nav__actions .nav__cta, .nav__actions .nav__action-link{display: none;} .nav__hamburger{display: flex;} .mobile-menu{display: block;} .dining-options__grid{grid-template-columns: 1fr;} .visit-section__container{grid-template-columns: 1fr;gap: 48px;} .visit-map{height: 400px;}}@media (max-width: 768px){.menu-rules ul{grid-template-columns: 1fr;gap: 8px;} .menu-items-grid{grid-template-columns: 1fr;gap: 24px;} .menu-items-grid--catering{grid-template-columns: 1fr;} .footer__grid{flex-direction: column;gap: 24px;text-align: center;}}@media (max-width: 767px){.hero{min-height: 100svh;min-height: 100dvh;justify-content: center;padding-top: 0;padding-bottom: 7vh;} .hero__content{gap: clamp(6px, 1.8vh, 16px);padding: 0 20px;} .hero__logo-wrapper{margin-bottom: 0;} .hero__logo-img{max-width: clamp(180px, min(70vw, 30vh), 340px);} .hero__japanese-kicker{font-size: clamp(0.85rem, 2.2vh, 1.2rem);margin-bottom: clamp(-0.6rem, -1vh, -0.3rem);letter-spacing: 0.12em;} .hero__content h1{font-size: clamp(1.7rem, 7.5vw, 2.8rem);letter-spacing: 0.1em;line-height: 1.1;white-space: normal;} .hero__actions{flex-direction: column;width: 100%;gap: clamp(8px, 1.5vh, 14px);margin-top: clamp(4px, 1vh, 12px);} .hero__btn{width: 100%;text-align: center;padding: clamp(10px, 1.8vh, 14px) 28px;font-size: 11px;}}@media (max-width: 767px) and (max-height: 680px){.hero__logo-img{max-width: clamp(140px, min(60vw, 24vh), 260px);} .hero__japanese-kicker{font-size: clamp(0.75rem, 1.8vh, 1rem);margin-bottom: -0.5rem;} .hero__content h1{font-size: clamp(1.5rem, 6.5vw, 2.2rem);} .hero__content{gap: clamp(4px, 1.2vh, 10px);} .hero__btn{padding: 9px 24px;font-size: 11px;} .hero__actions{gap: 8px;margin-top: 4px;}}@media (max-width: 767px) and (max-height: 580px){.hero__logo-img{max-width: clamp(110px, min(52vw, 20vh), 210px);} .hero__japanese-kicker{display: none;} .hero__content h1{font-size: clamp(1.3rem, 6vw, 1.8rem);} .hero__btn{padding: 8px 20px;font-size: 11px;}}.lte-go-top{position: fixed;right: 30px;bottom: 30px;z-index: 100;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 60px;height: 60px;border-radius: 50%;background-color: var(--accent-hover);color: var(--bg-dark);border: none;text-decoration: none;opacity: 0;pointer-events: none;transform: translateY(20px) scale(0.8);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);}.lte-go-top.show{opacity: 1;pointer-events: auto;transform: translateY(0) scale(0.8);}.lte-go-top:hover{background-color: var(--white);color: var(--bg-dark);border-color: var(--bg-dark);transform: translateY(0) scale(0.85);}.lte-go-top svg{margin-bottom: 2px;}.go-top-header{font-size: 12px;line-height: 1em;font-weight: 600;letter-spacing: 0.1em;text-transform: uppercase;}@media (max-width: 767px){.lte-go-top{right: 15px;bottom: calc(75px + env(safe-area-inset-bottom, 0px)) !important;transform: translateY(20px) scale(0.7);} .lte-go-top.show{transform: translateY(0) scale(0.7);}}.hero__waves{position: absolute;bottom: -1px;left: 0;width: 100%;height: 15vh;min-height: 85px;max-height: 160px;z-index: 5;pointer-events: none;}.waves{position: relative;width: 100%;height: 100%;display: block;}.parallax>use{animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;}.parallax>use:nth-child(1){animation-delay: -2s;animation-duration: 7s;}.parallax>use:nth-child(2){animation-delay: -3s;animation-duration: 10s;}.parallax>use:nth-child(3){animation-delay: -4s;animation-duration: 13s;}.parallax>use:nth-child(4){animation-delay: -5s;animation-duration: 20s;}@keyframes move-forever{0%{transform: translate3d(-90px, 0, 0);} 100%{transform: translate3d(85px, 0, 0);}}@media (max-width: 768px){.hero__waves{height: 7vh;min-height: 50px;}}.promo-grid{display: grid;grid-template-columns: repeat(3, 1fr);width: 100%;overflow: hidden;background-color: var(--gold-border);gap: 1px;border-top: 1px solid var(--gold-border);border-bottom: 1px solid var(--gold-border);}@media (max-width: 991px){.promo-grid{grid-template-columns: 1fr;gap: 1px;}}.promo-item{display: flex;min-height: 32rem;overflow: hidden;position: relative;align-items: center;padding: 40px;background: linear-gradient(135deg, var(--surface-dark) 0%, var(--bg-dark) 100%);transition: background-color 0.4s ease;}@media (max-width: 767px){.promo-item{min-height: 400px;padding: 30px;}}.promo-item--ramen,.promo-item--sushi,.promo-item--sake{background: linear-gradient(135deg, var(--surface-dark) 0%, var(--bg-dark) 100%);}.promo-descr{display: flex;flex-direction: column;justify-content: center;flex: 0 0 50%;padding-left: 10px;z-index: 2;text-align: left;}@media (max-width: 767px){.promo-descr{padding-left: 10px;}}.promo-kicker{font-family: var(--font-japanese);font-size: 1.5rem;font-weight: 100;letter-spacing: 0.25em;text-transform: uppercase;color: var(--accent) !important;margin-bottom: 8px;display: block;}.promo-item h2{font-size: clamp(28px, 5vw, 42px);line-height: 1.1;margin-bottom: 24px;color: var(--white) !important;}.promo-item h2 .ampersand{font-family: var(--font-heading);font-style: normal;font-weight: 300;text-transform: none;}.promo-text{font-family: var(--font-body);font-size: 15px;line-height: 1.7;margin-top: 0;margin-bottom: 0;color: var(--text-muted) !important;}.promo-image-wrapper{display: flex;flex: 0 0 50%;position: relative;justify-content: center;align-items: center;height: 100%;}.promo-img-bg{position: absolute;width: 200px;height: 200px;background-size: contain;background-repeat: no-repeat;background-position: center;top: 50%;right: -40px;transform: translate(50%, -50%) scale(0.3);opacity: 0;transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease;z-index: 1;}.promo-item:hover .promo-img-bg,.promo-item.active .promo-img-bg{transform: translate(0%, -100%) scale(1.0);opacity: 1;}.promo-img{display: block;position: absolute;top: 50%;right: -40px;transform: translate(50%, -50%);z-index: 2;transition: transform 0.3s ease;}@media (max-width: 991px){.promo-img-bg{display: block;transform: translate(15%, -95%) scale(1.0);opacity: 0.85;} .promo-item:hover .promo-img-bg, .promo-item:active .promo-img-bg, .promo-item.active .promo-img-bg{transform: translate(10%, -105%) scale(1.1);opacity: 1;}}.promo-img img{height: 420px;width: auto;max-width: initial;display: block;}@media (max-width: 767px){.promo-img img{height: 350px;} .promo-img{right: -30px;} .promo-img-bg{right: -30px;width: 170px;height: 170px;}}@keyframes lte-round{0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);}}.promo-pills{display: none;background-image: url('../images/tableware_texture.png');background-size: cover;background-position: center;background-repeat: no-repeat;padding: 100px 16px;width: 100%;position: relative;overflow: hidden;z-index: 1;border-bottom: 1px solid var(--gold-border);}.promo-pills::before{display: none !important;}.promo-pills__container{max-width: 1400px;margin: 0 auto;display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;}@media (max-width: 991px){.promo-pills__container{grid-template-columns: repeat(2, 1fr);gap: 24px;}}@media (max-width: 575px){.promo-pills__container{grid-template-columns: repeat(2, 1fr) !important;gap: 12px !important;}}.pill-item{position: relative;width: 100%;aspect-ratio: 2 / 3.0;border-radius: 250px;overflow: hidden;border: none;box-shadow: none;transition: border-radius 1.1s cubic-bezier(0.25, 1, 0.5, 1);cursor: pointer;}.hover-corner{position: absolute;width: 50%;height: 50%;z-index: 10;}.hover-tl{top: 0;left: 0;}.hover-tr{top: 0;right: 0;}.hover-bl{bottom: 0;left: 0;}.hover-br{bottom: 0;right: 0;}.pill-item:has(.hover-tl:hover){border-top-left-radius: 2rem;}.pill-item:has(.hover-tr:hover){border-top-right-radius: 2rem;}.pill-item:has(.hover-bl:hover){border-bottom-left-radius: 2rem;}.pill-item:has(.hover-br:hover){border-bottom-right-radius: 2rem;}.pill-img{width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);}.pill-item:hover .pill-img{transform: scale(1.06);}.pill-overlay{position: absolute;bottom: 0;left: 0;width: 100%;height: 140px;padding: 20px 20px 30px;background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0) 100%);text-align: center;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;gap: 8px;z-index: 2;}.pill-title{font-family: var(--font-heading);color: var(--white);font-size: clamp(20px, 1.8vw, 24px);font-weight: 300;line-height: 1.25;margin: 0;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);}.pill-kicker{font-family: var(--font-japanese);color: var(--gold-accent);font-size: 13px;font-weight: 300;letter-spacing: 0.15em;margin: 0;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);}@supports ((animation-timeline: view()) and (animation-range: entry)){.promo-pills{view-timeline: --promo-section block;} .pill-item{animation: parallax-scrub linear both;animation-timeline: --promo-section;animation-range: entry 0% exit 100%;} .pill-item:nth-child(1){--parallax-start: 40px;--parallax-end: -40px;} .pill-item:nth-child(2){--parallax-start: -60px;--parallax-end: 60px;} .pill-item:nth-child(3){--parallax-start: 60px;--parallax-end: -60px;} .pill-item:nth-child(4){--parallax-start: -40px;--parallax-end: 40px;} @keyframes parallax-scrub{from{transform: translateY(var(--parallax-start));} to{transform: translateY(var(--parallax-end));} }}@media (prefers-reduced-motion: reduce){.pill-item{animation: none !important;transform: none !important;}}.parallax-divider{position: relative;height: 75vh;min-height: 500px;max-height: 850px;width: 100%;overflow: hidden;clip-path: inset(0);z-index: 2;margin-top: -1px;}.parallax-divider__bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../menu/TABLE SPREADS/orangefishsushi-hero-2-1.webp');background-size: cover;background-position: center;background-repeat: no-repeat;pointer-events: none;z-index: -2;will-change: transform;}.parallax-divider__overlay{position: absolute;top: -2px;left: 0;width: 100%;height: calc(100% + 4px);background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(8, 14, 14, 0.85) 100%);z-index: -1;pointer-events: none;}.parallax-divider__container{max-width: 1200px;margin: 0 auto;height: 100%;padding: 0 24px;display: flex;align-items: center;position: relative;z-index: 3;}.parallax-divider__content{max-width: 100%;width: 100%;color: var(--white);text-align: left;}.parallax-divider__kicker{font-family: var(--font-japanese);font-size: 1.5rem;font-weight: 100;letter-spacing: 0.25em;text-transform: uppercase;color: var(--accent);display: block;margin-bottom: 16px;}.parallax-divider h2{font-family: var(--font-heading);font-size: clamp(32px, 4.5vw, 48px);font-weight: 300;line-height: 1.2;margin-bottom: 20px;color: var(--white);}.parallax-divider__text{font-family: var(--font-body);font-size: clamp(15px, 1.2vw, 17px);line-height: 1.8;color: rgba(255, 255, 255, 0.85);max-width: 50%;}.parallax-divider__waves{position: absolute;bottom: 0;left: 0;width: 100%;height: 12vh;min-height: 60px;max-height: 120px;z-index: 5;pointer-events: none;}@media (max-width: 991px){.parallax-divider__content{max-width: 100%;text-align: center;padding: 0 16px;} .parallax-divider__text{max-width: 100%;}}@media (max-width: 768px){.parallax-divider__waves{height: 7vh;min-height: 40px;}}
/* components.css */
.premium-dialog,.lightbox-dialog{border: 1px solid var(--gold-border);background: rgba(17, 26, 28, 0.95);backdrop-filter: blur(25px);-webkit-backdrop-filter: blur(25px);border-radius: 20px;color: var(--white);box-shadow: 0 25px 60px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(255, 255, 255, 0.05);padding: 40px 32px 32px;margin: auto;outline: none;font-family: var(--font-body);position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0.95);opacity: 0;max-width: 480px;width: 90%;transition-property: opacity, transform, display, overlay;transition-duration: 0.35s;transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);transition-behavior: allow-discrete;}.premium-dialog[open],.lightbox-dialog[open]{opacity: 1;transform: translate(-50%, -50%) scale(1);@starting-style{opacity: 0;transform: translate(-50%, -50%) scale(0.95);}}.premium-dialog::backdrop,.lightbox-dialog::backdrop{background-color: rgba(0, 0, 0, 0.85);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);transition: display 0.35s allow-discrete, overlay 0.35s allow-discrete, background-color 0.35s ease-out;}.premium-dialog[open]::backdrop,.lightbox-dialog[open]::backdrop{background-color: rgba(0, 0, 0, 0.85);@starting-style{background-color: rgba(0, 0, 0, 0);}}.dialog-content{position: relative;text-align: center;}.dialog-title{font-family: var(--font-heading);font-size: 28px;margin-bottom: 8px;letter-spacing: -0.01em;color: var(--white);}.dialog-subtitle{font-size: 14px;color: var(--text-muted);margin-bottom: 32px;}.dialog-options{display: flex;flex-direction: column;gap: 16px;}.dialog-btn{display: flex;align-items: center;gap: 20px;padding: 18px 24px;background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(197, 168, 128, 0.12);border-radius: 12px;text-decoration: none;text-align: left;transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);color: var(--white);}.dialog-btn:hover{background: rgba(197, 168, 128, 0.06);border-color: var(--gold-accent);transform: translateY(-2px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);}.dialog-btn:focus-visible{outline: 3px solid var(--orange-logo);outline-offset: 2px;}.dialog-btn .btn-icon{font-size: 24px;opacity: 0.9;}.dialog-btn .btn-text{display: flex;flex-direction: column;}.dialog-btn .btn-text strong{font-family: var(--font-body);font-size: 16px;font-weight: 500;letter-spacing: 0.02em;margin-bottom: 2px;}.dialog-btn .btn-text span{font-size: 12px;color: var(--text-muted);transition: color 0.3s;}.dialog-btn--pickup{background: var(--accent);color: var(--bg-dark);border-color: var(--accent);}.dialog-btn--pickup .btn-text span{color: rgba(11, 17, 17, 0.7);}.dialog-btn--pickup:hover{background: var(--accent-hover) !important;border-color: var(--accent-hover) !important;color: var(--bg-dark) !important;transform: translateY(-2px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);}.dialog-btn--pickup:hover .btn-text span{color: rgba(11, 17, 17, 0.85) !important;}.dialog-close-btn{position: absolute;top: -24px;right: -16px;background: transparent;border: none;color: var(--text-muted);font-size: 28px;cursor: pointer;padding: 8px;line-height: 1;transition: color 0.2s ease;}.dialog-close-btn:hover{color: var(--white);}.lightbox-dialog{max-width: 600px;padding: 0;overflow: hidden;}.lightbox-content{position: relative;}.lightbox-img-container{width: 100%;aspect-ratio: 16 / 10;background: #060a0a;overflow: hidden;border-bottom: 1px solid var(--gold-border);}.lightbox-img-container img{width: 100%;height: 100%;object-fit: cover;display: block;}.lightbox-details{padding: 24px 32px 32px;text-align: left;}.lightbox-details h3{font-family: var(--font-heading);font-size: 24px;margin-bottom: 8px;color: var(--white);}.lightbox-details p{font-size: 14.5px;line-height: 1.6;color: var(--text-muted);margin: 0;}.lightbox-close-btn{position: absolute;top: 16px;right: 16px;z-index: 10;background: rgba(0, 0, 0, 0.6);border: 1px solid rgba(255, 255, 255, 0.1);color: var(--white);font-size: 24px;cursor: pointer;width: 36px;height: 36px;border-radius: 50%;display: flex;align-items: center;justify-content: center;line-height: 1;transition: all 0.2s ease;}.lightbox-close-btn:hover{background: rgba(0, 0, 0, 0.8);border-color: var(--gold-accent);}.menu-item{display: flex !important;flex-direction: column !important;justify-content: flex-start !important;padding: 10px 0 !important;border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;background: none !important;border: none !important;box-shadow: none !important;transition: none !important;}.menu-item-with-thumb{display: flex !important;flex-direction: row !important;align-items: flex-start !important;gap: 20px !important;width: 100%;}.item-header:has(.item-price)::after{display: none !important;}.item-header{display: flex !important;justify-content: space-between !important;align-items: baseline !important;gap: 16px !important;width: 100% !important;margin-bottom: 4px !important;}.item-name{font-family: var(--font-heading) !important;font-size: 13px !important;font-weight: 500 !important;letter-spacing: 0.15em !important;text-transform: uppercase !important;color: var(--white) !important;}.item-price{font-size: 13px !important;font-weight: 500 !important;color: var(--white) !important;letter-spacing: 0.05em !important;}.item-desc{font-size: 11px !important;color: var(--text-muted) !important;line-height: 1.6 !important;margin-top: 6px !important;letter-spacing: 0.05em !important;}.category-title{letter-spacing: 0.18em !important;font-size: 18px !important;}.menu-tab-btn{text-transform: uppercase !important;letter-spacing: 0.15em !important;}.menu-thumb-container{position: relative !important;width: 72px !important;height: 72px !important;flex-shrink: 0 !important;overflow: hidden !important;border: 1px solid rgba(255, 255, 255, 0.1) !important;cursor: pointer !important;transition: border-color 0.3s ease !important;background: #060a0a !important;}.menu-thumb-container:hover{border-color: var(--gold-accent) !important;}.menu-thumb-img{width: 100% !important;height: 100% !important;object-fit: cover !important;display: block !important;transform: scale(1) !important;transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;}#panel-drinks .menu-thumb-img{object-fit: contain !important;background-color: rgba(255, 255, 255, 0.03) !important;padding: 4px !important;}.menu-thumb-container:hover .menu-thumb-img{transform: scale(1.08) !important;}.menu-thumb-indicator{display: none !important;}.menu-items-grid{gap: 16px 64px !important;}.lightbox-dialog{width: 100vw !important;max-width: 100vw !important;height: 100vh !important;max-height: 100vh !important;top: 0 !important;left: 0 !important;transform: none !important;margin: 0 !important;border: none !important;background: rgba(8, 14, 14, 0.95) !important;backdrop-filter: blur(15px) !important;-webkit-backdrop-filter: blur(15px) !important;padding: 0 !important;box-shadow: none !important;display: none;}.lightbox-dialog[open]{display: flex !important;justify-content: center !important;align-items: center !important;}.lightbox-content{display: flex !important;flex-direction: column !important;justify-content: center !important;align-items: center !important;width: 100% !important;height: 100% !important;padding: 40px !important;box-sizing: border-box !important;}.lightbox-img-container{max-width: 80% !important;max-height: 65vh !important;width: auto !important;height: auto !important;aspect-ratio: auto !important;background: none !important;overflow: visible !important;border: none !important;display: flex !important;justify-content: center !important;align-items: center !important;}.lightbox-img-container img{width: auto !important;height: auto !important;max-width: 100% !important;max-height: 65vh !important;object-fit: contain !important;display: block !important;border: 1px solid rgba(255, 255, 255, 0.1) !important;}.lightbox-details{padding: 0 !important;margin-top: 30px !important;text-align: center !important;max-width: 600px !important;}.lightbox-details h3{font-family: var(--font-heading) !important;font-size: 14px !important;font-weight: 500 !important;letter-spacing: 0.2em !important;text-transform: uppercase !important;margin-bottom: 10px !important;color: var(--white) !important;}.lightbox-details p{font-size: 12px !important;line-height: 1.6 !important;color: var(--text-muted) !important;letter-spacing: 0.05em !important;}.lightbox-close-btn{position: fixed !important;top: 24px !important;right: 24px !important;background: none !important;border: none !important;color: var(--white) !important;font-size: 40px !important;font-weight: 200 !important;cursor: pointer !important;width: auto !important;height: auto !important;display: flex !important;align-items: center !important;justify-content: center !important;transition: opacity 0.2s ease !important;z-index: 1000 !important;opacity: 0.6 !important;}.lightbox-close-btn:hover{opacity: 1 !important;}@media (prefers-reduced-motion: reduce){.premium-dialog, .lightbox-dialog{transform: none !important;transition-duration: 0.01s !important;}}*{border-radius: 0 !important;}.mobile-sticky-bar{position: fixed;bottom: 0;left: 0;width: 100%;background: rgba(17, 26, 28, 0.65);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border-top: 1px solid rgba(255, 255, 255, 0.12);display: none;grid-template-columns: repeat(3, 1fr);z-index: 999;padding: 8px 0;padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));box-shadow: 0 -5px 25px rgba(0, 0, 0, 0.4);}.sticky-bar-item{display: flex;flex-direction: column;align-items: center;justify-content: center;text-decoration: none;color: var(--text-muted);font-family: var(--font-body);font-size: 12px;font-weight: 500;text-transform: uppercase;letter-spacing: 0.08em;transition: color 0.2s ease, transform 0.2s ease;gap: 4px;}.sticky-bar-item:hover,.sticky-bar-item:active{color: var(--white);transform: translateY(-1px);}.sticky-bar-icon{font-size: 20px;line-height: 1;}@media (max-width: 768px){.mobile-sticky-bar{display: grid;} body{padding-bottom: calc(60px + env(safe-area-inset-bottom, 0px)) !important;}}.menu-tab-content .menu-item{display: flex !important;flex-direction: row !important;align-items: flex-start !important;justify-content: space-between !important;padding: 10px 0 !important;border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;background: none !important;border-top: none !important;border-left: none !important;border-right: none !important;gap: 16px !important;width: 100% !important;}.menu-tab-content .menu-thumb-container{flex: 0 0 64px !important;height: 36px !important;overflow: hidden !important;border: 1px solid rgba(255, 255, 255, 0.1) !important;background: #060a0a !important;cursor: pointer !important;position: relative !important;border-radius: 0 !important;align-self: flex-start !important;margin-top: 2px !important;}.menu-tab-content .menu-thumb-placeholder{flex: 0 0 64px !important;height: 36px !important;display: block !important;align-self: flex-start !important;}.menu-tab-content .menu-item-info{flex-grow: 1 !important;display: flex !important;flex-direction: column !important;justify-content: flex-start !important;min-width: 0 !important;}.menu-tab-content .item-header{display: flex !important;align-items: center !important;justify-content: space-between !important;gap: 12px !important;margin-bottom: 2px !important;width: 100% !important;}.menu-tab-content .item-name{font-family: var(--font-text) !important;font-size: 13px !important;font-weight: 500 !important;letter-spacing: 0.12em !important;text-transform: uppercase !important;color: var(--gold-light) !important;margin: 0 !important;display: inline-flex !important;align-items: center !important;}.menu-tab-content .item-desc{font-size: 11px !important;color: var(--white) !important;margin: 0 !important;padding: 0 !important;line-height: 1.4 !important;letter-spacing: 0.04em !important;}.badge-limit-red{background: #c0392b !important;color: #fff !important;font-size: 11px !important;font-weight: 700 !important;padding: 2px 4px !important;margin-left: 6px !important;display: inline-block !important;vertical-align: middle !important;line-height: 1 !important;border-radius: 0 !important;letter-spacing: 0.05em !important;}.item-tier-indicator{font-family: var(--font-body) !important;font-size: 11px !important;font-weight: 600 !important;letter-spacing: 0.15em !important;color: var(--gold-accent) !important;flex-shrink: 0 !important;text-align: right !important;min-width: 32px !important;align-self: flex-start !important;padding-top: 2px !important;}.ayce-pricing-section{margin-bottom: 60px;border-top: 1px solid rgba(255, 255, 255, 0.1) !important;padding-top: 40px;}.ayce-section-title{font-family: var(--font-heading) !important;font-size: 16px !important;letter-spacing: 0.2em !important;text-transform: uppercase !important;color: var(--white) !important;text-align: center !important;margin-bottom: 40px !important;}.ayce-cards-grid{display: grid !important;grid-template-columns: repeat(2, 1fr) !important;gap: 32px !important;max-width: 900px !important;margin: 0 auto 48px auto !important;align-items: center !important;}@media (max-width: 767px){.ayce-cards-grid{grid-template-columns: 1fr !important;gap: 40px !important;max-width: 450px !important;}}.ayce-card{background: rgba(255, 255, 255, 0.02) !important;border: 1px solid rgba(255, 255, 255, 0.08) !important;border-radius: 0 !important;transition: all 0.3s ease !important;display: flex !important;flex-direction: column !important;}.ayce-card:hover{background: rgba(255, 255, 255, 0.04) !important;}.ayce-card--regular{padding: 36px 30px !important;min-height: 420px !important;}.ayce-card--premium{padding: 48px 36px !important;border: 2px solid var(--accent) !important;box-shadow: 0 12px 40px rgba(196, 127, 39, 0.12) !important;min-height: 480px !important;position: relative !important;}@media (max-width: 767px){.ayce-card--regular, .ayce-card--premium{height: auto !important;}}.ayce-card__header{text-align: center !important;border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;padding-bottom: 24px !important;margin-bottom: 24px !important;display: flex !important;flex-direction: column !important;align-items: center !important;justify-content: center !important;}@media (max-width: 767px){.ayce-card__header{height: auto !important;}}.ayce-card__badge{display: inline-block !important;font-size: 11px !important;color: var(--accent) !important;letter-spacing: 0.15em !important;text-transform: uppercase !important;margin-bottom: 8px !important;font-weight: 600 !important;}.ayce-card__badge-placeholder{display: inline-block !important;height: 19px !important;}.ayce-card__title{font-family: var(--font-heading) !important;letter-spacing: 0.15em !important;text-transform: uppercase !important;color: var(--white) !important;margin-bottom: 12px !important;}.ayce-card--regular .ayce-card__title{font-size: 16px !important;}.ayce-card--premium .ayce-card__title{font-size: 22px !important;color: var(--accent) !important;}.ayce-card__price{font-size: 28px !important;font-weight: 500 !important;color: var(--white) !important;font-family: var(--font-body) !important;}.ayce-card__prices-wrapper{display: flex !important;gap: 32px !important;justify-content: center !important;width: 100% !important;margin-top: 4px !important;}.ayce-card__price-block{display: flex !important;flex-direction: column !important;align-items: center !important;}.price-block__label{font-size: 11px !important;text-transform: uppercase !important;color: var(--text-muted) !important;letter-spacing: 0.05em !important;margin-bottom: 2px !important;}.price-block__value{font-size: 26px !important;font-weight: 600 !important;color: var(--white) !important;font-family: var(--font-body) !important;}.ayce-card__subtitle{font-size: 12px !important;color: var(--text-muted) !important;margin-top: 4px !important;text-transform: uppercase !important;letter-spacing: 0.05em !important;}.ayce-card--premium .ayce-card__subtitle{font-size: 12px !important;color: var(--text-muted) !important;margin-top: 4px !important;text-transform: uppercase !important;letter-spacing: 0.05em !important;}.ayce-card__body{flex-grow: 1 !important;display: flex !important;flex-direction: column !important;}.ayce-card__includes-title{font-size: 12px !important;color: var(--text-muted) !important;margin-bottom: 12px !important;font-style: italic !important;}.ayce-card__list{list-style: none !important;padding: 0 !important;margin: 0 !important;display: flex !important;flex-direction: column !important;}.ayce-card__list li{font-size: 13px !important;color: var(--gold-light) !important;display: flex !important;align-items: center !important;gap: 8px !important;text-align: left;}.ayce-card__list li::before{content: "•" !important;color: var(--accent) !important;font-size: 16px !important;}.ayce-kids-pricing{max-width: 900px !important;margin: 40px auto 0 auto !important;border-top: 1px solid rgba(255, 255, 255, 0.08) !important;padding-top: 32px !important;text-align: center !important;}.ayce-kids-title{font-family: var(--font-heading) !important;font-size: 13px !important;letter-spacing: 0.15em !important;text-transform: uppercase !important;color: var(--white) !important;margin-bottom: 20px !important;}.ayce-kids-grid{display: grid !important;grid-template-columns: repeat(3, 1fr) !important;gap: 20px !important;}@media (max-width: 575px){.ayce-kids-grid{grid-template-columns: 1fr !important;gap: 12px !important;}}.ayce-kids-card{background: rgba(255, 255, 255, 0.01) !important;border: 1px solid rgba(255, 255, 255, 0.05) !important;border-radius: 0 !important;padding: 16px !important;display: flex !important;flex-direction: column !important;gap: 6px !important;}.kids-label{font-size: 11px !important;text-transform: uppercase !important;color: var(--text-muted) !important;letter-spacing: 0.1em !important;}.kids-price{font-family: var(--font-body) !important;font-size: 14px !important;font-weight: 600 !important;color: var(--white) !important;}.menu-rules{background: none !important;border: 1px solid rgba(255, 255, 255, 0.1) !important;border-radius: 0 !important;padding: 24px !important;margin-top: 40px !important;width: 100% !important;}.menu-rules h4{font-family: var(--font-heading) !important;font-size: 13px !important;letter-spacing: 0.15em !important;text-transform: uppercase !important;color: var(--white) !important;margin-bottom: 16px !important;}.menu-rules-grid{display: grid !important;grid-template-columns: 3fr 2fr !important;gap: 40px !important;}@media (max-width: 991px){.menu-rules-grid{grid-template-columns: 1fr !important;gap: 32px !important;}}.rules-list-columns{display: grid !important;grid-template-columns: 1fr 1fr !important;gap: 24px !important;}@media (max-width: 767px){.rules-list-columns{grid-template-columns: 1fr !important;gap: 12px !important;}}.menu-rules ul.rules-list{list-style: none !important;padding: 0 !important;display: flex !important;flex-direction: column !important;gap: 12px !important;}.menu-rules ul.rules-list li{font-size: 13px !important;color: var(--text-muted) !important;line-height: 1.5 !important;position: relative !important;padding-left: 14px !important;text-align: left !important;}.menu-rules ul.rules-list li::before{content: "•" !important;position: absolute !important;left: 0 !important;color: var(--gold-accent) !important;}.legend-list{list-style: none !important;padding: 0 !important;margin: 0 !important;display: flex !important;flex-direction: column !important;gap: 12px !important;}.legend-list li{display: flex !important;align-items: center !important;font-size: 11px !important;color: var(--text-muted) !important;line-height: 1.5 !important;}.inline-badge{display: inline-block !important;margin-right: 12px !important;margin-left: 0 !important;font-weight: 700 !important;letter-spacing: 0.05em !important;white-space: nowrap !important;}.legend-tier{display: inline-block !important;font-family: var(--font-body) !important;font-size: 11px !important;font-weight: 600 !important;color: var(--gold-accent) !important;letter-spacing: 0.15em !important;width: 45px !important;margin-right: 12px !important;text-align: center !important;border: 1px solid rgba(212, 175, 55, 0.3) !important;padding: 2px 4px !important;}.lightbox-nav-btn{position: fixed !important;top: 50% !important;transform: translateY(-50%) !important;background: none !important;border: none !important;color: var(--white) !important;font-size: 32px !important;cursor: pointer !important;padding: 20px !important;transition: opacity 0.2s ease, transform 0.2s ease !important;z-index: 1001 !important;opacity: 0.4 !important;}.lightbox-nav-btn:hover{opacity: 1 !important;transform: translateY(-50%) scale(1.1) !important;}.lightbox-nav-btn.prev{left: 24px !important;}.lightbox-nav-btn.next{right: 24px !important;}.lightbox-notice{position: fixed !important;top: 24px !important;left: 50% !important;transform: translateX(-50%) !important;color: rgba(255, 255, 255, 0.4) !important;font-family: var(--font-body) !important;font-size: 11px !important;letter-spacing: 0.1em !important;text-transform: uppercase !important;z-index: 1000 !important;pointer-events: none !important;}@media (max-width: 767px){.lightbox-nav-btn{font-size: 24px !important;padding: 10px !important;} .lightbox-nav-btn.prev{left: 8px !important;} .lightbox-nav-btn.next{right: 8px !important;} .lightbox-notice{font-size: 11px !important;width: 80% !important;text-align: center !important;}}.lightbox-dots{display: flex !important;justify-content: center !important;align-items: center !important;gap: 10px !important;margin-top: 20px !important;z-index: 1002 !important;}.lightbox-dot{width: 6px !important;height: 6px !important;background-color: rgba(255, 255, 255, 0.3) !important;border-radius: 50% !important;border: none !important;cursor: pointer !important;padding: 0 !important;transition: background-color 0.25s ease, transform 0.2s ease !important;}.lightbox-dot:hover{background-color: rgba(255, 255, 255, 0.7) !important;transform: scale(1.2) !important;}.lightbox-dot.active{background-color: var(--gold-accent) !important;transform: scale(1.3) !important;}.sticky-bar-icon svg{display: block;width: 18px;height: 18px;stroke: currentColor;fill: none;stroke-width: 2.2;transition: transform 0.2s ease;}.sticky-bar-item:hover .sticky-bar-icon svg,.sticky-bar-item:active .sticky-bar-icon svg{transform: scale(1.05);}@media (max-width: 768px){.menu-tabs{gap: 4px !important;padding: 4px !important;margin-bottom: 32px !important;max-width: 95% !important;} .menu-tab-btn{padding: 8px 12px !important;font-size: 11px !important;letter-spacing: 0.05em !important;} .menu-item{padding: 6px 0 !important;}}@media (max-width: 480px){.menu-tabs{gap: 2px !important;padding: 3px !important;} .menu-tab-btn{padding: 6px 8px !important;font-size: 11px !important;letter-spacing: 0.02em !important;}}@media (min-width: 992px){#panel-drinks .menu-categories{display: block !important;column-count: 2 !important;column-gap: 80px !important;} #panel-drinks .menu-category{border-bottom: none !important;padding-bottom: 0 !important;margin-bottom: 48px !important;break-inside: avoid-column !important;display: inline-block !important;width: 100% !important;} #panel-drinks .menu-items-grid{grid-template-columns: 1fr !important;}}.ofs-cookie-banner{position: fixed;bottom: 0;left: 0;right: 0;background: rgba(17, 26, 28, 0.95);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-top: 1px solid var(--gold-border);box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.5);z-index: 99999;padding: 20px 24px;transform: translateY(100%);transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);display: flex;justify-content: center;}.ofs-cookie-banner.ofs-show{transform: translateY(0);}.ofs-cookie-banner__content{max-width: 1200px;width: 100%;display: flex;flex-direction: column;gap: 16px;}@media (min-width: 768px){.ofs-cookie-banner__content{flex-direction: row;align-items: center;justify-content: space-between;gap: 32px;}}.ofs-cookie-banner__text{font-family: var(--font-body);font-size: 14px;line-height: 1.6;color: var(--white);margin: 0;}.ofs-cookie-banner__link{color: var(--accent);text-decoration: none;font-weight: 500;border-bottom: 1px solid transparent;transition: border-color 0.2s ease, color 0.2s ease;}.ofs-cookie-banner__link:hover{color: var(--accent-hover);border-color: var(--accent-hover);}.ofs-cookie-banner__actions{display: flex;flex-direction: row;align-items: center;gap: 12px;flex-shrink: 0;}@media (max-width: 767px){.ofs-cookie-banner__actions{display: flex;flex-direction: column-reverse;width: 100%;gap: 10px;align-items: center;} .ofs-cookie-btn{width: 100%;text-align: center;} .ofs-cookie-btn--link{width: auto;}}.ofs-cookie-btn{font-family: var(--font-body);font-size: 13px;font-weight: 500;text-transform: uppercase;letter-spacing: 0.05em;padding: 10px 20px;border-radius: 4px;cursor: pointer;transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);border: none;outline: none;}.ofs-cookie-btn--primary{background-color: var(--accent);color: var(--bg-dark);}.ofs-cookie-btn--primary:hover{background-color: var(--accent-hover);transform: translateY(-1px);box-shadow: 0 4px 12px rgba(195, 164, 133, 0.2);}.ofs-cookie-btn--secondary{background-color: transparent;color: var(--white);border: 1px solid rgba(247, 245, 242, 0.3);}.ofs-cookie-btn--secondary:hover{border-color: var(--white);background-color: rgba(247, 245, 242, 0.05);}.ofs-cookie-btn--link{background-color: transparent;color: var(--text-muted);padding: 10px 12px;text-decoration: underline;text-underline-offset: 3px;}.ofs-cookie-btn--link:hover{color: var(--white);}.ofs-cookie-btn--full{width: 100%;}.ofs-cookie-modal-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(11, 17, 17, 0.85);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);z-index: 100000;display: flex;align-items: center;justify-content: center;opacity: 0;pointer-events: none;transition: opacity 0.3s ease;padding: 16px;}.ofs-cookie-modal-overlay.ofs-show{opacity: 1;pointer-events: auto;}.ofs-cookie-modal{background-color: var(--surface-dark);border: 1px solid var(--gold-border);border-radius: 8px;max-width: 580px;width: 100%;max-height: 90vh;box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);display: flex;flex-direction: column;transform: scale(0.95) translateY(10px);transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);}.ofs-cookie-modal-overlay.ofs-show .ofs-cookie-modal{transform: scale(1) translateY(0);}.ofs-cookie-modal__header{padding: 24px;border-bottom: 1px solid rgba(200, 147, 95, 0.15);display: flex;align-items: center;justify-content: space-between;}.ofs-cookie-modal__title{font-family: var(--font-heading);font-size: 20px;color: var(--accent);margin: 0;letter-spacing: 0.05em;}.ofs-cookie-modal__close{background: transparent;border: none;color: var(--text-muted);font-size: 28px;line-height: 1;cursor: pointer;transition: color 0.2s ease;}.ofs-cookie-modal__close:hover{color: var(--white);}.ofs-cookie-modal__body{padding: 24px;overflow-y: auto;flex: 1;}.ofs-cookie-modal__description{font-family: var(--font-body);font-size: 14px;color: var(--text-muted);line-height: 1.6;margin-bottom: 24px;}.ofs-cookie-pref-item{display: flex;justify-content: space-between;align-items: flex-start;padding: 16px 0;border-bottom: 1px solid rgba(200, 147, 95, 0.1);gap: 16px;}.ofs-cookie-pref-item:last-child{border-bottom: none;}.ofs-cookie-pref-info{flex: 1;}.ofs-cookie-pref-title{font-family: var(--font-body);font-size: 15px;font-weight: 500;color: var(--white);margin-bottom: 6px;display: flex;align-items: center;gap: 8px;}.ofs-cookie-pref-desc{font-family: var(--font-body);font-size: 13px;color: var(--text-muted);line-height: 1.5;}.ofs-badge{font-size: 11px;background-color: rgba(195, 164, 133, 0.15);color: var(--accent);padding: 2px 6px;border-radius: 4px;text-transform: uppercase;font-weight: 600;}.ofs-cookie-switch-wrapper{position: relative;display: inline-block;width: 44px;height: 24px;flex-shrink: 0;margin-top: 4px;}.ofs-cookie-checkbox{opacity: 0;width: 0;height: 0;}.ofs-cookie-switch{position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(247, 245, 242, 0.2);transition: .3s;border-radius: 24px;}.ofs-cookie-switch:before{position: absolute;content: "";height: 18px;width: 18px;left: 3px;bottom: 3px;background-color: var(--white);transition: .3s;border-radius: 50%;}.ofs-cookie-checkbox:checked+.ofs-cookie-switch{background-color: var(--accent);}.ofs-cookie-checkbox:focus+.ofs-cookie-switch{box-shadow: 0 0 1px var(--accent);}.ofs-cookie-checkbox:checked+.ofs-cookie-switch:before{transform: translateX(20px);background-color: var(--bg-dark);}.ofs-cookie-checkbox:disabled+.ofs-cookie-switch{opacity: 0.6;cursor: not-allowed;}.ofs-cookie-modal__footer{padding: 24px;border-top: 1px solid rgba(200, 147, 95, 0.15);}.footer__bottom{display: flex;flex-direction: column;align-items: center;gap: 12px;text-align: center;border-top: 1px solid rgba(200, 147, 95, 0.1);padding-top: 16px;margin-top: 16px;width: 100%;}@media (min-width: 768px){.footer__bottom{flex-direction: row;justify-content: space-between;text-align: left;}}.footer__legal-links{display: flex;flex-wrap: wrap;gap: 16px;justify-content: center;}.footer__legal-link{color: var(--text-muted);text-decoration: none;transition: color 0.2s ease;}.footer__legal-link:hover{color: var(--accent);}.legal-section{padding: 120px 24px 80px;background-color: var(--bg-dark);color: var(--white);min-height: 80vh;}.legal-container{max-width: 800px;margin: 0 auto;font-family: var(--font-body);}.legal-title{font-family: var(--font-heading);font-size: 36px;color: var(--accent);margin-bottom: 8px;text-align: center;}.legal-meta{font-size: 13px;color: var(--text-muted);text-align: center;margin-bottom: 40px;text-transform: uppercase;letter-spacing: 0.05em;}.legal-content h3{font-family: var(--font-heading);font-size: 20px;color: var(--accent);margin-top: 32px;margin-bottom: 12px;border-bottom: 1px solid rgba(195, 164, 133, 0.2);padding-bottom: 8px;}.legal-content p{font-size: 15px;line-height: 1.7;color: var(--text-muted);margin-bottom: 16px;}.legal-content ul{margin-left: 24px;margin-bottom: 16px;color: var(--text-muted);}.legal-content li{font-size: 15px;line-height: 1.7;margin-bottom: 8px;}.legal-content a{color: var(--accent);text-decoration: none;border-bottom: 1px solid transparent;transition: all 0.2s ease;}.legal-content a:hover{color: var(--accent-hover);border-color: var(--accent-hover);}.alcohol-notice{font-size: 12px;color: var(--text-muted);background: rgba(255, 255, 255, 0.04);border-left: 3px solid var(--accent);border-radius: 0 6px 6px 0;padding: 8px 14px;margin: 0 0 16px;letter-spacing: 0.02em;position: relative;z-index: 0;}.panel-cta{position: relative;z-index: 10;display: flex;align-items: center;justify-content: space-between;gap: 20px;background: linear-gradient(135deg, rgba(196, 127, 39, 0.10) 0%, rgba(196, 127, 39, 0.04) 100%);border: 1px solid rgba(196, 127, 39, 0.20);border-radius: 12px;padding: 20px 28px;margin: 0 0 32px;flex-wrap: wrap;}.panel-cta__text{font-size: 14px;color: var(--text-secondary);line-height: 1.5;margin: 0;flex: 1;min-width: 200px;}.panel-cta__btn{display: inline-flex;align-items: center;gap: 8px;padding: 12px 22px;border-radius: 8px;font-size: 14px;font-weight: 600;letter-spacing: 0.02em;text-decoration: none;transition: all 0.2s ease;white-space: nowrap;}.panel-cta__btn--gold{background: var(--accent);color: #000;}.panel-cta__btn--gold:hover{background: var(--accent-hover);transform: translateY(-1px);box-shadow: 0 6px 20px rgba(196, 127, 39, 0.35);}.panel-cta__btn--primary{background: rgba(196, 127, 39, 0.15);color: var(--accent);border: 1px solid rgba(196, 127, 39, 0.35);}.panel-cta__btn--primary:hover{background: var(--accent);color: #000;transform: translateY(-1px);box-shadow: 0 6px 20px rgba(196, 127, 39, 0.30);}@media (max-width: 640px){.panel-cta{flex-direction: column;align-items: flex-start;padding: 18px 20px;} .panel-cta__btn{width: 100%;justify-content: center;}}.footer__bottom-bar{max-width: 1200px;margin: 0 auto;display: flex;align-items: center;gap: 12px;font-size: 12px;letter-spacing: 0.04em;color: var(--text-muted);flex-wrap: wrap;}.footer__logo-inline{height: 28px;width: auto;opacity: 0.75;flex-shrink: 0;}.footer__bottom-bar .footer__legal-links{margin-left: auto;}@media (max-width: 640px){.footer__bottom-bar{gap: 10px;} .footer__bottom-bar .footer__legal-links{margin-left: 0;width: 100%;}}.category-split-layout{display: flex !important;gap: 32px !important;width: 100% !important;align-items: stretch !important;margin-top: 16px !important;}.category-split-layout .menu-items-grid{grid-template-columns: repeat(2, 1fr) !important;}.category-banner-container{flex: 1 !important;min-width: 0 !important;min-height: 100% !important;cursor: pointer !important;overflow: hidden !important;border-radius: 8px !important;}.category-banner-container:hover .category-banner-img{transform: scale(1.03) !important;}.category-banner-img{width: 100% !important;height: 100% !important;object-fit: cover !important;border-radius: 8px !important;border: 1px solid rgba(255, 255, 255, 0.1) !important;transition: transform 0.3s ease !important;}.category-items-container{flex: 2 !important;min-width: 0 !important;}@media (max-width: 768px){.category-split-layout{flex-direction: column !important;gap: 16px !important;} .category-banner-container{height: 220px !important;}}.category-three-columns{display: grid !important;grid-template-columns: repeat(3, 1fr) !important;gap: 32px !important;width: 100% !important;margin-top: 16px !important;}.category-three-columns .menu-column{display: flex !important;flex-direction: column !important;gap: 24px !important;}.category-three-columns .category-banner-container{width: 100% !important;height: auto !important;aspect-ratio: 4 / 3 !important;flex: none !important;min-height: auto !important;margin-bottom: 8px !important;}@media (max-width: 768px){.category-three-columns{grid-template-columns: 1fr !important;gap: 16px !important;}}.entree-combo-layout{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 28px;align-items: stretch;width: 100%;margin-top: 1rem;}.entree-combo-content .menu-item{background: transparent;border: none;padding: 0;box-shadow: none;}@media (max-width: 768px){.entree-combo-layout{grid-template-columns: 1fr;}}.ramen-extra-toppings{width: 100% !important;text-align: center !important;margin-top: 40px !important;padding: 16px 0 !important;border-top: 1px dashed rgba(255, 255, 255, 0.15) !important;border-bottom: 1px dashed rgba(255, 255, 255, 0.15) !important;font-size: 13px !important;letter-spacing: 0.08em !important;text-transform: uppercase !important;}.ramen-extra-toppings .toppings-title{color: var(--text-muted) !important;margin-right: 12px !important;font-weight: 500 !important;}.ramen-extra-toppings .topping-item{display: inline-block !important;white-space: nowrap !important;}.ramen-extra-toppings .topping-name{color: var(--gold-accent) !important;}.ramen-extra-toppings .topping-price{color: var(--white) !important;margin-left: 2px !important;}.ramen-extra-toppings .topping-separator{color: rgba(255, 255, 255, 0.15) !important;margin: 0 16px !important;}@media (max-width: 768px){.ramen-extra-toppings{font-size: 11px !important;display: flex !important;flex-wrap: wrap !important;justify-content: center !important;gap: 8px 12px !important;} .ramen-extra-toppings .topping-separator{display: none !important;} .ramen-extra-toppings .toppings-title{width: 100% !important;margin-bottom: 4px !important;margin-right: 0 !important;}}.menu-tab-content .menu-category--valign-center .menu-item{align-items: center !important;}.menu-tab-content .menu-category--valign-center .menu-thumb-container,.menu-tab-content .menu-category--valign-center .menu-thumb-placeholder{align-self: center !important;margin-top: 0 !important;}.menu-tab-content .menu-category--valign-center .menu-item-info{justify-content: center !important;display: flex !important;flex-direction: column !important;}.entree-combo-details{display: flex !important;flex-direction: column !important;color: var(--white) !important;font-family: var(--font-text) !important;letter-spacing: 0.04em !important;font-size: 13px !important;line-height: 1.5 !important;width: 100% !important;margin-top: 10px !important;}.entree-combo-row{display: flex !important;justify-content: space-between !important;max-width: 250px !important;font-weight: 500 !important;letter-spacing: 0.1em !important;margin-bottom: 4px !important;font-size: 14px !important;}.entree-combo-label{color: var(--gold-light) !important;text-transform: uppercase !important;}.entree-combo-val{color: var(--white) !important;}.entree-combo-served{font-size: 11px !important;color: var(--text-muted) !important;font-style: italic !important;margin-bottom: 20px !important;}.entree-combo-choices-title{font-weight: 500 !important;margin-bottom: 8px !important;color: var(--gold-light) !important;text-transform: uppercase !important;letter-spacing: 0.08em !important;}.entree-combo-list{list-style: none !important;padding: 0 !important;margin: 0 !important;display: flex !important;flex-direction: column !important;gap: 6px !important;}.entree-combo-list li{font-size: 12px !important;color: var(--white) !important;opacity: 0.85 !important;padding-left: 12px !important;position: relative !important;}.entree-combo-list li::before{content: "·" !important;color: var(--gold-light) !important;font-weight: bold !important;position: absolute !important;left: 0 !important;}