/* =========================================================
   Menya Yui (Los Angeles) — v2 (2026-11-12)
   Base: warm paper + ink + vermilion. Display: Archivo (condensed, 800).
   Spacing in rem. Motion tokens: --m-ui .3s / --m-in .8s.
   ========================================================= */
:root{
  --paper:#f3ede3;
  --paper-2:#e8dfd1;
  --paper-3:#dcd0bd;
  --ink:#1b1612;
  --ink-2:#4b4138;
  --ink-3:#6d6157;
  --red:#b3301b;
  --red-ink:#8f2412;
  --night:#15110e;
  --night-2:#211b16;
  --on-night:#efe6d8;
  --on-night-2:#bfb3a3;
  --broth:#e2c28f;
  --line:rgba(27,22,18,.16);
  --line-night:rgba(239,230,216,.18);

  --f-display:'Archivo',system-ui,sans-serif;
  --f-body:'Archivo',system-ui,sans-serif;
  --f-jp:'Noto Serif JP',serif;

  --gutter:clamp(1.25rem,4vw,3.5rem);
  --maxw:90rem;

  --m-ui:.3s;
  --m-in:.8s;
  --m-in-long:1s;
  --m-ease:cubic-bezier(.165,.84,.44,1);
  --m-ease-io:cubic-bezier(.65,0,.35,1);
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.7 var(--f-body);font-stretch:100%;-webkit-font-smoothing:antialiased;}
img{display:block;max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
p{margin:0;}
h1,h2,h3,h4{margin:0;font-weight:800;}
ul,ol{margin:0;padding:0;list-style:none;}
button{font:inherit;color:inherit;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
[lang="ja"]{font-family:var(--f-jp);}

.skip-link{position:absolute;left:1rem;top:-5rem;z-index:300;padding:.75rem 1.125rem;background:var(--ink);color:var(--paper);font-weight:700;border-radius:999px;}
.skip-link:focus{top:1rem;}
:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:4px;}
.night :focus-visible,.site-footer :focus-visible,.drawer :focus-visible{outline-color:var(--broth);}

.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter);}

/* ---------- type ---------- */
.display{font-family:var(--f-display);font-weight:800;font-stretch:72%;letter-spacing:-.02em;line-height:.92;text-transform:none;}
.kicker{display:inline-flex;align-items:center;gap:.625rem;font:700 14px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--red-ink);}
.kicker::before{content:"";width:1.75rem;height:2px;background:currentColor;}
.night .kicker{color:var(--broth);}
.lead{font-size:clamp(17px,1.4vw,20px);line-height:1.65;color:var(--ink-2);max-width:34em;}
.night .lead{color:var(--on-night-2);}
.h2{font-family:var(--f-display);font-weight:800;font-stretch:72%;letter-spacing:-.015em;line-height:.95;font-size:clamp(2.6rem,6.4vw,5.75rem);}
.h3{font-family:var(--f-display);font-weight:800;font-stretch:85%;font-size:clamp(1.375rem,2vw,1.75rem);line-height:1.1;letter-spacing:-.005em;}
.note{font-size:15px;color:var(--ink-3);}
.night .note{color:var(--on-night-2);}

/* ---------- buttons & links ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.625rem;min-height:3.25rem;padding:0 1.5rem;border-radius:999px;font:700 16px/1 var(--f-body);letter-spacing:.01em;overflow:hidden;isolation:isolate;transition:color var(--m-ui) var(--m-ease),border-color var(--m-ui) var(--m-ease),background-color var(--m-ui) var(--m-ease);}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;transform:translateY(101%);transition:transform var(--m-ui) var(--m-ease);border-radius:inherit;}
.btn:hover::after,.btn:focus-visible::after{transform:translateY(0);}
.btn-red{background:var(--red);color:#fff;}
.btn-red::after{background:var(--ink);}
.btn-line{border:1.5px solid var(--ink);color:var(--ink);}
.btn-line::after{background:var(--ink);}
.btn-line:hover,.btn-line:focus-visible{color:var(--paper);}
.night .btn-line{border-color:var(--on-night);color:var(--on-night);}
.night .btn-line::after{background:var(--on-night);}
.night .btn-line:hover,.night .btn-line:focus-visible{color:var(--night);}
.btn .arw{width:1.125rem;height:1.125rem;flex:none;transition:transform var(--m-ui) var(--m-ease);}
.btn:hover .arw,.btn:focus-visible .arw{transform:translateX(3px);}
.btn:active{transform:scale(.98);}
.ulink{background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;transition:background-size var(--m-ui) var(--m-ease);padding-bottom:2px;}
.ulink:hover,.ulink:focus-visible{background-size:100% 1.5px;}

/* ---------- header ---------- */
.site-header{position:fixed;inset:0 0 auto 0;z-index:100;transition:transform .45s var(--m-ease),background-color var(--m-ui) var(--m-ease),box-shadow var(--m-ui) var(--m-ease);}
.site-header.is-solid{background:rgba(243,237,227,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line);}
.site-header.is-hidden{transform:translateY(-100%);}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;height:4.75rem;}
.brand{display:inline-flex;align-items:center;gap:.75rem;min-height:2.75rem;}
.brand-jp{font:700 22px/1 var(--f-jp);letter-spacing:.06em;white-space:nowrap;}
.brand-en{font:800 13px/1 var(--f-display);font-stretch:85%;letter-spacing:.1em;text-transform:uppercase;padding-left:.75rem;border-left:1.5px solid var(--ink);}
.gnav{display:flex;align-items:center;gap:clamp(1rem,2.2vw,2.25rem);}
.gnav a{position:relative;display:inline-flex;align-items:center;min-height:2.75rem;font:700 15px/1 var(--f-body);}
.gnav a::after{content:"";position:absolute;left:0;right:0;bottom:.6rem;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform var(--m-ui) var(--m-ease);}
.gnav a:hover::after,.gnav a:focus-visible::after,.gnav a[aria-current="page"]::after{transform:scaleX(1);transform-origin:left;}
.header-cta{display:flex;align-items:center;gap:.75rem;}
.header-cta .btn{min-height:2.75rem;padding:0 1.125rem;font-size:15px;}
.menu-btn{display:none;align-items:center;gap:.625rem;min-height:2.75rem;min-width:2.75rem;padding:0 .875rem;border:1.5px solid var(--ink);border-radius:999px;background:transparent;font-weight:700;font-size:15px;cursor:pointer;}
.menu-btn .bars{position:relative;width:1.125rem;height:10px;}
.menu-btn .bars::before,.menu-btn .bars::after{content:"";position:absolute;left:0;right:0;height:2px;background:currentColor;}
.menu-btn .bars::before{top:0;}
.menu-btn .bars::after{bottom:0;}

