:root{color-scheme:dark;--black:#050505;--charcoal:#11100f;--walnut:#211914;--wine:#4b1c25;--dragon-red:#913c46;--gold:#bda476;--ivory:#f0e9dd;--muted:#aaa196;--hairline:rgba(205,180,139,.25);--serif:Georgia,'Times New Roman',serif;--sans:'Helvetica Neue',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--ivory);font-family:var(--sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
::selection{background:var(--gold);color:var(--black)}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.eyebrow{font-size:8px;line-height:1.6;letter-spacing:.23em;color:var(--gold);margin:0}
.site-header{height:78px;padding:0 clamp(23px,6.4vw,96px);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10;background:#050505;border-bottom:1px solid rgba(255,255,255,.08)}
.site-header.over-hero{position:absolute;inset:0 0 auto;background:linear-gradient(180deg,rgba(0,0,0,.58),transparent);border-bottom-color:rgba(255,255,255,.08)}
.wordmark{font-size:14px;font-weight:500;letter-spacing:.25em;white-space:nowrap}
.wordmark span{color:var(--dragon-red)}
.primary-nav{display:flex;align-items:center;gap:clamp(25px,4vw,58px);font-size:8px;letter-spacing:.19em;text-transform:uppercase;color:#e0d9d0}
.primary-nav a{transition:color .18s}
.primary-nav a:hover,.primary-nav a:focus-visible,.primary-nav a.active{color:var(--gold)}
.nav-toggle{display:none}
.hero{height:100svh;min-height:650px;position:relative;overflow:hidden;background:#050505}
.hero-image{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:48% 42%;filter:contrast(1.03)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.04) 45%,rgba(0,0,0,.25) 78%,rgba(0,0,0,.46)),linear-gradient(0deg,rgba(0,0,0,.58),transparent 35%)}
.hero-mark{position:absolute;right:clamp(24px,8vw,120px);bottom:12%;display:flex;align-items:flex-end;flex-direction:column;gap:17px;text-align:right}
.hero-mark .eyebrow{color:#d0c3ae}
.discover-link{display:inline-flex;align-items:center;gap:9px;border-bottom:1px solid rgba(180,154,105,.6);padding:0 0 8px;font-size:8px;letter-spacing:.19em;text-transform:uppercase;transition:color .2s,border-color .2s}
.discover-link span{font-size:12px;color:var(--gold)}
.discover-link:hover,.discover-link:focus-visible{color:var(--gold);border-color:var(--gold)}
.hero-caption{position:absolute;left:clamp(23px,6.4vw,96px);bottom:30px;font-size:7px;letter-spacing:.19em;color:rgba(237,231,221,.66)}
.home-space{height:min(74vh,740px);min-height:420px;position:relative;overflow:hidden;background:#17110d}
.home-space>img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 55%}
.home-space-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.48),transparent 55%),linear-gradient(0deg,rgba(0,0,0,.43),transparent 48%)}
.home-space-copy{position:absolute;left:clamp(24px,8vw,120px);bottom:12%;display:flex;flex-direction:column;gap:13px}
.home-space-copy a{font-family:var(--serif);font-size:25px;letter-spacing:.01em}
.home-space-copy a span{font-family:var(--sans);color:var(--gold);font-size:13px;padding-left:7px}
.site-footer{display:grid;grid-template-columns:164px 1fr 1fr;grid-template-rows:auto auto;align-items:center;gap:20px 42px;padding:34px clamp(24px,6.4vw,96px) 23px;background:#050505;border-top:1px solid rgba(255,255,255,.08)}
.footer-logo{display:block;width:150px;padding:6px;background:#201713;border:1px solid rgba(189,164,118,.38);box-shadow:0 5px 22px rgba(0,0,0,.28);grid-column:1;grid-row:1/3}
.footer-logo img{width:100%;height:auto}
.footer-contact{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#c9c1b5}
.footer-contact a:hover,.footer-contact a:focus-visible,.footer-instagram:hover{color:var(--gold)}
.footer-contact a span{color:var(--gold);padding-left:6px}
.footer-hours span{font-size:7px;letter-spacing:.19em;color:var(--gold)}
.footer-hours p{font-size:9px;line-height:1.8;color:#c0b7aa;margin:4px 0 0}
.site-footer>small{grid-column:2/4;grid-row:2;border-top:1px solid rgba(255,255,255,.08);padding-top:12px;color:#736d65;font-size:8px;letter-spacing:.03em}
.about-main,.gallery-main,.menu-main,.contact-main{min-height:calc(100vh - 180px)}
.about-layout{min-height:calc(100vh - 78px);padding:90px clamp(25px,10vw,150px);display:grid;grid-template-columns:minmax(300px,1fr) minmax(260px,.75fr);gap:clamp(50px,9vw,130px);align-items:center;background:linear-gradient(120deg,#0b0a09,#17100f 70%,#2b151a)}
.about-copy{max-width:570px}
.about-copy h1,.page-heading h1{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;line-height:1.08;font-size:clamp(44px,5.5vw,70px);margin:20px 0 25px}
.about-description{font-size:13px;line-height:2;color:#b9b0a5;max-width:510px;margin:0}
.about-image{margin:0;height:min(70vh,690px);min-height:450px;position:relative}
.about-image:after{content:"";position:absolute;inset:12px -12px -12px 12px;border:1px solid var(--hairline);pointer-events:none}
.about-image img{position:relative;width:100%;height:100%;object-fit:cover;object-position:center 50%}
.about-image figcaption{position:absolute;z-index:1;left:16px;bottom:14px;font-size:7px;letter-spacing:.2em;text-shadow:0 1px 8px #000}
.page-heading{padding:86px clamp(25px,8vw,120px) 44px}
.page-heading h1{font-size:clamp(55px,8vw,100px);margin:15px 0 8px}
.page-heading>p:last-child{font-family:var(--serif);font-size:16px;color:#a99f93;margin:0}
.gallery-main{padding-bottom:115px;background:linear-gradient(130deg,#090908,#14100e)}
.gallery-heading{padding-bottom:45px}
.gallery-grid{padding:0 clamp(25px,8vw,120px);display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(18px,3vw,44px);align-items:start}
.gallery-grid figure{margin:0;position:relative;overflow:hidden;background:#17110d}
.gallery-grid img{width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .7s cubic-bezier(.2,.65,.3,1)}
.gallery-grid figure:hover img{transform:scale(1.025)}
.gallery-feature{grid-column:1/3;height:min(72vh,750px);min-height:430px}
.gallery-feature img{object-position:center 54%}
.gallery-bar{height:clamp(300px,43vw,540px);margin-top:30px!important}
.gallery-bar img{object-position:center 52%}
.gallery-chef{height:clamp(300px,38vw,475px);margin-top:30px!important}
.gallery-chef img{object-position:center 44%}
.gallery-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 13px;background:linear-gradient(transparent,rgba(0,0,0,.65));font-size:7px;letter-spacing:.18em;color:#e0d6c8}
.menu-main{padding:0 clamp(25px,10vw,150px) 100px;background:radial-gradient(ellipse at 75% 55%,rgba(75,28,37,.24),transparent 45%),linear-gradient(125deg,#090807,#17110f)}
.menu-heading{padding-left:0;padding-right:0;padding-top:91px;padding-bottom:45px;border-bottom:1px solid var(--hairline)}
.menu-layout{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(300px,1.2fr);gap:clamp(40px,9vw,130px);padding-top:48px}
.menu-tabs{display:flex;flex-direction:column;border-top:1px solid var(--hairline)}
.menu-tab{width:100%;min-height:59px;padding:15px 0;background:none;border:0;border-bottom:1px solid var(--hairline);display:flex;align-items:center;justify-content:space-between;text-align:left;font-family:var(--serif);font-size:19px;color:#a9a095;cursor:pointer;transition:color .2s,padding .2s}
.menu-tab:after{content:"↗";font-family:var(--sans);font-size:11px;color:var(--gold);opacity:0;transition:opacity .2s}
.menu-tab:hover,.menu-tab:focus-visible,.menu-tab.is-active{color:var(--ivory);padding-left:9px}
.menu-tab:hover:after,.menu-tab.is-active:after{opacity:1}
.menu-panel{min-height:365px;padding:0 0 0 clamp(22px,4vw,58px);border-left:1px solid rgba(180,154,105,.33);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(18px,3vw,40px);align-items:stretch}
.menu-panel-copy{align-self:center}
.menu-panel-figure{margin:0;min-height:365px;overflow:hidden;background:#17110d}
.menu-panel-figure img{width:100%;height:100%;min-height:365px;object-fit:cover;object-position:center;transition:opacity .18s ease}
.panel-rule{width:40px;border-top:1px solid var(--gold);margin-bottom:28px}
.menu-panel h2{font-family:var(--serif);font-size:clamp(36px,4.5vw,56px);font-weight:400;line-height:1.15;margin:0 0 13px}
.menu-panel p{font-size:10px;color:#968e83;margin:0}
.menu-back{display:inline-block;margin-top:40px;padding-bottom:7px;border-bottom:1px solid var(--hairline);font-size:8px;letter-spacing:.16em;text-transform:uppercase}
.menu-back span{color:var(--gold);padding-left:7px}
.contact-main{padding:0 clamp(25px,10vw,150px) 105px;background:linear-gradient(120deg,#090807,#17100f 70%,#2b151a)}
.contact-heading{padding-left:0;padding-right:0;padding-top:91px;padding-bottom:42px;border-bottom:1px solid var(--hairline)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,10vw,140px);padding:52px 0 45px}
.contact-links,.hours-block{display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.contact-links>a{font-family:var(--serif);font-size:clamp(17px,2vw,24px);color:#e1d8ca}
.contact-links>a span{font:12px var(--sans);color:var(--gold);padding-left:7px}
.contact-links>a:hover{color:var(--gold)}
.contact-links .eyebrow,.hours-block .eyebrow{margin-bottom:7px}
.hours-block dl{width:100%;max-width:400px;margin:0}
.hours-block dl div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid rgba(180,154,105,.2);font-size:10px;color:#c9c0b4}
.hours-block dt,.hours-block dd{margin:0}
.hours-block dd{white-space:nowrap}
.primary-nav a:focus-visible,.menu-tab:focus-visible,.discover-link:focus-visible,.menu-back:focus-visible{outline:1px solid var(--gold);outline-offset:5px}
@media(max-width:760px){
  .site-header{height:68px;padding:0 22px}
  .nav-toggle{display:flex;width:38px;height:38px;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:transparent;border:1px solid rgba(180,154,105,.38);cursor:pointer}
  .nav-toggle span{width:14px;height:1px;background:var(--ivory);transition:transform .2s}
  .nav-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}
  .nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}
  .primary-nav{display:none;position:absolute;top:67px;left:0;right:0;padding:8px 22px 18px;background:#080807;border-bottom:1px solid var(--hairline);align-items:stretch;flex-direction:column;gap:0}
  .primary-nav.is-open{display:flex}
  .primary-nav a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:8px}
  .primary-nav a:last-child{border-bottom:0}
  .hero{min-height:620px;height:100svh;max-height:900px}
  .hero-image{object-position:37% center}
  .hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.64),transparent 39%),linear-gradient(90deg,rgba(0,0,0,.05),transparent 70%)}
  .hero-mark{right:23px;left:23px;bottom:13%;gap:14px}
  .hero-caption{left:23px;bottom:24px}
  .home-space{height:62svh;min-height:380px;max-height:570px}
  .home-space>img{object-position:54% center}
  .home-space-copy{left:24px;right:24px;bottom:9%}
  .home-space-copy a{font-size:23px}
  .site-footer{grid-template-columns:112px 1fr;gap:18px 20px;padding:25px 22px 20px}
  .footer-logo{width:106px;padding:5px}
  .footer-contact{grid-column:2;grid-row:1;gap:6px;font-size:9px}
  .footer-hours{grid-column:1/3;grid-row:2}
  .footer-hours p{font-size:9px}
  .site-footer>small{grid-column:1/3;grid-row:3;padding-top:10px;font-size:7px}
  .about-layout{min-height:0;padding:75px 25px 85px;grid-template-columns:1fr;gap:36px}
  .about-copy h1{font-size:clamp(44px,11vw,62px);margin:17px 0 19px}
  .about-description{font-size:12px;line-height:1.9}
  .about-image{height:66svh;min-height:380px;width:84vw;margin-left:auto}
  .about-image:after{inset:9px -9px -9px 9px}
  .page-heading{padding:70px 25px 31px}
  .page-heading h1{font-size:clamp(54px,14vw,78px)}
  .gallery-main{padding-bottom:75px}
  .gallery-heading{padding-bottom:31px}
  .gallery-grid{padding:0 22px;grid-template-columns:1fr;gap:17px}
  .gallery-feature{grid-column:1;height:58svh;min-height:380px}
  .gallery-feature img{object-position:53% center}
  .gallery-bar,.gallery-chef{height:66svh;min-height:360px;margin-top:0!important}
  .menu-main,.contact-main{padding:0 25px 75px}
  .menu-heading,.contact-heading{padding:70px 0 32px}
  .menu-layout{grid-template-columns:1fr;gap:27px;padding-top:31px}
  .menu-tabs{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
  .menu-tab{font-size:16px;min-height:53px;padding:12px 0}
  .menu-panel{min-height:0;padding:0 0 0 18px;grid-template-columns:1fr;gap:24px}
  .menu-panel-copy{padding:8px 0 0}
  .menu-panel-figure{height:62vw;min-height:280px;max-height:470px}
  .menu-panel-figure img{min-height:100%;height:100%}
  .panel-rule{margin-bottom:20px}
  .menu-panel h2{font-size:37px}
  .menu-back{margin-top:30px}
  .contact-grid{grid-template-columns:1fr;gap:38px;padding:35px 0}
  .contact-heading>p:last-child{font-size:15px}
  .contact-links>a{font-size:21px}
  .hours-block dl div{font-size:10px}
}
@media(max-width:370px){
  .hero-mark{left:19px;right:19px}
  .site-footer{padding-left:19px;padding-right:19px}
  .menu-main,.contact-main{padding-left:20px;padding-right:20px}
  .menu-tabs{column-gap:10px}
  .menu-tab{font-size:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* ===== RED RYUU MOBILE RESPONSIVE FIX ===== */

@media screen and (max-width: 768px) {

  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  img,
  video,
  iframe {
    max-width: 100%;
  }

  img {
    height: auto;
  }

  .hero,
  .hero-section {
    min-height: 100svh;
    min-height: 100vh;
    width: 100%;
    overflow: hidden;
  }

  .hero-image,
  .hero img {
    max-width: 100%;
  }

  h1 {
    font-size: clamp(2.6rem, 10vw, 4rem);
    line-height: 1.02;
    overflow-wrap: break-word;
  }

  h2 {
    font-size: clamp(2rem, 7vw, 3rem);
    line-height: 1.1;
  }

  p {
    overflow-wrap: break-word;
  }

  .container,
  .section,
  main {
    max-width: 100%;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid,
  .two-column,
  .about-layout,
  .gallery-grid,
  .contact-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .two-column,
  .about-layout,
  .contact-layout {
    gap: 28px;
  }

  .gallery-grid {
    gap: 16px;
  }

  .section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .primary-nav {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .primary-nav a {
    white-space: nowrap;
  }

  .menu-list,
  .menu-content {
    max-width: 100%;
    min-width: 0;
  }

  button,
  a {
    overflow-wrap: anywhere;
  }
}