/* === Hero — featured recipe (homepage) ================================
 *
 * Homepage split-feature hero. Text-left (eyebrow / Cormorant title /
 * italic stand / meta / two pill CTAs) and a 4:5 image-right with a
 * round seal overlay top-right ("InSeason {Month}"). The seal itself
 * is the shared `.sb-seal` component (assets/css/patterns.css head —
 * moves to patterns/decoration/decoration-round-seal/ in a future
 * slice). The `--overlay` modifier here paints it for a photo-on-top
 * context (paper-on-saddle, not saddle-on-paper).
 *
 * Distinct from:
 *   - patterns/hero/hero-featured-collection/ (Pool-Water editor's-pick
 *     block — different background, different layout, different copy).
 *   - patterns/hero/hero-archive/ / hero-category/ / hero-collection/
 *     (top-of-page headers, not split feature blocks).
 */
.sb-hero-featured-recipe {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 0;
    padding: var(--wp--preset--spacing--md) var(--wp--preset--spacing--lg) var(--wp--preset--spacing--md-plus);
    background: var(--wp--preset--color--paper);
}
.sb-hero-featured-recipe__text {
    padding: calc(var(--wp--preset--spacing--sm) - var(--wp--preset--spacing--xxs)) var(--wp--preset--spacing--lg) calc(var(--wp--preset--spacing--sm) - var(--wp--preset--spacing--xxs)) 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.sb-hero-featured-recipe__eyebrow {
    font-family: var(--wp--preset--font-family--manrope);
    font-size: var(--wp--preset--font-size--eyebrow);
    text-transform: uppercase;
    letter-spacing: .28em;
    color: var(--wp--preset--color--saddle);
    font-weight: 600;
    margin: 0 0 calc(var(--wp--preset--spacing--sm-plus) - var(--wp--preset--spacing--xxs));
}
.sb-hero-featured-recipe__star { color: var(--wp--preset--color--tuscan); }
.sb-hero-featured-recipe__title {
    font-family: var(--wp--preset--font-family--cormorant);
    font-weight: 500;
    font-size: var(--wp--preset--font-size--hero-title-md);
    line-height: 1.02;
    letter-spacing: -0.01em;
    margin: 0 0 var(--wp--preset--spacing--sm-plus);
    color: var(--wp--preset--color--ink);
    text-wrap: balance;
}
.sb-hero-featured-recipe__title a { color: inherit; text-decoration: none; }
.sb-hero-featured-recipe__title a:hover { color: var(--wp--preset--color--saddle); }
.sb-hero-featured-recipe__stand {
    font-family: var(--wp--preset--font-family--cormorant);
    font-style: italic;
    font-size: var(--wp--preset--font-size--card-title);
    line-height: 1.5;
    color: var(--wp--preset--color--ink);
    margin: 0 0 var(--wp--preset--spacing--md);
    max-width: 440px;
    text-wrap: pretty;
    hyphens: auto;
    -webkit-hyphens: auto;
}
.sb-hero-featured-recipe__meta {
    font-family: var(--wp--preset--font-family--lora);
    font-style: italic;
    font-size: var(--wp--preset--font-size--small);
    color: rgba(42, 26, 10, .55);
    margin: 0 0 var(--wp--preset--spacing--md);
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.sb-hero-featured-recipe__stars { color: var(--wp--preset--color--tuscan); font-style: normal; letter-spacing: 1px; }
.sb-hero-featured-recipe__sep { color: rgba(42, 26, 10, .4); }
.sb-hero-featured-recipe__ctas { display: flex; gap: 12px; flex-wrap: wrap; }

.sb-hero-featured-recipe__image {
    aspect-ratio: var(--sb-aspect-hero-photo);
    position: relative;
    border: 1px solid var(--sb-ink-light);
    background-color: var(--wp--preset--color--sugar);
    overflow: hidden;
}
.sb-hero-featured-recipe__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 800px) {
    .sb-hero-featured-recipe { grid-template-columns: 1fr; padding: var(--wp--preset--spacing--sm) var(--wp--preset--spacing--sm) var(--wp--preset--spacing--md); }
    .sb-hero-featured-recipe__text { padding: 0 0 var(--wp--preset--spacing--sm-plus); }
    .sb-hero-featured-recipe__title { font-size: var(--wp--preset--font-size--display); }
}