.food-collection{--lime:#f0b548}
.food-collection .collection-hero__veil{background:linear-gradient(90deg,rgba(8,7,5,.66),rgba(8,7,5,.1) 66%),linear-gradient(0deg,rgba(8,7,5,.55),transparent 46%)}
.food-collection .collection-hero__copy{top:48%}
.food-collection .collection-hero h1{font-size:clamp(68px,9.6vw,150px);line-height:.72}
.food-gallery{padding-top:clamp(115px,12vw,190px)}
.course-marker{display:flex;align-items:center;gap:18px;margin:0 clamp(0px,5vw,75px) clamp(48px,6vw,88px);font-size:9px;letter-spacing:.2em;text-transform:uppercase}
.course-marker span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(23,23,20,.5);border-radius:50%;font-variant-numeric:tabular-nums}
.course-marker p{margin:0}
.food-gallery>.course-marker:not(:first-child){margin-top:clamp(150px,19vw,290px)}
.food-pair{padding-top:clamp(120px,16vw,245px);padding-bottom:clamp(120px,16vw,245px)}
.food-pair--prep{grid-template-columns:minmax(260px,.58fr) minmax(0,1.2fr);padding-left:clamp(0px,8vw,125px)}
.food-pair--dessert{grid-template-columns:minmax(240px,.55fr) minmax(0,1.25fr);padding-right:clamp(0px,5vw,75px)}
.food-pair--portrait-accent{grid-template-columns:minmax(240px,.48fr) minmax(0,1.12fr)}
.food-pair--portrait-accent .frame:first-child{width:min(100%,560px);justify-self:center}
.food-vertical-solo{display:flex;padding:clamp(120px,16vw,245px) clamp(0px,8vw,125px)}
.food-vertical-solo .frame{width:min(48vw,650px)}
.food-vertical-solo--left{justify-content:flex-start}
.food-stack{display:flex;flex-direction:column;gap:clamp(115px,14vw,220px);padding:clamp(100px,13vw,200px) clamp(0px,4vw,64px)}
.food-stack .frame{width:min(88%,1320px)}
.food-stack .frame:nth-child(2){align-self:flex-end}
.food-stack--right .frame:first-child{align-self:flex-end}
.food-stack--right .frame:nth-child(2){align-self:flex-start}
.food-gallery .frame--macaroni-crop{overflow:visible}
.food-gallery .macaroni-crop__image{aspect-ratio:3/2;overflow:hidden}
.food-gallery .macaroni-crop__image img{width:100%;height:100%!important;object-fit:cover!important;object-position:43% 67%;transform:scale(1.32)!important;transform-origin:43% 67%}
.food-gallery>.frame--cinema{margin-top:clamp(70px,8vw,120px);margin-bottom:clamp(70px,8vw,120px)}
.food-gallery>.frame--wide{margin-top:clamp(130px,16vw,250px);margin-bottom:clamp(130px,16vw,250px)}
.food-interlude{padding-top:clamp(50px,7vw,110px);padding-bottom:clamp(150px,18vw,270px)}
.food-quote-followup{display:flex;justify-content:flex-end;padding:clamp(55px,8vw,120px) clamp(0px,6vw,95px) clamp(70px,9vw,140px)}
.food-quote-followup .frame{width:min(62vw,920px)}
.food-scroll-bridge{--bridge-progress:0;position:relative;height:clamp(520px,64vw,880px);display:flex;flex-direction:column;align-items:center;margin-top:clamp(-55px,-3vw,-20px);margin-bottom:clamp(20px,4vw,65px);overflow:hidden}
.food-scroll-bridge__cue{z-index:2;flex:0 0 clamp(78px,9vw,120px);width:min(84vw,1320px);display:flex;gap:18px;align-items:center;margin:0;font-size:10px;letter-spacing:.19em;text-transform:uppercase;opacity:calc(1 - var(--bridge-progress) * 1.8)}
.food-scroll-bridge__cue::after{content:"↓";font-size:18px;transform:translateY(calc(var(--bridge-progress) * 7px))}
.food-scroll-bridge__cue i{font-style:normal;color:#6a665e}
.food-scroll-bridge figure{width:min(84vw,1320px);margin:0;transform:scale(calc(.13 + var(--bridge-progress) * .87));transform-origin:center top;will-change:transform;box-shadow:0 calc(18px - var(--bridge-progress) * 18px) 55px rgba(23,23,20,calc(.16 - var(--bridge-progress) * .12))}
.food-scroll-bridge.collection-scroll-bridge--portrait{height:clamp(760px,95vw,1250px)}
.food-scroll-bridge.collection-scroll-bridge--portrait figure{width:min(54vw,760px)}
.food-scroll-bridge img{display:block;width:100%;height:auto}
.food-scroll-bridge .photo-meta{display:flex;justify-content:space-between;margin-top:14px}
.food-interlude h2{font-size:clamp(57px,8vw,122px)}
.food-outro{background:#d1d0c9}
.food-outro blockquote{max-width:900px}

@media(max-width:760px){
  .food-collection .collection-hero__copy{top:auto}
  .food-collection .collection-hero h1{font-size:18vw}
  .food-gallery{padding-top:72px}
  .course-marker{margin-left:6px;margin-bottom:40px}
  .food-gallery>.course-marker:not(:first-child){margin-top:64px}
  .food-pair,.food-pair--prep,.food-pair--dessert,.food-pair--portrait-accent{grid-template-columns:1fr;padding:52px 0}
  .food-pair--portrait-accent .frame:first-child{width:82%}
  .food-vertical-solo{padding:52px 0}
  .food-vertical-solo .frame{width:82%}
  .food-stack{gap:44px;padding:52px 0}
  .food-stack .frame{width:94%}
  .food-gallery>.frame--wide,.food-gallery>.frame--cinema{margin-top:52px;margin-bottom:52px}
  .food-interlude{padding:46px 4px 56px}
  .food-quote-followup{padding:36px 0 52px}.food-quote-followup .frame{width:88%}
  .food-scroll-bridge{height:clamp(350px,52vh,430px);min-height:0;margin-top:-14px;margin-bottom:16px}
  .food-scroll-bridge__cue{width:100%;padding-left:8px;box-sizing:border-box}.food-scroll-bridge__cue i{display:none}
  .food-scroll-bridge figure{width:100%}
  .food-scroll-bridge.collection-scroll-bridge--portrait{height:clamp(420px,105vw,520px);min-height:0}
  .food-scroll-bridge.collection-scroll-bridge--portrait figure{width:88%}
}

@media(min-width:761px){
  .food-gallery>.course-marker:not(:first-child){margin-top:clamp(95px,12vw,185px)}
  .food-vertical-solo{padding-top:clamp(75px,10vw,155px);padding-bottom:clamp(75px,10vw,155px)}
  .food-stack{gap:clamp(70px,9vw,140px);padding-top:clamp(65px,9vw,130px);padding-bottom:clamp(65px,9vw,130px)}
  .food-gallery>.frame--cinema{margin-top:clamp(50px,6vw,90px);margin-bottom:clamp(50px,6vw,90px)}
  .food-gallery>.frame--wide{margin-top:clamp(80px,10vw,160px);margin-bottom:clamp(80px,10vw,160px)}
  .food-gallery>.frame--cinema + .food-stack{padding-top:clamp(35px,5vw,75px)}
}

@media(prefers-reduced-motion:reduce){
  .food-scroll-bridge{height:auto;display:block;padding:55px 0;margin-top:-45px}
  .food-scroll-bridge__cue{width:min(84vw,1320px);min-height:auto;margin:0 auto 28px;opacity:1}
  .food-scroll-bridge figure{transform:none;width:min(84vw,1320px);margin:auto;box-shadow:none}
  .food-scroll-bridge.collection-scroll-bridge--portrait figure{width:min(54vw,760px)}
}