.food-scene{position:absolute;inset:0;isolation:isolate}
.food-aperture,.scene-layer{position:absolute;inset:0}
.food-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 22px 22px #240d082a)}
.food-aperture{z-index:1;will-change:clip-path,transform}
.opening-pending .food-aperture{clip-path:circle(0% at 50% 50%)}
.opening-ring,.story-ring{position:absolute;left:50%;top:50%;width:92%;height:92%;transform:translate(-50%,-50%);overflow:visible;pointer-events:none}
.opening-ring circle,.story-ring circle{fill:none;stroke-width:.18}
.opening-ring .ring-base{stroke:#e4c3a32a}.opening-ring .ring-trace{stroke:#e4c3a3a0;stroke-dasharray:289;stroke-dashoffset:289;transform:rotate(-90deg);transform-origin:50% 50%}
.hero-sculpture{top:100px;height:calc(100% - 165px)}
.hero-sculpture .orbit-stamp{display:none}
.sculpture-caption{bottom:5px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:6px}
.intro-replay{display:table;margin-top:17px;padding:6px 0;font-size:9px;color:var(--cream);border-bottom:1px solid #f4eddf55;pointer-events:auto;opacity:.85}
.intro-replay:hover{opacity:1}
.journey{height:220svh}
.journey-canvas-wrap{top:7%;height:82%;right:-2%;width:74%}
.story-ring .ring-base{stroke:#a88d6645}.story-ring-progress{stroke:var(--red);stroke-dasharray:289;stroke-dashoffset:289;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .2s}
.scene-layer{z-index:1;will-change:clip-path,transform}
.scene-layer[data-kind="portrait"] .food-photo{inset:auto;left:50%;top:5%;height:90%;width:auto;max-width:87%;transform:translateX(-50%);border-radius:220px 220px 12px 12px;filter:drop-shadow(0 20px 20px #50310e25)}
.journey-ghost{font-size:13vw;top:43%;opacity:.65}
.journey-note{transition:opacity .3s}
.journey-tabs button.active{font-weight:600}
@media(max-width:1100px){.hero-sculpture{right:-10%;width:67%}.hero-copy{width:64%}}
@media(max-width:800px) and (min-width:561px){.hero-sculpture{right:-18%;width:76%;top:170px;height:calc(100% - 230px)}.journey-canvas-wrap{width:85%;right:-12%}}
@media(max-width:560px){
  .hero{display:flex;flex-direction:column;height:auto;min-height:890px;padding-bottom:95px;padding-top:120px}
  .hero-copy{display:contents}.hero-copy>.eyebrow{order:1}.hero-copy>h1{order:2;margin-bottom:5px}.hero-description{order:4;margin-top:0}.hero-copy>.button{order:5;align-self:flex-start}.intro-replay{order:6;align-self:flex-start;font-size:8px;margin-top:13px;padding:4px 0}
  .hero h1{font-size:clamp(35px,11.1vw,61px)}
  .hero-sculpture{order:3;position:relative;top:auto;right:auto;height:auto;aspect-ratio:1;width:100%;margin:0 0 20px;flex-shrink:0}
  .hero-bottom{bottom:26px}.journey{height:205svh}
  .journey-pin{display:flex;flex-direction:column;height:100svh;min-height:0;padding:28px var(--pad) 90px}
  .journey-heading{flex:0 0 auto}.journey-heading h2{font-size:clamp(31px,9.5vw,39px)}
  .journey-canvas-wrap{position:relative;inset:auto;width:100%;height:auto;min-height:0;flex:1;margin:4px 0 8px}
  .journey-note{position:relative;inset:auto;width:100%;max-width:none;flex:0 0 auto}
  .journey-bottom{position:relative;inset:auto;width:100%;flex:0 0 auto;margin-top:10px}
  .journey-note h3{font-size:25px;margin:7px 0}.journey-note p{font-size:9px;line-height:1.7}
  .journey-ghost{top:44%;font-size:22vw}
}
@media(prefers-reduced-motion:reduce){.journey{height:auto}.journey-pin{height:850px}.food-aperture,.scene-layer{will-change:auto}.story-ring-progress{transition:none}}
