/* Wine Club — the campaign homepage (inc/home.php). Loaded on the front page only. Nothing moves. */

.wclub-home-wrap { max-width: var(--wclub-frame); box-sizing: border-box; margin-inline: auto; padding-inline: var(--wclub-gutter); }
.wclub-home-sec { padding-block: var(--wp--preset--spacing--70); }
.wclub-home-head { display: grid; gap: 1rem; max-width: 46rem; margin-bottom: var(--wp--preset--spacing--50); }
.wclub-home-head > * { margin: 0; }
.wclub-home-head__text { font-size: var(--wp--preset--font-size--lead); line-height: 1.5; }
.wclub-home h2, .wclub-home h3 { font-variation-settings: "SOFT" 0, "WONK" 0; }

/* ---------------------------------------------------------------- the opening: the sentence and the pack */
.wclub-home-hero__inner {
	max-width: var(--wclub-frame); box-sizing: border-box; margin-inline: auto;
	padding: var(--wp--preset--spacing--60) var(--wclub-gutter) var(--wp--preset--spacing--70);
	display: grid; gap: var(--wp--preset--spacing--50); align-items: center;
}
@media (min-width: 56em) { .wclub-home-hero__inner { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--wp--preset--spacing--60); } }
.wclub-home-hero__text { display: grid; gap: 1.25rem; }
.wclub-home-hero__text > * { margin: 0; }
.wclub-home-hero__title { max-width: 12ch; font-variation-settings: "SOFT" 0, "WONK" 1; } /* WONK only at this size */
.wclub-home-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: .5rem !important; }
.wclub-home-hero__media { aspect-ratio: 4 / 5; background: var(--wclub-pedra); overflow: hidden; }
.wclub-home-hero__media img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* ---------------------------------------------------------------- the Christmas shelf */
.wclub-hshelf { list-style: none; margin: 0; padding: 0; display: grid; gap: 2rem 1.5rem; }
@media (min-width: 40em) { .wclub-hshelf { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 64em) { .wclub-hshelf { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.wclub-hcard { position: relative; display: flex; flex-direction: column; gap: 1rem; }
.wclub-hcard__media { aspect-ratio: 4 / 5; background: var(--wclub-pedra); overflow: hidden; }
@media (max-width: 39.99em) { .wclub-hcard__media { aspect-ratio: 3 / 2; } .wclub-home-hero__media { aspect-ratio: 1; } } /* a phone: one card per row, so less tall */
.wclub-hcard__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.wclub-hcard__media--mark { display: grid; place-items: center; }
.wclub-hcard__media--mark span { font-family: var(--wp--preset--font-family--fraunces); font-size: clamp(3rem, 2rem + 4vw, 5.5rem); line-height: 1; font-variation-settings: "SOFT" 0, "WONK" 1; }
.wclub-hcard--dusk .wclub-hcard__media { background: var(--wclub-crepusculo); color: var(--wclub-champanhe); }
.wclub-hcard--stone .wclub-hcard__media { background: var(--wclub-pedra); color: var(--wclub-earth); }
.wclub-hcard--stone .wclub-hcard__media--mark span { font-size: clamp(2rem, 1.5rem + 2vw, 3rem); }
.wclub-hcard__body { display: grid; gap: .35rem; }
.wclub-hcard__body > * { margin: 0; }
.wclub-hcard__kicker { font-size: var(--wp--preset--font-size--small); color: var(--wclub-muted); } /* Muted on Champanhe: 5.3 */
.wclub-hcard__title { font-size: var(--wp--preset--font-size--heading-3); line-height: 1.2; }
.wclub-hcard__link { color: var(--wclub-earth); text-decoration: none; }
.wclub-hcard__link::after { content: ""; position: absolute; inset: 0; } /* the whole card is the link */
.wclub-hcard:has(.wclub-hcard__link:hover) .wclub-hcard__link { text-decoration: underline; text-underline-offset: .25em; }
.wclub-hcard__link:focus-visible { outline: none; }
.wclub-hcard:has(.wclub-hcard__link:focus-visible) { outline: 3px solid var(--wclub-earth); outline-offset: 4px; }
.wclub-hcard__price { font-weight: 500; }
.wclub-hcard__note { font-size: var(--wp--preset--font-size--small); color: var(--wclub-muted); }

/* ---------------------------------------------------------------- how a chapter is born */
.wclub-home-steps { background: var(--wclub-pedra); }
.wclub-home-steps .wclub-label { color: var(--wclub-earth); } /* Muted is for Champanhe only */
.wclub-hsteps { list-style: none; margin: 0; padding: 0; display: grid; gap: 2rem; }
@media (min-width: 40em) { .wclub-hsteps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem; } }
@media (min-width: 64em) { .wclub-hsteps { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2.5rem; } } /* four steps (6 Nov 2026) */
.wclub-hsteps li { display: grid; gap: .5rem; align-content: start; border-top: 1px solid var(--wclub-earth); padding-top: 1.25rem; }
.wclub-hsteps li > * { margin: 0; }
.wclub-hsteps__num { font-family: var(--wp--preset--font-family--fraunces); font-size: 2.25rem; line-height: 1; }
.wclub-hsteps h3 { font-size: var(--wp--preset--font-size--heading-3); }

/* ---------------------------------------------------------------- the chapters */
.wclub-hchapters { list-style: none; margin: 0; padding: 0; }
.wclub-hchapters > li { display: grid; grid-template-columns: 4.5rem minmax(0, 1fr); gap: 1.5rem; padding-block: 2rem; border-top: 1px solid var(--wclub-earth); }
.wclub-hchapters > li:last-child { border-bottom: 1px solid var(--wclub-earth); }
@media (min-width: 48em) { .wclub-hchapters > li { grid-template-columns: 9rem minmax(0, 40rem); gap: 3rem; } }
.wclub-hchapters > li > div { display: grid; gap: .4rem; align-content: start; }
.wclub-hchapters > li > div > * { margin: 0; }
.wclub-hchapters__num { font-family: var(--wp--preset--font-family--fraunces); font-size: clamp(2.5rem, 1.5rem + 3vw, 4.5rem); line-height: .9; font-variation-settings: "SOFT" 0, "WONK" 1; }
.wclub-hchapters__when { font-size: var(--wp--preset--font-size--small); color: var(--wclub-muted); }
.wclub-hchapters h3 { font-size: var(--wp--preset--font-size--heading-3); }
.wclub-hchapters__link { color: var(--wclub-earth); text-underline-offset: .25em; }
.wclub-hchapters__link:hover { color: var(--wclub-borra); }

/* ---------------------------------------------------------------- Susana's note */
.wclub-home-note__quote { margin: 0; max-width: 46rem; display: grid; gap: 1.25rem; }
.wclub-home-note__quote > * { margin: 0; }
.wclub-home-note__quote p { font-size: var(--wp--preset--font-size--lead); line-height: 1.55; }
.wclub-home-note__quote .wclub-home-note__lead { font-family: var(--wp--preset--font-family--fraunces); font-size: var(--wp--preset--font-size--heading-2); line-height: 1.1; font-variation-settings: "SOFT" 0, "WONK" 0; }
.wclub-home-note__quote cite { font-style: normal; font-size: var(--wp--preset--font-size--small); color: var(--wclub-fg-2); }

/* ---------------------------------------------------------------- what each box brings */
.wclub-home-box .wclub-h2 { margin: 0 0 var(--wp--preset--spacing--50); }
.wclub-hbox { list-style: none; margin: 0; padding: 0; display: grid; gap: 2rem; }
@media (min-width: 48em) { .wclub-hbox { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3rem; } }
.wclub-hbox li { display: grid; gap: .5rem; align-content: start; }
.wclub-hbox li > * { margin: 0; }
.wclub-hbox h3 { font-size: var(--wp--preset--font-size--heading-3); }

/* ---------------------------------------------------------------- companies */
.wclub-home-companies { background: var(--wclub-sun); }
.wclub-home-companies .wclub-label { color: var(--wclub-earth); }
.wclub-home-split { display: grid; gap: 1.5rem; }
.wclub-home-split > div { display: grid; gap: 1rem; align-content: start; }
.wclub-home-split > div > * { margin: 0; }
@media (min-width: 56em) { .wclub-home-split { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 4rem; } }

/* ---------------------------------------------------------------- the bridge to winedown.pt */
.wclub-home-bridge .wclub-home-wrap { display: grid; gap: 1.25rem; }
.wclub-home-bridge .wclub-home-wrap > * { margin: 0; max-width: 46rem; }
.wclub-home-bridge .wclub-lead { color: var(--wclub-fg); }