@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Noto+Serif:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--paper:#f7f3e9;--ink:#203e3e;--red:#a83b30;--muted:#5b645a;--line:#dcded1;--white:#fffdf7;--serif:'Noto Serif',Georgia,serif;--sans:'Be Vietnam Pro',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.8}
.svg-icon{display:inline-block;vertical-align:-0.15em;flex-shrink:0;stroke:currentColor;fill:none}
.btn .svg-icon,.text-link .svg-icon{transition:transform .2s ease}
.btn:hover .svg-icon,.text-link:hover .svg-icon{transform:translate(2px, -2px)}
.mobile-bar .svg-icon{margin-left:4px}
.dish-card{cursor:default}
.dish-image{cursor:default}
.dish-image>img{cursor:default}
.dish-image:hover>img{transform:none !important}
.dish-info h3,.dish-info p{cursor:default;user-select:text}
.booking-chip-icon{display:inline-flex;align-items:center;margin-right:6px}
.booking-hours-grid .svg-icon{color:var(--ink);margin-right:6px;vertical-align:-0.2em}body:before{content:"";pointer-events:none;position:fixed;inset:0;opacity:.08;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.45' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.4}h1{font-size:clamp(36px,4.4vw,66px);letter-spacing:-2px}h2{font-size:clamp(30px,3.1vw,45px);letter-spacing:-1.3px}h3{font-size:23px}em{color:var(--red);font-weight:400}p{line-height:1.95}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:3px solid #be743f;outline-offset:4px}.wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}.topline{height:36px;background:var(--ink);color:#f8f1da;display:flex;justify-content:space-between;align-items:center;padding:0 4%;font-size:13px;letter-spacing:1px}.topline span:first-child{font-size:16px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:18px 4%;border-bottom:1px solid var(--line);position:relative;z-index:20;background:var(--paper)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{width:52px;height:52px;object-fit:contain}.brand>span{font-family:var(--serif);font-size:29px;line-height:1.2;letter-spacing:3px}.brand small{display:block;font:11px var(--sans);letter-spacing:1.5px}.site-header nav{display:flex;gap:29px;font-size:16px}.site-header nav a{position:relative;padding:10px 0}.site-header nav a:after{content:"";height:2px;width:0;background:var(--red);position:absolute;bottom:0;left:0;transition:width .2s}.site-header nav a:hover:after,.site-header nav a[aria-current]:after{width:100%}.header-actions{display:flex;align-items:center;gap:24px;font-size:14px}.cart-link span{display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:23px;height:23px;margin-left:4px}.btn{border:1px solid var(--ink);background:var(--ink);color:#fffdf5;padding:15px 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:52px;font-size:16px;letter-spacing:.2px;transition:background .2s,transform .2s}.btn:hover{background:#305354;transform:translateY(-2px)}.btn.small{padding:10px 18px;min-height:43px}.btn.light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.btn.outline{background:transparent;color:var(--ink)}.btn.full{width:100%;margin-top:10px}.text-link{font-size:16px;display:inline-flex;gap:25px;padding-bottom:5px;border-bottom:1px solid #a5afa3;align-items:center}.text-link b{font-weight:400}.menu-toggle{display:none}.eyebrow{font-size:13px;letter-spacing:2px;display:block;font-weight:500;line-height:1.8}.red-dot{height:8px;width:8px;background:var(--red);border-radius:50%;display:inline-block;margin-right:8px}.home-hero{display:grid;grid-template-columns:49% 51%;min-height:650px}.hero-copy{padding:65px 8% 24px 8.2%;display:flex;flex-direction:column;align-items:flex-start}.hero-copy h1{margin:25px 0 22px;font-size:clamp(38px,4.2vw,65px);line-height:1.36}.hero-copy p{color:#6b7267;font-size:16px}.hero-buttons{display:flex;align-items:center;gap:25px;margin-top:16px;flex-wrap:wrap}.hero-caption{width:100%;display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:22px;margin-top:auto;font-size:11px;letter-spacing:1.4px;padding-bottom:5px}.hero-caption span:last-child{font-size:16px}.hero-photo{position:relative;min-height:650px;overflow:hidden}.hero-photo>img{height:100%;position:absolute;inset:0;object-position:50% 50%}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,27,27,.65),transparent 60%)}.vertical-script{position:absolute;top:38px;right:35px;writing-mode:vertical-rl;color:white;font:24px var(--serif);letter-spacing:10px;text-shadow:0 1px 5px #0009;z-index:1}.photo-note{position:absolute;bottom:32px;left:35px;color:#fff;z-index:1}.photo-note>span{font-size:11px;letter-spacing:2px}.photo-note p{font:26px/1.4 var(--serif);margin:12px 0 0}.round-link{position:absolute;bottom:35px;right:35px;display:grid;place-items:center;width:54px;height:54px;border:1px solid #fff8;color:white;border-radius:50%;font-size:26px;z-index:2}.ticker{display:flex;justify-content:space-around;align-items:center;gap:25px;padding:20px 30px;border-bottom:1px solid var(--line);font-size:13px;letter-spacing:2px;white-space:nowrap;overflow:hidden}.ticker i{font-size:22px;font-style:normal;color:var(--red)}.story-section{display:grid;grid-template-columns:1fr 1fr;gap:110px;padding-block:105px;align-items:center}.story-image{position:relative}.story-image>img{height:470px}.seal{position:absolute;bottom:-24px;right:25px;background:var(--red);border-radius:50%;width:100px;height:100px;color:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;font:45px/1.2 var(--serif);border:4px double #f6e9d2;transform:rotate(-8deg)}.seal small{font:11px var(--sans);letter-spacing:2px}.story-copy h2{margin:20px 0 25px}.story-copy p{color:#677064;font-size:16px}.story-copy .text-link{margin-top:15px}.menu-section{padding:75px 0 85px;background:#edeee3}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:40px}.section-heading h2{margin:10px 0 0}.section-heading>a{flex-shrink:0;margin-bottom:7px}.dish-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.dish-card{background:var(--white);border:1px solid #d9ddce;display:flex;flex-direction:column;height:100%}.dish-image{display:block;aspect-ratio:1.35;position:relative;overflow:hidden}.dish-image>img{height:100%;transition:transform .5s}.dish-image:hover>img{transform:scale(1.04)}.dish-image>span{position:absolute;right:14px;top:14px;left:auto;background:rgba(247,243,233,.94);backdrop-filter:blur(4px);border:1px solid rgba(32,62,62,.12);padding:4px 11px;font-size:12px;letter-spacing:1px;font-weight:600;border-radius:3px;z-index:2}.dish-info{padding:23px;display:flex;flex-direction:column;flex:1}.dish-info h3{font-size:23px;margin-bottom:12px}.dish-info p{font-size:15px;color:#5b645a;min-height:44px;margin-bottom:20px;flex-grow:1}.dish-info>div{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:auto}.dish-info strong{font-size:17px;color:var(--red);font-weight:500}.add-btn{width:36px;height:36px;border:1px solid #aeb6a7;background:transparent;color:var(--ink);font-size:22px;border-radius:50%}.add-btn:hover{background:var(--ink);color:white}.box-section{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:70px;padding-block:100px}.box-section h2{margin:20px 0}.box-section p{font-size:16px;color:#6b7367;margin-bottom:25px}.box-section>img{height:350px;object-fit:cover}.journal-section{padding-block:70px 100px}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.post-card img{aspect-ratio:1.5;margin-bottom:23px}.post-card .eyebrow{color:var(--red);font-size:12px}.post-card h3{font-size:24px;margin:10px 0 13px}.post-card p{font-size:14px;color:#5b645a}.post-card .text-link{width:100%;justify-content:space-between}.reservation-banner{position:relative;text-align:center;background:var(--ink);color:var(--paper);padding:65px 50px;overflow:hidden}.reservation-banner h2{margin:18px 0 30px;font-size:36px;position:relative;z-index:1}.reservation-banner em{color:#e4b69e}.reservation-banner .btn{position:relative;z-index:1}.banner-kanji{position:absolute;right:5%;top:-40px;font:240px var(--serif);opacity:.06}footer{background:#efecdf}.footer-main{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:70px;padding-block:65px 45px}.footer-brand{font:48px var(--serif);letter-spacing:-2px}.footer-brand>span{display:inline-flex;align-items:center;justify-content:center;font-size:20px;background:var(--red);color:var(--paper);width:35px;height:35px;border-radius:50%;margin-left:7px;vertical-align:super}.footer-main p{font-size:14px;color:#5b645a;margin-bottom:10px}.footer-main h3{font-size:18px;margin:10px 0 22px}.footer-main>div:last-child a{display:block;font-size:16px;margin-bottom:8px}.footer-bottom{border-top:1px solid #d9d9cb;padding-block:20px;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:#5b645a}.mobile-bar{display:none}.page-hero{position:relative;overflow:hidden;padding:68px 0 65px;border-bottom:1px solid var(--line);background:linear-gradient(105deg,#e8ecdf,#f7f3e9)}.page-hero h1{font-size:44px;margin:20px 0 15px;max-width:850px;position:relative;z-index:1}.page-hero p{font-size:16px;color:#6b7468;margin:0}.hero-kanji{position:absolute;right:7%;bottom:-60px;font:270px var(--serif);opacity:.05;pointer-events:none}.menu-page{padding-block:40px 90px}.menu-tools{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:24px}.category-tabs{display:flex;gap:8px;flex-wrap:wrap}.category-tabs a{padding:7px 15px;font-size:13.5px;border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:999px;white-space:nowrap;transition:all .15s ease}.category-tabs a.selected{background:var(--ink);color:var(--paper);border-color:var(--ink);font-weight:600}.category-tabs a:hover{border-color:var(--ink)}.search{display:flex;align-items:center;border-bottom:1px solid #9ba894;flex-shrink:0;margin:0}.search input{background:none;border:0;width:170px;margin:0;font-size:14px;padding:10px 0}.search button{border:0;background:none;font-size:28px;color:var(--ink)}.muted{font-size:14px;color:#5b645a;line-height:1.8}.menu-page>.muted{margin-bottom:30px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding-bottom:90px}.values article{border-top:1px solid var(--line);padding-top:25px}.values span{color:var(--red);font-size:14px}.values h3{margin:20px 0 15px}.values p{font-size:16px;color:var(--muted)}.form-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px;padding-block:70px 90px;align-items:start}.form-layout aside h2{margin-top:20px}.form-layout aside>p{font-size:16px;color:var(--muted);max-width:360px}.form-layout aside>img{height:220px;margin-top:35px}.form-panel{padding:35px 38px;background:var(--white);border:1px solid var(--line)}.form-panel h3{font-size:27px;margin-bottom:25px}label{display:block;font-size:14px;margin-bottom:20px;color:var(--ink)}input,textarea,select{width:100%;border:1px solid #d5dbcf;color:var(--ink);padding:12px;background:transparent;border-radius:0;min-width:0;display:block;margin-top:7px;line-height:1.5;font-size:16px}textarea{resize:vertical}input[type=checkbox]{width:17px;flex-shrink:0;margin:4px 7px 0 0;accent-color:var(--ink)}.checkbox{display:flex;align-items:flex-start;line-height:1.8;font-size:14px;color:#697263}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-row.triple{grid-template-columns:1.2fr 1fr .65fr;gap:12px}.notice{position:relative;margin:20px auto;max-width:calc(100% - 40px);width:1150px;border:1px solid #a9b9a1;background:#e9efdf;padding:15px 20px;font-size:16px}.notice.error{border-color:#c68179;background:#f9e9e4;color:#8f3029}.honeypot{position:absolute;left:-10000px;opacity:0}.success-icon{background:var(--ink);color:white;border-radius:50%;width:55px;height:55px;display:grid;place-items:center;font-size:24px;margin-bottom:22px}.form-panel>.btn{margin:15px 10px 0 0}.branch-address{padding-block:15px;border-bottom:1px solid var(--line)}.article{max-width:850px;padding-block:60px 90px}.article>.eyebrow{margin-top:40px;color:var(--red)}.article h1{font-size:44px;margin-top:15px}.article-image{max-height:520px;margin-bottom:35px}.article-body{font:18px/2 var(--serif);margin-bottom:40px;overflow-wrap:anywhere}.cart-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding-block:60px 90px}.cart-item{display:grid;grid-template-columns:100px 1fr auto;gap:20px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px;align-items:start}.cart-item>img{height:100px}.cart-item h3{font-size:20px;margin-bottom:5px}.cart-item p{font-size:16px;margin-bottom:5px}.cart-item label{display:flex;align-items:center;gap:15px;margin:0}.cart-item input{width:70px;margin:0;padding:5px}.cart-item small{font-size:12px;color:var(--muted)}.cart-item>strong{font-size:16px;font-weight:500;color:var(--red)}.cart-total{display:flex;justify-content:space-between;font-size:20px;margin:30px 0 10px}.empty{padding:90px 0;text-align:center;grid-column:1/-1;min-height:250px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1600px){.hero-copy{padding-left:max(8%,calc((100vw - 1240px)/2))}.home-hero{min-height:740px}.hero-photo{min-height:740px}.hero-copy h1{font-size:70px}}
@media(max-width:1150px){.site-header{gap:15px}.site-header nav{gap:18px;font-size:14px}.header-actions{gap:14px}.brand>span{font-size:24px}.brand small{font-size:10px}.hero-copy{padding-top:45px}.home-hero,.hero-photo{min-height:610px}.hero-buttons{gap:17px}.hero-buttons .text-link{font-size:14px}.story-section{gap:60px}.wrap{width:calc(100% - 70px)}.form-layout{gap:40px}.menu-tools{align-items:start;flex-direction:column}.dish-info{padding:19px}.dish-info h3{font-size:21px}.form-panel{padding:28px}.form-row.triple{grid-template-columns:1fr 1fr}.form-row.triple label:last-child{grid-column:1/-1}.footer-main{gap:35px}}
@media(max-width:1000px){.topline{height:auto;min-height:30px;padding:5px 16px;display:flex;justify-content:space-between;align-items:center;gap:8px}.topline>span:first-child{display:none}.topline>span:nth-child(2){font-size:11px;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topline a{font-size:11px;letter-spacing:0;white-space:nowrap;flex-shrink:0}.site-header{padding:12px 16px;gap:12px}.brand img{width:38px;height:38px;object-fit:contain}.brand>span{font-size:22px;letter-spacing:2px}.brand small{font-size:8.5px;letter-spacing:1px}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:14px 20px 24px;border-bottom:1px solid var(--line);box-shadow:0 16px 30px rgba(24,61,61,.14);z-index:99;max-height:calc(100vh - 80px);overflow-y:auto}.site-header nav.open{display:flex;flex-direction:column;gap:3px}.site-header nav a{font-size:16px;padding:12px 10px;border-bottom:1px solid rgba(220,222,209,.6);display:flex;align-items:center;justify-content:space-between}.site-header nav a:last-child{border-bottom:none}.site-header nav a:after{display:none}.site-header nav a[aria-current]{color:var(--red);font-weight:600}.menu-toggle{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--white);color:var(--ink);font-size:20px;order:3;padding:0;width:40px;height:40px;border-radius:4px;cursor:pointer}.header-actions{margin-left:auto}.header-actions .cart-link{font-size:13px}.header-actions .btn{display:none}.brand{gap:6px}.home-hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:32px 16px 24px}.hero-copy h1{font-size:clamp(30px,7.5vw,44px);line-height:1.25;letter-spacing:-1px;margin:18px 0 20px}.hero-copy p{font-size:15px;line-height:1.7}.hero-buttons{gap:12px;margin:10px 0 24px;width:100%}.hero-buttons .btn{width:100%;justify-content:center;font-size:14px;padding:13px 18px}.hero-buttons .text-link{width:100%;justify-content:center;font-size:14px;padding-bottom:6px}.hero-copy .eyebrow{font-size:11.5px;letter-spacing:1.2px}.hero-caption{margin-top:5px;padding-top:16px;font-size:10px}.hero-caption span:last-child{font-size:13px}.hero-photo{min-height:320px;max-height:420px}.hero-photo>img{object-position:50% 55%}.photo-note{bottom:20px;left:20px}.photo-note p{font-size:21px}.vertical-script{right:20px;top:20px;font-size:18px}.round-link{right:20px;bottom:20px;width:42px;height:42px}.ticker{justify-content:flex-start;gap:18px;padding:12px 16px;font-size:11.5px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.ticker::-webkit-scrollbar{display:none}.ticker i{font-size:16px}.wrap{width:calc(100% - 32px)}.story-section{grid-template-columns:1fr;gap:40px;padding-block:50px}.story-image>img{height:300px}.story-copy .eyebrow{font-size:11px;letter-spacing:1.2px}.story-copy h2{font-size:32px;margin:15px 0 18px}.story-copy p{font-size:15px}.seal{width:75px;height:75px;font-size:34px;bottom:-18px}.menu-section{padding-block:45px}.section-heading{align-items:start;flex-direction:column;margin-bottom:24px;gap:12px}.section-heading h2{font-size:30px}.section-heading .eyebrow{font-size:11.5px}.section-heading>.text-link{font-size:13.5px}.dish-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dish-card{display:flex;flex-direction:column;height:100%;background:var(--white);border:1px solid #d9ddce;border-radius:4px;overflow:hidden}.dish-image{aspect-ratio:1;position:relative;overflow:hidden}.dish-image>span{font-size:11px;padding:3px 8px;top:8px;right:8px;left:auto;background:rgba(247,243,233,.94);backdrop-filter:blur(4px);border:1px solid rgba(32,62,62,.12);color:var(--ink);font-weight:600;border-radius:3px;z-index:2}.dish-info{padding:12px 12px 14px;display:flex;flex-direction:column;flex:1}.dish-info h3{font-size:16px;line-height:1.35;min-height:43px;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dish-info p{font-size:13px;line-height:1.55;min-height:40px;margin:0 0 10px;flex-grow:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dish-info>div{margin-top:auto;border-top:1px solid var(--line);padding-top:10px;display:flex;flex-direction:column;gap:8px}.dish-info strong{font-size:15.5px;font-weight:600;color:var(--red);line-height:1.2}.btn-dish-order{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:8px 10px;font-size:13px;font-weight:500;border:1px solid var(--ink);color:var(--ink);background:transparent;white-space:nowrap;text-align:center;box-sizing:border-box;border-radius:2px;transition:all .2s}.btn-dish-order:hover{background:var(--ink);color:var(--paper)}.add-btn{width:30px;height:30px;font-size:20px}.box-section{grid-template-columns:1fr;gap:25px;padding-block:45px}.box-section>img{height:220px;border-radius:4px}.box-section h2{font-size:32px}.box-section .btn{width:100%;justify-content:center}.post-grid{grid-template-columns:1fr;gap:28px}.post-card img{aspect-ratio:1.65;margin-bottom:16px;border-radius:4px}.post-card h3{font-size:22px}.post-card p{font-size:15px}.journal-section{padding-block:45px 50px}.reservation-banner{padding:45px 18px}.reservation-banner h2{font-size:28px;max-width:380px;margin:16px auto 24px}.reservation-banner .btn{width:100%;max-width:320px;justify-content:center}.footer-main{grid-template-columns:1fr;gap:24px;padding-block:35px 25px}.footer-main h3{margin-bottom:12px}.footer-bottom{flex-direction:column;gap:8px;padding-block:18px 80px;font-size:12px;text-align:center}.mobile-bar{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr 1fr;background:var(--paper);border-top:1px solid var(--line);z-index:90;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 16px rgba(0,0,0,.06)}.mobile-bar a{text-align:center;padding:13px 4px;font-size:13.5px;font-weight:500;border-right:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink);transition:background .15s}.mobile-bar a.active{color:var(--red);font-weight:600;background:rgba(168,59,48,.07)}.mobile-bar a:last-child{background:var(--ink);color:var(--paper);border:0}.page-hero{padding:35px 0 32px}.page-hero h1{font-size:clamp(26px,6.8vw,34px);letter-spacing:-1px}.page-hero p{font-size:14px;max-width:100%}.hero-kanji{font-size:160px;right:-10px;bottom:-30px}.menu-page{padding-block:20px 50px}.menu-tools{gap:16px;display:flex;flex-direction:column}.category-tabs{width:100%;display:flex;flex-wrap:wrap;gap:8px;overflow-x:visible;padding-bottom:0}.category-tabs a{font-size:13px;padding:6px 13px;border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:999px;white-space:nowrap;display:inline-flex;align-items:center;line-height:1.4;transition:all .15s}.category-tabs a.selected{background:var(--ink);color:var(--paper);border-color:var(--ink);font-weight:600}.search{width:100%;display:flex;align-items:center;justify-content:space-between;border-bottom:1.5px solid var(--ink);padding:2px 0}.search input{width:100%;font-size:14.5px;padding:8px 0;border:none;background:transparent}.search button{font-size:24px;padding:4px 8px;cursor:pointer}.form-layout{grid-template-columns:1fr;padding-block:30px 50px;gap:25px}.form-layout aside h2{font-size:30px}.form-layout aside>img{display:none}.form-panel{padding:22px 16px}.form-panel h3{font-size:23px}.form-row{grid-template-columns:1fr;gap:0}.form-row.triple{grid-template-columns:1fr 1fr;gap:12px}.form-row.triple label:last-child{grid-column:auto}.form-row.triple label:first-child{grid-column:1/-1}.form-panel .btn{font-size:14px;gap:15px}.form-panel .btn.full{width:100%;justify-content:center;padding:13px 20px}.values{grid-template-columns:1fr;gap:22px;padding-bottom:45px}.values h3{margin-top:10px}.article{padding-block:30px 50px}.article h1{font-size:30px}.article-body{font-size:16.5px}.cart-layout{grid-template-columns:1fr;gap:25px;padding-block:30px 45px}.cart-item{grid-template-columns:75px 1fr;gap:14px;position:relative}.cart-item>img{height:80px;border-radius:3px}.cart-item h3{font-size:18px}.cart-item>strong{grid-column:2}.cart-item input{width:60px}.cart-total{font-size:18px}.empty{padding-block:50px}.notice{font-size:15px}}@media(max-width:440px){.topline>span:nth-child(2){display:none}.topline{justify-content:center}}@media(max-width:360px){.dish-grid{grid-template-columns:1fr;gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Reservation feedback: inline errors keep guidance next to the relevant field. */
[data-reservation-form] input,[data-reservation-form] select,[data-reservation-form] textarea{scroll-margin-block:100px;transition:border-color .18s,box-shadow .18s}
[data-reservation-form] .is-invalid{border-color:#a83b30;background-color:#fff8f4;box-shadow:0 0 0 1px #a83b3010}
[data-reservation-form] .is-invalid:focus{outline:2px solid #a83b3050;outline-offset:2px}
.field-error{display:block;color:#96362c;font-size:13px;line-height:1.65;margin-top:7px;font-weight:400;letter-spacing:0}
.field-error::before{content:'!';display:inline-grid;place-items:center;width:15px;height:15px;border:1px solid currentColor;border-radius:50%;font-size:10px;line-height:1;margin-right:6px;vertical-align:1px}
.checkbox+.field-error{margin:-12px 0 20px}
.validation-summary{border:1px solid #d9b6a5;border-left:3px solid var(--red);background:#fbefe6;padding:13px 15px;margin-bottom:24px;color:#85392d;font-size:14px;line-height:1.75}
.field-error[hidden],.validation-summary[hidden]{display:none}
.submit-spinner{width:17px;height:17px;flex-shrink:0;border:2px solid #ffffff60;border-top-color:#fff;border-radius:50%;animation:submit-spin .8s linear infinite}
@keyframes submit-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.submit-spinner{animation:none}}

/* Sapo FnB Order & Upgraded Booking Styles */
.btn-dish-order {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border: 1px solid var(--ink);
  color: var(--ink);
  font-size: 13px;
  font-weight: 500;
  background: transparent;
  white-space: nowrap;
  transition: all .2s;
}
.btn-dish-order:hover {
  background: var(--ink);
  color: var(--paper);
  transform: translateY(-1px);
}
.menu-sapo-banner {
  background: var(--white);
  border: 1px solid var(--line);
  padding: 28px 34px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin-bottom: 35px;
}
.menu-sapo-banner h3 {
  font-size: 22px;
  margin: 6px 0 8px;
}
.menu-sapo-banner p {
  color: var(--muted);
  font-size: 14px;
  margin: 0;
}
.booking-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 10px 0 20px;
}
.tag-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border: 1px solid #d5dbcf;
  font-size: 13px;
  cursor: pointer;
  background: var(--white);
  color: var(--ink);
  user-select: none;
  transition: all .2s;
  margin: 0;
}
.tag-chip input {
  display: none;
}
.tag-chip:has(input:checked) {
  background: var(--ink);
  color: #fffdf5;
  border-color: var(--ink);
}
.policy-box {
  background: #f1f3ea;
  border-left: 3px solid var(--red);
  padding: 14px 18px;
  font-size: 13.5px;
  color: var(--muted);
  margin: 25px 0 20px;
  line-height: 1.7;
}
.policy-box strong {
  color: var(--ink);
}
.booking-hours-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 20px;
  padding: 18px;
  background: #f4f5ec;
  border: 1px solid var(--line);
  font-size: 13px;
}
.booking-hours-grid h4 {
  margin: 0 0 4px;
  font-size: 14px;
  color: var(--ink);
}
.booking-hours-grid p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}
@media (max-width: 900px) {
  .menu-sapo-banner {
    flex-direction: column;
    align-items: flex-start;
    padding: 22px;
  }
  .booking-hours-grid {
    grid-template-columns: 1fr;
  }
}

/* Navigation centered on PC */
@media (min-width: 1001px) {
  .site-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 4%;
  }
  .site-header nav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 30px;
    font-size: 15.5px;
    font-weight: 500;
    white-space: nowrap;
  }
}
@media (max-width: 1220px) and (min-width: 1001px) {
  .site-header nav {
    gap: 18px;
    font-size: 14px;
  }
}

