.brand-page { overflow: clip; background: var(--sanfu-warm-white); color: var(--sanfu-graphite); }
.brand-page .section-shell { width: var(--sanfu-shell); margin-inline: auto; }
.brand-page .eyebrow { margin: 0; font-size: var(--sanfu-type-eyebrow); font-weight: var(--sanfu-weight-semibold); letter-spacing: .09em; line-height: 1.4; text-transform: uppercase; }
.brand-page .button { display: inline-flex; min-height: var(--sanfu-control-height); align-items: center; justify-content: center; padding-inline: var(--sanfu-control-padding-inline); border: 1px solid var(--sanfu-deep-teal); border-radius: var(--sanfu-radius-control); background: var(--sanfu-deep-teal); color: var(--sanfu-white); font-size: var(--sanfu-type-button); font-weight: var(--sanfu-weight-medium); text-decoration: none; }
.brand-page .button--light { border-color: var(--sanfu-white); background: var(--sanfu-white); color: var(--sanfu-deep-teal); }
.brand-page .text-link { min-height: var(--sanfu-touch-target); display: inline-flex; align-items: center; gap: .6rem; font-weight: var(--sanfu-weight-medium); text-decoration: none; }
.brand-page .text-link--light { color: var(--sanfu-white); }
.brand-section { padding-block: var(--sanfu-section-default); }
.brand-heading { max-width: 58rem; display: grid; gap: 1.4rem; margin-bottom: var(--sanfu-section-heading-gap); }
.brand-heading h2, .brand-split h2, .brand-wide-split h2 { max-width: var(--sanfu-measure-heading); margin: 0; font-size: var(--sanfu-type-h2); font-weight: var(--sanfu-weight-semibold); letter-spacing: -.012em; line-height: var(--sanfu-leading-h2); }
.brand-heading > p:last-child, .brand-split > div > p:last-child, .brand-wide-split__copy > p { max-width: 40rem; font-size: clamp(1.05rem, 1.5vw, 1.3rem); line-height: 1.65; }
.brand-copy { display: grid; align-content: start; gap: 1.4rem; }
.brand-copy p { max-width: 41rem; margin: 0; line-height: 1.7; }
.brand-copy .brand-lead { font-size: var(--sanfu-type-body-large); letter-spacing: 0; line-height: 1.6; }
.brand-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1.5rem; margin-top: 2rem; }

.brand-hero { position: relative; min-height: clamp(38rem, 62vw, 50rem); display: grid; align-items: end; isolation: isolate; color: var(--sanfu-white); }
.brand-hero__media, .brand-hero__media img, .brand-hero__shade { position: absolute; z-index: -2; width: 100%; height: 100%; inset: 0; }
.brand-hero__media img { object-fit: cover; object-position: center; }
.brand-hero__shade { z-index: -1; background: linear-gradient(90deg, rgb(9 22 21 / .82), rgb(9 22 21 / .12) 72%); }
.brand-hero__content { display: grid; gap: 1.4rem; padding-block: clamp(5rem, 11vh, 8rem); }
.brand-hero h1 { max-width: var(--sanfu-measure-display); margin: 0; font-size: var(--sanfu-type-h1); font-weight: var(--sanfu-weight-medium); letter-spacing: -.02em; line-height: var(--sanfu-leading-h1); }
.brand-hero__content > p:last-child { max-width: 42rem; margin: 0; font-size: clamp(1.15rem, 1.8vw, 1.5rem); line-height: 1.55; }

.brand-split { display: grid; grid-template-columns: var(--sanfu-grid-split); gap: var(--sanfu-editorial-gap); align-items: start; }
.brand-split > div:first-child { display: grid; gap: 1.4rem; }
.brand-purpose, .about-story, .about-quality { background: var(--sanfu-warm-white); }

.brand-proof, .about-manufacturing { padding: 0; background: var(--sanfu-light-stone); }
.brand-wide-split { display: grid; grid-template-columns: var(--sanfu-grid-media-copy); min-height: 46rem; }
.brand-media { min-height: clamp(34rem, 58vw, 60rem); overflow: hidden; }
.brand-media img { width: 100%; height: 100%; object-fit: cover; }
.brand-wide-split__copy { display: grid; align-content: end; gap: 1.4rem; padding: clamp(3rem, 5vw, 5rem); }
.brand-wide-split__copy > p { margin: 0; }
.brand-wide-split__copy small { max-width: 34rem; padding-top: 1.2rem; border-top: var(--sanfu-border); color: color-mix(in srgb, currentColor 66%, transparent); line-height: 1.5; }

.brand-design, .about-product { background: var(--sanfu-warm-white); }
.brand-expression-list { width: min(100%, calc(var(--portfolio-columns, 4) * 20rem)); display: grid; grid-template-columns: repeat(var(--portfolio-columns, 4), minmax(0, 1fr)); margin: 0 0 3rem; padding: 0; border-top: 2px solid currentColor; list-style: none; }
.brand-expression-list li { min-height: 14rem; display: grid; align-content: space-between; gap: 1.5rem; padding: 1.5rem 1.4rem 1.8rem 0; border-bottom: var(--sanfu-border); }
.brand-expression-list li + li { padding-left: 1.4rem; border-left: var(--sanfu-border); }
.brand-expression-list li:first-child { padding-left: 0; border-left: 0; }
.brand-expression-list span { font-size: .68rem; letter-spacing: .14em; opacity: .58; }
.brand-expression-list strong { font-size: var(--sanfu-type-h3); font-weight: var(--sanfu-weight-semibold); letter-spacing: -.006em; line-height: var(--sanfu-leading-h3); }
.brand-expression-list a, .about-product__identity a { color: inherit; text-decoration: none; }
.brand-expression-list a:hover, .about-product__identity a:hover { text-decoration: underline; }
.brand-expression-list small { line-height: 1.5; }

