/**
 * GETU Shopping — Cold Brew landing-page component CSS.
 *
 * PRODUCTION MAPPING POINT
 * ------------------------
 * Deploy to wp-content/themes/bricks-child/assets/css/getu-cold-brew.css.
 * Enqueued site-wide by getu-chrome.php; component-scoped (all selectors are
 * classes that only appear in the cold-brew page markup — .media, .vtile,
 * .chapter, .tile-grad, the scrims, details.q), so it is inert on every other
 * page. Ported VERBATIM from cold-brew.html's inline <style>, minus the classes
 * already provided globally (.rule-gold, .pcard, .wish, .reveal, .grain,
 * .wine-atmos, .kicker, .btn-ghost live in getu-chrome/home/shop/product css).
 */

/* Full-bleed background media (hero video, scrim overlays, image bands). */
.media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* Slow Ken Burns drift on the hero / final-CTA imagery. */
.kenburns { animation: kb 22s ease-in-out infinite alternate; }
@keyframes kb { from { transform: scale(1.04); } to { transform: scale(1.14); } }

/* Scrims — layered gradients that keep cream text legible over the media. */
.hero-scrim {
  background:
    radial-gradient(110% 80% at 18% 8%, rgba(110,26,42,.30), transparent 55%),
    linear-gradient(180deg, rgba(20,6,10,.50) 0%, rgba(20,6,10,.18) 26%, rgba(20,6,10,.62) 66%, rgba(20,6,10,.97) 100%);
}
.band-scrim { background: linear-gradient(180deg, rgba(20,6,10,.55), rgba(20,6,10,.40)); }
.split-scrim { background: linear-gradient(105deg, rgba(20,6,10,.86) 0%, rgba(20,6,10,.45) 55%, rgba(20,6,10,.1) 100%); }

/* Hero scroll cue. */
.scroll-cue svg { animation: nudge 1.8s var(--ease-out) infinite; }
@keyframes nudge { 0%,100% { transform: translateY(-2px); opacity: .65; } 50% { transform: translateY(3px); opacity: 1; } }

/* Editorial chapter numerals (01 / 02 / 03). */
.chapter { font-family: "Cormorant Garamond", serif; font-weight: 500; letter-spacing: -0.02em; }

/* Kit + recipe image tiles. */
.vtile { position: relative; overflow: hidden; }
.vtile img { transition: transform .8s var(--ease-out); }
.vtile:hover img { transform: scale(1.06); }
.tile-grad { background: linear-gradient(to top, rgba(20,6,10,.95) 4%, rgba(20,6,10,.55) 42%, rgba(20,6,10,.05) 100%); }

/* FAQ — editorial divided list, no cards. */
details.q > summary { list-style: none; cursor: pointer; }
details.q > summary::-webkit-details-marker { display: none; }
.q-chev { transition: transform .3s var(--ease-out); }
details.q[open] .q-chev { transform: rotate(180deg); }

@media (prefers-reduced-motion: reduce) {
  .kenburns { animation: none; }
  .scroll-cue svg { animation: none; }
  .media[autoplay] { display: none; }
}