.nav-recruitment-pill {
  border: 1.5px solid var(--ink) !important;
  border-radius: 999px !important;
  padding: 6px 18px !important;
  color: var(--ink) !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  transition: all .2s ease;
  font-weight: 500;
}
.nav-recruitment-pill:after {
  display: none !important;
}
.nav-recruitment-pill:hover,
.nav-recruitment-pill[aria-current] {
  background: var(--ink) !important;
  color: #fffdf5 !important;
}

/* Recruitment page careers layout */
.careers-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  margin-top: 35px;
}
.career-card {
  background: var(--white);
  border: 1px solid var(--line);
  padding: 30px;
  display: flex;
  flex-direction: column;
  transition: transform .2s ease, border-color .2s ease;
}
.career-card:hover {
  transform: translateY(-3px);
  border-color: var(--ink);
}
.career-tag {
  display: inline-block;
  align-self: flex-start;
  font-size: 11.5px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--red);
  background: #faebe8;
  padding: 4px 10px;
  font-weight: 600;
  margin-bottom: 14px;
}
.career-card h3 {
  font-size: 20px;
  margin: 0 0 10px;
  line-height: 1.4;
}
.career-salary {
  font-size: 16px;
  font-weight: 600;
  color: var(--red);
  margin-bottom: 14px;
}
.career-desc {
  font-size: 14px;
  color: var(--muted);
  line-height: 1.7;
  margin-bottom: 20px;
  flex-grow: 1;
}
.career-perks {
  list-style: none;
  padding: 0;
  margin: 0 0 25px;
  font-size: 13.5px;
  color: var(--ink);
  border-top: 1px dashed var(--line);
  padding-top: 15px;
}
.career-perks li {
  margin-bottom: 8px;
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.career-card .btn {
  width: 100%;
  justify-content: center;
  font-size: 14px;
  min-height: 44px;
  padding: 10px;
}
.careers-culture {
  background: #edeee3;
  padding: 55px 0 65px;
  margin-top: 60px;
}
.careers-contact-box {
  background: var(--ink);
  color: var(--paper);
  padding: 45px;
  margin: 50px auto 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.careers-contact-box h3 {
  margin: 0 0 8px;
  color: var(--white);
  font-size: 24px;
}
.careers-contact-box p {
  margin: 0;
  color: #c7d2c6;
  font-size: 15px;
}
@media (max-width: 1000px) {
  .careers-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .careers-contact-box {
    flex-direction: column;
    align-items: stretch;
    padding: 26px 20px;
    gap: 20px;
  }
  .careers-contact-box div[style*="display:flex"] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 12px !important;
  }
  .careers-contact-box .btn {
    width: 100%;
    justify-content: center;
    font-size: 14px;
    padding: 12px 18px;
    min-height: 44px;
  }
  .nav-recruitment-pill {
    margin-top: 10px;
    text-align: center;
    width: 100%;
    justify-content: center;
  }
}


/* Client's original Shio artwork and restaurant photography. */
.client-hero{background:#123a5b}.client-hero>a{display:block}.client-hero>a>img{width:100%;height:auto;object-fit:contain}.client-hero-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:20px;color:var(--paper)}.client-hero-caption>span{font-size:13px;letter-spacing:1.5px}.client-hero-caption .text-link{border-color:#f5f0df70}
.client-section{padding-block:65px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}.service-card{border:1px solid var(--line);background:var(--white)}.service-card img{aspect-ratio:1;object-fit:cover}.service-card:last-child img{object-fit:contain;background:#173c5b}.service-card> a>div{padding:22px}.service-card h3{font-size:22px;margin-bottom:13px}.service-card p{font-size:14px;line-height:1.9;min-height:110px;color:#5b645a}.service-card .text-link{font-size:13px;gap:10px}.story-image>img[src*="introduction"]{height:550px;object-position:center}.food-story{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-top:65px}.food-story:nth-child(odd)>img{order:2}.food-story>img{aspect-ratio:1.2;object-fit:cover}.food-story h3{font-size:35px;margin:17px 0}.food-story p{font-size:16px;color:#5b645a}.food-story .eyebrow{color:var(--red);font-size:12px;letter-spacing:1px}.restaurant-section{background:#edeee3;scroll-margin-top:25px}.branch-gallery{margin-top:45px}.branch-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:20px}.branch-heading h3{font-size:28px;margin:0}.branch-heading>span{font-size:13px;color:#5b645a}.branch-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.branch-photos a{position:relative;overflow:hidden}.branch-photos img{aspect-ratio:1.2;transition:transform .3s}.branch-photos a:hover img{transform:scale(1.04)}.branch-photos a>span{position:absolute;bottom:10px;right:10px;background:var(--paper);width:30px;height:30px;text-align:center}.photo-dialog{padding:45px 16px 12px;background:var(--paper);border:0;max-width:min(1100px,94vw);max-height:92vh;color:var(--ink)}.photo-dialog::backdrop{background:#091d20dd}.photo-dialog>img{max-height:73vh;object-fit:contain}.photo-dialog>p{text-align:center;margin:12px 0 0;font-size:14px}.photo-close{position:absolute;right:12px;top:2px;border:0;background:none;font-size:32px;color:var(--ink);width:40px;height:40px}.dish-image>img[src*="/shio/dish-"]{object-fit:contain;background:#eaf6f7}
@media(max-width:1000px){.client-section{padding-block:45px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-card p{min-height:0}.food-story{gap:30px}.branch-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.client-hero-caption>span{font-size:11px}.client-hero-caption .text-link{font-size:12px}.story-image>img[src*="introduction"]{height:440px}}
@media(max-width:600px){.client-hero-caption{align-items:flex-start;flex-direction:column;gap:10px;padding-block:18px}.service-grid{gap:12px}.service-card> a>div{padding:16px 13px}.service-card h3{font-size:20px}.service-card p{font-size:14px}.service-card .text-link{font-size:12px}.food-story{grid-template-columns:1fr;gap:22px;margin-top:40px}.food-story:nth-child(odd)>img{order:0}.food-story h3{font-size:29px}.food-story .eyebrow{font-size:11px}.food-story>img{aspect-ratio:1.2}.branch-heading{display:block}.branch-heading h3{font-size:25px;margin-bottom:6px}.branch-photos{gap:10px}.branch-photos img{aspect-ratio:1}.client-hero>a>img{min-height:0}}
.article-body img,.article-body video{display:block;width:auto;max-width:100%;height:auto;max-height:80vh;margin:26px auto}.article-body video{width:100%}.article-body p{margin-bottom:1.2em}.article-body h2{margin:1.2em 0 .6em;font-size:30px}.article-body h3{margin:1.2em 0 .6em;font-size:25px}.article-body blockquote{border-left:3px solid var(--red);margin:24px 0;padding:8px 22px;color:var(--muted)}.article-body a{text-decoration:underline;color:var(--red)}.article-body .ql-align-center{text-align:center}.article-body .ql-align-right{text-align:right}.article-body .ql-align-justify{text-align:justify}
@media(max-width:1000px){
.site-header .menu-toggle{width:38px;height:38px;min-width:38px;padding:9px;display:flex;flex-direction:column;justify-content:center;gap:5px;background:transparent;border:0;border-radius:6px;box-shadow:none;color:var(--ink)}
.menu-toggle span{display:block;width:20px;height:1.5px;background:currentColor;border-radius:2px;transition:transform .18s,opacity .18s}
.menu-toggle.is-open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.menu-toggle.is-open span:nth-child(2){opacity:0}
.menu-toggle.is-open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.site-header .menu-toggle:hover{background:#203e3e09}
}
/* Booking controls use one border in all focus/validation states. */
[data-reservation-form] input:not([type="checkbox"]),
[data-reservation-form] select,
[data-reservation-form] textarea{box-shadow:none;outline:none}
[data-reservation-form] input:not([type="checkbox"]):focus,
[data-reservation-form] select:focus,
[data-reservation-form] textarea:focus{outline:none;box-shadow:none;border-color:var(--ink)}
[data-reservation-form] .is-invalid,
[data-reservation-form] .is-invalid:focus{outline:none;box-shadow:none;border-color:var(--red)}
[data-reservation-form] input.is-invalid:not([type="checkbox"]):focus,
[data-reservation-form] select.is-invalid:focus,
[data-reservation-form] textarea.is-invalid:focus{border-color:var(--red);outline:none;box-shadow:none}

.booking-success-wrap{padding-block:24px 48px}.booking-success{max-width:850px;margin-inline:auto}.booking-success:focus{outline:none}.booking-success .success-icon{width:48px;height:48px;font-size:28px;margin-bottom:16px}.booking-success h2{font-size:clamp(26px,4vw,38px);margin-top:0}.booking-success textarea{min-height:220px}.booking-success .btn{margin-top:12px}@media(max-width:600px){.booking-success-wrap{padding-block:16px 30px}.booking-success{padding:20px 16px}.booking-success .btn{width:100%;justify-content:center}.booking-success p{font-size:16px}}

/* Compact dish details; dishes without descriptions need no placeholder space. */
.dish-info{gap:12px;padding:18px}.dish-info h3{margin:0}.dish-info p{min-height:0;flex-grow:0;margin:0}
.dish-info>div{padding-top:12px;border-top:1px solid rgba(220,222,209,.45)}
@media(max-width:1000px){
  .dish-info>div{
    border-top:1px solid rgba(220,222,209,.4);
    padding-top:8px;
    margin-top:auto;
    width:100%;
  }
}
@media(max-width:600px){.dish-info{padding:12px;gap:10px}.dish-info h3{min-height:0;margin:0}.dish-info p{min-height:0;margin:0}.dish-info>div{padding-top:8px;gap:7px}}

.menu-page .menu-tools{position:sticky;top:0;z-index:35;background:var(--paper);padding:12px 0;margin-bottom:16px;border-bottom:1px solid var(--line);gap:16px;display:flex;align-items:center;justify-content:space-between}
.mobile-cat-bar{display:none}
.drawer-header{display:none}
.category-drawer-backdrop{display:none}
.search-desktop{display:flex}

@media(min-width:1001px){
  .menu-page .category-tabs{display:flex;gap:8px;flex-wrap:wrap}
}

@media(max-width:1000px){
  .menu-page .menu-tools{flex-direction:column;align-items:stretch;gap:0;padding:8px 0 10px;margin-bottom:14px}
  .search-desktop{display:none}
  .mobile-cat-bar{
    display:flex;
    align-items:center;
    gap:10px;
    width:100%;
  }
  .btn-toggle-cats{
    flex:1;
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    background:var(--white);
    border:1.5px solid var(--ink);
    padding:8px 12px;
    border-radius:6px;
    font-size:13.5px;
    color:var(--ink);
    cursor:pointer;
    white-space:nowrap;
    overflow:hidden;
    transition:background .15s,border-color .15s;
  }
  .btn-toggle-cats:active{background:#eae6dc}
  .btn-toggle-cats span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight:400;
  }
  .btn-toggle-cats span strong{
    color:var(--red);
    font-weight:600;
  }
  .btn-toggle-cats .chevron-indicator{
    transition:transform .2s ease;
    flex-shrink:0;
  }
  .btn-toggle-cats[aria-expanded="true"] .chevron-indicator{
    transform:rotate(180deg);
  }
  .search-compact{
    width:125px;
    flex-shrink:0;
    margin:0;
    border-bottom:1.5px solid var(--ink);
    display:flex;
    align-items:center;
  }
  .search-compact input{
    width:100%;
    font-size:13.5px;
    padding:6px 0;
    border:none;
    background:transparent;
  }
  .search-compact button{
    border:none;
    background:none;
    padding:4px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    color:var(--ink);
  }

  /* Bottom sheet drawer for categories on mobile */
  .category-drawer-backdrop{
    position:fixed;
    inset:0;
    background:rgba(18,36,36,.55);
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
    z-index:998;
    opacity:0;
    pointer-events:none;
    transition:opacity .25s ease;
  }
  .category-drawer-backdrop.is-open{
    opacity:1;
    pointer-events:auto;
    display:block;
  }
  .category-drawer{
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    max-height:78vh;
    background:var(--paper);
    border-top-left-radius:18px;
    border-top-right-radius:18px;
    padding:16px 18px env(safe-area-inset-bottom, 24px);
    box-shadow:0 -8px 30px rgba(0,0,0,.2);
    z-index:999;
    transform:translateY(100%);
    transition:transform .28s cubic-bezier(0.32,1,0.23,1);
    display:flex;
    flex-direction:column;
    gap:14px;
    overflow:hidden;
  }
  .category-drawer.is-open{
    transform:translateY(0);
  }
  .drawer-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:10px;
    border-bottom:1px solid var(--line);
    flex-shrink:0;
  }
  .drawer-header h4{
    margin:0;
    font-size:16px;
    font-family:var(--sans);
    font-weight:600;
    display:flex;
    align-items:center;
    gap:8px;
    color:var(--ink);
  }
  .btn-close-drawer{
    background:none;
    border:none;
    padding:4px;
    cursor:pointer;
    color:var(--muted);
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .category-drawer .category-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    padding-bottom:16px;
    max-height:calc(78vh - 75px);
  }
  .category-drawer .category-tabs a{
    font-size:13.5px;
    padding:8px 15px;
    background:var(--white);
    border:1px solid var(--line);
    border-radius:999px;
    color:var(--ink);
    display:inline-flex;
    align-items:center;
    white-space:nowrap;
  }
  .category-drawer .category-tabs a.selected{
    background:var(--ink);
    color:var(--paper);
    border-color:var(--ink);
    font-weight:600;
  }
}

.menu-load-status{font-size:14px;color:var(--muted);margin:0 0 12px;line-height:1.5}
.menu-load-status.has-error{color:var(--red)}
.menu-page .dish-grid{transition:opacity .15s}
.menu-page .dish-grid.is-loading{opacity:.4;pointer-events:none}
@media(prefers-reduced-motion:reduce){.menu-page .dish-grid{transition:none}}


/* Safari date controls must shrink inside grid cells. */
.form-layout>*{min-width:0}.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.form-row>label{min-width:0}
#reservation-form input:not([type=checkbox]),#reservation-form select,#reservation-form textarea{box-sizing:border-box;min-width:0;max-width:100%;width:100%}
#reservation-form input[type=date]{display:block;appearance:none;-webkit-appearance:none;min-height:48px;text-align:left}
#reservation-form input[type=date]::-webkit-date-and-time-value{text-align:left;min-width:0}
@media(max-width:700px){#reservation-form .form-row{grid-template-columns:minmax(0,1fr)}}
/* Framed service photography with restrained Japanese wave details. */
.service-card{border:0;background:transparent}.service-card>a{height:100%;display:flex;flex-direction:column}
.service-visual{padding:14px;background-color:#e9e5d8;background-image:repeating-radial-gradient(circle at 0 100%,transparent 0 11px,rgba(32,62,62,.08) 12px 13px,transparent 14px 23px);border-radius:2px;overflow:hidden}
.service-visual img{aspect-ratio:1.12;object-fit:cover;border-radius:50% 50% 3px 3px;transition:transform .3s}.service-card:hover .service-visual img{transform:scale(1.025)}
.service-card:nth-child(even) .service-visual{background-color:#dfe6df}.service-card>a>div:not(.service-visual){padding:18px 2px 0;flex:1;display:flex;flex-direction:column}
.service-card h3{font-size:21px;margin-bottom:8px;letter-spacing:.4px}.service-card p{min-height:0;margin-bottom:16px;line-height:1.7}.service-card .text-link{margin-top:auto;align-self:flex-start}
.dish-card{border-color:#e1dfd3;box-shadow:0 3px 12px rgba(32,62,62,.025)}
@media(max-width:600px){.service-grid{gap:24px 14px}.service-visual{padding:9px}.service-card h3{font-size:18px}.service-card p{font-size:13px;line-height:1.65}.service-card .text-link{font-size:12px;gap:6px}.service-card>a>div:not(.service-visual){padding-top:13px}}

/* Service showcase: centered editorial layout and decorative paper frames. */
.shio-services{background-color:#ebe8db;background-image:radial-gradient(ellipse at 15% 20%,#f8f5e8 0,transparent 55%),repeating-linear-gradient(105deg,transparent 0 3px,rgba(98,89,60,.018) 3px 4px);padding:8px 0}
.shio-services .section-heading{justify-content:center;text-align:center;margin-bottom:38px}.shio-services .section-heading h2{font-size:clamp(25px,3vw,38px);letter-spacing:1px;text-transform:uppercase;margin:8px 0 0}.shio-services .section-heading h2 em{font-style:normal;color:inherit}.shio-services .eyebrow{font-size:11px;letter-spacing:3px;color:var(--muted)}
.shio-services .service-grid{gap:32px}.shio-services .service-card{text-align:center}.shio-services .service-visual{position:relative;isolation:isolate;padding:24px;background:none;border-radius:0;overflow:visible}
.shio-services .service-visual:before,.shio-services .service-visual:after{content:"";position:absolute;inset:4px;z-index:-1;pointer-events:none;clip-path:polygon(8% 0,92% 0,100% 8%,100% 92%,92% 100%,8% 100%,0 92%,0 8%)}
.shio-services .service-visual:before{background:#9ca895}.shio-services .service-visual:after{inset:6px;background-color:#e3e5d4;background-image:repeating-radial-gradient(ellipse at 0 100%,transparent 0 9px,rgba(71,95,73,.10) 10px 11px,transparent 12px 20px)}
.shio-services .service-card:nth-child(even) .service-visual:after{background-color:#e8dfc8}
.shio-services .service-visual img{aspect-ratio:1.15;border-radius:0;object-fit:cover;clip-path:polygon(5% 0,95% 0,100% 5%,100% 95%,95% 100%,5% 100%,0 95%,0 5%)}
.shio-services .service-card>a>div:not(.service-visual){padding:18px 4px 0;align-items:center}.shio-services .service-card h3{font-size:22px;letter-spacing:1px;margin-bottom:12px}.shio-services .service-card p{display:none}.shio-services .service-card .text-link{align-self:center;margin-top:0;font-size:13px;justify-content:center;padding-bottom:7px}
@media(max-width:900px){.shio-services .service-grid{gap:32px 24px}.shio-services .service-visual{padding:22px}}
@media(max-width:600px){.shio-services .section-heading{margin-bottom:24px}.shio-services .service-grid{grid-template-columns:1fr;max-width:360px;margin-inline:auto;gap:34px}.shio-services .service-visual{padding:27px}.shio-services .service-card h3{font-size:23px}.shio-services .service-card .text-link{font-size:14px}.shio-services .service-card>a>div:not(.service-visual){padding-top:16px}}

.post-card .text-link{width:auto;max-width:100%;justify-content:flex-start;gap:8px;font-size:13px;line-height:1.5;padding-bottom:3px}

.home-story{width:min(1060px,calc(100% - 112px));grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:64px;padding-block:60px}.home-story .story-image{max-width:360px;justify-self:center;width:100%}.home-story .story-image>img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}.home-story .seal{width:65px;height:65px;font-size:28px;bottom:14px;right:14px}.home-story .seal small{font-size:8px;letter-spacing:1px}.home-story .story-copy .eyebrow{font-size:11px;letter-spacing:1.2px}.home-story .story-copy h2{font-size:clamp(28px,3vw,38px);margin:14px 0 20px}.home-story .story-copy p{font-size:15px;line-height:1.8;margin-bottom:14px}.home-story .story-copy .text-link{font-size:13px;gap:12px;margin-top:8px}
@media(max-width:900px){.home-story{width:calc(100% - 56px);gap:30px;padding-block:40px}}
@media(max-width:600px){.home-story{width:calc(100% - 32px);grid-template-columns:1fr;gap:24px;padding-block:32px}.home-story .story-image{max-width:280px}.home-story .story-copy h2{font-size:29px;margin:12px 0 16px}.home-story .story-copy p{font-size:14px}.home-story .story-copy{max-width:420px;margin-inline:auto}}

/* Dish cards: photograph first, quiet typography, a clear price. */
.dish-card{border:0;border-radius:3px;background:#fffdf8;box-shadow:0 3px 16px #203e3e08;overflow:hidden;min-width:0}
.dish-info{padding:16px 18px;gap:10px}.dish-info h3{font-size:19px;line-height:1.45;font-weight:500;letter-spacing:-.3px}.dish-info>div{border:0;padding-top:0;align-items:flex-start;justify-content:flex-start}.dish-info strong{font-family:var(--sans);font-size:17px;font-weight:600;color:var(--red)}
.featured-menu{overflow:hidden}.featured-menu .section-heading{margin-bottom:28px}.featured-menu .section-heading h2{font-size:clamp(28px,3.1vw,42px)}
.featured-dishes{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 0 16px;overscroll-behavior-x:contain;align-items:stretch}.featured-dishes::-webkit-scrollbar{display:none}.featured-dishes .dish-card{flex:0 0 calc((100% - 48px)/3);height:auto;scroll-snap-align:start;position:relative}.featured-dishes .dish-image{aspect-ratio:1}.featured-dishes .dish-info{padding:18px 20px;gap:12px}.featured-dishes .dish-info h3{font-size:21px}.featured-dishes .dish-info p{display:none}.featured-dishes .dish-info>div{margin-top:auto}.featured-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:16px;border-top:1px solid var(--line)}.featured-counter{font-size:12px;letter-spacing:2px;color:var(--muted)}.featured-navigation>div{display:flex;gap:10px}.featured-navigation button{width:42px;height:38px;border:1px solid #c5ccbd;background:transparent;color:var(--ink);display:grid;place-items:center;border-radius:2px}.featured-navigation button:hover{background:var(--ink);color:var(--paper)}.featured-navigation button:disabled{opacity:.3;cursor:default}.featured-navigation [data-featured-prev] svg{transform:rotate(-135deg)}.featured-navigation [data-featured-next] svg{transform:rotate(45deg)}
@media(max-width:900px){.featured-dishes .dish-card{flex-basis:calc((100% - 20px)/2)}.featured-dishes{gap:20px}}
@media(max-width:600px){.dish-info{padding:12px;gap:8px}.dish-info h3{font-size:16px;line-height:1.4}.dish-info strong{font-size:15px}.dish-info>div{align-items:flex-start}.featured-menu .section-heading{gap:14px;margin-bottom:20px}.featured-menu .section-heading>.text-link{font-size:13px;width:auto;gap:10px}.featured-dishes{gap:14px;overflow:visible;overflow-x:auto;margin-right:-16px;padding-right:16px}.featured-dishes .dish-card{flex-basis:82%;max-width:340px}.featured-dishes .dish-info{padding:16px}.featured-dishes .dish-info h3{font-size:21px}.featured-dishes .dish-info strong{font-size:17px}.featured-navigation{margin-top:4px}}

@media(max-width:600px){
 .home-story .story-image{max-width:none;width:100%;justify-self:stretch}
 .home-story .story-image>img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 64%}
 .home-story{padding-block:24px;gap:20px}
 .home-story .seal{width:54px;height:54px;right:12px;bottom:12px;font-size:23px}
 .home-story .seal small{font-size:7px}
}

/* Only the clipped decorative layers paint the service frame. */
.shio-services .service-card .service-visual,
.shio-services .service-card:nth-child(even) .service-visual{background:transparent;border:0;box-shadow:none}
.shio-services .service-card .service-visual img{background:transparent}

/* Soft rounded menu cards without drop shadows. */
.dish-card{border:1px solid #e1e3d9;border-radius:14px;box-shadow:none;background:#fffdf8;overflow:hidden}
.dish-card .dish-image{border-radius:13px 13px 0 0;overflow:hidden}
.dish-card:hover{box-shadow:none}
.featured-dishes .dish-card{border-radius:16px;box-shadow:none}
.featured-dishes .dish-image{border-radius:15px 15px 0 0}
@media(max-width:600px){.dish-card{border-radius:12px}.dish-card .dish-image{border-radius:11px 11px 0 0}.featured-dishes .dish-card{border-radius:16px}.featured-dishes .dish-image{border-radius:15px 15px 0 0}}

.dish-card{position:relative}.dish-order-link::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:1}.dish-order-link:focus-visible{outline:none}.dish-order-link:focus-visible::after{outline:2px solid var(--ink);outline-offset:-3px}.dish-card .inline-dish-edit{z-index:3}

@media(max-width:600px){
 .booking-hero{padding:20px 0 16px}.booking-hero .eyebrow{font-size:10px;letter-spacing:1.4px}.booking-hero h1{font-size:26px;line-height:1.3;letter-spacing:-.6px;margin:8px 0 0}.booking-hero p,.booking-hero .hero-kanji{display:none}
 .booking-layout{display:flex;flex-direction:column;padding-block:16px 30px;gap:22px}.booking-layout>.form-panel{order:-1;width:100%;padding:18px 14px}.booking-layout>.form-panel h3{font-size:22px;margin-bottom:16px}
 .booking-layout aside>.eyebrow,.booking-layout aside>h2,.booking-layout aside>p{display:none}.booking-layout aside{width:100%}.booking-layout .booking-hours-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:10px;margin-top:0;font-size:12px}.booking-layout .booking-hours-grid h4{font-size:13px}.booking-layout .policy-box{padding:10px 12px;margin:12px 0;font-size:12px}.booking-layout aside>.text-link{font-size:13px}
 #reservation-form>label,#reservation-form .form-row>label{font-size:13px;line-height:1.5;margin-bottom:12px}
 #reservation-form input:not([type=checkbox]),#reservation-form select,#reservation-form textarea{padding:10px 11px;font-size:16px;line-height:1.4;margin-top:5px;min-height:44px;border-radius:3px}
 #reservation-form input[type=date]{height:44px;min-height:44px}
 #reservation-form .form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #reservation-form .booking-tags{gap:6px;margin-top:6px}#reservation-form .tag-chip{padding:6px 8px;font-size:12px;line-height:1.4}
 #reservation-form .checkbox{font-size:12px;line-height:1.6;align-items:flex-start}#reservation-form .muted{font-size:12px;line-height:1.6;margin:10px 0 0}#reservation-form .btn.full{min-height:44px;padding:10px 14px}
}
@media(max-width:350px){#reservation-form .form-row{grid-template-columns:minmax(0,1fr);gap:0}}

.footer-bottom.footer-social{border-top:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:48px;padding-block:24px 32px}.social-links{display:flex;gap:18px;align-items:center}.social-icon{display:grid;place-items:center;width:40px;height:40px;border:1.5px solid currentColor;border-radius:50%;color:#171917;transition:background .2s}.social-icon span{font-size:12px;font-weight:700;letter-spacing:-.5px}.social-icon:hover{background:#e5e8df}.footer-hotline{display:inline-flex;align-items:center;justify-content:center;background:#111;color:#fff;padding:12px 28px;border-radius:999px;font-size:20px;font-weight:600;line-height:1.4;white-space:nowrap}@media(max-width:600px){.footer-bottom.footer-social{gap:22px;flex-wrap:wrap;padding:18px 0 90px}.social-links{gap:14px}.social-icon{width:36px;height:36px}.footer-hotline{font-size:17px;padding:11px 22px}}

.booking-layout>.form-panel{border:0;background:transparent;box-shadow:none;padding:0}
@media(max-width:600px){.booking-layout>.form-panel{padding:0;border:0;background:transparent;box-shadow:none}.booking-layout{padding-top:20px}}

/* Home introduction: balanced photography and a clear editorial hierarchy. */
.home-story{width:min(1180px,calc(100% - 96px));grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,88px);padding-block:64px;align-items:center}
.home-story .story-image{width:100%;max-width:none;justify-self:stretch;position:relative;padding:0 0 18px 18px}
.home-story .story-image:before{content:"";position:absolute;inset:24px 24px 0 0;border:1px solid #c8ccbc;pointer-events:none}
.home-story .story-image>img{position:relative;width:100%;height:520px;aspect-ratio:auto;object-fit:cover;object-position:center 66%;border-radius:3px}
.story-photo-caption{position:absolute;bottom:36px;left:36px;right:18px;background:linear-gradient(transparent,#112c2bd9);color:#fffdf5;padding:38px 18px 16px;font-size:12px;font-weight:600;letter-spacing:2px;border-radius:0 0 3px 3px;pointer-events:none}.story-photo-caption>span{display:block;font-size:10px;font-weight:400;letter-spacing:1px;margin-top:3px}
.home-story .story-copy{max-width:490px;margin:0}.home-story .story-copy>.eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:2px}.story-mark{display:grid;place-items:center;width:35px;height:40px;border:1px solid #a83b3066;color:var(--red);font:24px var(--serif);border-radius:2px}
.home-story .story-copy h2{font-size:clamp(34px,3.4vw,48px);line-height:1.35;letter-spacing:-1px;margin:22px 0}.home-story .story-copy .story-lead{font-size:18px;line-height:1.65;color:var(--ink);padding-left:16px;border-left:2px solid var(--red);margin-bottom:22px}.home-story .story-copy p{font-size:15px;line-height:1.85;margin-bottom:16px}.home-story .story-copy .text-link{margin-top:10px;font-size:14px;gap:18px;padding-bottom:7px}
@media(min-width:1600px){.home-story{width:min(1280px,calc(100% - 160px))}.home-story .story-image>img{height:560px}}
@media(max-width:900px){.home-story{width:calc(100% - 48px);gap:30px;padding-block:42px}.home-story .story-image>img{height:460px}.home-story .story-copy h2{font-size:34px}}
@media(max-width:600px){.home-story{width:calc(100% - 32px);grid-template-columns:1fr;gap:28px;padding-block:30px}.home-story .story-image{padding:0 0 12px 12px}.home-story .story-image:before{inset:16px 16px 0 0}.home-story .story-image>img{height:auto;aspect-ratio:1.05;object-position:center 68%}.story-photo-caption{bottom:24px;left:24px;right:0;padding:32px 14px 12px}.home-story .story-copy{max-width:none}.home-story .story-copy h2{font-size:34px;margin:16px 0}.home-story .story-copy .story-lead{font-size:16px;margin-bottom:18px}.home-story .story-copy .story-lead br{display:none}.home-story .story-copy p{font-size:14px;margin-bottom:12px}.home-story .story-copy>.eyebrow{font-size:10px;letter-spacing:1.6px}.home-story .story-copy .text-link{font-size:13px}}

.home-category-section{background:#eef0e6;border-bottom:1px solid #dce1d4;padding:24px 0}.home-category-inner{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:start;gap:28px}.home-category-label{padding:5px 0}.home-category-label>span{font-size:12px;letter-spacing:3px;color:var(--red)}.home-category-label h2{font-size:20px;letter-spacing:-.3px;line-height:1.4;margin:5px 0 0}.home-category-list{display:flex;flex-wrap:wrap;gap:8px}.home-category-list a{display:inline-flex;align-items:center;gap:9px;background:#fffdf7;border:1px solid #d9dfd0;border-radius:7px;padding:8px 12px;line-height:1.4;font-size:13px;color:var(--ink);transition:background .15s,border-color .15s}.home-category-list a:hover{background:#203e3e;color:#fffdf7;border-color:#203e3e}.home-category-list small{font-size:10px;opacity:.65;font-variant-numeric:tabular-nums}.home-category-list a:focus-visible{outline:2px solid var(--red);outline-offset:2px}
@media(max-width:900px){.home-category-inner{grid-template-columns:1fr;gap:14px}.home-category-label{display:flex;align-items:center;gap:12px;padding:0}.home-category-label h2{margin:0}}
@media(max-width:600px){.home-category-section{padding:20px 0}.home-category-inner{width:calc(100% - 32px)}.home-category-label h2{font-size:19px}.home-category-list{gap:7px}.home-category-list a{font-size:12px;padding:7px 10px;border-radius:6px;gap:7px}}

.home-category-inner{grid-template-columns:180px minmax(0,1fr);align-items:center}.home-category-list{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;padding:4px 0 9px;min-width:0}.home-category-list a{flex-shrink:0;white-space:nowrap;scroll-snap-align:start}@media(max-width:900px){.home-category-inner{grid-template-columns:1fr;gap:12px}}

/* A continuous, quiet menu ribbon. */
.category-marquee{overflow:hidden;background:#eeeee4;border-bottom:1px solid #dce0d3;padding:23px 0;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}
.category-marquee-track{display:flex;width:max-content;animation:category-drift 110s linear infinite;will-change:transform}
.category-marquee-group{display:flex;flex-shrink:0;align-items:center;gap:36px;padding-right:36px}
.category-marquee-group a{font-family:var(--serif);font-size:20px;line-height:1.5;white-space:nowrap;transition:color .2s}
.category-marquee-group a:hover{color:var(--red)}.category-marquee-group>span{font-size:12px;color:var(--red);opacity:.65}
.category-marquee:hover .category-marquee-track,.category-marquee:focus-within .category-marquee-track{animation-play-state:paused}
@keyframes category-drift{to{transform:translateX(-50%)}}
@media(max-width:600px){.category-marquee{padding:17px 0}.category-marquee-group{gap:24px;padding-right:24px}.category-marquee-group a{font-size:17px}.category-marquee-group>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.category-marquee{overflow-x:auto;mask-image:none}.category-marquee-track{animation:none;will-change:auto}.category-marquee-group[aria-hidden=true]{display:none}}

.shio-services .service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.shio-services .service-card{position:relative}.shio-services .service-visual{padding:20px}.shio-services .service-visual img{aspect-ratio:1.12;object-fit:cover}.shio-services .service-card:last-child .service-visual img{object-fit:cover;background:transparent}.shio-services .service-card h3{font-size:20px;margin-bottom:8px}.shio-services .service-card p{display:block;font-size:13px;line-height:1.75;max-width:260px;margin:0;color:var(--muted)}.service-edit-button{position:absolute;right:8px;top:8px;z-index:4;background:#fffdf7;color:var(--ink);border:1px solid #c7cebe;border-radius:4px;display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:6px 9px}.service-edit-button:hover{background:var(--ink);color:white}
@media(max-width:1000px){.shio-services .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;max-width:760px;margin-inline:auto}}
@media(max-width:600px){.shio-services .service-grid{grid-template-columns:minmax(0,1fr);max-width:340px;gap:30px}.shio-services .service-visual{padding:24px}.shio-services .service-card h3{font-size:22px}.shio-services .service-card p{font-size:14px;max-width:300px}}

/* Client motion: subtle responses, no continuous zoom or layout shifts. */
.site-header{transition:border-color .25s,background-color .25s}.site-header.has-scrolled{border-bottom-color:#c8d0c1}
.btn,.text-link,.dish-card,.service-card .service-visual img,.post-card img,.branch-photos img{transition-timing-function:cubic-bezier(.22,1,.36,1)}
.dish-card{transition:transform .28s,border-color .28s}.dish-image>img{transition:transform .6s cubic-bezier(.22,1,.36,1)}
.post-card>a{display:block}.post-card img{transition:transform .5s cubic-bezier(.22,1,.36,1),filter .5s}.post-card h3{transition:color .25s}
.form-panel input,.form-panel select,.form-panel textarea{transition:border-color .2s,background-color .2s}.form-panel .field-error{animation:shio-field-in .2s ease-out}.booking-tags .tag-chip{transition:background-color .2s,color .2s,border-color .2s}
@keyframes shio-field-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){.dish-card:hover{transform:translateY(-3px);border-color:#b7c4ad}.dish-card:hover .dish-image>img{transform:scale(1.035)}.post-card>a:hover img{transform:translateY(-3px);filter:saturate(1.05)}.post-card>a:hover h3{color:var(--red)}.branch-photos a:hover img{transform:scale(1.045)}.service-card>a:hover h3{color:var(--red)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}body *,body *::before,body *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.dish-card:hover,.dish-card:hover .dish-image>img,.post-card>a:hover img,.service-card:hover .service-visual img,.branch-photos a:hover img{transform:none}}

/* Booking controls: consistent iOS date rendering and comfortable field widths. */
#reservation-form .booking-date-control{display:flex;align-items:center;position:relative;min-width:0;width:100%;min-height:46px;margin-top:5px;padding:10px 12px;border:1px solid var(--line);border-radius:4px;background:var(--white);line-height:1.4}
#reservation-form .booking-date-control input[type=date]{position:absolute;inset:0;opacity:0;width:100%;height:100%;min-height:0;margin:0;padding:0;cursor:pointer;z-index:2}
#reservation-form .booking-date-value{font-size:16px;line-height:1.4;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink)}
#reservation-form .booking-date-icon{display:flex;align-items:center;margin-left:auto;pointer-events:none}
#reservation-form .booking-date-control:focus-within{border-color:#557a70}
#reservation-form .booking-date-control:has(input[aria-invalid=true]){border-color:var(--red)}
#reservation-form input[type=checkbox]{appearance:auto;-webkit-appearance:checkbox;width:18px;height:18px;min-width:18px;min-height:18px;flex:0 0 18px;padding:0;border-radius:3px;margin:2px 0 0;box-shadow:none;accent-color:var(--ink)}
#reservation-form .checkbox{display:flex;align-items:flex-start;gap:10px}
#reservation-form .booking-tags .tag-chip{border-radius:5px;font-size:12px;line-height:1.5;padding:7px 10px}
@media(max-width:600px){
 .booking-layout>.form-panel h3{font-size:23px;margin-bottom:20px}
 #reservation-form .form-row:has(input[name=name]){grid-template-columns:minmax(0,1fr);gap:0}
 #reservation-form>label,#reservation-form .form-row>label{font-size:13px;margin-bottom:15px}
 #reservation-form input:not([type=checkbox]):not([type=date]),#reservation-form select,#reservation-form textarea{border-radius:4px;border:1px solid #d6dbcf;min-height:46px;padding:11px 12px;background:#fffdf7;font-size:16px;line-height:1.4}
 #reservation-form .booking-date-control{min-height:46px;border-color:#d6dbcf;padding:11px 12px}
 #reservation-form textarea[name=note]{min-height:96px;height:96px;resize:vertical}
 #reservation-form .booking-tags{gap:7px;display:flex;flex-wrap:wrap}
 #reservation-form label.checkbox{font-size:12px;line-height:1.7;margin-top:6px;margin-bottom:18px}
 #reservation-form .btn.full{min-height:48px;border-radius:4px;font-size:15px}
 .booking-layout{padding-bottom:40px}
}