/* ---------- drawer (mobile menu) ---------- */
.drawer{position:fixed;inset:0;z-index:200;background:var(--night);color:var(--on-night);display:flex;flex-direction:column;padding:1rem var(--gutter) 2rem;visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path .6s var(--m-ease-io),visibility 0s linear .6s;overflow-y:auto;}
.drawer.is-open{visibility:visible;clip-path:inset(0 0 0 0);transition:clip-path .6s var(--m-ease-io);}
.drawer-top{display:flex;justify-content:space-between;align-items:center;height:2.75rem;margin-bottom:1.5rem;}
.drawer-close{min-height:2.75rem;padding:0 1rem;border:1.5px solid var(--on-night);border-radius:999px;background:transparent;color:var(--on-night);font-weight:700;cursor:pointer;}
.drawer-nav a{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line-night);opacity:0;transform:translateY(1rem);transition:opacity var(--m-in) var(--m-ease),transform var(--m-in) var(--m-ease);}
.drawer.is-open .drawer-nav a{opacity:1;transform:none;}
.drawer-nav a .t{font:800 2.25rem/1 var(--f-display);font-stretch:72%;}
.drawer-nav a .d{font-size:14px;color:var(--on-night-2);text-align:right;}
.drawer-info{margin-top:auto;padding-top:2rem;font-size:15px;color:var(--on-night-2);display:grid;gap:.375rem;}
.drawer-info strong{color:var(--on-night);}

/* ---------- hero ---------- */
.hero{position:relative;min-height:min(100svh,62rem);padding-top:5.5rem;padding-bottom:2rem;overflow:hidden;}
.hero-wm{position:absolute;right:-4vw;top:50%;transform:translateY(-50%);font:700 min(72vw,64rem)/1 var(--f-jp);color:var(--paper-2);pointer-events:none;user-select:none;z-index:0;}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 1.5rem;align-items:center;min-height:calc(min(100svh,62rem) - 9.5rem);}
.hero-copy{grid-column:1 / span 6;grid-row:1;position:relative;z-index:2;}
.hero-h1{font-size:clamp(3.75rem,min(9.6vw,15.5svh),10rem);margin:1rem 0 1.25rem;}
.hero-h1 .ln{display:block;overflow:hidden;padding-bottom:.06em;}
.hero-h1 .ln > span{display:inline-block;}
.hero-h1 em{font-style:normal;color:var(--red);}
.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;}
.hero-status{display:inline-flex;align-items:center;gap:.625rem;margin-top:1.25rem;font-size:15px;color:var(--ink-2);}
.dot{width:.625rem;height:.625rem;border-radius:50%;background:#3f8f4e;box-shadow:0 0 0 4px rgba(63,143,78,.18);flex:none;}
.dot.is-closed{background:var(--ink-3);box-shadow:0 0 0 4px rgba(109,97,87,.18);}
.hero-bowl{grid-column:7 / span 6;grid-row:1;position:relative;justify-self:end;width:min(50vw,calc(100svh - 7rem),48rem);aspect-ratio:1;margin:0 calc(var(--gutter) * -1 - 3vw) 0 0;}
.hero-bowl img{width:100%;height:100%;object-fit:cover;clip-path:circle(46% at 50% 50%);will-change:transform;}
.hero-bowl figcaption{position:absolute;left:2%;bottom:8%;display:grid;gap:.25rem;padding:.875rem 1.125rem;background:var(--paper);border:1.5px solid var(--ink);border-radius:.75rem;font-size:15px;line-height:1.35;max-width:15rem;}
.hero-bowl figcaption b{font:800 18px/1.1 var(--f-display);font-stretch:85%;}

/* ---------- section rhythm ---------- */
.sec{padding:clamp(5rem,10vw,9.5rem) 0;}
.sec-tight{padding:clamp(4rem,7vw,6.5rem) 0;}
.night{background:var(--night);color:var(--on-night);}
.paper-2{background:var(--paper-2);}

/* ---------- build your bowl ---------- */
.build{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2.5rem 1.5rem;align-items:start;}
.build-head{grid-column:1 / span 5;position:sticky;top:7rem;}
.build-head .h2{margin:1rem 0 1.5rem;}
.build-panel{grid-column:7 / span 6;}
.opt-group{border:0;margin:0;padding:1.5rem 0;border-top:1px solid var(--line);}
.opt-group:last-of-type{border-bottom:1px solid var(--line);}
.opt-group legend{padding:0;font:800 1.375rem/1.1 var(--f-display);font-stretch:85%;margin-bottom:1rem;float:left;width:100%;}
.opt-row{clear:both;display:flex;flex-wrap:wrap;gap:.5rem;}
.opt{position:relative;}
.opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;}
.opt span{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 1.125rem;border:1.5px solid var(--ink);border-radius:999px;font-weight:700;font-size:16px;transition:background-color var(--m-ui) var(--m-ease),color var(--m-ui) var(--m-ease);}
.opt input:hover + span{background:var(--paper-2);}
.opt input:checked + span{background:var(--ink);color:var(--paper);}
.opt input:focus-visible + span{outline:2px solid var(--red);outline-offset:3px;}
.order-card{margin-top:2rem;padding:1.5rem 1.75rem;background:var(--ink);color:var(--paper);border-radius:1rem;display:grid;gap:.5rem;}
.order-card .k{font:700 13px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--broth);}
.order-card .say{font:800 clamp(1.5rem,2.6vw,2.25rem)/1.1 var(--f-display);font-stretch:80%;}
.order-card .say q{quotes:"“" "”";}
.order-card p{font-size:15px;color:#d6cbbb;}

/* ---------- signature list ---------- */
.sig-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;flex-wrap:wrap;margin-bottom:clamp(2.5rem,5vw,4rem);}
.sig-list{border-top:1.5px solid var(--ink);}
.sig-item{position:relative;display:grid;grid-template-columns:4rem minmax(0,1fr) minmax(0,1.1fr) auto;gap:1.5rem;align-items:center;padding:1.75rem 0;border-bottom:1px solid var(--line);}
.sig-item .no{font:800 15px/1 var(--f-display);color:var(--ink-3);font-variant-numeric:tabular-nums;}
.sig-item .name{font:800 clamp(1.75rem,3.4vw,3rem)/1 var(--f-display);font-stretch:72%;letter-spacing:-.01em;transition:transform var(--m-ui) var(--m-ease),color var(--m-ui) var(--m-ease);}
.sig-item .desc{color:var(--ink-2);font-size:16px;}
.sig-item .price{font:800 clamp(1.5rem,2.6vw,2.25rem)/1 var(--f-display);font-stretch:85%;font-variant-numeric:tabular-nums;}
.sig-item .thumb{display:none;}
.sig-item:hover .name{transform:translateX(.5rem);color:var(--red);}
.sig-preview{position:fixed;left:0;top:0;width:min(26vw,24rem);aspect-ratio:3/2;border-radius:1rem;overflow:hidden;pointer-events:none;z-index:50;opacity:0;transform:translate(-50%,-50%) scale(.85);transition:opacity var(--m-ui) var(--m-ease),transform var(--m-ui) var(--m-ease);}
.sig-preview.is-on{opacity:1;transform:translate(-50%,-50%) scale(1);}
.sig-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--m-ui) var(--m-ease);}
.sig-preview img.is-cur{opacity:1;}
.sig-foot{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:2rem;}

