.brand-intro[hidden]{display:none!important}
.intro-active .header .brand img,.intro-active .header .brand span,.intro-today-landing #views-today{visibility:hidden}
.brand-intro{position:fixed;inset:0;z-index:100;display:grid;place-items:center;pointer-events:none;isolation:isolate}
.brand-intro:before{content:'';position:absolute;inset:0;background:#252622;z-index:-1;transition:opacity 700ms cubic-bezier(.22,1,.36,1)}
.brand-intro.is-revealing:before{opacity:0}
.brand-intro-mark{width:min(700px,80vw);display:flex;flex-direction:column;align-items:center;gap:28px;transform:translateY(-20px)}
.brand-intro-mark img{width:100%;height:auto;opacity:0;transform-origin:0 0;will-change:transform,opacity}
.brand-intro-branch{color:#dbdcd0;font-size:clamp(26px,3.4vw,36px);line-height:1.4;font-weight:450;letter-spacing:-.025em;white-space:nowrap;transform-origin:0 0;opacity:0}
.brand-intro>button{position:absolute;bottom:35px;right:40px;pointer-events:auto;border:1px solid #ffffff45;color:#dddccd;background:transparent;padding:10px 17px;font-size:14px;letter-spacing:0}
.brand-intro-caption{position:absolute;bottom:35px;left:40px;color:#b9bcaf;font-size:14px;letter-spacing:.025em}
.brand-intro.is-revealing>button,.brand-intro.is-revealing>.brand-intro-caption{opacity:0;transition:opacity 200ms}
.brand-intro-today{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;align-items:center;flex-direction:column;gap:10px;color:#f0ab8d}
.brand-intro-today[hidden]{display:none}.brand-intro-today>span{font-size:14px;letter-spacing:.24em}.brand-intro-today>strong{display:block;font-size:clamp(80px,16vw,128px);line-height:1.35;letter-spacing:-.035em;font-weight:640;transform-origin:0 0;font-variant-numeric:tabular-nums;opacity:0;will-change:transform}
.broth-film{position:relative}.broth-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}.broth-film.is-playing video{display:block}.broth-film.is-playing>img{visibility:hidden}.broth-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;border:0;background:#00000012;color:#fff}.broth-play>span:first-child{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;border:1px solid #ffffff9e;background:#25262261;font-size:25px;padding-left:4px}.broth-play>span:last-child{font-size:13px;background:#252622a6;padding:4px 9px}.broth-film.is-playing .broth-play{inset:auto 16px 16px auto;gap:0;background:transparent}.broth-film.is-playing .broth-play>span:first-child{width:42px;height:42px;font-size:17px}.broth-film.is-playing .broth-play>span:last-child{display:none}
.dish-tabs{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.dish-tab{scroll-snap-align:start}.menu-autoplay{white-space:nowrap}.footer-links .install-app{border:0;color:inherit;background:transparent;padding:0;font-size:inherit}.menu-rotation-progress[hidden],[hidden]{display:none!important}
@media(max-width:760px){.dish-tabs{grid-auto-columns:150px}.brand-intro-today>strong{font-size:96px}.broth-play>span:first-child{width:60px;height:60px}}
.menu-autoplay{border:1px solid #b8c1ac!important;background:transparent!important;color:#44563a;font-size:13px!important;padding:0 15px!important;width:auto!important;min-height:42px}
.menu-stage-controls>div{display:flex;align-items:center;gap:9px}
.menu-rotation-progress{height:2px;background:#dcded3;position:relative;overflow:hidden;margin:14px 0 0}
.menu-rotation-progress>span{display:block;width:100%;height:100%;background:#ae4936;transform:scaleX(0);transform-origin:left}
.menu-panel{overflow:hidden}
@media(max-width:760px){.brand-intro-mark{width:84vw;gap:24px}.brand-intro-branch{font-size:28px}.brand-intro>button{bottom:max(80px,calc(22px + env(safe-area-inset-bottom)));right:22px;padding:9px 13px;font-size:14px}.brand-intro-caption{bottom:144px;left:20px;right:20px;text-align:center;font-size:13px}.menu-stage-controls{gap:12px}.menu-stage-controls .menu-current{font-size:12px}.menu-autoplay{font-size:12px!important;padding:0 10px!important;min-height:38px}.menu-stage-controls>div{gap:6px}}
@media(max-height:500px){.brand-intro-mark{width:min(520px,65vw);gap:15px}.brand-intro-today>strong{font-size:80px}.brand-intro-caption{display:none}.brand-intro>button{bottom:18px;right:22px}}
@media(prefers-reduced-motion:reduce){.brand-intro{display:none!important}.menu-rotation-progress{display:none}}
