/* home-lift.css (bakery, round 1, 5 Nov 2026) */
/* real reduced motion: the host stylesheet wired its reduced-motion blocks to a never-true condition; the roll-out gate needs them live */
@media (prefers-reduced-motion:reduce) and (max-width:0px){
  html{scroll-behavior:auto}
  .rv{animation:none!important;opacity:1!important;transform:none!important}
  .ticker__row,.mq__row,.sticker,.lcup{animation:none!important}
  .ticker__row{flex-wrap:wrap;width:auto;justify-content:center;gap:6px 0}
  .mq__row .rev[aria-hidden=true]{display:none}
  .mq__row{padding-inline:clamp(16px,4vw,36px)}
  .mq{overflow-x:auto}
  .ticker__pause,.mq__pause{display:none}
  .sprinkles{display:none}
}
@media (prefers-reduced-motion:reduce) and (max-width:0px){.ticker__row span[aria-hidden=true]{display:none}}

/* ---- Today at the bakery: photo + unboxed rows (was three white cards) ---- */
.today{background:var(--cream)}
.today__grid{display:grid;gap:clamp(24px,4vw,56px);align-items:stretch}
.today__ph{margin:0;border:var(--out);border-radius:var(--r);overflow:hidden;box-shadow:0 8px 0 var(--ink);background:var(--cream2);display:flex;flex-direction:column;min-height:300px}
.today__ph img{width:100%;flex:1;min-height:0;object-fit:cover;object-position:50% 30%;aspect-ratio:16/11}
.today__ph figcaption{padding:10px 16px;font-size:.95rem;font-weight:700;color:var(--ink2);background:var(--paper);border-top:var(--out)}
.today__body .head{margin-bottom:clamp(18px,2.4vw,28px)}
.today__list{display:grid}
.gcard.today__row{background:none;border:0;border-radius:0;box-shadow:none;padding:20px 0 18px;border-top:2px dashed var(--line)}
.today__row p{font-size:1rem}
.today__row .gcard__big{margin-bottom:.35em}
@media (min-width:900px){.today__grid{grid-template-columns:5fr 7fr}.today__ph img{aspect-ratio:auto}}

/* ---- favourites: a photo mosaic (was six white cards in a grid) ---- */
.fav{grid-template-columns:repeat(12,1fr);gap:clamp(14px,1.8vw,24px)}
.fav .pie{position:relative;display:flex;align-items:flex-end;grid-column:span 12;min-height:340px;background:var(--ink)}
.fav .pie__ph{position:absolute;inset:0;aspect-ratio:auto;border:0}
.fav .pie__b{position:relative;z-index:1;width:100%;padding:84px clamp(16px,2vw,26px) 20px;background:linear-gradient(0deg,rgba(42,15,24,.95) 0%,rgba(42,15,24,.82) 48%,rgba(42,15,24,0) 100%)}
.fav .pie__b h3{color:#fff}
.fav .pie__b p{color:#f8eae1;font-size:1rem}
.fav .pie__price{color:#f8eae1}
.fav .pie__price b{color:var(--butter)}
@media (min-width:600px){.fav .pie{grid-column:span 6}}
@media (min-width:900px){
  .fav .pie:nth-child(1){grid-column:span 6;grid-row:span 2;min-height:720px}
  .fav .pie:nth-child(2),.fav .pie:nth-child(3),.fav .pie:nth-child(4),.fav .pie:nth-child(5){grid-column:span 3;min-height:350px}
  .fav .pie:nth-child(6){grid-column:span 12;min-height:300px}
  .fav .pie:nth-child(1) h3{font-size:clamp(1.7rem,2.6vw,2.4rem)}
  .fav .pie:nth-child(1) .pie__b p{font-size:1.1rem;max-width:34ch}
  .fav .pie:nth-child(6) .pie__b{max-width:560px}
}

/* ---- custom cakes: three plain numbers under the split ---- */
.cakefacts{list-style:none;margin:clamp(32px,4.5vw,56px) 0 0;padding:clamp(18px,2.4vw,28px) 0 0;border-top:2px dashed var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:16px 28px}
.cakefacts b{display:block;font:900 clamp(2.4rem,4.6vw,3.8rem)/1 var(--fd);font-style:italic;color:var(--berry)}
.cakefacts span{display:block;margin-top:6px;font:700 1rem/1.35 var(--f);color:var(--ink2);max-width:24ch}
@media (max-width:560px){.cakefacts{grid-template-columns:1fr}.cakefacts li{display:flex;align-items:baseline;gap:16px}.cakefacts b{flex:none;min-width:4.6ch}.cakefacts span{margin:0}}

/* ---- reviews: one big quote over a photograph (was a looping marquee on mint) ---- */
.rvband{position:relative;isolation:isolate;background:#2a0f18;color:#fff}
.rvband__bg{position:absolute;inset:0;margin:0;z-index:-2}
.rvband__bg img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.rvband::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(42,15,24,.93) 0%,rgba(42,15,24,.84) 50%,rgba(42,15,24,.62) 100%)}
.rvband__in{display:grid;gap:clamp(28px,4vw,56px);position:relative;z-index:2}
.rvband .eyebrow{color:var(--butter)}
.rvband h2{color:#fff}
.rvband .revsum b{color:#fff}
.rvband .tlink{color:var(--butter)}
.rvband__quotes{display:grid;gap:28px clamp(24px,3vw,44px);grid-template-columns:1fr 1fr}
.rvq{margin:0;border-top:2px solid rgba(255,211,110,.55);padding-top:18px}
.rvq blockquote{margin:0 0 12px;font-size:1.06rem;line-height:1.55;color:#fbeee6}
.rvq figcaption{font-size:.95rem;color:#f0d9cf}
.rvq figcaption b{color:#fff}
.rvq--lead{grid-column:1/-1;border-top:0;padding-top:0}
.rvq--lead blockquote{font:800 italic clamp(1.55rem,2.8vw,2.5rem)/1.22 var(--fd);color:#fff}
.rvq--lead blockquote::before{content:"\201C";display:block;font:900 4rem/.7 var(--fd);color:var(--pink);margin-bottom:6px}
@media (min-width:900px){.rvband__in{grid-template-columns:.75fr 1.5fr;align-items:start}}
@media (max-width:640px){.rvband__quotes{grid-template-columns:1fr}.rvband::before{background:rgba(42,15,24,.86)}}

/* phones: the short inner-page hero keeps its dark scrim for the type at the bottom and lets the photograph show above it */
@media (max-width:899.98px){.hh-hero--page .hh-hero__scrim{background:linear-gradient(0deg,rgba(var(--hh-scrim),.8) 0,rgba(var(--hh-scrim),.72) 190px,rgba(var(--hh-scrim),.34) 300px,rgba(var(--hh-scrim),.08) 400px,rgba(var(--hh-scrim),0) 470px)}}
@media (prefers-reduced-motion:reduce) and (max-width:0px){.ticker__row span:nth-child(n+5){display:none}}
