:root {
    --fda-ink: #221f1c;
    --fda-soft-ink: #615b55;
    --fda-paper: #f7f5f1;
    --fda-white: #fff;
    --fda-gold: #9b7337;
    --fda-line: rgba(34, 31, 28, 0.16);
    --fda-container: min(92vw, 1420px);
    --fda-serif: "Cormorant Garamond", "Times New Roman", serif;
    --fda-sans: "Manrope", "Helvetica Neue", Arial, sans-serif;
}

html { scroll-behavior: smooth; }
.fda-home-page .page-title { display: none; }
.fda-home-page .whb-top-bar { display: none; }
.fda-home-page .footer-container { display: none; }
.fda-home-page .main-page-wrapper { padding-top: 0; }
.fda-home-page .content-layout-wrapper { display: block; width: 100%; max-width: none; padding-top: 0; padding-inline: 0; }
.fda-home { background: var(--fda-paper); color: var(--fda-ink); font-family: var(--fda-sans); }
.fda-container { width: var(--fda-container); margin-inline: auto; }
.fda-section { padding-block: clamp(4.5rem, 9vw, 9rem); }
.fda-eyebrow { margin: 0 0 1rem; color: var(--fda-gold); font-size: 0.84rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; }
.fda-home h1, .fda-home h2, .fda-home h3, .fda-home p { text-wrap: pretty; }
.fda-home h1, .fda-home h2 { font-family: var(--fda-serif); font-weight: 500; letter-spacing: 0; }
.fda-home h1 { max-width: 11ch; margin: 0; font-size: var(--fda-type-hero); line-height: 0.92; }
.fda-home h2 { max-width: 15ch; margin: 0; font-size: var(--fda-type-section); line-height: 0.98; }
.fda-hero h1 { color: var(--fda-white); }

