/* Hannari Sushi Kappou — v3 "Shun · 旬" · washi editorial */
:root{
  --washi:#f6f1e9;--washi2:#eee7db;--washi3:#e4dccd;
  --ink:#17131c;--ink2:#2b2433;--ink3:#4a4352;--muted:#7a7282;
  --mura:#4b2a72;--mura2:#6f47a8;--mura3:#9a7cc9;--lav:#dcd0ea;--lav2:#efe9f6;
  --night:#0f0b13;--night2:#171220;--night3:#221a2c;
  --line:rgba(23,19,28,.12);--line-d:rgba(255,255,255,.12);
  --fd:'Cormorant Garamond',Georgia,serif;--fj:'Shippori Mincho','Noto Serif JP',serif;--fb:'Manrope',system-ui,sans-serif;
  --w:1280px;--ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--fb);color:var(--ink);background:var(--washi);line-height:1.65;font-size:15.5px;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.35;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .45 0 0 0 0 .4 0 0 0 .18 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
main{overflow-x:clip}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul{list-style:none}
::selection{background:var(--lav);color:var(--mura)}
.wrap{max-width:var(--w);margin:0 auto;padding-left:32px;padding-right:32px}
h1,h2,h3,h4{font-family:var(--fd);font-weight:400;line-height:1.05;letter-spacing:-.01em;color:var(--ink)}
h1{font-size:clamp(44px,7vw,96px);line-height:.98}
h2{font-size:clamp(36px,4.8vw,66px)}
h3{font-size:clamp(24px,2.4vw,32px)}
em{font-style:italic}
.jp{font-family:var(--fj);font-weight:400}
.k{font-family:var(--fj);color:var(--mura3);line-height:1}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:11.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--mura);margin-bottom:20px}
.eyebrow::before{content:"";width:28px;height:1px;background:var(--mura)}
.eyebrow .jp{font-weight:400;letter-spacing:.3em;font-size:13px}
.lead{font-size:18px;line-height:1.75;color:var(--ink3);max-width:58ch;font-weight:400}
.lead.big{font-family:var(--fd);font-size:clamp(24px,2.6vw,34px);line-height:1.35;color:var(--ink2);max-width:30ch}
p+p{margin-top:1.1em}
.sec{padding-top:clamp(80px,10vw,140px);padding-bottom:clamp(80px,10vw,140px);position:relative}
.sec.tight{padding-top:clamp(56px,7vw,96px);padding-bottom:clamp(56px,7vw,96px)}
.sec.w2{background:var(--washi2)}
.dark{background:var(--night);color:#efe9f0}
.dark h1,.dark h2,.dark h3{color:#f4eef7}
.dark .lead{color:rgba(244,238,247,.72)}
.dark .eyebrow{color:var(--mura3)}.dark .eyebrow::before{background:var(--mura3)}
.hd{max-width:820px;margin-bottom:56px}
.hd h2{margin-bottom:18px}
.hd.center{margin-left:auto;margin-right:auto;text-align:center}
.hd.center .eyebrow{justify-content:center}
.hd.center .lead{margin-left:auto;margin-right:auto}
.hd.split{max-width:none;display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:end}
.rule{height:1px;background:var(--line)}
/* buttons */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 30px;border:1px solid var(--ink);font-family:var(--fb);font-weight:600;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);background:transparent;transition:color .45s var(--ease),border-color .45s,transform .45s var(--ease);overflow:hidden;white-space:nowrap;isolation:isolate}
.btn::after{content:"";position:absolute;inset:0;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease);z-index:-1}
.btn:hover{color:var(--washi)}.btn:hover::after{transform:scaleX(1)}
.btn svg{width:14px;height:14px;transition:transform .4s var(--ease)}
.btn:hover svg{transform:translateX(4px)}
.btn-fill{background:var(--ink);color:var(--washi)}
.btn-fill::after{background:var(--mura)}
.btn-fill:hover{border-color:var(--mura)}
.btn-mura{background:var(--mura);border-color:var(--mura);color:#fff}
.btn-mura::after{background:var(--ink)}
.btn-mura:hover{border-color:var(--ink)}
.btn-light{border-color:rgba(255,255,255,.55);color:#fff}
.btn-light::after{background:#fff}.btn-light:hover{color:var(--ink);border-color:#fff}
.btn-sm{padding:12px 20px;font-size:11.5px}
.link{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--mura);border-bottom:1px solid transparent;transition:gap .3s,border-color .3s}
.link:hover{gap:16px;border-color:var(--mura)}
.link svg{width:14px;height:14px}
/* reveal */
.rv{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.rv.in{opacity:1;transform:none}
.d1{transition-delay:.12s}.d2{transition-delay:.24s}.d3{transition-delay:.36s}.d4{transition-delay:.48s}.d5{transition-delay:.6s}
.rv.blur{filter:blur(8px)}.rv.blur.in{filter:blur(0)}
.rv.blur{transition:opacity 1.2s var(--ease),transform 1.2s var(--ease),filter 1.2s var(--ease)}
.img-rv{overflow:hidden;position:relative}
.img-rv img,.img-rv video{transform:scale(1.12);transition:transform 1.6s var(--ease)}
.img-rv::after{content:"";position:absolute;inset:0;background:var(--washi);transform:scaleY(1);transform-origin:bottom;transition:transform 1.1s var(--ease)}
.dark .img-rv::after{background:var(--night)}
.img-rv.in img,.img-rv.in video{transform:scale(1)}
.img-rv.in::after{transform:scaleY(0)}
.words .w{display:inline-block;overflow:hidden;vertical-align:bottom}
.words .w>span{display:inline-block;transform:translateY(110%);transition:transform 1s var(--ease)}
.words.in .w>span{transform:none}

/* ---------- nav ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:22px 0;transition:background .5s,padding .5s,box-shadow .5s,color .4s;color:#fff}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav.solid,.nav.light{background:rgba(246,241,233,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--ink);padding:14px 0;box-shadow:0 1px 0 var(--line)}
.nav.light:not(.solid){background:transparent;backdrop-filter:none;box-shadow:none;padding:22px 0}
.logo{display:flex;align-items:center;gap:14px}
.logo img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}
.nav.solid .logo img,.nav.light .logo img{filter:none}
.logo .t{display:flex;flex-direction:column;line-height:1.05}
.logo .t b{font-family:var(--fj);font-weight:500;font-size:19px;letter-spacing:.1em}
.logo .t small{font-family:var(--fb);font-size:9.5px;letter-spacing:.28em;text-transform:uppercase;opacity:.75;margin-top:3px}
.nav ul{display:flex;gap:34px;align-items:center}
.nav ul a{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;opacity:.85;position:relative;padding:6px 0}
.nav ul a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}
.nav ul a:hover::after,.nav ul a.on::after{transform:scaleX(1);transform-origin:left}
.nav ul a:hover,.nav ul a.on{opacity:1}
.nav .cta{display:flex;align-items:center;gap:18px}
.nav .btn{padding:12px 22px;font-size:11px;border-color:currentColor}
.nav .btn::after{background:#fff}.nav .btn:hover{color:var(--ink)}
.nav.solid .btn::after,.nav.light .btn::after{background:var(--ink)}.nav.solid .btn:hover,.nav.light .btn:hover{color:var(--washi)}
.burger{display:none;width:44px;height:44px;position:relative}
.burger i{position:absolute;left:10px;right:10px;height:1.5px;background:currentColor;transition:transform .4s var(--ease),opacity .3s,top .4s}
.burger i:nth-child(1){top:16px}.burger i:nth-child(2){top:22px}.burger i:nth-child(3){top:28px}
.burger.x i:nth-child(1){top:22px;transform:rotate(45deg)}.burger.x i:nth-child(2){opacity:0}.burger.x i:nth-child(3){top:22px;transform:rotate(-45deg)}
.mob{position:fixed;inset:0;z-index:99;background:var(--night);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:100px 32px 40px;transform:translateY(-100%);transition:transform .7s var(--ease);visibility:hidden}
.mob.open{transform:none;visibility:visible}
.mob a{font-family:var(--fd);font-size:44px;line-height:1.2;display:flex;align-items:baseline;gap:18px;padding:8px 0;border-bottom:1px solid var(--line-d)}
.mob a .jp{font-size:16px;color:var(--mura3)}
.mob .mob-foot{margin-top:34px;display:flex;flex-wrap:wrap;gap:12px 22px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;opacity:.7}

/* ---------- hero ---------- */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;color:#fff;background:var(--night);overflow:hidden}
.hero .media{position:absolute;inset:0}
.hero .media video,.hero .media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.hero .media video{opacity:0;transition:opacity 1.4s}
.hero .media video.on{opacity:1}
.hero .media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,11,19,.32) 0%,rgba(15,11,19,0) 30%,rgba(15,11,19,.18) 65%,rgba(15,11,19,.86) 100%),linear-gradient(90deg,rgba(15,11,19,.42),transparent 50%)}
.hero .wrap{position:relative;z-index:2;width:100%;padding-bottom:64px;padding-top:160px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}
.hero .eyebrow{color:rgba(255,255,255,.8)}.hero .eyebrow::before{background:rgba(255,255,255,.6)}
.hero h1{color:#fff;max-width:11ch;font-weight:300}
.hero h1 em{color:var(--lav);font-weight:300}
.hero .sub{margin-top:26px;font-size:16px;color:rgba(255,255,255,.72);max-width:48ch;line-height:1.7}
.hero .acts{display:flex;gap:16px;flex-wrap:wrap;margin-top:38px}
.hero .tate{writing-mode:vertical-rl;text-orientation:upright;font-family:var(--fj);font-size:clamp(28px,3.4vw,44px);letter-spacing:.32em;color:rgba(255,255,255,.9);line-height:1;padding-top:10px;text-shadow:0 2px 20px rgba(0,0,0,.4);align-self:start;margin-top:-80px}
.hero .tate small{font-size:.42em;letter-spacing:.5em;color:var(--lav);opacity:.9;margin-top:14px;display:block}
.hero .foot{position:absolute;left:0;right:0;bottom:0;z-index:3;border-top:1px solid rgba(255,255,255,.14);background:rgba(15,11,19,.35);backdrop-filter:blur(6px)}
.hero .foot .wrap{display:flex;align-items:center;justify-content:space-between;padding:0 32px;padding-top:0;padding-bottom:0;height:56px;gap:20px;display:flex}
.hero .foot .scr{display:flex;align-items:center;gap:12px;font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.hero .foot .scr i{width:1px;height:26px;background:rgba(255,255,255,.6);position:relative;overflow:hidden}
.hero .foot .scr i::after{content:"";position:absolute;left:0;top:-26px;width:1px;height:26px;background:var(--lav);animation:drop 2s var(--ease) infinite}
@keyframes drop{to{top:26px}}
.hero .foot .now{display:flex;align-items:center;gap:14px;font-size:12px;color:rgba(255,255,255,.8);white-space:nowrap;overflow:hidden}
.hero .foot .now .jp{font-size:15px;color:var(--lav)}
.hero .foot .now b{font-weight:600;letter-spacing:.06em}
.hero .foot .now .dot{width:6px;height:6px;border-radius:50%;background:#b9f2c8;box-shadow:0 0 0 4px rgba(185,242,200,.18);animation:pulse 2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(185,242,200,.04)}}
.hero .hero-grid{display:none}

/* ---------- ticker ---------- */
.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--washi2);padding:14px 0}
.ticker .row{display:flex;gap:0;width:max-content;animation:tk 48s linear infinite}
.ticker span{display:inline-flex;align-items:center;gap:26px;padding:0 26px;font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:var(--ink3);white-space:nowrap}
.ticker span::after{content:"◆";font-size:7px;color:var(--mura3)}
.ticker:hover .row{animation-play-state:paused}
@keyframes tk{to{transform:translateX(-50%)}}

/* ---------- intro / statement ---------- */
.intro{position:relative}
.intro .grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.intro .stat{font-family:var(--fd);font-size:clamp(30px,3.6vw,50px);line-height:1.22;font-weight:300;color:var(--ink2)}
.intro .stat b{font-weight:400;color:var(--mura)}
.intro .stat .jp{font-size:.72em;color:var(--mura2);letter-spacing:.08em}
.intro .side{padding-top:14px}
.intro .side p{color:var(--ink3);max-width:46ch}
.intro .bigk{position:absolute;right:-2vw;top:-1vw;font-family:var(--fj);font-size:clamp(200px,28vw,420px);line-height:1;color:var(--mura);opacity:.045;pointer-events:none;user-select:none;font-weight:500}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:72px}
.pillar{padding:40px 36px 40px 0;border-right:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start}
.pillar:nth-child(2){padding-left:36px}.pillar:nth-child(3){padding-left:36px;border-right:0}
.pillar .k{font-size:58px;font-weight:500;color:var(--mura);opacity:.85;line-height:1;margin-top:-4px}
.pillar h3{font-size:22px;margin-bottom:8px}
.pillar h3 small{display:block;font-family:var(--fb);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-weight:600}
.pillar p{font-size:14.5px;color:var(--ink3);line-height:1.7}