/* ---------- craft (night, sticky photos) ---------- */
.craft{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 1.5rem;}
.craft-media{grid-column:1 / span 6;position:sticky;top:6rem;height:calc(100svh - 8rem);max-height:52rem;border-radius:1.25rem;overflow:hidden;align-self:start;}
.craft-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity var(--m-in) var(--m-ease),transform var(--m-in-long) var(--m-ease);}
.craft-media img.is-cur{opacity:1;transform:scale(1);}
.craft-steps{grid-column:8 / span 5;}
.craft-intro{min-height:40svh;display:flex;flex-direction:column;justify-content:center;gap:1.25rem;padding-bottom:4rem;}
.craft-step{min-height:72svh;display:flex;flex-direction:column;justify-content:center;gap:1rem;border-top:1px solid var(--line-night);padding:3rem 0;}
.craft-step .big{font:800 clamp(5rem,11vw,10rem)/.85 var(--f-display);font-stretch:62%;color:var(--broth);letter-spacing:-.02em;}
.craft-step .big small{font-size:.32em;font-stretch:85%;letter-spacing:0;margin-left:.25rem;color:var(--on-night);}
.craft-step p{color:var(--on-night-2);max-width:28em;}
.craft-step .inline-photo{display:none;}

/* ---------- first visit (steps) ---------- */
.visit-steps{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2.5rem 1.5rem;align-items:center;}
.visit-photo{grid-column:1 / span 5;border-radius:1.25rem;overflow:hidden;aspect-ratio:2/3;}
.visit-photo img{width:100%;height:100%;object-fit:cover;}
.visit-body{grid-column:7 / span 6;}
.visit-body .h2{margin:1rem 0 2rem;}
.steps{counter-reset:s;}
.steps li{counter-increment:s;display:grid;grid-template-columns:3.5rem minmax(0,1fr);gap:1rem;padding:1.375rem 0;border-top:1px solid var(--line);}
.steps li:last-child{border-bottom:1px solid var(--line);}
.steps li::before{content:counter(s,decimal-leading-zero);font:800 1.5rem/1 var(--f-display);font-stretch:72%;color:var(--red);padding-top:.25rem;}
.steps h3{font:800 1.375rem/1.15 var(--f-display);font-stretch:85%;margin-bottom:.375rem;}
.steps p{color:var(--ink-2);font-size:16px;}

/* ---------- visit / location ---------- */
.place{position:relative;}
.place-photo{position:relative;height:min(92svh,56rem);overflow:hidden;}
.place-photo img{width:100%;height:100%;object-fit:cover;}
.place-card{position:absolute;left:var(--gutter);bottom:var(--gutter);width:min(32rem,calc(100% - var(--gutter)*2));background:var(--paper);border-radius:1.25rem;padding:clamp(1.5rem,3vw,2.5rem);}
.place-card .h2{font-size:clamp(2.25rem,4.4vw,3.75rem);margin:.75rem 0 1.5rem;}
.info{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:.75rem 1rem;font-size:16px;margin-bottom:1.75rem;}
.info dt{font:700 13px/1.6 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);}
.info dd{margin:0;}
.place-card .actions{display:flex;flex-wrap:wrap;gap:.75rem;}

/* ---------- news ---------- */
.news{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2rem 1.5rem;}
.news-head{grid-column:1 / span 4;}
.news-list{grid-column:6 / span 7;border-top:1.5px solid var(--ink);}
.news-list li{display:grid;grid-template-columns:8rem 5rem minmax(0,1fr);gap:1rem;padding:1.125rem 0;border-bottom:1px solid var(--line);align-items:baseline;}
.news-list time{font-variant-numeric:tabular-nums;color:var(--ink-3);font-size:15px;}
.news-list .tag{font:700 13px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--red-ink);}

/* ---------- footer ---------- */
.site-footer{background:var(--night);color:var(--on-night);padding:clamp(4rem,8vw,7rem) 0 2rem;overflow:hidden;}
.foot-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2.5rem 1.5rem;}
.foot-cta{grid-column:1 / span 6;}
.foot-cta .h2{margin-bottom:1.75rem;}
.foot-col{grid-column:span 3;font-size:15px;color:var(--on-night-2);}
.foot-col h2{font:700 13px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--broth);margin-bottom:1.125rem;}
.foot-col li{margin-bottom:.25rem;}
.foot-col a{display:inline-flex;min-height:2.75rem;min-width:2.75rem;align-items:center;color:var(--on-night);}
.foot-mark{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-top:clamp(3rem,7vw,6rem);border-top:1px solid var(--line-night);padding-top:1.5rem;}
.foot-mark .word{font:800 clamp(4rem,19vw,20rem)/.8 var(--f-display);font-stretch:62%;letter-spacing:-.03em;color:var(--on-night);}
.foot-mark .jp{font:700 clamp(1.5rem,3vw,2.5rem)/1 var(--f-jp);writing-mode:vertical-rl;letter-spacing:.2em;color:var(--broth);}
.foot-bottom{display:flex;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap;margin-top:1.5rem;font-size:14px;color:var(--on-night-2);}
.foot-bottom a{display:inline-flex;min-height:2.75rem;align-items:center;}

