/*
Theme Name: Shiori Motion
Description: 銀座抹茶堂 栞のための静かな写真と余白を生かしたテーマ。
Version: 2.3.0
Text Domain: shiori-motion
*/
:root{--ink:#13251d;--green:#07583e;--paper:#fff;--soft:#f4f5f0;--line:rgba(19,37,29,.18);--serif:"Noto Serif JP","Yu Mincho",serif;--sans:"Inter","Noto Sans JP",sans-serif;--pad:clamp(22px,4vw,68px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:#fff;color:var(--ink);font-family:var(--sans)}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;color:inherit}
.site-header{position:fixed;z-index:100;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;height:84px;padding:0 var(--pad);background:rgba(255,255,255,.88);border-bottom:1px solid rgba(19,37,29,.06);backdrop-filter:blur(14px)}.site-logo{display:flex;align-items:center;gap:12px}.site-logo img{width:43px;height:43px;object-fit:contain}.site-logo span{font-family:var(--serif);font-size:14px}.header-nav{display:flex;gap:30px;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.header-nav a{padding:8px 0;border-bottom:1px solid transparent}.header-nav a:hover{border-color:var(--green)}.menu-toggle{display:none;width:42px;height:42px;padding:10px;border:0;background:none}.menu-toggle i,.menu-toggle:before,.menu-toggle:after{content:"";display:block;width:100%;height:1px;margin:6px 0;background:currentColor;transition:.3s}
.quiet-hero{position:relative;height:calc(100svh - 84px);min-height:680px;margin-top:84px;overflow:hidden;background:#edf0ec}.quiet-hero:after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:radial-gradient(ellipse 42% 28% at 10% 8%,rgba(255,255,255,.94) 0,rgba(255,255,255,.68) 38%,rgba(255,255,255,0) 76%),radial-gradient(ellipse 25% 58% at 97% 28%,rgba(255,255,255,.86) 0,rgba(255,255,255,.5) 42%,rgba(255,255,255,0) 80%),linear-gradient(0deg,rgba(255,255,255,.48),rgba(255,255,255,0) 18%)}.hero-slides,.hero-slide{position:absolute;inset:0;margin:0}.hero-slide{opacity:0;transition:opacity 1.8s ease}.hero-slide.is-active{opacity:1}.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-brand{position:absolute;z-index:3;top:6%;left:var(--pad);width:min(30vw,400px);filter:drop-shadow(0 2px 14px rgba(255,255,255,.95))}.hero-brand img{width:100%}.hero-vertical{position:absolute;z-index:3;top:20%;right:5.5%;margin:0;color:var(--green);font-family:var(--serif);font-size:clamp(18px,1.8vw,28px);line-height:2.1;letter-spacing:.08em;writing-mode:vertical-rl;text-shadow:0 1px 8px #fff,0 1px 18px #fff}.hero-meta{position:absolute;z-index:3;left:var(--pad);right:var(--pad);bottom:30px;display:flex;justify-content:space-between;font-size:10px;font-weight:600;letter-spacing:.2em;text-shadow:0 1px 7px #fff}.hero-look{position:absolute;z-index:3;right:var(--pad);bottom:72px;font-size:10px;font-weight:600;letter-spacing:.14em;text-shadow:0 1px 7px #fff}.hero-look span{margin-left:18px}
.intro{position:relative;display:grid;grid-template-columns:1fr .85fr;gap:10vw;min-height:100svh;padding:170px 12vw 140px}.side-index{position:absolute;left:var(--pad);top:165px;font-size:9px;letter-spacing:.16em;writing-mode:vertical-rl}.intro-heading>p{margin:0 0 60px;font-size:9px;letter-spacing:.22em}.intro h1{margin:0;font-family:var(--serif);font-size:clamp(42px,6.2vw,98px);font-weight:400;line-height:1.55;letter-spacing:.04em;writing-mode:vertical-rl}.intro-body{align-self:end;display:grid;grid-template-columns:1fr 1fr;gap:40px}.intro-body p{margin:0;font-family:var(--serif);font-size:13px;line-height:2.5;writing-mode:vertical-rl;max-height:510px}
.story-frame{position:relative;height:100svh;min-height:720px;overflow:hidden}.story-frame img{width:100%;height:120%;object-fit:cover;will-change:transform}.story-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.08),transparent 45%,rgba(0,0,0,.12))}.story-copy{position:absolute;z-index:2;margin:0;color:#fff;font-family:var(--serif);font-size:clamp(20px,2vw,30px);line-height:2;letter-spacing:.08em}.story-copy.vertical{right:8%;top:17%;writing-mode:vertical-rl}.story-frame-white .story-copy{left:8%;bottom:13%;font-size:clamp(26px,3vw,46px)}.story-label{position:absolute;z-index:2;left:var(--pad);bottom:35px;color:#fff;font-size:9px;letter-spacing:.2em}
.news-minimal{display:grid;grid-template-columns:.65fr 1.35fr;gap:8vw;padding:150px 10vw 170px}.news-minimal header>span,.menu-intro>span,.access-copy>span{font-size:9px;letter-spacing:.2em}.news-minimal h2{margin:35px 0 0;font-family:var(--serif);font-size:clamp(36px,4.5vw,70px);font-weight:400;line-height:1.5}.news-lines{border-top:1px solid var(--ink)}.news-lines a,.news-empty{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:25px;padding:25px 0;border-bottom:1px solid var(--line)}.news-lines time,.news-lines span{font-size:10px;letter-spacing:.08em}.news-lines strong{font-family:var(--serif);font-size:15px;font-weight:400}
.menu-clean{padding:170px var(--pad);background:var(--soft)}.menu-intro{position:relative;min-height:430px;padding-left:8vw}.menu-intro h2{margin:38px 0 0;font-family:var(--serif);font-size:clamp(46px,7vw,106px);font-weight:400;line-height:1.35}.menu-intro p{position:absolute;right:8vw;bottom:50px;margin:0;font-family:var(--serif);font-size:13px;line-height:2.2}.menu-filter{display:flex;justify-content:flex-end;gap:5px;margin-bottom:50px}.menu-filter button{padding:8px 14px;border:0;border-bottom:1px solid transparent;background:none;cursor:pointer;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.menu-filter button.is-active{border-color:var(--green)}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:70px 24px}.menu-card{min-width:0;transition:opacity .4s}.menu-card.is-hidden{display:none}.menu-card-image{position:relative;display:block;width:100%;padding:0;aspect-ratio:1/1.18;overflow:hidden;border:0;background:#fff;cursor:zoom-in}.menu-card img{width:100%;height:100%;object-fit:contain;padding:18px;transition:transform 1s cubic-bezier(.16,1,.3,1)}.menu-card:hover img,.menu-card-image:focus-visible img{transform:scale(1.07)}.zoom-mark{position:absolute;right:13px;bottom:12px;display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(19,37,29,.28);border-radius:50%;background:rgba(255,255,255,.82);font-size:16px}.menu-card-text{position:relative;padding:18px 0 0 28px;border-top:1px solid var(--ink)}.menu-card-text>span{position:absolute;left:0;top:21px;font-size:9px}.menu-card h3{margin:0 0 6px;font-family:var(--serif);font-size:17px;font-weight:500;line-height:1.6}.menu-card small{display:block;min-height:32px;color:rgba(19,37,29,.55);font-size:9px}.menu-card b{display:block;margin-top:12px;font-family:var(--serif);font-size:13px;font-weight:400}
.drink-supplements{margin-top:150px}.drink-supplements.is-hidden{display:none}.set-drink{display:grid;grid-template-columns:1fr auto;gap:35px;padding:55px 6vw;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:#fff}.set-drink>div>span{font-size:9px;letter-spacing:.2em}.set-drink h3{margin:22px 0 14px;font-family:var(--serif);font-size:clamp(34px,4vw,62px);font-weight:400}.set-drink h3 small{display:inline;margin-left:18px;color:rgba(19,37,29,.55);font-family:var(--sans);font-size:11px;letter-spacing:.12em}.set-drink p{max-width:600px;margin:0;font-family:var(--serif);font-size:13px;line-height:2}.set-drink>strong{align-self:center;font-family:var(--serif);font-size:clamp(34px,4vw,58px);font-weight:400}.set-drink ul{grid-column:1/-1;display:flex;gap:10px;margin:10px 0 0;padding:0;list-style:none}.set-drink li{padding:8px 14px;border:1px solid var(--line);font-family:var(--serif);font-size:12px}.text-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin-top:110px}.text-menu header{display:flex;align-items:center;gap:20px;padding-bottom:26px;border-bottom:1px solid var(--ink)}.text-menu header>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--green);border-radius:50%;font-family:var(--serif);font-size:20px}.text-menu h3{margin:0;font-size:clamp(27px,3vw,44px);font-weight:400;letter-spacing:.04em}.text-menu h3 small{display:block;margin-top:5px;color:rgba(19,37,29,.55);font-size:9px;letter-spacing:.15em}.text-menu ul{margin:0;padding:0;list-style:none}.text-menu li{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.text-menu li b{display:block;font-family:var(--serif);font-size:13px;font-weight:400}.text-menu li small{display:block;margin-top:4px;color:rgba(19,37,29,.48);font-size:9px}.text-menu li>span{font-family:var(--serif);font-size:12px;white-space:nowrap}
.image-lightbox{width:min(92vw,1100px);max-width:none;padding:0;border:0;background:transparent;color:#fff;overflow:visible}.image-lightbox::backdrop{background:rgba(5,14,10,.9);backdrop-filter:blur(8px)}.image-lightbox img{width:100%;max-height:82vh;object-fit:contain}.image-lightbox p{margin:13px 48px 0 0;font-family:var(--serif);font-size:13px}.lightbox-close{position:absolute;right:0;top:-48px;width:40px;height:40px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:transparent;color:#fff;cursor:pointer;font-size:24px;line-height:1}.image-lightbox[open]{animation:lightbox-in .35s ease both}@keyframes lightbox-in{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
.access-clean{display:grid;grid-template-columns:1.2fr .8fr;min-height:100svh}.access-photo{overflow:hidden}.access-photo img{width:100%;height:120%;object-fit:cover}.access-copy{display:flex;flex-direction:column;justify-content:center;padding:100px var(--pad)}.access-copy h2{margin:42px 0 70px;font-family:var(--serif);font-size:clamp(48px,6vw,90px);font-weight:400;line-height:1.35}.access-copy dl{margin:0}.access-copy dl div{display:grid;grid-template-columns:80px 1fr;gap:20px;padding:18px 0;border-top:1px solid var(--line)}.access-copy dt{font-size:9px;letter-spacing:.12em;text-transform:uppercase}.access-copy dd{margin:0;font-family:var(--serif);font-size:12px;line-height:2}.map-link{align-self:flex-start;margin-top:40px;padding-bottom:7px;border-bottom:1px solid;font-size:10px;letter-spacing:.1em}
.site-footer{padding:120px var(--pad) 35px;background:var(--green);color:#fff}.footer-logo{width:min(580px,80vw);filter:brightness(0) invert(1)}.footer-brand-night,.footer-night-copy{display:none}.footer-brand-night small{display:block;color:#b87068;font-family:var(--serif);font-size:16px;letter-spacing:.32em}.footer-brand-night strong{display:block;margin-top:8px;font-family:var(--serif);font-size:clamp(80px,13vw,190px);font-weight:400;line-height:1}.footer-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:100px;padding-top:28px;border-top:1px solid rgba(255,255,255,.28);font-size:10px;line-height:1.7}.footer-row a{border-bottom:1px solid}.reveal{opacity:0;transform:translateY(28px);transition:opacity 1.2s ease,transform 1.2s cubic-bezier(.16,1,.3,1)}.reveal.is-visible{opacity:1;transform:none}
.page-face{display:none}.page-face.is-active{display:block}.page-face.is-transitioning{position:fixed;z-index:180;inset:0;display:block;overflow-y:auto;overscroll-behavior:contain;background:#fff;will-change:transform}.page-face.is-entering{z-index:181}.page-face.enter-from-bottom{animation:page-from-bottom 1.05s cubic-bezier(.19,1,.22,1) both}.page-face.exit-to-top{animation:page-to-top .72s cubic-bezier(.7,0,.3,1) both}.page-face.enter-from-top{animation:page-from-top 1.05s cubic-bezier(.19,1,.22,1) both}.page-face.exit-to-bottom{animation:page-to-bottom .72s cubic-bezier(.7,0,.3,1) both}@keyframes page-from-bottom{from{transform:translateY(100%)}to{transform:none}}@keyframes page-to-top{to{transform:translateY(-35%);opacity:.32}}@keyframes page-from-top{from{transform:translateY(-100%)}to{transform:none}}@keyframes page-to-bottom{to{transform:translateY(35%);opacity:.32}}
.day-night-switch{position:fixed;z-index:220;right:0;top:50%;display:flex;align-items:center;gap:12px;padding:13px 16px 13px 18px;background:rgba(255,255,255,.92);border:1px solid rgba(19,37,29,.15);border-right:0;backdrop-filter:blur(12px);transform:translateY(-50%);transition:color .5s,background .5s,border-color .5s}.day-night-switch button{display:flex;align-items:center;gap:8px;padding:0;border:0;background:none;cursor:pointer;opacity:.38;transition:opacity .3s}.day-night-switch button.is-active{opacity:1}.day-night-switch span{font-size:8px;font-weight:700;letter-spacing:.18em}.day-night-switch b{display:none;font-family:var(--serif);font-size:10px;font-weight:400}.day-night-switch i{width:24px;height:1px;background:currentColor}.night-mode .day-night-switch{color:#f4eee8;background:rgba(12,10,10,.88);border-color:rgba(255,255,255,.18)}
.night-main{--night:#100e0e;--night-soft:#1a1615;--vermilion:#c62420;--night-text:#f3eee7;background:var(--night);color:var(--night-text);font-family:var(--sans)}.night-main img{width:100%}.night-hero{position:relative;height:100svh;min-height:720px;overflow:hidden;background:#080707}.night-hero>img{height:100%;object-fit:cover;object-position:center}.night-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,6,6,.92) 0,rgba(8,6,6,.34) 44%,rgba(8,6,6,.2) 70%,rgba(8,6,6,.6)),linear-gradient(0deg,rgba(8,6,6,.7),transparent 45%)}.night-kicker{position:absolute;z-index:2;top:125px;left:var(--pad);margin:0;color:#dfaaa3;font-size:9px;letter-spacing:.3em}.night-title{position:absolute;z-index:2;left:9vw;top:50%;transform:translateY(-47%)}.night-title>span{font-family:var(--serif);font-size:clamp(16px,1.4vw,22px);letter-spacing:.32em}.night-title h1{margin:.12em 0;color:#fff;font-family:var(--serif);font-size:clamp(88px,13vw,205px);font-weight:400;line-height:.95;letter-spacing:.04em;text-shadow:0 10px 40px rgba(0,0,0,.4)}.night-title p{margin:35px 0 0;padding-left:5px;font-family:var(--serif);font-size:clamp(15px,1.4vw,22px);line-height:2;letter-spacing:.13em}.night-hours{position:absolute;z-index:2;right:var(--pad);bottom:55px;display:grid;grid-template-columns:auto auto;align-items:end;gap:4px 16px}.night-hours span{font-size:8px;letter-spacing:.2em}.night-hours strong{font-family:var(--serif);font-size:24px;font-weight:400}.night-hours i{grid-column:1/-1;width:100%;height:1px;background:var(--vermilion)}.night-scroll{position:absolute;z-index:2;left:var(--pad);bottom:55px;font-family:var(--serif);font-size:11px;letter-spacing:.16em}.night-scroll span{margin-left:24px;color:var(--vermilion)}
.night-manifesto{position:relative;display:grid;grid-template-columns:.75fr 1.25fr;min-height:100svh;padding:170px 10vw;background:var(--night);overflow:hidden}.night-manifesto:after{content:"夜";position:absolute;right:-.08em;bottom:-.3em;color:rgba(198,36,32,.08);font-family:var(--serif);font-size:60vw;line-height:1;pointer-events:none}.night-section-no{margin:0;color:#b87068;font-size:9px;letter-spacing:.25em}.night-manifesto h2{position:relative;z-index:1;margin:0;font-family:var(--serif);font-size:clamp(48px,7vw,110px);font-weight:400;line-height:1.45;letter-spacing:.03em}.night-manifesto h2 em{color:var(--vermilion);font-style:normal}.night-manifesto>div{position:absolute;z-index:1;right:10vw;bottom:10%;width:min(450px,34vw)}.night-manifesto>div p{font-family:var(--serif);font-size:13px;line-height:2.4}.night-manifesto>div span{display:block;margin-top:40px;color:#b87068;font-size:8px;letter-spacing:.25em}
.night-featured{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;padding:40px 8vw 170px;background:var(--night)}.night-featured article:nth-child(2){padding-top:190px}.night-featured button{position:relative;width:100%;padding:0;overflow:hidden;border:0;background:#000;cursor:zoom-in}.night-featured img{aspect-ratio:1/1;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1),opacity .5s}.night-featured button:hover img{transform:scale(1.045);opacity:.82}.night-featured button span{position:absolute;right:20px;bottom:18px;padding-bottom:5px;border-bottom:1px solid;color:#fff;font-size:8px;letter-spacing:.2em}.night-featured article>div{display:grid;grid-template-columns:90px 1fr;gap:30px;padding-top:25px;border-top:1px solid rgba(255,255,255,.25)}.night-featured small{color:#b87068;font-size:8px;letter-spacing:.17em}.night-featured h3{margin:0;font-family:var(--serif);font-size:clamp(23px,2.5vw,40px);font-weight:400;line-height:1.55}
.night-menu,.night-drinks{padding:170px 8vw;background:#f0ebe3;color:#181312}.night-menu>header,.night-drinks>header{display:grid;grid-template-columns:.5fr 1.1fr .7fr;align-items:start;gap:4vw;padding-bottom:85px;border-bottom:1px solid #211c1b}.night-menu header p,.night-drinks header p{font-size:9px;letter-spacing:.22em}.night-menu header h2,.night-drinks header h2{margin:0;font-family:var(--serif);font-size:clamp(60px,8vw,126px);font-weight:400;line-height:1}.night-menu header h2 small,.night-drinks header h2 small{display:block;margin-top:24px;color:var(--vermilion);font-family:var(--sans);font-size:9px;letter-spacing:.3em}.night-menu header>span,.night-drinks header>span{padding-top:15px;font-family:var(--serif);font-size:12px;line-height:2.2}.night-menu-groups{margin-top:20px}.night-menu-group{display:grid;grid-template-columns:.62fr 1.38fr;gap:5vw;padding:75px 0;border-bottom:1px solid rgba(24,19,18,.35)}.night-menu-group-title{display:flex;gap:28px;align-items:flex-start}.night-menu-group-title>span{color:var(--vermilion);font-size:9px}.night-menu-group h3{margin:0;font-family:var(--serif);font-size:clamp(27px,3vw,48px);font-weight:400}.night-menu-group ol{display:grid;grid-template-columns:1fr 1fr;gap:0 50px;margin:0;padding:0;list-style:none;counter-reset:item}.night-menu-group li{counter-increment:item;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;min-height:54px;border-bottom:1px solid rgba(24,19,18,.13);font-family:var(--serif);font-size:13px;line-height:1.55}.night-menu-group li:after{content:counter(item,decimal-leading-zero);color:rgba(24,19,18,.35);font-family:var(--sans);font-size:8px}.night-menu-group li i{display:none}.night-price-note{margin:35px 0 0;text-align:right;font-size:9px;letter-spacing:.06em}
.night-drinks{background:var(--vermilion);color:#fff}.night-drinks>header{border-color:rgba(255,255,255,.45)}.night-drinks header h2 small{color:#201414}.night-drink-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:100px;border-top:1px solid rgba(255,255,255,.45);border-left:1px solid rgba(255,255,255,.45)}.night-drink-grid section{padding:40px 30px 60px;border-right:1px solid rgba(255,255,255,.45);border-bottom:1px solid rgba(255,255,255,.45)}.night-drink-grid h3{min-height:44px;margin:0 0 35px;font-size:12px;letter-spacing:.12em}.night-drink-grid ul{margin:0;padding:0;list-style:none}.night-drink-grid li{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.18);font-family:var(--serif);font-size:12px;line-height:1.6}
.night-access{display:grid;grid-template-columns:.45fr 1fr 1fr;gap:6vw;padding:150px 8vw 180px;background:#090808;color:#f4eee8}.night-access>p{margin:0;color:#b87068;font-size:9px;letter-spacing:.22em}.night-access h2{margin:0;font-family:var(--serif);font-size:clamp(42px,5vw,76px);font-weight:400;line-height:1.5}.night-access dl{margin:0}.night-access dl div{display:grid;grid-template-columns:80px 1fr;gap:20px;padding:20px 0;border-top:1px solid rgba(255,255,255,.2)}.night-access dt{color:#b87068;font-size:8px;letter-spacing:.16em}.night-access dd{margin:0;font-family:var(--serif);font-size:12px;line-height:2}.night-mode .site-header{color:#f5eee8;background:rgba(12,10,10,.88);border-color:rgba(255,255,255,.1)}.night-mode .site-logo img{filter:brightness(0) invert(1)}.night-mode .site-footer{background:#090808}.night-mode .footer-brand-day,.night-mode .footer-day-copy{display:none}.night-mode .footer-brand-night,.night-mode .footer-night-copy{display:block}.night-mode .footer-row{border-color:rgba(198,36,32,.55)}.night-mode .header-nav a:hover{border-color:#c62420}
@media(max-width:900px){.site-header{height:68px}.site-logo span{display:none}.header-nav{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;background:#fff;font-family:var(--serif);font-size:24px;opacity:0;visibility:hidden;transition:.35s}.menu-open .header-nav{opacity:1;visibility:visible}.menu-toggle{display:block;z-index:2}.menu-open .menu-toggle i{opacity:0}.menu-open .menu-toggle:before{transform:translateY(7px) rotate(45deg)}.menu-open .menu-toggle:after{transform:translateY(-7px) rotate(-45deg)}.quiet-hero{height:calc(100svh - 68px);margin-top:68px;min-height:650px}.hero-slide img{object-position:58% center}.hero-brand{top:5%;width:58vw}.hero-vertical{top:24%;right:8%;font-size:16px}.intro{grid-template-columns:1fr;padding:120px 13vw}.intro h1{font-size:48px}.intro-body{justify-self:end}.story-frame{min-height:640px}.story-frame-red img{object-position:58% center}.news-minimal{grid-template-columns:1fr;padding:110px 8vw}.menu-grid{grid-template-columns:repeat(2,1fr)}.text-menu-grid{grid-template-columns:1fr;gap:90px}.access-clean{grid-template-columns:1fr}.access-photo{height:70svh}.access-copy{padding:100px 8vw}}
@media(max-width:900px){.night-mode .header-nav{background:#100e0e}.day-night-switch{top:auto;right:14px;bottom:14px;transform:none}.night-hero{min-height:680px}.night-title{left:8vw}.night-manifesto{grid-template-columns:1fr;padding:130px 8vw;min-height:820px}.night-manifesto h2{margin-top:80px}.night-manifesto>div{right:8vw;bottom:9%;width:52vw}.night-featured{gap:35px;padding:30px 6vw 120px}.night-featured article:nth-child(2){padding-top:120px}.night-menu,.night-drinks{padding:120px 6vw}.night-menu>header,.night-drinks>header{grid-template-columns:.5fr 1.5fr}.night-menu header>span,.night-drinks header>span{grid-column:2}.night-menu-group{grid-template-columns:1fr;gap:40px}.night-drink-grid{grid-template-columns:1fr 1fr}.night-access{grid-template-columns:1fr 1fr}.night-access dl{grid-column:2}}
@media(max-width:560px){.hero-brand{width:68vw}.hero-meta span:nth-child(2){display:none}.intro{min-height:860px;padding:110px 13vw 90px}.side-index{left:20px;top:105px}.intro h1{font-size:38px}.intro-body{gap:22px}.intro-body p{font-size:11px;max-height:400px}.story-copy.vertical{right:7%;top:12%}.news-lines a,.news-empty{grid-template-columns:1fr auto}.news-lines time{grid-column:1/-1}.menu-clean{padding:110px 20px}.menu-intro{min-height:390px;padding-left:0}.menu-intro h2{font-size:42px}.menu-intro p{right:0;bottom:30px}.menu-filter{justify-content:flex-start;overflow-x:auto}.menu-grid{grid-template-columns:1fr;gap:65px}.menu-card-image{aspect-ratio:1.08/1}.drink-supplements{margin-top:100px}.set-drink{display:block;padding:38px 24px}.set-drink>strong{display:block;margin-top:28px}.set-drink ul{flex-wrap:wrap;margin-top:28px}.text-menu-grid{margin-top:80px}.text-menu li b{font-size:12px}.image-lightbox{width:94vw}.access-photo{height:58svh}.footer-row{display:block}.footer-row p+p{margin-top:25px}}
@media(max-width:560px){.day-night-switch{left:12px;right:12px;bottom:10px;justify-content:center}.day-night-switch b{display:block}.night-hero{min-height:700px}.night-hero>img{object-position:60% center}.night-kicker{top:95px}.night-title{top:46%;left:22px}.night-title h1{font-size:24vw}.night-title p{font-size:13px}.night-hours{right:20px;bottom:80px}.night-scroll{left:20px;bottom:82px}.night-manifesto{padding:110px 22px;min-height:760px}.night-manifesto h2{margin-top:65px;font-size:41px}.night-manifesto>div{right:22px;bottom:9%;width:75vw}.night-featured{grid-template-columns:1fr;padding:20px 20px 100px}.night-featured article:nth-child(2){padding-top:50px}.night-featured article>div{grid-template-columns:70px 1fr}.night-menu,.night-drinks{padding:100px 20px}.night-menu>header,.night-drinks>header{grid-template-columns:1fr;padding-bottom:55px}.night-menu header>span,.night-drinks header>span{grid-column:1}.night-menu header h2,.night-drinks header h2{font-size:58px}.night-menu-group{padding:55px 0}.night-menu-group ol{grid-template-columns:1fr}.night-drink-grid{grid-template-columns:1fr;margin-top:65px}.night-access{grid-template-columns:1fr;padding:100px 22px 140px}.night-access h2,.night-access dl{grid-column:1}.night-access h2{margin-top:50px}.night-price-note{text-align:left;line-height:1.8}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
.night-menu-group li:after{display:none}.night-menu-group li b{color:#c62420;font-family:var(--sans);font-size:11px;font-weight:600;white-space:nowrap}.night-drink-grid{grid-template-columns:repeat(5,1fr)}.night-drink-grid li{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}.night-drink-grid li b{font-size:11px;font-weight:500;white-space:nowrap}@media(max-width:1100px){.night-drink-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.night-drink-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.night-drink-grid{grid-template-columns:1fr}.night-menu-group li b,.night-drink-grid li b{font-size:10px}}
.night-menu-group-title{display:grid;grid-template-columns:auto 1fr;gap:0 28px}.night-menu-group-title h3{grid-column:2}.night-group-image{position:relative;grid-column:1/-1;width:100%;margin-top:38px;padding:0;overflow:hidden;border:0;background:#171211;cursor:zoom-in}.night-group-image img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .4s}.night-group-image:hover img{transform:scale(1.035);opacity:.88}.night-group-image i{position:absolute;right:14px;bottom:12px;color:#fff;font-size:8px;font-style:normal;letter-spacing:.16em}.night-manifesto>div p{font-size:16px}.night-menu header p,.night-drinks header p{font-size:11px}.night-menu header>span,.night-drinks header>span{font-size:15px}.night-menu-group li{min-height:64px;font-size:16px}.night-menu-group li b{font-size:14px}.night-drink-grid li{font-size:14px}.night-drink-grid li b{font-size:13px}.night-price-note{font-size:11px}.night-access dd{font-size:14px}@media(min-width:901px){.day-night-switch{min-width:350px;gap:18px;padding:20px 24px 20px 28px}.day-night-switch button{flex:1;flex-direction:column;align-items:flex-start;gap:5px}.day-night-switch b{display:block;font-size:12px}.day-night-switch span{font-size:10px}.day-night-switch i{width:38px}}
@media(max-width:560px){.day-page .menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 12px}.day-page .menu-card-image{aspect-ratio:1/1.05}.day-page .menu-card img{padding:7px}.day-page .menu-card-text{padding:13px 0 0 18px}.day-page .menu-card-text>span{top:16px;font-size:8px}.day-page .menu-card h3{font-size:13px;line-height:1.45}.day-page .menu-card small{min-height:28px;font-size:8px;line-height:1.4}.day-page .menu-card b{margin-top:8px;font-size:12px}.night-menu-group-title{display:grid}.night-group-image{margin-top:25px}.night-menu-group li{font-size:14px}.night-menu-group li b,.night-drink-grid li b{font-size:12px}.night-menu header>span,.night-drinks header>span{font-size:13px}.night-manifesto>div p{font-size:14px}}

/* Language switch and English typography */
.header-nav{margin-left:auto}.language-switcher{display:flex;align-items:center;gap:8px;margin-left:28px}.language-switcher button{padding:8px 2px;border:0;background:none;cursor:pointer;font-size:9px;font-weight:700;letter-spacing:.12em;opacity:.38;transition:opacity .25s,color .25s}.language-switcher button[aria-pressed="true"]{opacity:1}.language-switcher i{width:14px;height:1px;background:currentColor;opacity:.35}.night-mode .language-switcher button[aria-pressed="true"]{color:#dfaaa3}.lang-en .menu-card-text small,.lang-en .text-menu li small{display:none}.lang-en .hero-vertical{top:24%;width:min(360px,34vw);writing-mode:horizontal-tb;text-align:right;line-height:1.55;letter-spacing:0}.lang-en .intro{grid-template-columns:1.1fr .9fr;gap:7vw}.lang-en .intro h1,.lang-en .intro-body p{writing-mode:horizontal-tb;letter-spacing:0}.lang-en .intro h1{font-size:clamp(42px,5vw,78px);line-height:1.35}.lang-en .intro-body{align-self:center;display:block}.lang-en .intro-body p{max-height:none;font-size:15px;line-height:2}.lang-en .intro-body p+p{margin-top:28px}.lang-en .story-copy.vertical{writing-mode:horizontal-tb;text-align:right}.lang-en .set-drink h3 small{display:none}.lang-en .night-title>span{letter-spacing:.2em}.lang-en .night-title h1{font-family:var(--sans);font-size:clamp(68px,10vw,150px);font-weight:300;letter-spacing:.08em}.lang-en .night-manifesto h2{font-size:clamp(44px,6vw,88px);line-height:1.25}.lang-en .night-menu-group h3{font-family:var(--sans);font-size:clamp(24px,2.5vw,38px)}
@media(max-width:900px){.language-switcher{z-index:3;margin-left:auto;margin-right:10px}.lang-en .intro{grid-template-columns:1fr}.lang-en .intro-body{max-width:620px}.lang-en .hero-vertical{width:min(290px,55vw)}.lang-en .night-title h1{font-size:14vw}}
@media(max-width:560px){.language-switcher{gap:5px;margin-right:4px}.language-switcher i{width:10px}.language-switcher button{font-size:8px}.lang-en .hero-vertical{top:27%;right:7%;width:62vw;font-size:15px}.lang-en .intro{min-height:auto}.lang-en .intro h1{font-size:36px}.lang-en .intro-body p{font-size:13px;line-height:1.85}.lang-en .story-copy.vertical{top:12%;right:7%;left:10%;font-size:20px}.lang-en .night-title h1{font-size:17vw}.lang-en .night-title p{max-width:72vw;letter-spacing:.04em}.lang-en .night-manifesto h2{font-size:36px}.lang-en .night-menu-group li,.lang-en .night-drink-grid li{font-family:var(--sans);font-size:13px}}