/* ---------- chef ---------- */
.chef{background:var(--washi2)}
.chef .grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(40px,7vw,110px);align-items:center}
.chef .ph{position:relative}
.chef .ph .img-rv{aspect-ratio:4/5}
.chef .ph img{width:100%;height:100%;object-fit:cover;object-position:top}
.chef .ph .crest{position:absolute;right:-22px;bottom:40px;width:120px;height:120px;background:var(--washi);border-radius:50%;display:grid;place-items:center;box-shadow:0 20px 40px -20px rgba(23,19,28,.4)}
.chef .ph .crest img{width:78px;height:78px}
.chef .ph .name{position:absolute;left:-16px;top:40px;writing-mode:vertical-rl;text-orientation:upright;font-family:var(--fj);font-size:22px;letter-spacing:.3em;background:var(--washi);padding:22px 12px;color:var(--ink)}
.chef .txt h2{margin-bottom:26px}
.chef .txt p{color:var(--ink3)}
.chef blockquote{font-family:var(--fd);font-size:clamp(22px,2.2vw,28px);line-height:1.4;font-style:italic;color:var(--mura);border-left:1px solid var(--mura3);padding-left:24px;margin:30px 0}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;border-top:1px solid var(--line);padding-top:28px}
.stats div b{display:block;font-family:var(--fd);font-size:44px;font-weight:300;line-height:1;color:var(--ink);margin-bottom:8px}
.stats div b sup{font-size:.4em;color:var(--mura);vertical-align:top;top:.4em;position:relative}
.stats div span{font-size:12.5px;line-height:1.5;color:var(--muted);display:block}

