/* Editorial food-first pass for the private Rokudō preview. */
.header{box-shadow:0 1px 0 #173d3410}
.head-order,.btn.primary{transition:background .2s ease,transform .2s ease}
.head-order:hover,.btn.primary:hover{background:#285747;transform:translateY(-2px)}
.hero{grid-template-columns:minmax(360px,42%) minmax(0,58%);min-height:650px;background:#e8ebdf}
.hero-text{padding:clamp(36px,6vw,90px);position:relative;z-index:1}
.hero h1{font-size:clamp(56px,5.9vw,94px);max-width:760px;line-height:.99;margin:26px 0 28px}
.hero-text>p:not(.eyebrow){max-width:490px;font-size:clamp(17px,1.5vw,21px);line-height:1.55}
.hero-media{min-height:650px;background:#d5dacb}
.hero-slide{object-fit:cover;object-position:center center}
.hero-controls{border-radius:40px;padding:8px 12px;right:26px;bottom:26px;box-shadow:0 8px 28px #173d3422}
.section{padding-block:clamp(70px,8vw,115px)}
.story{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(32px,5vw,82px);align-items:center;background:#fff}
.story h2{max-width:700px}
.story p:not(.eyebrow){max-width:650px}
.story-comparison{gap:12px;align-items:stretch}
.story-comparison figure{background:#183b31;border-radius:4px;min-width:0}
.story-comparison img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.story-comparison .before-photo{object-position:center 34%;transform:scale(1.03);transform-origin:center 39%}
.story-comparison .after-photo{object-position:center 36%;transform:scale(1.3);transform-origin:center 37%;filter:brightness(1.05) contrast(1.04)}
.story-comparison figcaption{background:#183b31;color:#fff;min-height:64px;font-size:14px;position:relative;z-index:1}
.story-comparison figcaption span{color:#c5dca8}
.story-comparison>p{display:none}
.menu{background:#f2f3ea}
.menu-panel{gap:20px}
.menu-panel figure{overflow:hidden;background:#fff;box-shadow:0 8px 30px #173d340d}
.menu-panel img{height:auto;aspect-ratio:4/3;object-fit:cover}
.menu-panel figcaption{padding:22px;min-height:76px;line-height:1.5}
.tab{border-radius:100px;padding:12px 24px}
.places{background:#e8ece2}
.place-grid article{min-height:290px;padding:clamp(28px,3vw,48px);border-top:5px solid #6e8d61;box-shadow:0 10px 30px #173d340d}
.place-grid h3{max-width:420px;line-height:1.08}
.events{background:#f5f3ea}
.events>img{height:auto;aspect-ratio:4/3;max-height:570px}
.reviews .review-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.reviews .reviews-intro{margin:0 0 30px;font-size:17px}
.reviews .review-links article{min-width:0;padding:clamp(20px,3vw,34px);border:1px solid #d8e1d4;background:#f8faf6}
.reviews .review-links article > span{display:block;font-weight:700;letter-spacing:.11em;font-size:13px}
.reviews .review-links article > p{margin:10px 0 22px}
.reviews .grwidget-embed{min-width:0;min-height:230px;margin-bottom:22px}
.reviews .review-links article > a{margin-top:0}
.reviews .grwidget-embed a{border:0;padding:0;font-weight:inherit}
.sub-hero{background:#e8ebdf}
.sub-hero img{object-fit:cover;aspect-ratio:4/3;height:auto}
@media(max-width:900px){
  .hero{grid-template-columns:1fr;min-height:0}
  .hero-media{order:-1;min-height:clamp(380px,63vw,540px)}
  .hero-text{padding:clamp(34px,6vw,65px)}
  .hero h1{max-width:650px;margin:16px 0 22px;font-size:clamp(50px,8vw,78px)}
  .story{grid-template-columns:1fr}
  .story-comparison{max-width:700px;width:100%;margin-inline:auto}
  .story-comparison img{aspect-ratio:3/4}
}
@media(max-width:620px){
  .hero-media{min-height:340px}
  .hero-text{padding:35px 22px 45px}
  .hero h1{font-size:clamp(46px,12vw,66px)}
  .hero-text>p:not(.eyebrow){font-size:17px}
  .hero-controls{right:14px;bottom:14px}
  .story-comparison{gap:8px}
  .story-comparison img{aspect-ratio:2/3}
  .story-comparison .after-photo{transform:scale(1.34)}
  .story-comparison figcaption{min-height:70px;padding:10px;font-size:12px}
  .menu-panel img{aspect-ratio:4/3}
  .reviews .review-links{grid-template-columns:1fr}
}

/* September editorial additions, preserving the established theme. */
.home-instagram{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:50%;color:var(--green)}
.home-instagram:hover{background:#e8ece2}
.home-header-actions{display:flex;align-items:center;gap:12px}
.home-instagram img{display:block;flex-shrink:0;width:28px;height:28px;object-fit:contain}
@media(max-width:620px){.home-header-actions{gap:6px}}
.unit-story{padding-top:0;background:#e8ebdf}
.unit-story-copy{max-width:1100px;margin-inline:auto;columns:2;column-gap:clamp(28px,4vw,64px)}
.unit-story-copy p{margin:0 0 1.25em;line-height:1.85;color:var(--muted);break-inside:avoid}
@media(max-width:760px){.unit-story-copy{columns:1}.unit-story-copy p:last-child{margin-bottom:0}}

.unit-story--single .unit-story-copy{max-width:1000px;columns:1}

/* Preserve the supplied portrait of the Tatuapé interior without cropping its scene. */
.sub-hero img.tatuape-interior{aspect-ratio:704/1527;max-height:720px;width:100%;object-fit:contain}
@media(max-width:900px){.sub-hero img.tatuape-interior{max-height:640px}}

/* Use the same verified channel marks on both unit pages. */
.unit-order-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
.unit-order-channel{display:flex;align-items:center;gap:14px;min-width:0;min-height:90px;padding:16px;background:#fff;border:1px solid #dce5d7;border-radius:4px;color:var(--green)}
.unit-order-channel:hover{background:#edf2e8}
.unit-order-channel img{display:block;flex:none;width:56px;height:56px;object-fit:cover;border-radius:11px}
.unit-order-channel span{display:grid;gap:5px;min-width:0}
.unit-order-channel strong{font-size:16px;line-height:1.25}
.unit-order-channel small{font-size:14px;line-height:1.35;color:var(--muted)}
@media(max-width:620px){.unit-order-channels{grid-template-columns:1fr}.unit-order-channel{min-height:84px;padding:14px}.unit-order-channel img{width:50px;height:50px}}

/* Requested additions while preserving the version 27 layout. */
.pet-friendly{display:inline-flex;align-items:center;gap:6px;color:#667a6c;font-size:10px;font-weight:500;letter-spacing:.08em;white-space:nowrap}
.pet-friendly svg{width:18px;height:18px;flex:none}
.unit-hours{font-size:15px;line-height:1.65;color:var(--muted);max-width:38em}
.header .brand img.brand-lockup{width:195px;height:auto;max-height:110px}
.channel-logo-frame{display:block!important;flex:none;width:56px;height:56px;border-radius:11px;overflow:hidden;background:#ffda00}
.channel-logo-frame img{display:block;width:100%!important;height:100%!important;max-width:none;transform:scale(1.265);border-radius:0!important}
.app-channel .channel-logo-frame{width:42px;height:42px;border-radius:8px}
@media(max-width:1100px) and (min-width:901px){.header nav{gap:18px}.home-header-actions{gap:8px}}
@media(max-width:620px){
 .header .brand img.brand-lockup{width:125px;height:auto;max-height:82px}
 .home-header-actions{display:grid;grid-template-columns:38px auto;gap:2px 4px}
 .pet-friendly{grid-column:1/-1;grid-row:2;justify-self:center;font-size:8px;letter-spacing:.06em;gap:4px;line-height:1.4}
 .pet-friendly svg{width:13px;height:13px}
 .home-instagram{width:38px;height:38px;min-width:38px;padding:7px}
 .home-header-actions .head-order{min-height:38px;display:flex;align-items:center;justify-content:center}
 .unit-order-channel .channel-logo-frame{width:50px;height:50px}
}
@media(max-width:365px){.header .brand img.brand-lockup{width:108px}.header{gap:5px}.home-header-actions{gap:2px}.home-header-actions .head-order{padding-inline:7px}}