/* ---------- reveal motion ---------- */
.js [data-r]{opacity:0;transform:translateY(1.5rem);transition:opacity var(--m-in) var(--m-ease),transform var(--m-in) var(--m-ease);transition-delay:var(--d,0s);}
.js [data-r="mask"]{opacity:1;transform:none;}
.js [data-r="mask"] > img{clip-path:inset(100% 0 0 0);transform:scale(1.08);transition:clip-path var(--m-in-long) var(--m-ease),transform 1.4s var(--m-ease);transition-delay:var(--d,0s);}
.js [data-r="line"]{opacity:1;transform:none;}
.js [data-r="line"] > span{display:inline-block;transform:translateY(105%);transition:transform var(--m-in) var(--m-ease);transition-delay:var(--d,0s);}
.js [data-r="rule"]{opacity:1;transform:scaleX(0);transform-origin:left;}
.js [data-r].is-in{opacity:1;transform:none;}
.js [data-r="mask"].is-in > img{clip-path:inset(0 0 0 0);transform:none;}
.js [data-r="line"].is-in > span{transform:none;}
.js .hero-bowl img{clip-path:circle(0% at 50% 50%);transition:clip-path 1.1s var(--m-ease) .25s;}
.js .is-ready .hero-bowl img{clip-path:circle(46% at 50% 50%);}

/* ---------- responsive ---------- */
@media (max-width:1080px){
  .gnav{display:none;}
  .menu-btn{display:inline-flex;}
  .hero-copy{grid-column:1 / -1;grid-row:auto;}
  .hero-bowl{grid-column:1 / -1;grid-row:auto;justify-self:center;width:min(92vw,40rem);margin:0 auto;}
  .hero-grid{min-height:auto;}
  .build-head,.build-panel{grid-column:1 / -1;position:static;}
  .craft-media{display:none;}
  .craft-steps{grid-column:1 / -1;}
  .craft-step,.craft-intro{min-height:auto;}
  .craft-step .inline-photo{display:block;border-radius:1rem;overflow:hidden;aspect-ratio:3/2;margin-bottom:.75rem;}
  .craft-step .inline-photo img{width:100%;height:100%;object-fit:cover;}
  .visit-photo,.visit-body{grid-column:1 / -1;}
  .visit-photo{aspect-ratio:4/3;}
  .news-head,.news-list{grid-column:1 / -1;}
  .foot-cta{grid-column:1 / -1;}
  .foot-col{grid-column:span 6;}
}
@media (max-width:720px){
  body{font-size:16px;line-height:1.8;}
  .header-inner{height:4rem;}
  .header-cta .btn{display:none;}
  .brand-en{display:none;}
  .hero{padding-top:5.5rem;}
  .hero-h1{font-size:clamp(3.4rem,16vw,5.5rem);margin:1rem 0 1.25rem;}
  .hero-actions .btn{flex:1 1 auto;}
  .hero-bowl figcaption{left:0;bottom:2%;}
  .sig-item{grid-template-columns:minmax(0,1fr) auto;gap:.5rem 1rem;padding:1.25rem 0;}
  .sig-item .no{display:none;}
  .sig-item .thumb{display:block;grid-column:1 / -1;border-radius:.75rem;overflow:hidden;aspect-ratio:3/2;margin-bottom:.5rem;}
  .sig-item .thumb img{width:100%;height:100%;object-fit:cover;}
  .sig-item .desc{grid-column:1 / -1;}
  .sig-item .name{font-size:2rem;}
  .place-photo{height:62svh;}
  .place-card{position:relative;left:auto;bottom:auto;width:auto;margin:-3rem var(--gutter) 0;}
  .info{grid-template-columns:1fr;gap:.125rem;}
  .info dd{margin-bottom:.75rem;}
  .news-list li{grid-template-columns:1fr;gap:.25rem;}
  .foot-col{grid-column:1 / -1;}
  .foot-mark .jp{display:none;}
}
@media (hover:none){.sig-preview{display:none;}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important;}
  .js [data-r],.js [data-r] > span,.js [data-r] > img{opacity:1 !important;transform:none !important;clip-path:none !important;}
  .js .hero-bowl img{clip-path:circle(46% at 50% 50%) !important;}
  .drawer{clip-path:none;}
}

/* =================== subpages =================== */
.phead{padding:clamp(6.5rem,10vw,8rem) 0 clamp(3rem,6vw,5rem);}
.phead-h1{font-size:clamp(3.25rem,min(9vw,14svh),8.5rem);margin:1rem 0 1.25rem;}
.phead-h1 .ln{display:block;overflow:hidden;padding-bottom:.06em;}
.phead-h1 .ln > span{display:inline-block;}
.phead-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2rem 1.5rem;align-items:center;}
.phead-copy{grid-column:1 / span 6;padding-bottom:1rem;}
.phead-photo{grid-column:8 / span 5;border-radius:1.25rem;overflow:hidden;aspect-ratio:4/5;max-height:calc(100svh - 9rem);width:100%;}
.phead-photo img{width:100%;height:100%;object-fit:cover;}
.phead-band{position:relative;min-height:min(88svh,52rem);display:flex;align-items:flex-end;padding:0;color:var(--on-night);background:var(--night);}
.phead-bg{position:absolute;inset:0;}
.phead-bg img{width:100%;height:100%;object-fit:cover;opacity:.62;}
.phead-band-copy{position:relative;padding-top:8rem;padding-bottom:clamp(2.5rem,6vw,5rem);}
.phead-band .kicker{color:var(--broth);}
.phead-band .lead{color:#e6dccd;}
.phead-plain{padding-bottom:2rem;border-bottom:1.5px solid var(--ink);}

.jump{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:0;padding-bottom:1rem;}
.jump a{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 1.125rem;border:1.5px solid var(--ink);border-radius:999px;font-weight:700;font-size:15px;transition:background-color var(--m-ui) var(--m-ease),color var(--m-ui) var(--m-ease);}
.jump a:hover,.jump a:focus-visible{background:var(--ink);color:var(--paper);}

.cat-head{display:flex;justify-content:space-between;align-items:end;gap:1rem 2rem;flex-wrap:wrap;padding-bottom:1.5rem;margin-bottom:2rem;border-bottom:1.5px solid var(--ink);}
.mgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.5rem;}
.mcard-photo{border-radius:1rem;overflow:hidden;aspect-ratio:3/2;margin-bottom:1.25rem;}
.mcard-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--m-ease);}
.mcard:hover .mcard-photo img{transform:scale(1.04);}
.mcard-body p{color:var(--ink-2);font-size:16px;margin-top:.5rem;}
.mcard .mprice{margin-top:1rem;color:var(--ink-3);font-size:15px;}
.mcard .mprice b{font:800 1.75rem/1 var(--f-display);font-stretch:85%;color:var(--ink);margin-right:.5rem;}
.mtag{display:inline-block;font:700 13px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--red-ink);border:1.5px solid currentColor;border-radius:999px;padding:.375rem .625rem;margin-bottom:.75rem;font-style:normal;}
.plist li .mtag{margin:0 0 0 .5rem;vertical-align:middle;}