/* ---------- courses rail ---------- */
.courses{overflow:hidden}
.rail-wrap{position:relative}
.rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 32px 30px;margin:0 -32px;scrollbar-width:none;cursor:grab}
.rail::-webkit-scrollbar{display:none}
.rail.drag{cursor:grabbing;scroll-snap-type:none}
.dish{flex:0 0 clamp(260px,26vw,340px);scroll-snap-align:start}
.dish .ph{aspect-ratio:4/5;overflow:hidden;background:var(--washi3);position:relative}
.dish .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.dish:hover .ph img{transform:scale(1.05)}
.dish .ph .n{position:absolute;top:14px;left:14px;font-family:var(--fj);font-size:13px;color:#fff;background:rgba(15,11,19,.55);backdrop-filter:blur(4px);padding:6px 10px;letter-spacing:.2em}
.dish .cap{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:16px}
.dish .cap h3{font-size:22px}
.dish .cap .jp{font-size:13px;color:var(--mura2);white-space:nowrap}
.dish .cap+p{font-size:13.5px;color:var(--muted);margin-top:6px;line-height:1.6}
.rail-nav{display:flex;gap:10px}
.rail-nav button{width:48px;height:48px;border:1px solid var(--line);display:grid;place-items:center;transition:background .3s,color .3s,border-color .3s}
.rail-nav button:hover{background:var(--ink);color:var(--washi);border-color:var(--ink)}
.rail-nav svg{width:16px;height:16px}

/* ---------- sekki ---------- */
.sekki{background:var(--night2);color:#efe9f0;position:relative;overflow:hidden}
.sekki::before{content:"";position:absolute;inset:0;background:radial-gradient(800px 400px at 80% 20%,rgba(111,71,168,.25),transparent 60%),radial-gradient(600px 300px at 10% 100%,rgba(154,124,201,.12),transparent 60%)}
.sekki .wrap{position:relative}
.sekki .grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.sekki .now-card{border:1px solid var(--line-d);padding:40px;position:relative;background:rgba(255,255,255,.03);backdrop-filter:blur(6px)}
.sekki .now-card .tag{font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--mura3);display:flex;align-items:center;gap:10px}
.sekki .now-card .tag i{width:6px;height:6px;border-radius:50%;background:#b9f2c8;animation:pulse 2s infinite}
.sekki .now-card .big{display:flex;align-items:baseline;gap:22px;margin:22px 0 10px}
.sekki .now-card .big .jp{font-size:clamp(56px,7vw,92px);line-height:1;color:#fff}
.sekki .now-card .big .ro{font-family:var(--fd);font-size:clamp(28px,3vw,40px);font-style:italic;color:var(--lav)}
.sekki .now-card .dates{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.sekki .now-card .peak{margin-top:26px;padding-top:22px;border-top:1px solid var(--line-d);font-size:15px;color:rgba(255,255,255,.82);line-height:1.7}
.sekki .now-card .peak b{display:block;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--mura3);margin-bottom:8px;font-weight:600}
.sekki .now-card .next{margin-top:18px;font-size:12.5px;color:rgba(255,255,255,.5)}
.sekki .now-card .next .jp{color:rgba(255,255,255,.8)}
.sekki h2,.sekki h3{color:#f4eef7}.sekki .lead{color:rgba(244,238,247,.72)}.sekki .eyebrow{color:var(--mura3)}.sekki .eyebrow::before{background:var(--mura3)}
.sekki .txt h2{margin-bottom:22px}
.sekki .strip{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin-top:64px}
.sekki .strip div{height:3px;background:rgba(255,255,255,.12);position:relative}
.sekki .strip div.past{background:rgba(255,255,255,.35)}
.sekki .strip div.cur{background:var(--mura3);box-shadow:0 0 12px var(--mura3)}
.sekki .strip div span{position:absolute;top:10px;left:0;font-size:10px;letter-spacing:.14em;color:rgba(255,255,255,.45);white-space:nowrap}
.sekki .strip div.cur span{color:#fff}

/* ---------- dine (two ways) ---------- */
.dine .grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.way{position:relative;aspect-ratio:4/4.6;overflow:hidden;background:var(--night);color:#fff;display:flex;align-items:flex-end}
.way img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease),filter 1s}
.way:hover img{transform:scale(1.05)}
.way::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,11,19,.05) 30%,rgba(15,11,19,.85) 100%)}
.way .in{position:relative;z-index:2;padding:40px}
.way .k{font-size:54px;color:var(--lav);opacity:.9;margin-bottom:14px;display:block}
.way h3{color:#fff;font-size:34px;margin-bottom:10px}
.way p{font-size:14.5px;color:rgba(255,255,255,.72);max-width:38ch;margin-bottom:22px}
.way .meta{display:flex;gap:18px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--lav);margin-bottom:22px}
.way .link{color:#fff}.way .link:hover{border-color:#fff}

/* ---------- sake ---------- */
.sake{position:relative}
.sake .grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,6vw,90px);align-items:center}
.sake .pour{aspect-ratio:3/2;overflow:hidden}
.sake .pour img{width:100%;height:100%;object-fit:cover}
.shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.shelf .b{border:1px solid var(--line-d);padding:22px 16px 18px;text-align:center;transition:background .4s,transform .5s var(--ease),border-color .4s;position:relative;overflow:hidden}
.shelf .b::before{content:"";position:absolute;left:12%;right:12%;bottom:64px;height:14px;border-radius:50%;background:rgba(0,0,0,.6);filter:blur(8px)}
.shelf .b img{height:150px;width:auto;margin:0 auto 18px;position:relative;transition:transform .6s var(--ease)}
.shelf .b:hover{background:rgba(255,255,255,.05);transform:translateY(-4px);border-color:rgba(154,124,201,.5)}
.shelf .b:hover img{transform:translateY(-6px)}
.shelf .b b{display:block;font-family:var(--fj);font-size:15px;font-weight:400;color:#fff}
.shelf .b span{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-top:6px}

/* ---------- voices ---------- */
.voices .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.voice{padding:40px 36px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:20px;transition:background .4s}
.voice:hover{background:var(--lav2)}
.voice .stars{color:var(--mura);letter-spacing:.2em;font-size:12px}
.voice p{font-family:var(--fd);font-size:21px;line-height:1.45;color:var(--ink2);flex:1}
.voice p::before{content:"“";color:var(--mura3);font-size:1.4em;line-height:0;margin-right:2px}
.voice small{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:600}
.score{display:flex;align-items:center;gap:24px;margin-top:40px;flex-wrap:wrap}
.score .n{font-family:var(--fd);font-size:64px;line-height:1;font-weight:300}
.score .n small{font-size:.35em;color:var(--muted)}
.score p{font-size:13px;color:var(--muted);max-width:32ch;line-height:1.6}

/* ---------- visit ---------- */
.visit .grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,90px)}
.visit .cols{display:grid;grid-template-columns:1fr 1fr;gap:34px 30px;margin-top:40px}
.visit .cols h4{font-family:var(--fb);font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--mura);margin-bottom:14px;font-weight:700}
.visit .cols p,.visit .cols li{font-size:15px;line-height:1.7;color:var(--ink2)}
.visit .cols li{display:flex;justify-content:space-between;gap:16px;border-bottom:1px dashed var(--line);padding:8px 0}
.visit .cols li span:last-child{color:var(--ink3);white-space:nowrap}
.visit .cols li.closed span:last-child{color:var(--muted);font-style:italic}
.visit .cols a{border-bottom:1px solid var(--line);transition:border-color .3s}
.visit .cols a:hover{border-color:var(--ink)}
.map{aspect-ratio:1/1;background:var(--washi3);position:relative;overflow:hidden;border:1px solid var(--line)}
.map iframe{width:100%;height:100%;border:0;filter:grayscale(.85) sepia(.15) contrast(1.05)}
.map .card{position:absolute;left:24px;bottom:24px;background:var(--washi);padding:22px 24px;max-width:300px;box-shadow:0 20px 50px -20px rgba(23,19,28,.5)}
.map .card b{font-family:var(--fj);font-size:16px;display:block;margin-bottom:6px}
.map .card p{font-size:13px;color:var(--ink3);line-height:1.6}
.map .card a{display:inline-block;margin-top:12px}
/* ---------- reserve band ---------- */
.band{background:var(--mura);color:#fff;position:relative;overflow:hidden}
.band::before{content:"はんなり";position:absolute;right:-1vw;top:50%;transform:translateY(-50%);font-family:var(--fj);font-size:clamp(160px,22vw,340px);color:#fff;opacity:.05;white-space:nowrap;pointer-events:none;line-height:1}
.band .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center;position:relative}
.band h2{color:#fff;font-weight:300}
.band h2 em{color:var(--lav)}
.band p{color:rgba(255,255,255,.75);max-width:48ch;margin-top:18px}
.band .acts{display:flex;flex-direction:column;gap:14px;align-items:flex-start;justify-self:end}
.band .btn-light::after{background:#fff}
.band .note{font-size:12px;color:rgba(255,255,255,.55);letter-spacing:.04em}

/* ---------- footer ---------- */
footer{background:var(--night);color:rgba(244,238,247,.75);padding:80px 0 34px}
footer .top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:56px;border-bottom:1px solid var(--line-d)}
footer .brand img{width:70px;margin-bottom:18px}
footer .brand .jp{font-size:22px;color:#fff;display:block;margin-bottom:6px}
footer .brand small{font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;display:block;margin-bottom:18px;color:var(--mura3)}
footer .brand p{font-size:13.5px;line-height:1.7;max-width:34ch}
footer h5{font-family:var(--fb);font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:#fff;margin-bottom:18px;font-weight:700}
footer li{margin-bottom:10px;font-size:14px}
footer li a{transition:color .3s}footer li a:hover{color:#fff}
footer .bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:26px;font-size:12px;color:rgba(244,238,247,.45)}
footer .bottom a:hover{color:#fff}
footer .soc{display:flex;gap:18px}

/* ---------- page hero (inner) ---------- */
.phero{position:relative;min-height:72svh;display:flex;align-items:flex-end;color:#fff;background:var(--night);overflow:hidden}
.phero img,.phero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.phero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,11,19,.5),rgba(15,11,19,.1) 40%,rgba(15,11,19,.9))}
.phero .wrap{position:relative;z-index:2;padding-top:180px;padding-bottom:70px;width:100%;display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px}
.phero .eyebrow{color:rgba(255,255,255,.8)}.phero .eyebrow::before{background:rgba(255,255,255,.6)}
.phero h1{color:#fff;font-weight:300;font-size:clamp(44px,6.4vw,84px)}
.phero .lead{color:rgba(255,255,255,.75);margin-top:20px}
.phero .tate{writing-mode:vertical-rl;text-orientation:upright;font-family:var(--fj);font-size:clamp(28px,3.2vw,40px);letter-spacing:.32em;color:rgba(255,255,255,.9);line-height:1}
.crumbs{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:22px;display:flex;gap:12px}
.crumbs a:hover{color:#fff}

/* ---------- about page ---------- */
.story .grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,100px);align-items:center}
.story .ph{aspect-ratio:3/4;overflow:hidden}
.story .ph img{width:100%;height:100%;object-fit:cover}
.story .ph.wide{aspect-ratio:4/3}
.story .txt p{color:var(--ink3)}
.story .txt .jp-note{font-family:var(--fj);font-size:15px;color:var(--mura2);margin-top:18px;letter-spacing:.1em}
.crest-sec .grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,6vw,100px);align-items:center}
.crest-sec .mark{position:relative;aspect-ratio:1;display:grid;place-items:center;background:var(--washi2)}
.crest-sec .mark img{width:60%;filter:drop-shadow(0 30px 40px rgba(75,42,114,.25))}
.crest-sec .mark::before{content:"";position:absolute;inset:8%;border:1px solid var(--line);border-radius:50%}
.crest-sec .mark::after{content:"";position:absolute;inset:16%;border:1px dashed var(--line);border-radius:50%}
.crest-sec .parts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.crest-sec .parts div{border-top:1px solid var(--line);padding-top:16px}
.crest-sec .parts .k{font-size:36px;color:var(--mura);display:block;margin-bottom:8px}
.crest-sec .parts b{display:block;font-family:var(--fd);font-size:20px;margin-bottom:4px;font-weight:500}
.crest-sec .parts p{font-size:13.5px;color:var(--muted);line-height:1.6}
.journey{position:relative}
.journey ol{position:relative;margin-top:40px}
.journey ol::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--line)}
.journey li{display:grid;grid-template-columns:180px 1fr;gap:40px;padding:32px 0 32px 40px;position:relative;border-bottom:1px solid var(--line)}
.journey li::before{content:"";position:absolute;left:-4px;top:44px;width:9px;height:9px;border-radius:50%;background:var(--washi);border:1px solid var(--mura);transition:background .4s}
.journey li:hover::before{background:var(--mura)}
.journey li .when{font-family:var(--fd);font-size:26px;color:var(--mura);line-height:1.1}
.journey li .when small{display:block;font-family:var(--fb);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-top:8px}
.journey li h3{font-size:24px;margin-bottom:8px}
.journey li p{color:var(--ink3);max-width:60ch}

