/* ==============================================================
   SULLAF — English Editorial Design System & Typography
   Activates on English locale: html[lang^="en"], body.translatepress-en_US, .sf-en
   ============================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter:wght@300;400;500;600&display=swap');

/* --- Root tokens in English --- */
html[lang^="en"] body,
body.translatepress-en_US,
.sf-en {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    letter-spacing: -0.01em;
    -webkit-font-smoothing: antialiased;
    direction: ltr !important;
    text-align: left;
}

/* --- High-Fashion Editorial Headings (Cormorant Garamond) --- */
html[lang^="en"] h1,
html[lang^="en"] h2,
html[lang^="en"] h3,
body.translatepress-en_US h1,
body.translatepress-en_US h2,
body.translatepress-en_US h3,
.translatepress-en_US .sf-hero h1,
.translatepress-en_US .sf-band__headline,
.translatepress-en_US .sst-essence-title,
.translatepress-en_US .sf-split h2,
.translatepress-en_US .sf-texture h2,
.translatepress-en_US .sf-essence h2,
.translatepress-en_US .sf-title-row h2 {
    font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif !important;
    font-weight: 500 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.08 !important;
}

/* Hero Display Headline in English — line-height 1.22 + padding ensures Cormorant Garamond ascenders are never cut off */
html[lang^="en"] .sf-hero,
body.translatepress-en_US .sf-hero {
    padding-top: 54px !important;
}

html[lang^="en"] .sf-hero h1,
body.translatepress-en_US .sf-hero h1 {
    font-size: clamp(44px, 5.5vw, 76px) !important;
    line-height: 1.22 !important;
    letter-spacing: -0.02em !important;
    font-weight: 500 !important;
    padding-top: 14px !important;
    overflow: visible !important;
}

/* Subheadings & Body */
html[lang^="en"] .sf-hero__sub,
body.translatepress-en_US .sf-hero__sub {
    font-size: clamp(15px, 1.4vw, 17px) !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
    color: #635356 !important;
    max-width: 440px !important;
}

/* Uppercase Eyebrows & Luxury Badges */
html[lang^="en"] .sf-hero__eyebrow,
html[lang^="en"] .sst-eyebrow,
html[lang^="en"] .sf-trust p,
body.translatepress-en_US .sf-hero__eyebrow,
body.translatepress-en_US .sst-eyebrow,
body.translatepress-en_US .sf-trust p {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
}

/* Brand Logo in English */
.sullaf-m-logo__text.sullaf-m-logo--en {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 26px !important;
    font-weight: 600 !important;
    letter-spacing: 0.22em !important;
    color: var(--s-plum, #3A1720) !important;
    text-transform: uppercase !important;
}

.sullaf-d-logo__text--en {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 30px !important;
    font-weight: 600 !important;
    letter-spacing: 0.24em !important;
    color: var(--s-plum, #3A1720) !important;
    text-transform: uppercase !important;
    display: inline-block;
    padding: 6px 0;
}

/* Navigation Links in English */
html[lang^="en"] .sullaf-d-nav__link,
body.translatepress-en_US .sullaf-d-nav__link,
html[lang^="en"] .sullaf-m-nav__link,
body.translatepress-en_US .sullaf-m-nav__link {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
}

/* Flip drawer arrows to point right for LTR */
html[lang^="en"] .sullaf-m-nav__link .sullaf-arrow,
body.translatepress-en_US .sullaf-m-nav__link .sullaf-arrow {
    transform: rotate(180deg);
}

/* Luxury Editorial Quote in Story Section */
html[lang^="en"] .sf-split.sf-story p,
body.translatepress-en_US .sf-split.sf-story p {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: clamp(24px, 2.6vw, 36px) !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    font-style: italic !important;
    color: var(--s-plum, #3A1720) !important;
}

/* Primary Action Buttons */
html[lang^="en"] .sf-primary,
body.translatepress-en_US .sf-primary,
html[lang^="en"] .sullaf-btn-primary,
body.translatepress-en_US .sullaf-btn-primary {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
}

/* Refined Footer in English */
html[lang^="en"] .sullaf-footer__brand-line,
body.translatepress-en_US .sullaf-footer__brand-line {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 28px !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
    line-height: 1.3 !important;
}

html[lang^="en"] .sullaf-footer__brand-logo,
body.translatepress-en_US .sullaf-footer__brand-logo {
    font-family: 'Cormorant Garamond', serif !important;
    letter-spacing: 0.22em !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
}

html[lang^="en"] .sullaf-footer__group-summary,
body.translatepress-en_US .sullaf-footer__group-summary {
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em !important;
}

html[lang^="en"] .sullaf-footer__group-nav a,
body.translatepress-en_US .sullaf-footer__group-nav a,
html[lang^="en"] .sullaf-footer__legal a,
body.translatepress-en_US .sullaf-footer__legal a {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
}

/* Mix List in English */
html[lang^="en"] .sf-mix-list h3,
body.translatepress-en_US .sf-mix-list h3 {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    margin-bottom: 6px !important;
}

html[lang^="en"] .sf-mix-list p,
body.translatepress-en_US .sf-mix-list p {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    color: #716363 !important;
}