.fda-hero { position: relative; min-height: min(840px, 82svh); display: grid; align-items: center; overflow: hidden; background: #b9a58e; color: var(--fda-white); }
.fda-hero__media { position: absolute; inset: 0; background-image: linear-gradient(90deg, rgba(24, 20, 16, 0.76) 0%, rgba(24, 20, 16, 0.32) 46%, rgba(24, 20, 16, 0.02) 74%), url("../images/home-2026-hero.jpg"); background-size: cover; background-position: center 42%; transform: scale(1.01); }
.fda-hero__content { position: relative; z-index: 1; padding-block: 6rem 9rem; }
.fda-hero__copy { max-width: 34rem; margin: 1.75rem 0 0; font-size: clamp(1rem, 1.45vw, 1.24rem); line-height: 1.6; }
.fda-actions { display: flex; align-items: center; gap: 1.7rem; margin-top: 2.25rem; }
.fda-button { min-height: 3.25rem; display: inline-flex; align-items: center; justify-content: center; padding: 0.85rem 1.45rem; border: 1px solid transparent; border-radius: 2px; font-size: 1rem; font-weight: 650; text-decoration: none; transition: transform 220ms ease, background-color 220ms ease, color 220ms ease; }
.fda-button:hover { transform: translateY(-2px); }
.fda-button:active { transform: translateY(0); }
.fda-button:focus-visible, .fda-link:focus-visible, .fda-category:focus-visible, .fda-product a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.fda-button--primary { background: var(--fda-white); color: var(--fda-ink); }
.fda-button--primary:hover { background: #e8e1d7; color: var(--fda-ink); }
.fda-button--secondary { border-color: var(--fda-ink); color: var(--fda-ink); }
.fda-button--secondary:hover { background: var(--fda-ink); color: var(--fda-white); }
.fda-link { position: relative; min-height: 2.75rem; display: inline-flex; align-items: center; color: inherit; font-size: 1rem; font-weight: 650; text-decoration: none; }
.fda-link::after { content: ""; position: absolute; left: 0; right: 0; bottom: -0.3rem; height: 1px; background: currentColor; transform-origin: right; transition: transform 220ms ease; }
.fda-link:hover::after { transform: scaleX(0.45); }
.fda-hero__next { position: absolute; z-index: 1; left: 4vw; right: 4vw; bottom: 1.5rem; display: flex; justify-content: space-between; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.38); color: var(--fda-white); font-size: 0.88rem; letter-spacing: 0.08em; text-decoration: none; text-transform: uppercase; }

.fda-section-heading { margin-bottom: clamp(2.5rem, 5vw, 4.5rem); }
.fda-section-heading--row { display: flex; align-items: end; justify-content: space-between; gap: 3rem; }
.fda-category-rail { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(0.8rem, 1.5vw, 1.5rem); }
.fda-category { position: relative; color: var(--fda-ink); text-decoration: none; }
.fda-category__image { display: block; aspect-ratio: 3 / 4; background: #ebe7e0 center / cover no-repeat; overflow: hidden; transition: filter 300ms ease, transform 300ms ease; }
.fda-category:hover .fda-category__image { filter: brightness(0.94); transform: translateY(-3px); }
.fda-category__name { display: inline-block; margin-top: 1rem; font-family: var(--fda-serif); font-size: clamp(1.35rem, 2vw, 1.85rem); }
.fda-category__arrow { position: absolute; right: 0; bottom: 0.35rem; font-size: 1rem; }

.fda-curation { background: var(--fda-white); }
.fda-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(2rem, 4vw, 4.75rem) clamp(1rem, 2.5vw, 2rem); }
.fda-product__image { display: block; aspect-ratio: 1 / 1.18; overflow: hidden; background: #f0ede8; }
.fda-product__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 500ms cubic-bezier(.2,.7,.2,1); }
.fda-product:hover .fda-product__image img { transform: scale(1.035); }
.fda-product__content { padding-top: 1rem; }
.fda-product h3 { margin: 0; font-family: var(--fda-sans); font-size: 1.05rem; font-weight: 500; line-height: 1.45; }
.fda-product h3 a { color: var(--fda-ink); text-decoration: none; }
.fda-product__price { margin: 0.55rem 0 0; color: var(--fda-soft-ink); font-size: 0.98rem; font-variant-numeric: tabular-nums; }
.fda-link--mobile { display: none; }

.fda-editorial { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(22rem, 0.75fr); min-height: min(760px, 80svh); background: #ded6ca; }
.fda-editorial__image { min-height: 580px; background: url("../images/home-2026-detail.jpg") center / cover no-repeat; }
.fda-editorial__content { align-self: center; padding: clamp(3.5rem, 7vw, 8rem); }
.fda-editorial__content h2 { max-width: 10ch; font-size: var(--fda-type-section); }
.fda-editorial__content > p:not(.fda-eyebrow) { max-width: 34rem; margin: 1.8rem 0 2.25rem; color: var(--fda-soft-ink); font-size: 1.03rem; line-height: 1.75; }
.fda-principles { background: var(--fda-ink); color: var(--fda-white); }
.fda-principles__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4rem; }
.fda-principles strong, .fda-principles span { display: block; }
.fda-principles strong { margin-bottom: 0.8rem; font-family: var(--fda-serif); font-size: 1.65rem; font-weight: 500; }
.fda-principles span { max-width: 24rem; color: rgba(255,255,255,0.7); line-height: 1.6; }

.fda-footer { background: #151412; color: var(--fda-white); font-family: var(--fda-sans); }
.fda-footer__top { display: grid; grid-template-columns: minmax(18rem, 1.7fr) repeat(auto-fit, minmax(10rem, 1fr)); gap: clamp(2.5rem, 5vw, 6rem); padding-block: clamp(4rem, 7vw, 7rem); }
.fda-footer__brand > a { color: var(--fda-white); font-family: var(--fda-serif); font-size: 2.35rem; text-decoration: none; }
.fda-footer__brand p { max-width: 28rem; margin: 1.2rem 0 0; color: rgba(255,255,255,0.62); line-height: 1.7; }
.fda-footer nav { display: flex; align-items: flex-start; flex-direction: column; gap: 0.8rem; }
.fda-footer nav strong { margin-bottom: 0.45rem; color: rgba(255,255,255,0.48); font-size: 0.82rem; letter-spacing: 0.1em; text-transform: uppercase; }
.fda-footer nav a { color: var(--fda-white); font-size: 1rem; text-decoration: none; }
.fda-footer nav a:hover { text-decoration: underline; text-underline-offset: 0.3rem; }
.fda-footer__bottom { display: flex; justify-content: space-between; gap: 1rem; padding-block: 1.4rem 2rem; border-top: 1px solid rgba(255,255,255,0.14); color: rgba(255,255,255,0.5); font-size: 0.85rem; }

@media (max-width: 1024px) {
    .fda-category-rail { grid-template-columns: repeat(3, 1fr); }
    .fda-category:nth-child(n+4) { display: none; }
    .fda-editorial { grid-template-columns: 1fr 1fr; }
    .fda-principles__grid { gap: 2rem; }
}

@media (max-width: 767px) {
    .fda-section { padding-block: 4.5rem; }
    .fda-hero { min-height: calc(100svh - 145px); align-items: end; }
    .fda-hero__media { background-image: linear-gradient(0deg, rgba(20,17,14,0.86) 0%, rgba(20,17,14,0.18) 60%, rgba(20,17,14,0.04) 100%), url("../images/home-2026-hero.jpg"); background-position: 58% center; }
    .fda-hero__content { padding-block: 12.5rem 5.75rem; }
    .fda-home h1 { max-width: 9ch; font-size: var(--fda-type-hero); }
    .fda-hero__copy { max-width: 26rem; margin-top: 1.2rem; font-size: 0.98rem; }
    .fda-actions { align-items: flex-start; flex-direction: column; gap: 1rem; margin-top: 1.35rem; }
    .fda-button { width: 100%; }
    .fda-hero__next { display: none; }
    .fda-section-heading--row { display: block; }
    .fda-link--desktop { display: none; }
    .fda-link--mobile { display: inline-block; margin-top: 2rem; }
    .fda-category-rail { display: flex; gap: 0.85rem; margin-right: -4vw; overflow-x: auto; padding-right: 4vw; scroll-snap-type: x mandatory; scrollbar-width: none; }
    .fda-category-rail::-webkit-scrollbar { display: none; }
    .fda-category, .fda-category:nth-child(n+4) { display: block; flex: 0 0 72vw; scroll-snap-align: start; }
    .fda-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem 0.75rem; }
    .fda-product__image { aspect-ratio: 1 / 1.25; }
    .fda-product h3 { font-size: 0.95rem; }
    .fda-editorial { display: block; min-height: 0; }
    .fda-editorial__image { min-height: 72svh; background-position: 46% center; }
    .fda-editorial__content { padding: 4.5rem 4vw 5.5rem; }
    .fda-editorial__content h2 { font-size: var(--fda-type-section); }
    .fda-principles__grid { grid-template-columns: 1fr; gap: 2.5rem; }
    .fda-footer__top { grid-template-columns: 1fr 1fr; }
    .fda-footer__brand { grid-column: 1 / -1; }
    .fda-footer__bottom { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .fda-home *, .fda-home *::before, .fda-home *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}