@import url("/recreation/menu-catalog.css");
/* Editable presentation overrides. Original compiled component styles are in dist/_nuxt/. */
:root { --recreation-accent: #ff391e; }
:focus-visible { outline: 2px solid var(--recreation-accent); outline-offset: 4px; }
.recreation-form-message { margin: 0 0 1rem; font-size: 12px; line-height: 1.4; text-transform: uppercase; }
.recreation-media-fallback { background: #dddee2; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

/* Inline brand references inherit their original type size and position. */
.yebisuya-wordmark { font: inherit; color: inherit; text-decoration-line: none; text-decoration-thickness: .28em; text-decoration-skip-ink: none; }

/* Homepage menu cards: printed journal frames. GSAP transform targets are unchanged. */
.home-featured-work-asset {
  --journal-header: 21%;
  --journal-gutter: clamp(12px, 1.3vw, 26px);
  --journal-ink: #20201d;
}
.home-featured-work-asset .home-featured-work-asset__wrapper {
  background: #faf9f4;
  color: var(--journal-ink);
  position: relative;
}
.home-featured-work-asset .field-guide { visibility: hidden; }
.home-featured-work-asset .home-featured-work-asset__title-wrapper {
  position: relative;
  height: var(--journal-header);
  padding: 52px var(--journal-gutter) 27px;
  align-items: center;
  gap: 16px;
}
.home-featured-work-asset__title-wrapper::before {
  content: 'YEBISUYA  /  TABLE JOURNAL';
  position: absolute;
  left: var(--journal-gutter);
  right: var(--journal-gutter);
  top: 28px;
  padding-top: 5px;
  border-top: 2px solid var(--journal-ink);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .22em;
  line-height: 1.2;
  pointer-events: none;
}
.home-featured-work-asset__title-wrapper::after {
  content: 'DULUTH & DORAVILLE, GA  /  VOL. 01';
  position: absolute;
  top: 35px;
  right: var(--journal-gutter);
  font-size: 9px;
  letter-spacing: .13em;
  line-height: 1;
  pointer-events: none;
}
.home-featured-work-asset:nth-child(2) .home-featured-work-asset__title-wrapper::after {
  content: 'DULUTH & DORAVILLE, GA  /  VOL. 02';
}
.home-featured-work-asset:nth-child(3) .home-featured-work-asset__title-wrapper::after {
  content: 'DULUTH & DORAVILLE, GA  /  VOL. 03';
}
.home-featured-work-asset__wrapper::after {
  content: 'JAPANESE COMFORT FOOD     /     RAMEN, KATSU & GOOD COMPANY';
  position: absolute;
  left: var(--journal-gutter);
  right: var(--journal-gutter);
  top: calc(var(--journal-header) - 23px);
  height: 20px;
  border-top: 1px solid var(--journal-ink);
  border-bottom: 3px double var(--journal-ink);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  font-weight: 400;
  letter-spacing: .2em;
  line-height: 1;
  pointer-events: none;
}
.home-featured-work-asset .home-featured-work-asset__fig-wrapper {
  top: var(--journal-header);
}
.home-featured-work-asset .home-featured-work-asset__title { color: var(--journal-ink); }
.home-featured-work-asset .home-featured-work-asset__cta { flex-shrink: 0; padding-bottom: 0; }
@media (max-width: 1023px) {
  .home-featured-work-asset { --journal-header: 24%; }
  .home-featured-work-asset .home-featured-work-asset__title-wrapper { padding-top: 55px; }
}
@media (max-width: 767px) {
  .home-featured-work-asset__title-wrapper::before { font-size: 8px; letter-spacing: .12em; }
  .home-featured-work-asset__title-wrapper::after { font-size: 7px; letter-spacing: .03em; }
  .home-featured-work-asset__wrapper::after { font-size: 6px; letter-spacing: .08em; }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .home-featured-work-asset { --journal-header: 27%; }
}
@media (max-width: 767px) and (max-height: 650px) {
  .home-featured-work-asset { --journal-header: 30%; }
}


/* Supplied kanji logo; the large wordmark keeps its original animated SVG frame. */
.header-logo__link { width: 68px; height: 66px; padding: 5px; background: transparent; }
.header-logo__svg { width: 100%; height: 100%; }
@media (max-width: 767px) { .header-logo__link { width: 52px; height: 50px; padding: 4px; } }

/* White neutral ink, original red ink and alpha preserved. */
/* Follow the existing section theme: dark ink on paper, white ink over video. */
.header-logo__svg image { filter: none; }
.header--light .header-logo__svg image,
.header--nav-open .header-logo__svg image { filter: url('/assets/yebisuya-white-ink.svg#white-ink'); }
.header--shop.header--preloader-done:not(.header--nav-open) .header-logo__svg image { filter: none; }

/* Remove the decorative footer illustration; preserve all footer content and motion. */
.footer__fig { display: none; }

.home-featured-news__cta .arrow-link__count { display: none; }

/* Our Recipe now leads directly into The Lineup. */
.about .about-process { margin-bottom: clamp(48px, 6vw, 96px); }

/* Omit the Lineup heading while retaining its side photo and supporting content. */
.about-team__title-wrapper .module-subtitle-title__content { display: none; }

/* Brighten the supplied closing photo without changing its original file. */
.about-oppo__fig img { filter: brightness(1.45); }

/* Visit branch columns */
.contact .contact-details__list.grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:64px 24px; }
.contact .contact-details__list-item { grid-column:auto; min-width:0; }
.contact .contact-details__list-item-fig { width:100%; margin-left:0; overflow:hidden; }
.contact .contact-details__list-item-fig .base-image { width:100%; height:100%; }
.contact .contact-details__list-item-fig img { width:100%; height:100%; object-fit:cover; object-position:center; }
@media(max-width:640px) { .contact .contact-details__list.grid { grid-template-columns:1fr; } }

/* About side logo */
.about-team__fig .base-image { aspect-ratio: 1365 / 2048; width: 100%; }
.about-team__fig .base-image img { width: 100%; height: 100%; object-fit: contain; }

/* Blank Online Order navigation */
.header--shop:not(.header--nav-open) .nav { color: #0b0b0b; }

/* Mobile layout audit: preserve desktop composition and animated transform targets. */
@media (max-width: 1023px) {
  .nav-toggle { min-height: 44px; align-items: center; justify-content: center; }
  .nav__wrapper { overflow-y: auto; overscroll-behavior: contain; }
  .nav__list { flex-shrink: 0; padding-bottom: 28px; }
  .nav__contact { flex-shrink: 0; padding-bottom: max(16px, env(safe-area-inset-bottom)); }
  .nav-item__link { min-height: 44px; }
  .nav .nav-item { font-size: clamp(30px, 10.5vw, 46px); line-height: 1.05; }
  .nav .link .dot { width: .65em; height: .65em; flex-shrink: 0; }
  .nav .link--has-dot .link__label { transform: translate(calc(-.65em - .5rem)); }
  .nav .link.router-link-active .link__label,
  .nav .link.router-link-exact-active .link__label { transform: translate(0); }
  .nav__contact .arrow-link { font-size: clamp(16px, 5.2vw, 24px); overflow-wrap: anywhere; }
  .nav__contact .arrow-link__svg { flex-shrink: 0; }
  .header--dark:not(.header--nav-open)::before {
    content: ''; position: absolute; inset: -8px 0 -8px;
    background: #f8f8f8; pointer-events: none; z-index: -1;
  }
  .about .about-hero { padding-top: 76px; }
  .blog-featured-article .blog-featured-article__title { padding-top: 76px; }
  .contact .contact-details__list.grid { grid-template-columns: 1fr; }
  .contact-hero__copy, .contact-details__list-item { overflow-wrap: anywhere; }
  .contact-faqs .accordion__header { min-height: 44px; }
  .contact-faqs .accordion__title { line-height: 1.15; }
  .menu-jump-links { gap: 4px 20px; padding: 8px 0; }
  .menu-jump-links a { min-height: 44px; display: inline-flex; align-items: center; }
  .menu-card__name, .menu-card__description { overflow-wrap: anywhere; }
  .home-featured-work-asset { --journal-header: max(170px, 24%); }
  .home-featured-work-asset__cta .arrow-link { min-height: 44px; align-items: center; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .about .about-hero, .blog-featured-article .blog-featured-article__title { padding-top: 88px; }
}
@media (max-width: 767px) {
  .home-featured-work-asset__title-wrapper::before { top: 25px; }
  .home-featured-work-asset__title-wrapper::after { top: 43px; left: var(--journal-gutter); right: auto; }
  .home-featured-work-asset .home-featured-work-asset__title-wrapper { padding-top: 65px; gap: 10px; }
  .home-featured-work-asset__wrapper::after { text-align: center; padding: 0 4px; line-height: 1.3; }
}
@media (max-width: 1023px) and (max-height: 500px) {
  .nav__list { padding-top: 64px; padding-bottom: 20px; }
  .nav .nav-item { font-size: 30px; }
  .nav__fig { display: none; }
  .contact .contact-hero__fg { width: 40vw; height: 180px; }
  .contact .contact-hero__fg-inner { width: 30vw; height: 130px; }
  .blog .blog-featured-article { min-height: 640px; }
}
@media (max-width: 1023px) and (max-height: 700px) {
  .contact .contact-hero, .contact .contact-hero__sticky { min-height: 720px; }
}

/* Branch footer addresses */
.footer-col--address .footer-col__copy p + p { margin-top: 1.2em; }
@media(max-width:1023px) { .footer__bottom .back-to-top { margin-left:auto; } }
/* Visit hero branch contacts */
.hero-locations { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.hero-locations__branch { min-width:0; }
.hero-locations__branch h3 { margin-bottom:10px; }
.hero-locations__phone { margin-bottom:14px; white-space:nowrap; }
.hero-locations__address { line-height:1.3; }
.hero-locations__address a { display:inline-block; }
@media(min-width:1024px) {
 .contact-hero__copy:has(.hero-locations) { max-width:31vw; margin-bottom:0; }
 .hero-locations__phone { font-size:clamp(13px,1.45vw,25px); }
}
@media(max-width:1023px) {
 .contact-hero__copy:has(.hero-locations) { padding-right:16px; margin-bottom:20px; }
 .hero-locations__phone { font-size:clamp(14px,3.7vw,22px); }
 .hero-locations__address { font-size:12px; }
 .contact .contact-hero,.contact .contact-hero__sticky { min-height:max(780px,100svh); }
}
/* Footer menu destination */
.footer-menu-cta { display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid currentColor; padding-bottom:4px; line-height:1; }
.footer-menu-cta .newsletter__svg { flex-shrink:0; }
@media(max-width:767px) { .footer-menu-cta.h3 { font-size:30px; } }