/* ---------- menu page ---------- */
.subnav{position:sticky;top:0;z-index:50;background:rgba(246,241,233,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);margin-top:0}
.subnav .wrap{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-top:0;padding-bottom:0}
.subnav .wrap::-webkit-scrollbar{display:none}
.subnav a{padding:20px 20px;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--muted);white-space:nowrap;border-bottom:1px solid transparent;margin-bottom:-1px;transition:color .3s,border-color .3s}
.subnav a:hover,.subnav a.on{color:var(--ink);border-color:var(--ink)}
.subnav a .jp{margin-left:8px;color:var(--mura3);letter-spacing:.1em}
.menu-note{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--ink3);margin-top:-30px;margin-bottom:60px}
.menu-note .pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);padding:8px 14px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--mura)}
.menu-note .pill i{width:6px;height:6px;border-radius:50%;background:#7fbf8f}
.mgroup{padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(40px,5vw,72px)}
.mgroup+.mgroup{border-top:1px solid var(--line)}
.mgroup .head{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;margin-bottom:44px}
.mgroup .head h2{font-size:clamp(34px,4vw,54px)}
.mgroup .head .when{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);text-align:right;line-height:1.8}
.course{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,80px);align-items:start;padding:44px 0;border-top:1px dashed var(--line)}
.course:first-of-type{border-top:0}
.course .meta{position:sticky;top:90px}
.course .meta .flower{display:flex;align-items:baseline;gap:16px;margin-bottom:6px}
.course .meta .flower .jp{font-size:46px;line-height:1;color:var(--mura)}
.course .meta .flower h3{font-size:36px}
.course .meta .flower small{font-family:var(--fb);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-weight:600}
.course .meta .price{font-family:var(--fd);font-size:44px;font-weight:300;margin:16px 0 4px;line-height:1}
.course .meta .price small{font-size:.4em;color:var(--muted);margin-left:6px;font-family:var(--fb);letter-spacing:.08em}
.course .meta .pp{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.course .meta .desc{margin:20px 0 26px;color:var(--ink3);font-size:14.5px;max-width:40ch}
.course .meta .acts{display:flex;gap:12px;flex-wrap:wrap}
.course .meta .ph{aspect-ratio:4/3;overflow:hidden;margin-top:30px}
.course .meta .ph img{width:100%;height:100%;object-fit:cover}
.course ol{counter-reset:c}
.course ol li{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);align-items:start}
.course ol li:last-child{border-bottom:0}
.course ol li .num{font-family:var(--fj);font-size:22px;color:var(--mura3);line-height:1.3}
.course ol li b{font-family:var(--fd);font-size:22px;font-weight:500;display:block;line-height:1.2}
.course ol li .jp{font-size:12.5px;color:var(--mura2);display:block;margin:3px 0 6px;letter-spacing:.06em}
.course ol li p{font-size:13.5px;color:var(--ink3);line-height:1.6}
.course ol li .tag{display:inline-block;font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--muted);border:1px solid var(--line);padding:3px 8px;margin-top:8px}
.bev{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:10px}
.bev div{border:1px solid var(--line);padding:30px 30px 28px;background:var(--washi);transition:border-color .3s,transform .4s var(--ease)}
.bev div:hover{border-color:var(--mura3);transform:translateY(-3px)}
.bev .k{font-size:34px;display:block;margin-bottom:14px;color:var(--mura)}
.bev h3{font-size:22px;margin-bottom:8px}
.bev p{font-size:14px;color:var(--ink3)}
.notes{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:56px}
.notes div{background:var(--lav2);padding:28px 30px;border-left:2px solid var(--mura)}
.notes h4{font-family:var(--fb);font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--mura);margin-bottom:10px;font-weight:700}
.notes p{font-size:14px;color:var(--ink3)}