.tsuke{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2rem 1.5rem;align-items:center;}
.tsuke-photo{grid-column:1 / span 7;border-radius:1.25rem;overflow:hidden;aspect-ratio:3/2;}
.tsuke-photo img,.tsuke-mini img,.extras-photo img,.extras-photo2 img{width:100%;height:100%;object-fit:cover;}
.tsuke-body{grid-column:9 / span 4;}
.tsuke-mini{margin-top:2rem;border-radius:1rem;overflow:hidden;aspect-ratio:3/2;width:70%;margin-left:auto;}
.plist{border-top:1.5px solid var(--ink);}
.plist li{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.875rem 0;border-bottom:1px solid var(--line);}
.plist b{font:800 1.25rem/1 var(--f-display);font-stretch:85%;font-variant-numeric:tabular-nums;}
.plist-night{border-top-color:var(--on-night);}
.plist-night li{border-bottom-color:var(--line-night);}

.extras{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2rem 1.5rem;align-items:start;}
.extras-photo{grid-column:1 / span 5;border-radius:1.25rem;overflow:hidden;aspect-ratio:4/5;}
.extras > div:nth-child(2){grid-column:6 / span 4;padding-top:2rem;}
.extras-photo2{grid-column:10 / span 3;border-radius:1rem;overflow:hidden;aspect-ratio:3/4;margin-top:8rem;}
.drinks{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2rem 1.5rem;align-items:end;}
.drinks .h2{grid-column:1 / span 5;}
.drinks .plist{grid-column:7 / span 6;}
.allergy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 2.5rem;}
.allergy > div{border-top:1.5px solid var(--ink);padding-top:1.25rem;}
.allergy p{color:var(--ink-2);margin-top:.625rem;font-size:16px;}

.story{max-width:62rem;}
.story-q{margin:1.25rem 0 2.5rem;font-size:clamp(2.5rem,6vw,5.25rem);}
.story-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2.5rem;color:var(--ink-2);}
.zig{display:grid;gap:clamp(4rem,9vw,8rem);}
.zig-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2rem 1.5rem;align-items:center;}
.zig-photo{grid-column:1 / span 7;border-radius:1.25rem;overflow:hidden;aspect-ratio:3/2;}
.zig-photo.tall{grid-column:2 / span 4;aspect-ratio:2/3;}
.zig-photo img{width:100%;height:100%;object-fit:cover;}
.zig-body{grid-column:8 / span 5;}
.zig-row.rev .zig-photo{grid-column:6 / span 7;order:2;}
.zig-row.rev .zig-body{grid-column:1 / span 4;order:1;}
.zig-body .num{display:block;font:800 clamp(4rem,8vw,7rem)/.8 var(--f-display);font-stretch:62%;color:var(--red);margin-bottom:1rem;}
.zig-body .lead{margin-top:1rem;}
.counter{display:grid;gap:2.5rem;}
.counter-photo{border-radius:1.25rem;overflow:hidden;aspect-ratio:21/9;}
.counter-photo img{width:100%;height:100%;object-fit:cover;}
.counter-body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem 1.5rem;align-items:start;}
.counter-body .kicker{grid-column:1 / span 3;padding-top:1rem;}
.counter-body .h2{grid-column:4 / span 5;}
.counter-body .lead{grid-column:9 / span 4;}
.counter-body .btn{grid-column:9 / span 4;justify-self:start;}

.hours{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2.5rem 1.5rem;align-items:start;}
.hours-table{grid-column:1 / span 6;}
.hours-table table{width:100%;border-collapse:collapse;margin:1.5rem 0 1rem;border-top:1.5px solid var(--ink);}
.hours-table th,.hours-table td{text-align:left;padding:1rem 0;border-bottom:1px solid var(--line);vertical-align:top;font-size:17px;}
.hours-table th{font:800 1.25rem/1.2 var(--f-display);font-stretch:85%;width:40%;}
.hours-info{grid-column:8 / span 5;}
.map-box{border-radius:1.25rem;overflow:hidden;aspect-ratio:21/9;background:var(--paper-2);}
.map-box iframe{width:100%;height:100%;border:0;filter:grayscale(.3) contrast(.95);}
.howto{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2.5rem 1.5rem;}
.howto > div:first-child{grid-column:1 / span 4;}
.steps-row{grid-column:5 / span 8;}
.howto-photos{grid-column:1 / -1;display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;}
.howto-photos > div{border-radius:1.25rem;overflow:hidden;}
.howto-photos > div:first-child{aspect-ratio:2/3;}
.howto-photos > div:last-child{aspect-ratio:3/2;align-self:end;}
.howto-photos img{width:100%;height:100%;object-fit:cover;}
.howto > .note{grid-column:1 / -1;}