.brand-flexibility { background: var(--sanfu-deep-teal); color: var(--sanfu-white); }
.brand-flexibility__layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(16rem, .55fr) minmax(15rem, .65fr); gap: var(--sanfu-editorial-gap); align-items: end; }
.brand-flexibility__layout > div:first-child { display: grid; gap: 1.4rem; }
.brand-flexibility h2 { max-width: var(--sanfu-measure-heading); margin: 0; font-size: var(--sanfu-type-h2); font-weight: var(--sanfu-weight-semibold); letter-spacing: -.012em; line-height: var(--sanfu-leading-h2); }
.brand-flexibility p { max-width: 38rem; margin: 0; line-height: 1.7; }
.brand-flexibility__number { display: grid; gap: .6rem; }
.brand-flexibility__number strong { font-size: var(--sanfu-type-h1); font-weight: var(--sanfu-weight-medium); letter-spacing: -.02em; line-height: var(--sanfu-leading-h1); }
.brand-flexibility__number strong span { display: block; font-size: 1em; }
.brand-flexibility__number small { text-transform: uppercase; letter-spacing: .14em; }
.brand-flexibility ol { margin: 0; padding: 0; border-top: 1px solid rgb(255 255 255 / .5); list-style: none; }
.brand-flexibility li { padding: 1.2rem 0; border-bottom: 1px solid rgb(255 255 255 / .28); }

.brand-value, .about-partnership { background: var(--sanfu-light-stone); }
.brand-value__list { margin: 0; padding: 0; border-top: 2px solid currentColor; list-style: none; }
.brand-value__list li { display: grid; grid-template-columns: 3rem 1fr; gap: 1.5rem; align-items: baseline; padding: 1.65rem 0; border-bottom: var(--sanfu-border); }
.brand-value__list span { font-size: .68rem; letter-spacing: .14em; opacity: .58; }
.brand-value__list strong { font-size: var(--sanfu-type-h3); font-weight: var(--sanfu-weight-medium); letter-spacing: -.006em; line-height: var(--sanfu-leading-h3); }

.about-product__identity { display: grid; grid-template-columns: 1.4fr .6fr; gap: 2rem; margin-bottom: clamp(4rem, 8vw, 7rem); padding-block: 2rem; border-block: 2px solid currentColor; }
.about-product__identity > div { display: grid; gap: .6rem; }
.about-product__identity strong { font-size: var(--sanfu-type-h1); font-weight: var(--sanfu-weight-medium); letter-spacing: -.02em; line-height: var(--sanfu-leading-h1); }
.about-product__identity span { max-width: 24rem; line-height: 1.5; }
.about-product__family + .about-product__family { margin-top: var(--sanfu-section-small); padding-top: var(--sanfu-section-small); border-top: var(--sanfu-border); }

.brand-final { padding-block: var(--sanfu-section-large); background: var(--sanfu-graphite); color: var(--sanfu-white); }
.brand-final .section-shell { display: grid; gap: 1.5rem; }
.brand-final h2 { max-width: var(--sanfu-measure-heading); margin: 0; font-size: var(--sanfu-type-h2); font-weight: var(--sanfu-weight-medium); letter-spacing: -.012em; line-height: var(--sanfu-leading-h2); }
.brand-final p { max-width: 38rem; margin: 0; font-size: clamp(1.1rem, 1.7vw, 1.4rem); }

@media (max-width: 1040px) {
  .brand-split { gap: 4rem; }
  .brand-wide-split { grid-template-columns: minmax(0, 1.15fr) minmax(20rem, .85fr); }
  .brand-flexibility__layout { grid-template-columns: 1fr 1fr; }
  .brand-flexibility__layout ol { grid-column: 1 / -1; }
  .brand-expression-list { width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .brand-expression-list li:nth-child(odd) { padding-left: 0; border-left: 0; }
}

@media (max-width: 760px) {
  .brand-section { padding-block: var(--sanfu-section-default); }
  .brand-hero { min-height: 36rem; }
  .brand-hero__media img { object-position: 62% center; }
  .brand-hero__shade { background: linear-gradient(0deg, rgb(9 22 21 / .9), rgb(9 22 21 / .08) 76%); }
  .brand-split, .brand-wide-split, .brand-flexibility__layout { grid-template-columns: 1fr; }
  .brand-wide-split__copy { padding: 4rem 1rem 5rem; }
  .brand-media { min-height: 30rem; }
  .brand-expression-list { grid-template-columns: 1fr 1fr; }
  .brand-expression-list li { min-height: 11rem; }
  .brand-flexibility__layout ol { grid-column: auto; }
  .about-product__identity { grid-template-columns: 1fr; }
  .brand-actions { align-items: stretch; flex-direction: column; }
  .brand-actions .button, .brand-actions .text-link { width: 100%; justify-content: center; }
  .brand-heading h2, .brand-split h2, .brand-wide-split h2, .brand-flexibility h2, .brand-final h2 { max-width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .brand-page *, .brand-page *::before, .brand-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}