/* ---------- private dining page ---------- */
.room .grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(36px,6vw,90px);align-items:center}
.room .grid.flip{grid-template-columns:.85fr 1.15fr}
.room .grid.flip .ph{order:2}
.room .ph{aspect-ratio:4/3;overflow:hidden;position:relative}
.room .ph img{width:100%;height:100%;object-fit:cover}
.room .ph .tag{position:absolute;left:20px;top:20px;background:var(--washi);padding:10px 14px;font-family:var(--fj);letter-spacing:.2em;font-size:13px}
.room .facts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0 32px}
.room .facts div{border-top:1px solid var(--line);padding-top:14px}
.room .facts .k{font-size:28px;display:block;color:var(--mura);margin-bottom:6px}
.room .facts b{display:block;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-weight:700}
.room .facts span{font-size:14.5px;color:var(--ink2)}
.occ{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.occ div{padding:34px 26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .4s}
.occ div:hover{background:var(--lav2)}
.occ .k{font-size:40px;display:block;color:var(--mura);margin-bottom:16px}
.occ h3{font-size:21px;margin-bottom:8px}
.occ p{font-size:13.5px;color:var(--ink3);line-height:1.6}
.enq .grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(36px,6vw,90px);align-items:start}
.form{display:grid;grid-template-columns:1fr 1fr;gap:22px 24px}
.form .full{grid-column:1/-1}
.form label{display:block;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-weight:700}
.form input,.form select,.form textarea{width:100%;border:0;border-bottom:1px solid var(--ink3);background:transparent;padding:12px 0;font:inherit;font-size:15.5px;color:var(--ink);outline:0;border-radius:0;transition:border-color .3s}
.form select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%2317131c' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--mura)}
.form textarea{min-height:120px;resize:vertical}
.form .acts{grid-column:1/-1;display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:8px}
.form .acts small{font-size:12px;color:var(--muted)}
.form .ok{grid-column:1/-1;display:none;padding:32px;border:1px solid var(--mura3);background:var(--lav2)}
.form.sent .ok{display:block}.form.sent>*:not(.ok){display:none}
.form .ok .jp{font-size:30px;color:var(--mura);display:block;margin-bottom:10px}
.aside{background:var(--washi2);padding:36px;position:sticky;top:100px}
.aside h3{font-size:24px;margin-bottom:22px}
.aside dl{display:grid;grid-template-columns:auto 1fr;gap:12px 24px;font-size:14px}
.aside dt{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:700;padding-top:3px}
.aside dd{color:var(--ink2)}
.aside .rule{margin:26px 0}
.aside .cl{display:flex;flex-direction:column;gap:10px;font-size:15px}
.aside .cl a{display:flex;align-items:center;gap:12px}
.aside .cl svg{width:16px;height:16px;color:var(--mura)}

