.global-nav a[aria-current="page"] { color: var(--color-accent-strong); }
.brand-hero .eyebrow, .brand-story .eyebrow { color: var(--color-accent-strong); }
.brand-hero { position: relative; padding: 8rem 0 var(--space-6); overflow: hidden; }
.brand-hero::before { position: absolute; z-index: -1; top: -14rem; right: -12rem; width: min(72vw, 44rem); aspect-ratio: 1; border: 1px solid rgb(138 112 80 / 20%); border-radius: 50%; content: ""; }
.brand-hero__inner { display: grid; gap: var(--space-5); align-items: center; }
.brand-hero__content h1 { max-width: 12ch; margin: 0 0 var(--space-4); color: var(--color-primary); font-size: clamp(2.4rem, 9.5vw, 5.25rem); font-weight: 500; line-height: 1.12; }
.brand-hero__content > p:last-child { max-width: 36rem; margin-bottom: 0; color: var(--color-muted); font-size: clamp(1rem, 2vw, 1.125rem); line-height: 1.95; }
.photo-slot--brand-hero { min-height: 19rem; }
.photo-slot--brand-hero .photo-slot__surface { background: linear-gradient(135deg, #b9ae9f, #e8e2d7 50%, #9f9383); }
.brand-intro { background: var(--color-background); }
.brand-intro__inner { display: grid; gap: var(--space-5); }
.brand-intro h2 { max-width: 100%; margin: 0; font-size: clamp(2rem, 8vw, 3.75rem); line-height: 1.15; }
.brand-intro__body { max-width: 38rem; }
.brand-intro__body p { margin-bottom: var(--space-3); color: var(--color-primary); font-family: var(--font-serif); font-size: clamp(1.2rem, 2.8vw, 1.55rem); line-height: 2; }
.brand-intro__body p:last-child { margin-bottom: 0; }
.brand-story { background: var(--color-surface); }
.brand-story--next { background: var(--color-surface-muted); }
.brand-story__layout { display: grid; gap: var(--space-5); align-items: center; }
.brand-story__visual { min-height: clamp(19rem, 82vw, 36rem); }
.brand-story__visual .photo-slot__surface { background: linear-gradient(145deg, #817668, #c8beb1 52%, #958879); }
.brand-story__visual--next .photo-slot__surface { background: linear-gradient(35deg, #9f9587, #e2dbd0 48%, #a39380); }
.brand-story__content { max-width: 32rem; }
.brand-story__content h2 { margin-bottom: var(--space-2); font-size: clamp(3rem, 10vw, 6rem); line-height: 1; }
.brand-story__lead { margin-bottom: var(--space-3); color: var(--color-accent-strong); font-family: var(--font-serif); font-size: clamp(1.2rem, 3vw, 1.55rem); }
.brand-story__content > p:not(.eyebrow, .brand-story__lead) { color: var(--color-muted); }
.brand-story__copy { margin-bottom: var(--space-2); line-height: 1.9; }
.brand-story__copy:last-of-type { margin-bottom: var(--space-4); }
@media (min-width: 44rem) {
  .brand-hero { padding-top: 9rem; }
  .brand-hero__inner { grid-template-columns: minmax(0, 0.9fr) minmax(20rem, 1.1fr); }
  .photo-slot--brand-hero { min-height: 34rem; }
  .brand-intro__inner { grid-template-columns: minmax(16rem, 0.8fr) minmax(24rem, 1.2fr); align-items: start; gap: var(--space-7); }
  .brand-story__layout { grid-template-columns: minmax(0, 1.1fr) minmax(22rem, 0.9fr); gap: var(--space-7); }
  .brand-story__layout--reverse .brand-story__visual { order: 2; }
  .brand-story__layout--reverse .brand-story__content { order: 1; }
}
@media (max-width: 43.99rem) { .brand-hero__content h1 { max-width: 100%; font-size: clamp(2rem, 9.5vw, 3.5rem); word-break: keep-all; } }
@media (min-width: 64rem) {
  .brand-hero { min-height: 46rem; display: grid; align-items: center; padding: 7rem 0 3rem; }
  .brand-hero__inner { grid-template-columns: minmax(0, 0.68fr) minmax(28rem, 1.32fr); gap: clamp(3.5rem, 7vw, 6rem); }
  .photo-slot--brand-hero { min-height: 39rem; }
  .brand-story__layout { gap: var(--space-8); }
  .brand-story__visual { min-height: 48rem; }
}
