/* Story-first mobile covers. Artwork always retains its own aspect ratio. */
.mobile-section-banner { display: none; }
.polished-site .clear-cafe-icon {
  display: grid; place-items: center; flex-shrink: 0;
  width: 60px; height: 60px; border-radius: 18px;
  background: #fff0cf; box-shadow: none; overflow: visible;
}
.polished-site .clear-cafe-icon::before,
.polished-site .clear-cafe-icon::after { content: none; }
.polished-site .clear-cafe-icon.cafe-icon-meals { background: #e6f4ff; }
.polished-site .clear-cafe-icon.cafe-icon-safe { background: #edf7dc; }
.polished-site .clear-cafe-icon img {
  position: static; display: block; width: 32px; height: 32px;
  object-fit: contain; transform: none; filter: none;
}
.polished-site .cafe-feature-card { grid-template-columns: 60px minmax(0,1fr); gap: 16px; align-items: start; }
@media (max-width: 760px) {
 .polished-site .page-cover-has-mobile-image { padding-top: 24px; padding-bottom: 28px; border-radius: 0; }
 .polished-site .page-cover-has-mobile-image .page-cover-grid { padding-bottom: 0; min-height: 0; }
 .polished-site .page-cover-has-mobile-image .page-cover-copy { padding: 0; max-width: none; min-width: 0; }
 .polished-site .page-cover-copy > .section-kicker { display: flex; justify-content: center; width: fit-content; max-width: 100%; margin: 0 auto 12px; }
 .polished-site .page-cover-copy h1 { margin: 0; text-align: center; font-size: clamp(2.125rem,10.5vw,2.75rem); line-height: 1.08; letter-spacing: -.025em; }
 .polished-site .page-cover-copy .page-cover-mobile-image,
 .polished-site .mobile-section-banner {
   display: block; width: calc(100% + 40px); max-width: none;
   height: auto; object-fit: contain; margin: 20px -20px 22px;
   border-radius: 0; transform: none; mask-image: none; -webkit-mask-image: none;
 }
 .polished-site .page-cover-copy > .section-intro { margin-top: 0; }
 .polished-site .page-cover-copy .pill-row { gap: 8px; margin-top: 18px; }
 .polished-site .page-cover-copy .pill-row span { font-size: .875rem; padding: 8px 12px; min-height: 0; }
 /* Give the drop-off story the same headline / artwork / details sequence. */
 .polished-site .editorial-dropoff { padding-top: 28px !important; }
 .polished-site .dropoff-stage { display: grid; grid-template-columns: minmax(0,1fr); gap: 20px; min-height: 0; }
 .polished-site .dropoff-copy { display: contents; }
 /* Keep every story item in the single explicit column; added paragraphs must not create implicit columns. */
 .polished-site .dropoff-copy > *, .polished-site .dropoff-visual { grid-column: 1; min-width: 0; }
 .polished-site .dropoff-copy > .section-kicker { grid-row: 1; justify-self: center; margin: 0; }
 .polished-site .dropoff-copy > :is(h1,h2) { grid-row: 2; margin: 0; text-align: center; font-size: clamp(2.25rem,10.5vw,2.75rem); line-height: 1.08; }
 .polished-site .dropoff-visual { grid-row: 3; margin: 0; min-height: 0; }
 .polished-site .dropoff-visual::before, .polished-site .dropoff-visual::after { content: none; }
 .polished-site .dropoff-mascot-card { margin: 0; padding: 16px; min-height: 0; border-radius: 26px; display: grid; place-items: center; }
 .polished-site .dropoff-mascot-card img { width: 100%; max-width: 100%; height: 280px; object-fit: contain; transform: none; }
 .polished-site .dropoff-mascot-card > div { display: none; }
 .polished-site .dropoff-copy > p { grid-row: auto; margin: 0; font-size: 1rem; line-height: 1.6; }
 .polished-site .dropoff-callout { grid-row: auto; margin: 0; padding: 18px; border: 1px solid rgba(255,255,255,.16); border-radius: 20px; background: rgba(255,255,255,.05); }
 .polished-site .dropoff-callout p { font-family: 'Outfit',sans-serif; font-size: 1rem; line-height: 1.5; margin-top: 12px; }
 .polished-site .dropoff-mini-features { margin-top: 24px; }
 .polished-site #explore .section-head h1 { text-align: center; font-size: 2.5rem; line-height: 1.08; }
 .polished-site #explore .section-head .section-kicker { display: flex; width: fit-content; margin-inline: auto; }
 .polished-site .waitlist-copy .mobile-section-banner { margin-top: 20px; }
 .polished-site .clear-cafe-icon { width: 52px; height: 52px; border-radius: 16px; }
 .polished-site .clear-cafe-icon img { width: 30px; height: 30px; }
 .polished-site .cafe-feature-card { grid-template-columns: 52px minmax(0,1fr); padding: 20px; gap: 14px; }
 .polished-site .cafe-feature-card b { font-size: 1.5rem; line-height: 1.2; }
}

@media(max-width:760px){
 .polished-site .dropoff-copy > :is(h1,h2){width:100%;max-width:none;justify-self:stretch}
 .polished-site .dropoff-copy > :is(h1,h2) span{display:block}
 .polished-site .dropoff-copy > .planned-note{grid-row:auto;max-width:none;padding:16px;border-radius:16px;background:rgba(255,255,255,.08);color:#d4deef;font-size:.875rem}
}