/* ---------- contact page ---------- */
.ccards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.ccard{border:1px solid var(--line);padding:32px 28px;background:var(--washi);transition:transform .4s var(--ease),border-color .3s}
.ccard:hover{transform:translateY(-4px);border-color:var(--mura3)}
.ccard .k{font-size:34px;display:block;margin-bottom:16px;color:var(--mura)}
.ccard h3{font-size:20px;margin-bottom:10px}
.ccard p{font-size:14px;color:var(--ink3);line-height:1.65}
.ccard p+p{margin-top:8px}
.ccard a.big{font-family:var(--fd);font-size:22px;display:block;margin-bottom:8px;color:var(--ink)}
.ccard .link{margin-top:14px}
.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:30px}
.tabs button{padding:14px 20px;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--muted);border-bottom:1px solid transparent;margin-bottom:-1px;transition:color .3s,border-color .3s}
.tabs button.on{color:var(--ink);border-color:var(--ink)}
.tab{display:none}.tab.on{display:block}
.tab p{color:var(--ink3);max-width:60ch}
.tab b{color:var(--ink)}
.here .grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,90px);align-items:start}
.here .map{aspect-ratio:4/3}
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.quick a{border-top:1px solid var(--ink);padding-top:20px;display:block;transition:color .3s}
.quick a small{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--mura);font-weight:700;display:block;margin-bottom:10px}
.quick a b{font-family:var(--fd);font-size:26px;font-weight:400;display:block;margin-bottom:6px}
.quick a p{font-size:13.5px;color:var(--muted)}
.quick a:hover b{color:var(--mura)}

