/* Reference layout: bilingual brand heading, logo tiles and three-column journal. */
.sf-home-page .sf-brands-section {
    position: relative;
    padding: 36px 40px 42px;
    background: radial-gradient(ellipse at 50% 115%, color-mix(in srgb,var(--site-primary) 9.8%,transparent), transparent 70%), color-mix(in srgb,var(--site-text) 1.2%,transparent);
    border-color: color-mix(in srgb,var(--site-text) 7.8%,transparent);
    border-radius: 28px;
}
.sf-brands-heading {
    position: relative;
    isolation: isolate;
    display: grid;
    place-items: center;
    min-height: 92px;
    margin-bottom: 18px;
    text-align: center;
}
.sf-brands-heading__english {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    color: color-mix(in srgb,var(--site-primary) 7.5%,transparent);
    font-family: Arial, sans-serif;
    font-size: clamp(48px, 7vw, 84px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: .12em;
    user-select: none;
    pointer-events: none;
}
.sf-brands-heading h2 {
    margin: 0 0 25px;
    font-size: clamp(23px, 2.2vw, 30px);
    font-weight: 800;
    color: var(--site-text);
}
.sf-home-page .sf-brand-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    max-width: 740px;
    gap: 20px;
    padding: 0;
}
.sf-home-page .sf-brand-grid .sf-brand-tile {
    min-height: 84px;
    padding: 16px 20px;
    border: 1px solid color-mix(in srgb,var(--site-text) 52.2%,transparent);
    border-radius: 20px;
    background: #f7f7f4;
    color: #191919;
    box-shadow: 0 12px 28px #0000000d;
}
.sf-home-page .sf-brand-tile img { height: 46px; mix-blend-mode: normal; }
.sf-home-page .sf-brand-tile:hover { box-shadow: 0 0 0 2px var(--site-primary), 0 14px 28px #00000024; }
.sf-brand-tile__names { display: grid; gap: 3px; min-width: 0; }
.sf-home-page .sf-brand-tile__names strong { font-size: 16px; }
.sf-brand-tile__names>span { font-size: 13px; font-weight: 700; overflow-wrap: anywhere; color: #5f5f5c; }

.sf-home-page .sf-journal-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 24px;
    max-width: 1120px;
    margin-inline: auto;
}
.sf-home-page .sf-journal-grid--single {
    grid-template-columns: minmax(0, 360px);
    grid-template-areas: "feature";
}
.sf-home-page .sf-journal-grid--without-links {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas: "side feature";
    max-width: 740px;
}
.sf-home-page .sf-journal__side { gap: 18px; }
.sf-home-page .sf-journal__compact {
    display: flex;
    align-items: center;
    flex: 1;
    padding: 14px;
    border: 1px solid color-mix(in srgb,var(--site-text) 14.9%,transparent);
    border-radius: 26px;
    background: color-mix(in srgb,var(--site-text) 0.8%,transparent);
    transition: background .2s, border-color .2s;
}
.sf-home-page .sf-journal__compact>a { width: 100%; gap: 14px; }
.sf-home-page .sf-journal__thumb {
    flex: 0 0 88px;
    width: 88px;
    height: 104px;
    border-radius: 20px;
    background: color-mix(in srgb,var(--site-primary) 7.1%,transparent);
}
.sf-home-page .sf-journal__copy { gap: 7px; }
.sf-home-page .sf-journal__copy h3 { font-size: 14px; line-height: 1.9; }
.sf-home-page .sf-journal__label { padding: 3px 8px; font-size: 10px; border-radius: 9px; }
.sf-home-page .sf-journal__time { font-size: 10px; gap: 5px; }
.sf-home-page .sf-journal__feature {
    min-height: 300px;
    border: 1px solid color-mix(in srgb,var(--site-text) 13.3%,transparent);
    border-radius: 30px;
    background: var(--site-card);
    box-shadow: 0 16px 26px color-mix(in srgb,var(--site-primary) 6.3%,transparent);
}
.sf-home-page .sf-journal__feature>a {
    min-height: 300px;
    color: #fff;
    overflow: hidden;
}
.sf-home-page .sf-journal__feature>a::after { content: none; }
.sf-home-page .sf-journal__feature img {
    z-index: 0;
    -webkit-mask-image: linear-gradient(to bottom, #000 45%, #000d 68%, transparent 100%);
    mask-image: linear-gradient(to bottom, #000 45%, #000d 68%, transparent 100%);
}
.sf-home-page .sf-journal__feature-icon { z-index: 0; color: var(--site-primary); }
.sf-journal__feature-glass {
    position: absolute;
    inset: auto 0 0;
    height: 58%;
    z-index: 1;
    background: linear-gradient(to bottom, color-mix(in srgb,var(--site-text) 0%,transparent), color-mix(in srgb,var(--site-text) 9.4%,transparent));
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 42%);
    mask-image: linear-gradient(to bottom, transparent, #000 42%);
    pointer-events: none;
}
.sf-home-page .sf-journal__feature-copy {
    z-index: 2;
    width: 100%;
    max-width: none;
    padding: 76px 22px 25px 70px;
}
.sf-home-page .sf-journal__feature-copy h3 { font-size: 18px; line-height: 1.8; text-shadow: 0 1px 8px #00000040; }
.sf-home-page .sf-journal__feature .sf-journal__time { color: color-mix(in srgb,var(--site-text) 87.8%,transparent); }
.sf-home-page .sf-journal__feature-arrow {
    bottom: 28px;
    inset-inline-end: 18px;
    z-index: 3;
    width: 36px;
    height: 36px;
    background: color-mix(in srgb,var(--site-text) 3.9%,transparent);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.sf-home-page .sf-journal__links { gap: 15px; }
.sf-home-page .sf-journal__links>a {
    flex: 1;
    min-height: 61px;
    padding: 10px 14px;
    border-color: color-mix(in srgb,var(--site-text) 14.9%,transparent);
    border-radius: 20px;
    background: color-mix(in srgb,var(--site-text) 0.8%,transparent);
    font-size: 12px;
}
.sf-home-page .sf-journal__link-arrow { width: 29px; height: 29px; flex-basis: 29px; border-radius: 9px; }
.sf-home-page .sf-journal .sf-section-more { margin-top: 30px; }
.sf-home-page .sf-journal .sf-section-more .sf-button {
    min-height: 40px;
    padding: 8px 18px;
    border-radius: 22px;
    font-size: 12px;
}
@media (max-width: 1099px) {
    .sf-home-page .sf-journal-grid { gap: 16px; }
    .sf-home-page .sf-journal__compact { padding: 10px; }
    .sf-home-page .sf-journal__compact>a { gap: 10px; }
    .sf-home-page .sf-journal__thumb { flex-basis: 70px; width: 70px; height: 92px; }
    .sf-home-page .sf-journal__copy h3 { font-size: 12px; }
}
@media (max-width: 767px) {
    .sf-home-page .sf-brands-section { padding: 26px 20px 30px; }
    .sf-brands-heading { min-height: 76px; margin-bottom: 14px; }
    .sf-brands-heading h2 { margin-bottom: 24px; }
    .sf-brands-heading__english { top: 29px; font-size: clamp(40px, 9vw, 65px); letter-spacing: .07em; }
    .sf-home-page .sf-brand-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 480px; gap: 14px; }
    .sf-home-page .sf-brand-grid .sf-brand-tile { min-height: 76px; padding: 13px 16px; border-radius: 17px; }
    .sf-home-page .sf-brand-tile img { height: 42px; }
    .sf-home-page .sf-journal-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: "feature feature" "side links"; gap: 18px; }
    .sf-home-page .sf-journal-grid--single { grid-template-columns: minmax(0, 420px); grid-template-areas: "feature"; }
    .sf-home-page .sf-journal-grid--without-links { grid-template-columns: minmax(0, 1fr); grid-template-areas: "feature" "side"; }
    .sf-home-page .sf-journal__feature, .sf-home-page .sf-journal__feature>a { min-height: 340px; }
    .sf-home-page .sf-journal__compact>a { flex-direction: column; align-items: stretch; }
    .sf-home-page .sf-journal__thumb { width: 100%; height: 120px; flex-basis: auto; }
    .sf-home-page .sf-journal__copy h3 { font-size: 13px; }
    .sf-home-page .sf-journal__compact { align-items: stretch; }
    .sf-home-page .sf-journal__links>a { min-height: 80px; }
    .sf-home-page .sf-journal__feature-copy { padding-inline-start: 24px; }
    .sf-home-page .sf-journal__feature-copy h3 { font-size: 20px; }
}
@media (max-width: 399px) {
    .sf-home-page .sf-journal-grid { grid-template-columns: minmax(0, 1fr); grid-template-areas: "feature" "side" "links"; }
    .sf-home-page .sf-journal-grid--single { grid-template-areas: "feature"; }
    .sf-home-page .sf-journal-grid--without-links { grid-template-areas: "feature" "side"; }
    .sf-home-page .sf-journal__compact>a { flex-direction: row; }
    .sf-home-page .sf-journal__thumb { flex: 0 0 84px; width: 84px; height: 94px; }
    .sf-home-page .sf-journal-grid--without-links .sf-journal__side { grid-template-columns: minmax(0, 1fr); }
    .sf-home-page .sf-journal__links>a { min-height: 62px; }
}
@media (prefers-reduced-motion: reduce) {
    .sf-home-page .sf-brand-tile:hover { transform: none; }
    .sf-home-page .sf-journal__compact { transition: none; }
}

/* Journal beside the footer: a tall featured photograph with a frosted, fading lower edge. */
.sf-home-page .sf-journal {
    padding-bottom: clamp(54px, 6vw, 88px);
}
.sf-home-page .sf-journal-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 20px;
}
.sf-home-page .sf-journal-grid--single {
    grid-template-columns: minmax(0, 360px);
}
.sf-home-page .sf-journal-grid--without-links {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.sf-home-page .sf-journal__feature,
.sf-home-page .sf-journal__feature > a {
    min-height: 340px;
}
.sf-home-page .sf-journal__feature {
    isolation: isolate;
    background: var(--site-card);
    box-shadow: 0 20px 40px #00000030, 0 14px 30px color-mix(in srgb,var(--site-primary) 6.3%,transparent);
}
.sf-home-page .sf-journal__feature img {
    z-index: 0;
    -webkit-mask-image: none;
    mask-image: none;
}
.sf-home-page .sf-journal__feature-icon {
    z-index: 0;
}
.sf-home-page .sf-journal__feature-glass {
    height: 68%;
    background: linear-gradient(180deg, color-mix(in srgb,var(--site-dark) 0%,transparent) 0%, color-mix(in srgb,var(--site-dark) 43.9%,transparent) 45%, color-mix(in srgb,var(--site-dark) 92.2%,transparent) 100%);
    -webkit-backdrop-filter: blur(13px);
    backdrop-filter: blur(13px);
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 48%);
    mask-image: linear-gradient(180deg, transparent 0%, #000 48%);
}
.sf-home-page .sf-journal__feature-copy {
    z-index: 2;
}
.sf-home-page .sf-journal__feature-arrow {
    z-index: 3;
}
.sf-home-page .sf-journal__compact,
.sf-home-page .sf-journal__links > a {
    min-width: 0;
}
@media (max-width: 767px) {
    .sf-home-page .sf-journal-grid {
        max-width: 680px;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-areas: "feature feature" "side links";
        gap: 16px;
    }
    .sf-home-page .sf-journal-grid--single {
        grid-template-columns: minmax(0, 420px);
        grid-template-areas: "feature";
    }
    .sf-home-page .sf-journal-grid--without-links {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "feature" "side";
    }
    .sf-home-page .sf-journal__feature,
    .sf-home-page .sf-journal__feature > a {
        min-height: 360px;
    }
}
@media (max-width: 399px) {
    .sf-home-page .sf-journal-grid {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "feature" "side" "links";
    }
    .sf-home-page .sf-journal-grid--single {
        grid-template-areas: "feature";
    }
    .sf-home-page .sf-journal-grid--without-links {
        grid-template-areas: "feature" "side";
    }
}