/* Silicon Cluny responsive refinements. */

/* The language switcher must remain visible on mobile. */
.sc-language-switcher {
    display: flex;
}

/* Reuse the actual masthead treatment in the footer. */
.sc-brand--footer {
    justify-self: start;
    color: var(--sc-white);
    text-shadow: 3px 3px 0 var(--sc-blue);
    margin-bottom: 10px;
}

.sc-brand--footer .sc-brand__word--silicon,
.sc-brand--footer .sc-brand__word--cluny {
    font-size: clamp(2rem, 9vw, 3rem);
}

/* Slightly heavier masthead without depending on an unavailable 1000-weight font file. */
.sc-brand__word {
    font-weight: 1000;
    -webkit-text-stroke: .35px currentColor;
}

.sc-search-link svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.7;
    stroke-linecap: square;
}

/* Keep disabled preview field visually white on Safari/iOS. */
.sc-home-newsletter__form input:disabled {
    background: var(--sc-white);
    color: var(--sc-black);
    opacity: 1;
    -webkit-text-fill-color: var(--sc-black);
}

.sc-home-newsletter__form input:disabled::placeholder {
    color: var(--sc-gray-600);
    opacity: 1;
    -webkit-text-fill-color: var(--sc-gray-600);
}

@media (max-width: 479px) {
    .sc-site-header__bar {
        min-height: 72px;
        grid-template-columns: 38px minmax(0, 1fr) auto;
        gap: 3px;
        padding-inline: 9px;
    }

    .sc-menu-toggle {
        width: 36px;
        height: 40px;
    }

    .sc-menu-toggle__icon {
        width: 19px;
        gap: 4px;
    }

    .sc-menu-toggle__icon span {
        height: 2px;
    }

    .sc-brand {
        gap: 5px;
        text-shadow: 2.5px 2.5px 0 var(--sc-black);
    }

    .sc-brand__word--silicon,
    .sc-brand__word--cluny {
        font-size: 1.58rem;
        font-weight: 1000;
        letter-spacing: -0.065em;
    }

    .sc-site-header__actions {
        gap: 3px;
    }

    .sc-language-switcher {
        gap: 0;
    }

    .sc-language-switcher__link {
        padding: 6px 4px;
        font-size: .66rem;
    }

    .sc-search-link {
        width: 32px;
        height: 40px;
    }

    .sc-search-link svg {
        width: 20px;
        height: 20px;
        stroke-width: 2.6;
    }

    .sc-brand--footer {
        gap: 5px;
        transform: skew(-7deg);
        text-shadow: 3px 3px 0 var(--sc-blue);
        margin-bottom: 8px;
    }

    .sc-brand--footer .sc-brand__word--silicon,
    .sc-brand--footer .sc-brand__word--cluny {
        font-size: 2.15rem;
    }

    .sc-site-footer {
        padding-block: 26px 18px;
    }

    .sc-site-footer__inner {
        gap: 14px;
    }

    .sc-site-footer__brand p {
        margin: 8px 0 0;
    }

    .sc-site-footer__nav:empty {
        display: none;
    }

    .sc-site-footer__legal {
        margin-top: 16px;
        padding-top: 14px;
        gap: 8px 14px;
    }
}