/* ---------- floating reserve (mobile) ---------- */
.fab{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;display:none;gap:10px}
.fab .btn{flex:1;padding:16px;font-size:11.5px}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .ccards,.quick{grid-template-columns:repeat(2,1fr)}
  .occ{grid-template-columns:repeat(3,1fr)}
  footer .top{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .wrap{padding-left:20px;padding-right:20px}
  .nav ul,.nav .cta{display:none}.burger{display:block}
  .hero .wrap{grid-template-columns:1fr;padding-top:130px;padding-bottom:90px}
  .hero .tate{display:none}
  .hero .foot .now{display:none}
  .intro .grid,.chef .grid,.sekki .grid,.dine .grid,.sake .grid,.visit .grid,.band .wrap,.story .grid,.crest-sec .grid,.room .grid,.room .grid.flip,.enq .grid,.here .grid,.hd.split{grid-template-columns:1fr}
  .room .grid.flip .ph{order:0}
  .pillars{grid-template-columns:1fr}
  .pillar,.pillar:nth-child(2),.pillar:nth-child(3){padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}
  .chef .ph .name{left:0}
  .chef .ph .crest{right:12px}
  .voices .grid{grid-template-columns:1fr}
  .course{grid-template-columns:1fr}
  .course .meta{position:static}
  .journey li{grid-template-columns:1fr;gap:10px;padding-left:28px}
  .band .acts{justify-self:start}
  .rail{padding-left:20px;padding-right:20px;margin:0 -20px}
  .sekki .strip{grid-template-columns:repeat(6,1fr);gap:8px 4px}
  .sekki .strip div span{display:none}
  .aside{position:static}
  .fab{display:flex}
  footer{padding-bottom:96px}
  .hd{margin-bottom:40px}
}
@media (max-width:600px){
  .ccards,.quick,.occ,.bev,.notes,.form,.shelf,.stats,.visit .cols{grid-template-columns:1fr}
  .shelf{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:repeat(3,1fr);gap:12px}
  .stats div b{font-size:32px}
  .mob a{font-size:34px}
  .hero .foot .scr{font-size:9.5px}
  .dish{flex-basis:78vw}
  .way{aspect-ratio:4/5}
  .course .meta .flower h3{font-size:30px}
  .phero .tate{display:none}
  .phero .wrap{grid-template-columns:1fr;padding-top:140px}
  footer .top{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .rv,.img-rv img,.img-rv::after,.words .w>span{transition:none!important;opacity:1!important;transform:none!important}
  .ticker .row{animation:none}
}