.roles{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2.5rem 1.5rem;}
.roles-head{grid-column:1 / span 4;}
.roles-list{grid-column:6 / span 7;border-top:1.5px solid var(--ink);}
.role{border-bottom:1px solid var(--line);}
.role summary{display:grid;grid-template-columns:3rem minmax(0,1fr) auto 2.75rem;gap:1rem;align-items:center;min-height:5rem;cursor:pointer;list-style:none;}
.role summary::-webkit-details-marker{display:none;}
.role-n{font:800 15px/1 var(--f-display);color:var(--ink-3);}
.role-t{font:800 clamp(1.5rem,2.6vw,2.25rem)/1 var(--f-display);font-stretch:72%;}
.role-k{font:700 13px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--red-ink);}
.role-x{position:relative;width:2.75rem;height:2.75rem;border:1.5px solid var(--ink);border-radius:50%;}
.role-x::before,.role-x::after{content:"";position:absolute;left:50%;top:50%;width:.875rem;height:1.5px;background:currentColor;transform:translate(-50%,-50%);transition:transform var(--m-ui) var(--m-ease);}
.role-x::after{transform:translate(-50%,-50%) rotate(90deg);}
.role[open] .role-x::after{transform:translate(-50%,-50%) rotate(0);}
.role-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;padding:0 0 2rem 4rem;}
.role-body h3{font:700 13px/1.4 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.5rem;}
.role-body p{font-size:16px;color:var(--ink-2);}
.work{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2.5rem 1.5rem;align-items:center;}
.work-photo{grid-column:1 / span 6;border-radius:1.25rem;overflow:hidden;aspect-ratio:4/3;}
.work-photo img{width:100%;height:100%;object-fit:cover;}
.work > div:last-child{grid-column:8 / span 5;}
.work p{color:var(--ink-2);}

.policy{max-width:48rem;padding-top:3rem;padding-bottom:6rem;}
.pol{padding:1.75rem 0;border-bottom:1px solid var(--line);}
.pol h2{display:flex;gap:1rem;align-items:baseline;margin-bottom:.75rem;}
.pol h2 span{font-size:15px;color:var(--red);}
.pol p{color:var(--ink-2);}
.nf{padding:10rem 0 6rem;}
.nf-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2rem 1.5rem;align-items:center;}
.nf-grid > div:first-child{grid-column:1 / span 6;}
.nf-photo{grid-column:8 / span 5;border-radius:1.25rem;overflow:hidden;aspect-ratio:2/3;max-height:70svh;}
.nf-photo img{width:100%;height:100%;object-fit:cover;}

@media (max-width:1080px){
  .phead-copy,.phead-photo{grid-column:1 / -1;}
  .phead-photo{aspect-ratio:3/2;}
  .mgrid{grid-template-columns:1fr 1fr;}
  .tsuke-photo,.tsuke-body,.extras-photo,.extras > div:nth-child(2),.extras-photo2,.drinks .h2,.drinks .plist,.zig-photo,.zig-photo.tall,.zig-body,.zig-row.rev .zig-photo,.zig-row.rev .zig-body,.hours-table,.hours-info,.howto > div:first-child,.steps-row,.roles-head,.roles-list,.work-photo,.work > div:last-child,.nf-grid > div:first-child,.nf-photo{grid-column:1 / -1;order:0;}
  .extras-photo{aspect-ratio:3/2;}
  .extras-photo2{display:none;}
  .zig-photo.tall{aspect-ratio:4/5;max-width:28rem;}
  .counter-body .kicker,.counter-body .h2,.counter-body .lead,.counter-body .btn{grid-column:1 / -1;}
  .counter-photo{aspect-ratio:3/2;}
  .allergy{grid-template-columns:1fr;}
  .story-cols{grid-template-columns:1fr;}
  .role-body{grid-template-columns:1fr;padding-left:0;}
}
@media (max-width:720px){
  .mgrid{grid-template-columns:1fr;}
  .phead-h1{font-size:clamp(3rem,14vw,4.75rem);}
  .tsuke-mini{width:100%;}
  .map-box{aspect-ratio:4/3;}
  .howto-photos{grid-template-columns:1fr;}
  .howto-photos > div:first-child{aspect-ratio:3/2;}
  .role summary{grid-template-columns:minmax(0,1fr) 2.75rem;}
  .role-n,.role-k{display:none;}
  .nf{padding-top:7rem;}
}

/* =================== v2 additions (from the reference study) =================== */
.kj{font:700 15px/1 var(--f-jp);letter-spacing:.08em;color:var(--ink);margin-right:.125rem;}
.night .kj,.phead-band .kj{color:var(--on-night);}
.callouts{position:absolute;inset:0;pointer-events:none;font:700 13px/1 var(--f-body);letter-spacing:.06em;text-transform:uppercase;}
.hero-bowl{container-type:inline-size;}
.callouts li{position:absolute;display:flex;align-items:center;transform:translate(-100%,-50%);white-space:nowrap;left:var(--x);top:var(--y);}
.callouts li i{display:block;width:calc(var(--w) * 1cqw);height:1.5px;background:var(--ink);margin-left:.625rem;transform-origin:right;}
.callouts li::after{content:"";width:.75rem;height:.75rem;border-radius:50%;background:var(--paper);border:2px solid var(--ink);flex:none;box-shadow:0 0 0 3px rgba(243,237,227,.5);}
.callouts .c1{--x:40%;--w:21;--y:13%;}
.callouts .c2{--x:46%;--w:44;--y:38%;}
.callouts .c3{--x:24%;--w:24;--y:54%;}
.callouts .c4{--x:34%;--w:28;--y:72%;}
.js .callouts li{opacity:0;transition:opacity var(--m-in) var(--m-ease) var(--d,0s);}
.js .callouts li i{transform:scaleX(0);transition:transform var(--m-in) var(--m-ease) var(--d,0s);}
.js .is-ready .callouts li{opacity:1;}
.js .is-ready .callouts li i{transform:scaleX(1);}
.hero-bowl figcaption{z-index:2;}

