#fw-section-hero-0 {
--color-primary: #f4f1eb;
--color-primary-rgb: 244, 241, 235;
--color-background: transparent;
--color-background-rgb: transparent;
--color-on-background: #f4f1eb;
--color-on-background-rgb: 244, 241, 235;
--color-on-primary: #4c3c2f;
--color-on-primary-rgb: 76, 60, 47;
--color-product-image-background: #f4f1eb;
--color-background-brightness: 6;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #f4f1eb;
--primary-btn-text: #4c3c2f;
--primary-btn-border-color: #f4f1eb;
--secondary-btn-bg: transparent;
--secondary-btn-text: #f4f1eb;
--secondary-btn-border-color: #f4f1eb;

}





#fw-section-header {

.header__list.list--horizontal { gap: 28px; }
.header__link {
    position: relative;
    padding-bottom: 4px;
    opacity: .82;
    transition: opacity .15s ease;
}
.header__link:hover { opacity: 1; }
.header__link::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 2px;
    background: var(--color-primary, #9a202a);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .18s ease;
}
.header__link:hover::after { transform: scaleX(1); }
.header__link.is-active {
    opacity: 1;
    font-weight: 700;
}
.header__link.is-active::after { transform: scaleX(1); }

}