
.bhw-path-moods button:hover,
.bhw-path-moods button[aria-pressed="true"] {
    border-color: var(--bhw-color-accent);
    background: var(--bhw-color-gold-wash);
    color: var(--bhw-color-text-primary);
}

.bhw-path-oracle__note {
    display: grid;
    gap: var(--bhw-space-1);
    color: var(--bhw-color-text-secondary);
}

.bhw-path-oracle__note strong {
    color: var(--bhw-color-text-primary);
}

.bhw-raven-order__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--bhw-layout-grid-gap);
}

.bhw-raven-order__grid article {
    display: grid;
    align-content: start;
    gap: var(--bhw-space-3);
    padding: clamp(1.35rem, 3vw, 2rem);
    border-block-start: 1px solid rgba(200, 167, 106, 0.38);
}

.bhw-raven-order__grid article > * {
    margin: 0;
}

.bhw-raven-order__grid span {
    color: var(--bhw-color-accent);
    font-family: var(--bhw-font-heading);
    font-size: 2.3rem;
}

.bhw-raven-order__grid p {
    color: var(--bhw-color-text-secondary);
    line-height: 1.7;
}

.bhw-raven-gateways {
    background:
        radial-gradient(circle at top, rgba(200, 167, 106, 0.07), transparent 25%),
        var(--bhw-color-background-secondary);
}

.bhw-raven-gateways__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--bhw-layout-grid-gap);
}

.bhw-raven-gateway {
    display: grid;
    grid-template-rows: 17rem minmax(0, 1fr);
    overflow: hidden;
    border: var(--bhw-border-thin) solid var(--bhw-color-border);
    border-radius: var(--bhw-radius-large);
    background: var(--bhw-color-panel);
    box-shadow: var(--bhw-shadow-card);
    color: var(--bhw-color-text-primary);
    text-decoration: none;
    transition:
        border-color var(--bhw-motion-fast) var(--bhw-easing-standard),
        transform var(--bhw-motion-fast) var(--bhw-easing-standard);
}

.bhw-raven-gateway:hover {
    border-color: rgba(200, 167, 106, 0.42);
    transform: translateY(var(--bhw-hover-lift));
}

.bhw-raven-gateway > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bhw-raven-gateway > span {
    display: grid;
    align-content: start;
    gap: var(--bhw-space-3);
    padding: var(--bhw-space-5);
}

.bhw-raven-gateway strong {
    font-family: var(--bhw-font-heading);
    font-size: var(--bhw-text-2-xl);
}

.bhw-raven-gateway > span > span {
    color: var(--bhw-color-text-secondary);
    line-height: 1.65;
}

.bhw-raven-gateway em {
    margin-block-start: auto;
    color: var(--bhw-color-accent);
    font-style: normal;
    font-weight: var(--bhw-weight-semibold);
}

.bhw-raven-afterglow__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--bhw-layout-grid-gap);
}

.bhw-raven-afterglow__grid a {
    display: grid;
    gap: var(--bhw-space-3);
    padding: var(--bhw-space-5);
    border: var(--bhw-border-thin) solid var(--bhw-color-border);
    border-radius: var(--bhw-radius-panel);
    color: var(--bhw-color-text-primary);
    text-decoration: none;
}

.bhw-raven-afterglow__grid a:hover {
    border-color: var(--bhw-color-accent);
}

.bhw-raven-afterglow__grid strong {
    font-family: var(--bhw-font-heading);
    font-size: var(--bhw-text-xl);
}

.bhw-raven-afterglow__grid span {
    color: var(--bhw-color-text-secondary);
    line-height: 1.65;
}

@media (max-width: 63.999rem) {
    .bhw-raven-detail-hero,
    .bhw-raven-detail-intro__grid,
    .bhw-raven-feature__grid,
    .bhw-raven-craft__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .bhw-raven-detail-hero {
        min-height: auto;
    }

    .bhw-raven-detail-hero__media {
        min-height: clamp(20rem, 62vw, 34rem);
    }

    .bhw-raven-collection__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bhw-raven-arrival__grid,
    .bhw-raven-gateways__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bhw-raven-arrival__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 51.249rem) {
    .bhw-raven-threshold__shell {
        grid-template-columns: 1fr;
        border-radius: var(--bhw-radius-large);
    }

    .bhw-raven-threshold__shell > span {
        display: none;
    }

    .bhw-raven-order__grid,
    .bhw-raven-afterglow__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 34.999rem) {
    .bhw-raven-collection__grid,
    .bhw-raven-gateways__grid {
        grid-template-columns: 1fr;
    }

    .bhw-raven-detail-hero__copy {
        gap: var(--bhw-space-5);
        padding: var(--bhw-space-5) var(--bhw-layout-gutter);
    }

    .bhw-raven-detail-hero__content h1 {
        font-size: clamp(2.75rem, 15vw, 4.5rem);
    }

    .bhw-raven-detail-note {
        padding: var(--bhw-space-5);
    }

    .bhw-raven-craft__actions {
        justify-content: stretch;
    }

    .bhw-raven-craft__actions .bhw-button {
        width: 100%;
    }

    .bhw-raven-portal__copy h1 {
        max-width: 100%;
        font-size: clamp(2.85rem, 14.4vw, 4.5rem);
        letter-spacing: -0.035em;
        line-height: 0.88;
        hyphens: auto;
        overflow-wrap: anywhere;
    }

    .bhw-raven-portal__copy > p:not(.bhw-eyebrow) {
        font-size: clamp(1rem, 4.6vw, 1.15rem);
        line-height: 1.58;
    }
}