.strip{background:var(--ink);color:var(--paper);}
.strip-grid{display:grid;grid-template-columns:auto 1fr auto;gap:1rem 2.5rem;align-items:center;padding-top:1.5rem;padding-bottom:1.5rem;}
.strip-status{display:flex;align-items:center;gap:.75rem;font-size:15px;color:#d9cfbf;max-width:18rem;}
.strip-status .dot{box-shadow:0 0 0 4px rgba(63,143,78,.3);}
.strip-go{display:flex;justify-content:center;gap:clamp(1rem,3vw,3rem);flex-wrap:wrap;}
.strip-go a{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;font:800 clamp(1.5rem,2.6vw,2.25rem)/1 var(--f-display);font-stretch:72%;letter-spacing:-.005em;}
.strip-go a span:first-child{background:linear-gradient(var(--broth),var(--broth)) 0 100%/0 2px no-repeat;transition:background-size var(--m-ui) var(--m-ease);padding-bottom:2px;}
.strip-go a:hover span:first-child,.strip-go a:focus-visible span:first-child{background-size:100% 2px;}
.strip-go .arw{width:1.25rem;height:1.25rem;color:var(--broth);transition:transform var(--m-ui) var(--m-ease);}
.strip-go a:hover .arw,.strip-go a:focus-visible .arw{transform:translateX(3px);}
.strip :focus-visible{outline-color:var(--broth);}
.strip-hours{display:grid;grid-template-columns:repeat(2,auto);gap:.25rem 1.25rem;margin:0;font-size:15px;}
.strip-hours div{display:flex;gap:.625rem;}
.strip-hours dt{font-weight:700;color:var(--broth);min-width:3.75rem;}
.strip-hours dd{margin:0;color:#d9cfbf;font-variant-numeric:tabular-nums;}

.mbar{display:none;}
@media (max-width:1080px){
  .callouts{display:none;}
  .strip-grid{grid-template-columns:1fr;justify-items:start;}
  .strip-go{justify-content:flex-start;}
}
@media (max-width:720px){
  body{padding-bottom:4.5rem;}
  .mbar{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:.5rem;position:fixed;left:0;right:0;bottom:0;z-index:90;padding:.5rem .75rem calc(.5rem + env(safe-area-inset-bottom));background:rgba(21,17,14,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
  .mbar a,.mbar-st{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.875rem;border-radius:999px;font:700 15px/1 var(--f-body);color:var(--on-night);border:1.5px solid rgba(239,230,216,.35);}
  .mbar .mbar-go{background:var(--red);border-color:var(--red);color:#fff;}
  .mbar-st{border-color:transparent;font-weight:700;color:#d9cfbf;}
  .mbar :focus-visible{outline-color:var(--broth);}
  .strip-hours{grid-template-columns:1fr 1fr;}
}

/* header over dark page heads */
.has-band .site-header:not(.is-solid){color:var(--on-night);}
.has-band .site-header:not(.is-solid) .brand-en{border-left-color:var(--on-night);}
.has-band .site-header:not(.is-solid) .menu-btn{border-color:var(--on-night);}
.has-band .site-header:not(.is-solid) :focus-visible{outline-color:var(--broth);}

/* =================== round 2 (after review 1) =================== */
.board-sec{position:relative;min-height:min(110svh,64rem);display:flex;align-items:center;padding:clamp(4rem,8vw,7rem) 0;background:var(--night);overflow:hidden;}
.board-photo{position:absolute;inset:0;}
.board-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .6s var(--m-ease),transform 1.2s var(--m-ease);}
.board-photo img.is-cur{opacity:1;transform:scale(1);}
.board-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,17,14,0) 30%,rgba(21,17,14,.55));}
.board-wrap{position:relative;display:flex;justify-content:flex-end;}
.board{width:min(40rem,100%);background:var(--paper);border-radius:1.25rem;padding:clamp(1.5rem,3vw,2.75rem);}
.board-head{display:flex;gap:1.25rem;align-items:flex-start;padding-bottom:1.25rem;border-bottom:1.5px solid var(--ink);}
.board-kj{writing-mode:vertical-rl;font:700 1.75rem/1 var(--f-jp);letter-spacing:.2em;color:var(--red);padding-top:.25rem;}
.board-head .h2{font-size:clamp(2.5rem,4.6vw,4rem);margin-bottom:.5rem;}
.brow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem 1.5rem;padding:1.125rem .25rem;border-bottom:1px solid var(--line);transition:background-color var(--m-ui) var(--m-ease),padding var(--m-ui) var(--m-ease);}
.brow:hover,.brow:focus-visible,.brow.is-cur{background:var(--paper-2);padding-left:.875rem;padding-right:.875rem;}
.bname{font:800 clamp(1.375rem,2.2vw,1.75rem)/1.1 var(--f-display);font-stretch:80%;}
.bprice{font:800 clamp(1.375rem,2.2vw,1.75rem)/1.1 var(--f-display);font-stretch:85%;font-variant-numeric:tabular-nums;grid-row:1 / span 2;grid-column:2;align-self:center;}
.bdesc{font-size:15px;color:var(--ink-2);grid-column:1;}
.board-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.5rem;}
.big-kj{display:block;font:700 clamp(3.5rem,7vw,6rem)/1 var(--f-jp);color:var(--broth);opacity:.9;letter-spacing:.06em;margin-bottom:.5rem;}
.sub-under{margin:-1rem 0 2rem;font:700 14px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--red-ink);}
.sub-under span{letter-spacing:.1em;}
.strip-hours div.is-today dt,.strip-hours div.is-today dd{color:#fff;}
.strip-hours div.is-today dt::after{content:" · today";font-weight:700;color:var(--broth);}
.strip-hours dd{white-space:nowrap;}
.strip-status{max-width:none;white-space:nowrap;}
.hero-bowl{width:min(56vw,calc(100svh - 5rem),54rem);}
.foot-mark .word{font-size:clamp(4rem,27vw,30rem);}
.foot-mark{align-items:flex-end;}
.foot-bottom{align-items:center;}
.phead-band .phead-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(21,17,14,.92) 0%,rgba(21,17,14,.55) 45%,rgba(21,17,14,.15) 100%);}
.phead-bg img{opacity:.85;}
.mgrid{grid-template-columns:1.35fr 1fr;grid-auto-flow:dense;}
.mgrid .mcard:first-child{grid-row:span 2;}
.mgrid .mcard:first-child .mcard-photo{aspect-ratio:4/5;}
.drawer-info .hero-status{color:var(--on-night-2);margin:0;}
@media (max-width:1080px){
  .board-sec{display:block;padding:0;min-height:0;}
  .board-photo{position:relative;aspect-ratio:3/2;}
  .board-photo::after{display:none;}
  .board-wrap{padding-top:0;margin-top:-3rem;padding-bottom:4rem;}
  .foot-mark .word{font-size:clamp(4rem,24vw,30rem);}
}
@media (max-width:720px){
  .hero-copy{display:contents;}
  .hero-grid > .hero-copy > .kicker{order:1;grid-column:1 / -1;}
  .hero-h1{order:2;grid-column:1 / -1;}
  .hero-bowl{order:3;width:min(72vw,22rem);margin:-.5rem auto .5rem;}
  .hero-copy .lead{order:4;grid-column:1 / -1;}
  .hero-actions{order:5;grid-column:1 / -1;}
  .hero-status{order:6;grid-column:1 / -1;}
  .hero-bowl figcaption{display:none;}
  .hero-copy .lead{font-size:16px;}
  .mgrid{grid-template-columns:1fr;}
  .mgrid .mcard:first-child{grid-row:auto;}
  .mgrid .mcard:first-child .mcard-photo{aspect-ratio:3/2;}
  .strip-status{white-space:normal;}
}
.strip-grid > *{min-width:0;}
@media (max-width:720px){
  .hero-bowl{width:min(66vw,30svh,22rem);}
}
@media (max-width:440px){
  .strip-hours{grid-template-columns:1fr;}
  .strip-go{gap:.25rem 1.25rem;}
  .strip-go a{font-size:1.375rem;}
}

