/* Side navigation and the second-generation salad choreography. */
.oggi-menu .og-food-layout{position:relative;padding-left:180px}
.oggi-menu .og-menu-body{min-width:0}
.oggi-menu .og-category-nav{position:fixed;left:28px;top:50%;transform:translateY(-50%);width:145px;max-height:88vh;display:block;background:transparent;border:0;box-shadow:none;padding:0;opacity:0;visibility:hidden;transition:opacity .2s,color .3s;color:var(--ink);overflow:auto;scrollbar-width:none;z-index:25}
.oggi-menu .og-category-nav::-webkit-scrollbar{display:none}
.oggi-menu.og-nav-ready .og-category-nav{opacity:1;visibility:visible}
.oggi-menu .og-nav-title{font-size:9px;font-weight:700;letter-spacing:.17em;margin-bottom:20px;opacity:.55}
.oggi-menu .og-nav-links{display:flex;flex-direction:column;align-items:flex-start;overflow:visible;gap:0;padding:0}
.oggi-menu .og-nav-links a{font-size:12px;line-height:1.35;white-space:normal;border:0;padding:9px 0;opacity:.74;transition:opacity .2s,transform .2s;max-width:145px}
.oggi-menu .og-nav-links a:hover{opacity:1;transform:translateX(3px)}
.oggi-menu .og-nav-links a[aria-current=true]{opacity:1;border:0;font-weight:700;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.oggi-menu.og-nav-on-salad .og-category-nav{color:#f2ede3}
.oggi-menu .og-nav-toggle,.oggi-menu .og-nav-close{display:none}
.oggi-menu .og-menu-intro{padding-left:5%;padding-right:5%}
.oggi-menu .og-category{padding-left:5%;padding-right:5%;gap:5vw;scroll-margin-top:20px}
.oggi-menu .og-category h2{font-size:clamp(46px,4.8vw,76px)}
.oggi-menu .og-salad-story{height:250svh;min-height:1400px;margin:55px 0 55px -180px;padding-left:180px;background:#465740}
.oggi-menu .og-salad-sticky{top:0;height:100svh;min-height:0;max-height:none;padding:30px 4%;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:10px;overflow:visible}
.oggi-menu .og-salad-copy h2{font-size:clamp(60px,6.1vw,104px);margin:22px 0}
.oggi-menu .og-salad-copy>p:not(.og-eyebrow){font-size:13px;line-height:1.7}
.oggi-menu .og-salad-copy .og-salad-name{margin-top:24px}
.oggi-menu .og-salad-stage{position:relative;height:calc(100svh - 70px);max-height:820px;min-height:0;width:100%;max-width:680px;perspective:1100px;overflow:visible}
.oggi-menu .og-scene{position:absolute;inset:0 0 45px}
.oggi-menu .og-salad-layer{position:absolute;aspect-ratio:1;background-image:url('assets/salad-motion-v3.webp');background-size:300% 200%;background-repeat:no-repeat;will-change:transform,opacity}
.oggi-menu .og-empty-bowl,.oggi-menu .og-finished-bowl{width:100%;left:50%;top:75%;transform:translate(-50%,-50%) scale(.84);z-index:2;background-position:0 0}
.oggi-menu .og-finished-bowl{background-position:50% 0;opacity:0}
.oggi-menu .og-ingredient{position:absolute;width:59%;aspect-ratio:1;left:50%;top:30%;transform:translate(-50%,-50%);z-index:3;will-change:transform,opacity;pointer-events:none}
.oggi-menu .og-ingredient-visual{width:100%;height:100%;inset:0;transform:perspective(800px) rotateX(48deg);filter:drop-shadow(0 10px 12px #17201a15)}
.oggi-menu [data-layer=greens] .og-ingredient-visual{background-position:100% 0}
.oggi-menu [data-layer=tomatoes] .og-ingredient-visual{background-position:0 100%}
.oggi-menu [data-layer=peppers] .og-ingredient-visual{background-position:50% 100%}
.oggi-menu [data-layer=feta] .og-ingredient-visual{background-position:100% 100%}
.oggi-menu .og-bowl-shadow{position:absolute;left:50%;top:91%;width:58%;height:7%;background:#14221b;border-radius:50%;filter:blur(18px);opacity:.11;transform:translate(-50%,-50%)}
.oggi-menu .og-layer-label{position:absolute;font-size:8px;line-height:1.4;letter-spacing:.1em;color:#e6ebdf;opacity:var(--label-opacity,1);z-index:5;white-space:nowrap}
.oggi-menu .og-layer-label::after{content:'';display:block;width:45px;height:1px;background:#d5dec267;margin-top:6px}
.oggi-menu .og-label-feta{right:0;top:10%}.oggi-menu .og-label-peppers{left:0;top:25%}.oggi-menu .og-label-tomatoes{right:0;top:42%}.oggi-menu .og-label-greens{left:0;top:56%}
.oggi-menu .og-motion-caption{z-index:6;position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:11px;line-height:1.6;display:flex;flex-direction:column;gap:4px;color:#f2ede3}
.oggi-menu .og-motion-step{font-weight:700;font-size:13px}
.oggi-menu .og-motion-hint{opacity:.55;font-size:10px}
body.page-id-1632.admin-bar .og-category-nav{top:50%}
body.page-id-1632.admin-bar .og-salad-sticky{top:32px;height:calc(100svh - 32px)}
@media(min-width:1700px){.oggi-menu .og-food-layout{padding-left:210px}.oggi-menu .og-category-nav{left:42px;width:165px}.oggi-menu .og-nav-links a{font-size:13px;padding:10px 0;max-width:165px}.oggi-menu .og-salad-story{margin-left:-210px;padding-left:210px}.oggi-menu .og-salad-sticky{padding-left:6%;padding-right:6%}.oggi-menu .og-salad-stage{max-height:850px}}
@media(min-width:801px) and (max-height:720px){.oggi-menu .og-nav-title{margin-bottom:10px}.oggi-menu .og-nav-links a{padding:6px 0}.oggi-menu .og-salad-copy h2{font-size:58px}.oggi-menu .og-salad-copy>p:not(.og-eyebrow){font-size:11px}.oggi-menu .og-salad-copy .og-salad-name{margin-top:14px}.oggi-menu .og-salad-link{margin-top:12px}}
@media(min-width:801px) and (max-width:1100px){.oggi-menu .og-food-layout{padding-left:145px}.oggi-menu .og-category-nav{left:18px;width:120px}.oggi-menu .og-nav-links a{max-width:120px;font-size:10px}.oggi-menu .og-salad-story{margin-left:-145px;padding-left:145px}.oggi-menu .og-category{gap:25px}.oggi-menu .og-salad-copy h2{font-size:58px}.oggi-menu .og-salad-copy>p:not(.og-eyebrow){font-size:11px}.oggi-menu .og-salad-sticky{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);padding:24px 3%}.oggi-menu .og-layer-label{font-size:7px}.oggi-menu .og-salad-stage{height:75svh}}
@media(max-width:800px){
.oggi-menu .og-food-layout{padding-left:22px}
.oggi-menu .og-category-nav{left:0;top:0!important;bottom:0;transform:none;width:100%;max-height:none;height:100dvh;background:var(--paper);color:var(--ink)!important;padding:35px 36px;z-index:50;visibility:hidden!important;opacity:0!important;overflow:auto}
.oggi-menu.og-nav-open .og-category-nav{visibility:visible!important;opacity:1!important}
.oggi-menu .og-nav-title{margin:26px 0 18px}
.oggi-menu .og-nav-links{gap:0}.oggi-menu .og-nav-links a{font-size:18px;padding:9px 0;max-width:none;opacity:.75}
.oggi-menu .og-nav-close{display:block;border:0;background:transparent;padding:0;color:var(--ink);font-size:13px;line-height:32px;text-decoration:underline;text-underline-offset:5px}
.oggi-menu .og-nav-toggle{position:fixed;display:block;left:8px;top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;padding:12px 0;background:transparent;border:0;color:var(--ink);font-size:10px;font-weight:700;letter-spacing:.12em;z-index:24;visibility:hidden;opacity:0;transition:opacity .2s}
.oggi-menu.og-nav-ready .og-nav-toggle{visibility:visible;opacity:1}
.oggi-menu.og-nav-on-salad .og-nav-toggle{color:var(--paper)}
.oggi-menu .og-category{padding:40px 22px;display:flex;flex-direction:column;gap:24px}.oggi-menu .og-category:nth-of-type(even) .og-category-photo{order:0}
.oggi-menu .og-category h2{font-size:clamp(42px,10vw,62px)}.oggi-menu .og-category-photo>img{aspect-ratio:1.3}
.oggi-menu .og-menu-intro{padding:40px 22px 0;display:block}.oggi-menu .og-menu-intro>p:nth-child(2){font-size:15px;margin:12px 0}
.oggi-menu .og-salad-story{height:230svh;min-height:0;margin:30px 0 30px -22px;padding-left:22px}
.oggi-menu .og-salad-sticky{position:sticky;top:0;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);height:100svh;padding:24px 18px 20px;gap:0;align-items:stretch;overflow:hidden}
.oggi-menu .og-salad-copy{padding-left:8px}.oggi-menu .og-salad-copy h2{font-size:clamp(40px,9vw,62px);margin:12px 0;line-height:.95}.oggi-menu .og-salad-copy h2 br:first-child{display:none}.oggi-menu .og-salad-copy h2 br:nth-child(2){display:block}.oggi-menu .og-salad-copy h2 em{display:block}
.oggi-menu .og-salad-copy>p:not(.og-eyebrow){font-size:11px;line-height:1.6}.oggi-menu .og-salad-copy .og-eyebrow{font-size:9px}.oggi-menu .og-salad-copy>p:nth-of-type(2){display:none}
.oggi-menu .og-salad-copy .og-salad-name{margin-top:10px}.oggi-menu .og-text-button{font-size:10px;padding:8px 0;margin-top:6px}.oggi-menu .og-salad-link{display:inline-block;font-size:10px;margin:0 0 0 20px}
.oggi-menu .og-salad-stage{height:100%;width:100%;max-width:440px;max-height:none;min-height:0}.oggi-menu .og-scene{inset:10px 0 44px}.oggi-menu .og-ingredient{width:50%}.oggi-menu .og-layer-label{font-size:6px;letter-spacing:.02em}.oggi-menu .og-layer-label::after{width:22px;margin-top:4px}.oggi-menu .og-motion-step{font-size:11px}.oggi-menu .og-motion-hint{font-size:8px}
.oggi-menu .og-empty-bowl,.oggi-menu .og-finished-bowl{width:94%}
}
@media(max-width:800px) and (max-height:650px){.oggi-menu .og-salad-copy h2{font-size:36px}.oggi-menu .og-salad-copy .og-eyebrow{display:none}.oggi-menu .og-salad-sticky{padding-top:12px;padding-bottom:10px}.oggi-menu .og-salad-copy .og-salad-name{font-size:10px}.oggi-menu .og-salad-link{margin-left:10px}.oggi-menu .og-layer-label{display:none}.oggi-menu .og-ingredient{width:40%}.oggi-menu .og-empty-bowl,.oggi-menu .og-finished-bowl{width:72%}.oggi-menu .og-nav-links a{font-size:15px;padding:7px 0}.oggi-menu .og-nav-title{margin:8px 0}.oggi-menu .og-category-nav{padding:15px 30px}}
@media(prefers-reduced-motion:reduce){.oggi-menu .og-salad-story{height:auto;min-height:0}.oggi-menu .og-salad-sticky{position:relative;top:0;height:auto;min-height:650px}.oggi-menu .og-salad-stage{height:600px}.oggi-menu .og-replay,.oggi-menu .og-motion-hint{display:none}.oggi-menu .og-category-nav,.oggi-menu .og-nav-toggle,.oggi-menu .og-nav-links a{transition:none}@media(max-width:800px){.oggi-menu .og-salad-sticky{min-height:0}.oggi-menu .og-salad-stage{height:420px}}}
@media print{.oggi-menu .og-category-nav,.oggi-menu .og-nav-toggle{display:none!important}.oggi-menu .og-food-layout{padding:0}}
/* Each food piece lands and remains; the finished salad is built from these elements. */
.oggi-menu .og-scene{overflow:hidden}
.oggi-menu .og-piece-food{position:absolute;width:100%;aspect-ratio:1;left:50%;top:51%;transform:translate(-50%,-50%) scale(.95);z-index:3;pointer-events:none}
.oggi-menu .og-food-piece{position:absolute;aspect-ratio:1;background:url('assets/salad-individual-pieces.webp') no-repeat;background-size:400% 400%;transform:translate(-50%,-50%);opacity:0;visibility:hidden;will-change:transform,opacity;filter:drop-shadow(0 2px 1px #15201626)}
.oggi-menu .og-empty-bowl{width:100%;opacity:1}
@media(max-width:800px){.oggi-menu .og-piece-food,.oggi-menu .og-empty-bowl{width:100%}}
@media(max-width:800px) and (max-height:650px){.oggi-menu .og-piece-food,.oggi-menu .og-empty-bowl{width:min(100%,calc((100svh - 240px)*1.25))}}