.order-gallery{padding:58px 0 66px;background:#eef1e9;color:#30332f;overflow:hidden;border-bottom:1px solid #cbd3c5}
.order-gallery-head{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:0 6vw 26px}
.order-gallery-head .eyebrow{margin:0 0 9px;color:#5f7158}
.order-gallery-head h2{margin:0;font:600 clamp(34px,4vw,58px)/.95 'Playfair Display',serif;letter-spacing:-.05em}
.order-gallery-controls{display:flex;align-items:center;gap:9px}
.order-gallery-count{min-width:58px;color:#63705e;font:700 10px 'DM Mono',monospace;letter-spacing:.08em;text-align:center}
.order-gallery-button{display:grid;place-items:center;width:43px;height:43px;padding:0;border:1px solid #9eab99;border-radius:50%;background:#fffdf7;color:#40503d;font-size:19px;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease}
.order-gallery-button:hover,.order-gallery-button:focus-visible{outline:0;background:#5f7158;color:#fff;transform:scale(1.04)}
.order-gallery-window{overflow:hidden}
.order-gallery-track{display:flex;gap:18px;padding:0 6vw 14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:6vw;overscroll-behavior-inline:contain;scrollbar-width:none}
.order-gallery-track::-webkit-scrollbar{display:none}
.order-gallery-card{position:relative;flex:0 0 min(66vw,760px);aspect-ratio:1.62/1;margin:0;overflow:hidden;border-radius:24px;background:#52624c;scroll-snap-align:start;scroll-snap-stop:always;box-shadow:0 18px 38px rgba(38,54,42,.17)}
.order-gallery-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.order-gallery-card::after{content:'';position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(31,31,26,.82))}
.order-gallery-card figcaption{position:absolute;z-index:1;left:25px;right:25px;bottom:22px;display:flex;align-items:end;justify-content:space-between;gap:18px;color:#fff}
.order-gallery-card small{display:block;margin-bottom:6px;font:700 9px 'DM Mono',monospace;letter-spacing:.13em;color:#dce5d7}
.order-gallery-card strong{font:600 clamp(25px,3vw,40px)/1 'Playfair Display',serif;letter-spacing:-.035em}
.order-gallery-card span{font:700 10px 'DM Mono',monospace;letter-spacing:.08em;white-space:nowrap}
.order-gallery-card:hover img{transform:scale(1.035)}
.order-gallery-hint{margin:9px 6vw 0;color:#667162;font:700 9px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:700px){
  .order-gallery{padding:43px 0 50px}
  .order-gallery-head{padding:0 20px 21px}
  .order-gallery-head h2{font-size:36px}
  .order-gallery-count{display:none}
  .order-gallery-button{width:40px;height:40px}
  .order-gallery-track{gap:12px;padding-inline:20px;scroll-padding-inline:20px}
  .order-gallery-card{flex-basis:82vw;aspect-ratio:1.08/1;border-radius:20px}
  .order-gallery-card figcaption{left:19px;right:19px;bottom:18px}
  .order-gallery-card strong{font-size:27px}
  .order-gallery-card figcaption>span{display:none}
  .order-gallery-hint{margin-left:20px}
}
@media(prefers-reduced-motion:reduce){.order-gallery-card img,.order-gallery-button{transition:none}}

/* On the Order Ahead pages, the moving photographs are the opening hero. */
.pies .order-gallery,.catering .order-gallery,.cakes .order-gallery{box-sizing:border-box;display:flex;min-height:100svh;flex-direction:column;justify-content:center;padding:94px 0 22px;background:linear-gradient(145deg,#24372c 0%,#496047 54%,#7b8769 100%);color:#fff;border:0}
.pies .order-gallery-head,.catering .order-gallery-head,.cakes .order-gallery-head{align-items:end;padding:0 5vw 20px}
.pies .order-gallery-head .eyebrow,.catering .order-gallery-head .eyebrow,.cakes .order-gallery-head .eyebrow{color:#dfe8d4}
.pies .order-gallery-head h2,.catering .order-gallery-head h2,.cakes .order-gallery-head h2{font-size:clamp(38px,5vw,70px);color:#fff}
.pies .order-gallery-button,.catering .order-gallery-button,.cakes .order-gallery-button{border-color:rgba(255,255,255,.58);background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.pies .order-gallery-count,.catering .order-gallery-count,.cakes .order-gallery-count{color:#e5ebdf}
.pies .order-gallery-window,.catering .order-gallery-window,.cakes .order-gallery-window{min-height:0}
.pies .order-gallery-track,.catering .order-gallery-track,.cakes .order-gallery-track{height:clamp(500px,68svh,760px);padding:0 5vw 12px;scroll-padding-inline:5vw}
.pies .order-gallery-card,.catering .order-gallery-card,.cakes .order-gallery-card{flex:0 0 auto;height:100%;aspect-ratio:3/4;background:#eee9df;border:1px solid rgba(255,255,255,.25);box-shadow:0 24px 58px rgba(15,24,18,.34)}
.pies .order-gallery-card img,.catering .order-gallery-card img,.cakes .order-gallery-card img{object-fit:contain;object-position:center;transform:none}
.pies .order-gallery-card:hover img,.catering .order-gallery-card:hover img,.cakes .order-gallery-card:hover img{transform:none}
.pies .order-gallery-hint,.catering .order-gallery-hint,.cakes .order-gallery-hint{margin:8px 5vw 0;color:#e0e7d9}
@media(max-width:700px){
  .pies .order-gallery,.catering .order-gallery,.cakes .order-gallery{justify-content:flex-start;padding:84px 0 17px}
  .pies .order-gallery-head,.catering .order-gallery-head,.cakes .order-gallery-head{align-items:end;padding:0 18px 17px}
  .pies .order-gallery-head h2,.catering .order-gallery-head h2,.cakes .order-gallery-head h2{max-width:75vw;font-size:clamp(34px,10vw,46px)}
  .pies .order-gallery-track,.catering .order-gallery-track,.cakes .order-gallery-track{height:calc(100svh - 205px);min-height:450px;padding-inline:18px;scroll-padding-inline:18px}
  .pies .order-gallery-card,.catering .order-gallery-card,.cakes .order-gallery-card{flex:0 0 auto;height:100%;aspect-ratio:3/4;border-radius:21px}
  .pies .order-gallery-hint,.catering .order-gallery-hint,.cakes .order-gallery-hint{margin-left:18px}
}