/* =================== round 3 (after review 2) =================== */
.hero-bowl{width:min(66vw,calc(100svh + 2rem),64rem);margin:-3rem calc(var(--gutter) * -1 - 12vw) -3rem 0;}
.say-jp{font:700 clamp(1.125rem,1.8vw,1.375rem)/1.4 var(--f-jp);color:var(--broth);letter-spacing:.06em;}
.order-sec{padding:0 0 clamp(5rem,9vw,8rem);}
.order-band{aspect-ratio:21/8;overflow:hidden;}
.order-band img{width:100%;height:100%;object-fit:cover;object-position:50% 62%;}
.order-body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2rem 1.5rem;margin-top:-4.5rem;position:relative;}
.order-head{grid-column:1 / span 6;background:var(--paper);padding:2rem 2rem 0 0;border-radius:0 1.25rem 0 0;}
.order-head .sub-under{margin:1rem 0 0;}
.steps-4{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;}
.steps-4 li{grid-template-columns:1fr;gap:.75rem;border-top:1.5px solid var(--ink);border-bottom:0 !important;padding-top:1.25rem;}
.steps-4 li::before{font-size:clamp(2.75rem,4vw,3.75rem);}
.place-photo{position:relative;}
.noren-hang{position:absolute;top:0;right:clamp(1rem,14vw,16rem);width:clamp(8rem,17vw,16rem);aspect-ratio:3/4;overflow:visible;pointer-events:none;}
.noren-sway{width:100%;height:100%;overflow:hidden;border-radius:0 0 .75rem .75rem;transform-origin:50% 0;will-change:transform;box-shadow:0 1.25rem 2.5rem rgba(0,0,0,.35);}
.noren-sway img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;}
.street-band .street-photo{aspect-ratio:21/8;overflow:hidden;}
.street-band img{width:100%;height:100%;object-fit:cover;}
.zig-row.wide .zig-photo{grid-column:1 / -1;aspect-ratio:21/9;}
.zig-row.wide .zig-body{grid-column:2 / span 8;}
.zig-row.wide .zig-body .num{display:inline-block;margin-right:1rem;}
@media (max-width:1080px){
  .hero-bowl{width:min(86vw,40svh,30rem);margin:0 auto;}
  .order-head{grid-column:1 / -1;padding-right:1.5rem;}
  .steps-4{grid-template-columns:1fr 1fr;}
  .zig-row.wide .zig-body{grid-column:1 / -1;}
}
@media (max-width:720px){
  body{padding-bottom:calc(3.875rem + env(safe-area-inset-bottom));}
  .hero-bowl{width:min(86vw,calc(100svh - 28rem),24rem);margin:-.25rem auto .5rem;}
  .order-band{aspect-ratio:4/3;}
  .order-body{margin-top:-3rem;}
  .steps-4{grid-template-columns:1fr;}
  .noren-hang{right:1.25rem;width:34vw;}
  .street-band .street-photo{aspect-ratio:4/3;}
  .foot-col ul{columns:2;column-gap:1.5rem;}
}
.foot-mark .word{white-space:nowrap;flex:none;}
.order-band img{object-position:50% 24%;}
.noren-hang{right:auto;left:clamp(1rem,30vw,30rem);}
@media (max-width:720px){.noren-hang{left:auto;right:1.25rem;width:30vw;}.order-band img{object-position:50% 20%;}}

@media (max-width:720px){
  .hero-actions{flex-wrap:nowrap;}
  .hero-actions .btn{flex:1 1 0;padding:0 .75rem;font-size:15px;}
}
@media (max-width:720px){
  .hero-actions{order:4;margin-top:.5rem;}
  .hero-copy .lead{order:5;margin-top:1.25rem;}
}

/* ---- 11-12 round 4: motion moved off the hero bowl ---- */
.hero-bowl img{will-change:auto;}
.hero-wm{will-change:transform;}
.strip-status{color:#d9cfbf;}
.marquee{overflow:hidden;background:var(--red);color:var(--paper);padding:clamp(.875rem,1.6vw,1.375rem) 0;}
.mq-track{display:flex;width:max-content;will-change:transform;}
.mq-set{display:flex;align-items:center;flex:none;}
.mq-set span{font:800 clamp(2.5rem,6.4vw,5.75rem)/1 var(--f-display);font-stretch:72%;text-transform:uppercase;letter-spacing:-.01em;padding:0 clamp(1rem,2vw,2rem);white-space:nowrap;}
.mq-set i{font:400 clamp(2rem,5vw,4.5rem)/1 var(--f-display);font-style:normal;opacity:.45;}
/* board: the photo behind the board keeps slowly pushing in */
@keyframes kb{from{transform:scale(1);}to{transform:scale(1.09);}}
.board-photo img.is-cur{animation:kb 14s linear forwards;}
@media (prefers-reduced-motion:reduce){.board-photo img.is-cur{animation:none;}}
.mq-set i{font:700 clamp(1.75rem,4vw,3.5rem)/1 var(--f-jp);opacity:.4;}