.homepage { overflow: clip; background: var(--sanfu-warm-white); }
.homepage .section-shell { width: var(--sanfu-shell); margin-inline: auto; }
.home-section { padding-block: var(--sanfu-section-default); }
.home-section h2 { margin: 0; max-width: var(--sanfu-measure-heading); font-size: var(--sanfu-type-h2); font-weight: var(--sanfu-weight-semibold); letter-spacing: -0.012em; line-height: var(--sanfu-leading-h2); }
.home-section h3 { margin: 0; font-size: var(--sanfu-type-h3); font-weight: var(--sanfu-weight-semibold); letter-spacing: -0.006em; line-height: var(--sanfu-leading-h3); }
.home-section p { line-height: 1.65; }
.home-section__intro { display: grid; gap: var(--sanfu-space-3); margin-bottom: var(--sanfu-section-heading-gap); }
.home-section__intro > p:last-child { max-width: var(--sanfu-container-narrow); margin: 0; font-size: var(--sanfu-type-body-large); }
.home-section__intro--row { grid-template-columns: minmax(0, 1fr) auto; align-items: end; }
.eyebrow { margin: 0; font-size: var(--sanfu-type-eyebrow); font-weight: var(--sanfu-weight-semibold); letter-spacing: 0.09em; line-height: 1.4; text-transform: uppercase; }
.home-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1.5rem; }
.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 currentColor; border-radius: var(--sanfu-radius-control); font-size: var(--sanfu-type-button); font-weight: var(--sanfu-weight-medium); text-decoration: none; }
.button--light { border-color: var(--sanfu-warm-white); background: var(--sanfu-warm-white); color: var(--sanfu-graphite); }
.text-link { min-height: var(--sanfu-touch-target); display: inline-flex; align-items: center; gap: 0.6rem; font-weight: var(--sanfu-weight-medium); text-decoration: none; }
.text-link--light { color: var(--sanfu-warm-white); }

.home-hero { position: relative; min-height: clamp(40rem, 80vh, 52rem); overflow: hidden; isolation: isolate; background: var(--sanfu-graphite); color: var(--sanfu-white); }
.home-hero__slides, .home-hero__slide { min-height: inherit; }
.home-hero__slide { position: relative; display: grid; align-items: end; isolation: isolate; }
.home-hero__slide:not(:first-child) { display: none; }
.home-hero.is-enhanced .home-hero__slide { position: absolute; display: grid; inset: 0; visibility: hidden; opacity: 0; pointer-events: none; transition: opacity 520ms ease, visibility 0s linear 520ms; }
.home-hero.is-enhanced .home-hero__slide.is-active { z-index: 1; visibility: visible; opacity: 1; pointer-events: auto; transition-delay: 0s; }
.home-hero__media, .home-hero__shade { position: absolute; z-index: -2; inset: 0; }
.home-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: 54% center; }
.home-hero__shade { z-index: -1; background: linear-gradient(90deg, rgb(15 27 26 / 0.82) 0%, rgb(15 27 26 / 0.44) 40%, rgb(15 27 26 / 0.08) 75%); }
.home-hero__content { display: grid; gap: var(--sanfu-space-4); padding-block: var(--sanfu-section-large) clamp(7rem, 12vh, 9rem); }
.home-hero h1, .home-hero h2 { max-width: 18ch; margin: 0; font-size: var(--sanfu-type-display); font-weight: var(--sanfu-weight-medium); letter-spacing: -0.025em; line-height: var(--sanfu-leading-display); text-wrap: balance; }
.home-hero__content > p:not(.eyebrow) { max-width: 35rem; margin: 0; font-size: var(--sanfu-type-body-large); line-height: 1.6; }
.home-hero__controls { position: absolute; z-index: 3; right: 0; bottom: clamp(1.5rem, 4vw, 3rem); left: 0; display: none; grid-template-columns: auto auto auto; justify-content: end; align-items: center; gap: .65rem; pointer-events: none; }
.home-hero.is-enhanced .home-hero__controls { display: grid; }
.home-hero__arrow, .home-hero__indicators button { min-width: 2.75rem; min-height: 2.75rem; display: inline-grid; place-items: center; border: 1px solid rgb(255 255 255 / .55); border-radius: 50%; background: rgb(9 22 21 / .34); color: var(--sanfu-white); cursor: pointer; pointer-events: auto; }
.home-hero__arrow { font-size: 1.1rem; }
.home-hero__indicators { display: flex; align-items: center; gap: .1rem; padding: .2rem .35rem; border-radius: 999px; background: rgb(9 22 21 / .3); pointer-events: auto; }
.home-hero__indicators button { min-width: 2.25rem; min-height: 2.75rem; border: 0; background: transparent; }
.home-hero__indicators button span { width: .42rem; height: .42rem; border-radius: 50%; background: currentColor; opacity: .45; transition: width 240ms ease, opacity 240ms ease; }
.home-hero__indicators button[aria-current="true"] span { width: 1.4rem; border-radius: 999px; opacity: 1; }
.home-hero__arrow:hover { background: rgb(9 22 21 / .58); }
.home-hero__arrow:focus-visible, .home-hero__indicators button:focus-visible { outline: 2px solid var(--sanfu-white); outline-offset: 3px; }

.home-flexibility { background: var(--sanfu-warm-white); }
.home-flexibility__layout { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(20rem, .8fr) minmax(14rem, .55fr); gap: var(--sanfu-editorial-gap); align-items: end; }
.home-flexibility__layout > div:first-child { display: grid; gap: 1.4rem; }
.home-flexibility__layout h2 { max-width: var(--sanfu-measure-heading); }
.home-flexibility__layout > div:first-child > p:last-child { max-width: 34rem; margin: 0; }
.home-flexibility__statement { border-left: var(--sanfu-border); padding-left: clamp(1.5rem, 3vw, 3rem); }
.home-flexibility__statement strong { display: block; font-size: var(--sanfu-type-h3); font-weight: var(--sanfu-weight-medium); letter-spacing: -0.012em; line-height: var(--sanfu-leading-h3); }
.home-flexibility__statement strong span { display: block; font-size: 1.35em; line-height: 1.08; }
.home-flexibility__statement p { margin: 1rem 0 0; font-size: var(--sanfu-type-meta); font-weight: var(--sanfu-weight-semibold); letter-spacing: 0.09em; text-transform: uppercase; }
.editorial-sequence { margin: 0; padding: 0; list-style: none; }
.editorial-sequence li { display: grid; grid-template-columns: 2.5rem 1fr; gap: 1rem; padding: 1.35rem 0; border-top: var(--sanfu-border); font-size: 1.05rem; }
.editorial-sequence li:last-child { border-bottom: var(--sanfu-border); }
.editorial-sequence span { font-size: 0.7rem; letter-spacing: 0.1em; opacity: 0.58; }

.home-product-systems { background: var(--sanfu-light-stone); }
.home-product-systems__intro { max-width: 52rem; }
.home-product-systems__layout { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(18rem, .65fr); gap: 1rem; align-items: stretch; }
.product-system { position: relative; min-width: 0; min-height: 36rem; overflow: hidden; display: grid; grid-template-rows: auto minmax(0, 1fr); isolation: isolate; background: var(--sanfu-graphite); color: var(--sanfu-warm-white); }
.product-system__panel-media { position: absolute; z-index: -2; inset: 0; }
.product-system__panel-media::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgb(9 22 21 / .32), rgb(9 22 21 / .88) 78%, rgb(9 22 21 / .96)); transition: background 460ms cubic-bezier(.22, 1, .36, 1); }
.product-system__panel-media img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }
.product-system__toggle { position: relative; z-index: 2; width: 100%; min-height: 8rem; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .7rem 1rem; align-content: start; padding: clamp(1.25rem, 2.5vw, 2.25rem); border: 0; background: transparent; color: inherit; font: inherit; text-align: left; }
.product-system__toggle-meta { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 1rem; font-size: .68rem; font-weight: var(--sanfu-weight-semibold); letter-spacing: .1em; text-transform: uppercase; }
.product-system__toggle-status { opacity: .72; }
.product-system__toggle-status--mobile { display: none; }
.product-system__toggle-title { max-width: 18ch; font-size: var(--sanfu-type-h3); font-weight: var(--sanfu-weight-semibold); letter-spacing: -.006em; line-height: var(--sanfu-leading-h3); }
.product-system__toggle-family { align-self: end; font-size: var(--sanfu-type-body-small); font-weight: var(--sanfu-weight-medium); letter-spacing: .06em; text-transform: uppercase; }
.product-system__toggle-action { grid-column: 1 / -1; display: none; margin-top: 1rem; font-size: var(--sanfu-type-meta); }
.product-system__body-clip { min-height: 0; overflow: hidden; }
.product-system__body { height: 100%; display: grid; align-content: end; padding: 0 clamp(1.25rem, 2.5vw, 2.25rem) clamp(1.5rem, 3vw, 2.75rem); }
.product-system__header { display: grid; gap: .8rem; }
.product-system__status { margin: 0; font-size: .68rem; font-weight: var(--sanfu-weight-semibold); letter-spacing: .1em; text-transform: uppercase; }
.product-system__header h3 { max-width: 18ch; }
.product-system__header p { max-width: 34rem; margin: 0; }
.product-system__direction-note { margin: clamp(2rem, 5vw, 4rem) 0 0; padding-top: 1rem; border-top: 1px solid rgb(255 255 255 / .32); color: color-mix(in srgb, var(--sanfu-warm-white) 78%, transparent); font-size: var(--sanfu-type-meta); }
.product-system__families { display: grid; gap: var(--sanfu-space-5); margin-top: var(--sanfu-space-5); }
.product-system__family + .product-system__family { padding-top: var(--sanfu-space-5); border-top: 1px solid rgb(255 255 255 / .32); }
.product-system__family-intro { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2rem; align-items: end; margin-bottom: var(--sanfu-space-4); padding-block: 1rem; border-block: 1px solid rgb(255 255 255 / .32); }
.product-system__family-intro p { max-width: 34rem; margin: 0; }
.product-system__family-intro > div:first-child > p:first-child { margin-bottom: .7rem; font-size: .7rem; font-weight: var(--sanfu-weight-semibold); letter-spacing: .09em; text-transform: uppercase; }
.product-system__family-intro h4 { margin: 0 0 .55rem; font-size: var(--sanfu-type-h3); font-weight: var(--sanfu-weight-semibold); letter-spacing: -.006em; line-height: var(--sanfu-leading-h3); }
.product-system__family-intro h4 a, .product-system__count a, .product-system__collections a { color: inherit; text-decoration: none; }
.product-system__family-intro h4 a:hover, .product-system__count a:hover, .product-system__collections a:hover { text-decoration: underline; }
.product-system__family-title--wordmark a { width: fit-content; max-width: 100%; display: inline-flex; align-items: center; }
.product-system__family-wordmark { display: block; width: clamp(9rem, 15vw, 12rem); max-width: 100%; height: auto; }
.product-system__count { display: grid; justify-items: end; gap: .5rem; text-align: right; }
.product-system__count strong { font-size: var(--sanfu-type-h3); font-weight: var(--sanfu-weight-medium); line-height: 1; }
.product-system__count a { min-height: var(--sanfu-touch-target); display: inline-flex; align-items: center; gap: .5rem; font-size: var(--sanfu-type-meta); }
.product-system__collections { display: grid; grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr)); gap: clamp(.75rem, 1.4vw, 1.25rem); }
.product-system__collections a { min-width: 0; display: grid; gap: .85rem; font-weight: var(--sanfu-weight-semibold); }
.product-system__collections a.is-featured { color: var(--sanfu-white); }
.product-system__collections small { display: block; margin-top: -.45rem; font-size: var(--sanfu-type-meta); font-weight: var(--sanfu-weight-medium); letter-spacing: .08em; line-height: 1.3; text-transform: uppercase; opacity: .78; }
.product-system__collection-media { overflow: hidden; display: block; aspect-ratio: 1 / 1; background: color-mix(in srgb, var(--sanfu-graphite) 8%, transparent); }
.product-system__collection-media img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform 400ms ease; }
.product-system__collections a:hover .product-system__collection-media img { transform: scale(1.025); }

.product-systems--interactive.is-enhanced { display: flex; min-height: 36rem; }
.product-systems--interactive.is-enhanced .product-system { flex: 3 1 0; transition: flex-grow 460ms cubic-bezier(.22, 1, .36, 1); }
.product-systems--interactive.is-enhanced .product-system.is-active { flex-grow: 7; }
.product-systems--interactive.is-enhanced .product-system__toggle { cursor: pointer; }
.product-systems--interactive.is-enhanced .product-system__toggle:focus-visible { outline: 2px solid var(--sanfu-warm-white); outline-offset: -6px; }
.product-systems--interactive.is-enhanced .product-system:not(.is-active) .product-system__panel-media::after { background: rgb(9 22 21 / .72); }
.product-systems--interactive.is-enhanced .product-system:not(.is-active) .product-system__body-clip { visibility: hidden; }
.product-systems--interactive.is-enhanced .product-system:not(.is-active) .product-system__body { opacity: 0; transform: translateY(.75rem); pointer-events: none; }
.product-systems--interactive.is-enhanced .product-system.is-active .product-system__body { opacity: 1; transform: translateY(0); transition: opacity 300ms 120ms ease, transform 300ms 120ms cubic-bezier(.22, 1, .36, 1); }
.product-systems--interactive.is-enhanced .product-system.is-active .product-system__toggle-title,
.product-systems--interactive.is-enhanced .product-system.is-active .product-system__toggle-family { opacity: 0; visibility: hidden; }
.product-systems--interactive.is-enhanced .product-system:not(.is-active) .product-system__toggle { align-content: space-between; height: 100%; }
.product-systems--interactive.is-enhanced .product-system:not(.is-active) .product-system__toggle-action { display: block; }
.product-systems--interactive.is-enhanced .product-system:not(.is-active):hover .product-system__panel-media::after { background: rgb(9 22 21 / .62); }

.product-systems--interactive.has-many-systems { display: grid; grid-template-columns: repeat(var(--product-system-count), minmax(0, 1fr)); min-height: 0; }
.product-systems--interactive.has-many-systems .product-system { display: contents; }
.product-systems--interactive.has-many-systems .product-system__toggle { grid-row: 1; min-height: 8rem; border-top: 2px solid currentColor; background: var(--sanfu-graphite); }
.product-systems--interactive.has-many-systems .product-system__panel-media { display: none; }
.product-systems--interactive.has-many-systems .product-system__body-clip { grid-row: 2; grid-column: 1 / -1; min-height: 32rem; background: var(--sanfu-graphite); }
.product-systems--interactive.has-many-systems .product-system:not(.is-active) .product-system__body-clip { display: none; }

.home-palette { background: var(--sanfu-warm-white); }
.home-palette__shell { width: min(92vw, 92rem); margin-inline: auto; }
.home-palette__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(2.5rem, 4vw, 4.5rem) clamp(0.65rem, 1.3vw, 1.25rem); align-items: start; padding-bottom: clamp(2rem, 4vw, 4rem); }
.home-palette__intro-copy { max-width: 42rem; margin: var(--sanfu-space-3) 0 0; font-size: var(--sanfu-type-body-large); }
.home-palette .color-tile:nth-child(2n) { transform: translateY(clamp(1.5rem, 3vw, 3rem)); }
.home-palette .color-tile__media { aspect-ratio: 1; }
.home-palette .color-tile__meta { padding: 0.75rem 0 0; }
.home-palette .color-tile__meta > * { line-height: 1.35; }

.home-spaces { padding-bottom: var(--sanfu-section-large); background: var(--sanfu-warm-white); }
.home-spaces__grid { display: grid; grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(0, 0.8fr)); grid-template-rows: repeat(2, clamp(15rem, 18vw, 19rem)); gap: clamp(0.75rem, 1.4vw, 1.4rem); }
.space-story { min-width: 0; }
.space-story__link { height: 100%; display: block; color: inherit; text-decoration: none; }
.space-story--1 { grid-column: 1; grid-row: 1 / span 2; }
.space-story--2 { grid-column: 2; grid-row: 2; }
.space-story--3 { grid-column: 3; grid-row: 2; }
.space-story--4 { grid-column: 2 / span 2; grid-row: 1; }
.space-story__media { position: relative; height: 100%; min-height: 100%; overflow: hidden; isolation: isolate; background: var(--sanfu-graphite); }
.space-story__media::after { content: ''; position: absolute; z-index: 1; inset: 28% 0 0; background: linear-gradient(0deg, rgb(8 20 19 / 0.82), transparent); pointer-events: none; }
.space-story__media img { position: absolute; width: 100%; height: 100%; object-fit: cover; transition: transform 600ms ease; }
.space-story:hover .space-story__media img { transform: scale(1.018); }
.space-story__content { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: 0.35rem 1rem; align-items: end; padding: clamp(1.25rem, 2.6vw, 2.75rem); color: var(--sanfu-white); }
.space-story__content > span { grid-row: 1 / span 2; align-self: start; padding-top: 0.35rem; font-size: 0.68rem; letter-spacing: 0.15em; opacity: 0.7; }
.space-story__content h3 { font-size: var(--sanfu-type-h3); line-height: var(--sanfu-leading-h3); }
.space-story__content p { max-width: 30rem; margin: 0; font-size: 0.9rem; line-height: 1.45; opacity: 0.88; }
.space-story--2 .space-story__content, .space-story--3 .space-story__content { grid-template-columns: 1fr; padding: clamp(1.15rem, 2vw, 2rem); }
.space-story--2 .space-story__content > span, .space-story--3 .space-story__content > span { grid-row: auto; }
.space-story--2 .space-story__content h3, .space-story--3 .space-story__content h3 { font-size: var(--sanfu-type-h3); }

.home-performance { background: var(--sanfu-light-stone); }
.home-performance__layout { display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1fr); gap: clamp(3rem, 8vw, 10rem); align-items: start; }
.home-performance__layout > div:first-child { display: grid; gap: 1.4rem; }
.home-performance__layout > div:last-child { border-top: var(--sanfu-border); padding-top: 2rem; }
.home-performance h2 { max-width: var(--sanfu-measure-heading-compact); }
.home-performance__lead { margin-top: 0; font-size: var(--sanfu-type-body-large); letter-spacing: 0; line-height: 1.6 !important; }
.home-performance__actions { margin-top: var(--sanfu-space-5); }
.home-performance__actions .text-link { min-height: var(--sanfu-touch-target); display: inline-flex; align-items: center; }

.home-business { background: var(--sanfu-deep-teal); color: var(--sanfu-warm-white); }
.home-business h2 { max-width: 18ch; margin-top: 1.25rem; }
.home-business__intro { max-width: 39rem; margin: 2rem 0 var(--sanfu-space-7); font-size: var(--sanfu-type-body-large); }
.home-business__points { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(2rem, 5vw, 6rem); margin: 0; padding: clamp(2rem, 4vw, 3.5rem) 0 0; border-top: 1px solid rgb(255 255 255 / 0.34); list-style: none; }
.home-business__points li { display: grid; gap: clamp(1.5rem, 4vw, 3.5rem); }
.home-business__points span { font-size: 0.68rem; letter-spacing: 0.15em; opacity: 0.62; }
.home-business__points strong { max-width: 16ch; font-size: var(--sanfu-type-h3); font-weight: var(--sanfu-weight-medium); letter-spacing: -0.006em; line-height: var(--sanfu-leading-h3); }

.home-brand-story { padding-block: var(--sanfu-section-small); background: var(--sanfu-warm-white); }
.home-brand-story__statement { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(18rem, .9fr); gap: clamp(2rem, 6vw, 7rem); align-items: end; }
.home-brand-story__heading { display: grid; gap: var(--sanfu-space-3); }
.home-brand-story__intro { max-width: 34rem; margin: 0; font-size: var(--sanfu-type-body-large); }
.home-values { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: clamp(2.75rem, 5vw, 4.5rem); border-block: var(--sanfu-border); }
.home-values__item { min-width: 0; display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: clamp(1rem, 2.5vw, 2rem); align-content: start; padding-block: clamp(1.75rem, 3vw, 2.5rem); }
.home-values__item:nth-child(even) { padding-left: clamp(1.5rem, 4vw, 4rem); border-left: var(--sanfu-border); }
.home-values__item:nth-child(odd) { padding-right: clamp(1.5rem, 4vw, 4rem); }
.home-values__item:nth-child(n + 3) { border-top: var(--sanfu-border); }
.home-values__number { padding-top: .25rem; color: color-mix(in srgb, var(--sanfu-graphite) 52%, transparent); font-size: .6875rem; letter-spacing: .14em; line-height: 1.4; }
.home-values__item h3 { max-width: 24ch; }
.home-values__item p { max-width: 31rem; margin: .75rem 0 0; }
.home-brand-story__cta { width: fit-content; margin-top: clamp(1.5rem, 3vw, 2.25rem); }

.home-resources { background: var(--sanfu-light-stone); }
.home-resources .home-section__intro { grid-template-columns: var(--sanfu-grid-split-lead); align-items: end; column-gap: var(--sanfu-editorial-gap); }
.home-resources .home-section__intro .eyebrow { grid-column: 1 / -1; }
.home-resources h2 { max-width: var(--sanfu-measure-heading); }
.home-resources .home-section__intro > p:last-child { align-self: end; }
.home-resources__list { border-top: 2px solid currentColor; }
.home-resources__list article { display: grid; grid-template-columns: 4rem minmax(0, 1fr) auto; gap: clamp(1rem, 3vw, 3.5rem); align-items: center; padding: clamp(1.8rem, 3.2vw, 3rem) 0; border-bottom: var(--sanfu-border); }
.home-resources__list article > span:first-child { font-size: 0.68rem; letter-spacing: 0.13em; opacity: 0.55; }
.home-resources__list h3 { font-size: var(--sanfu-type-h3); }
.home-resources__list p { max-width: 38rem; margin: 0.5rem 0 0; }
.resource-status { color: color-mix(in srgb, var(--sanfu-graphite) 60%, transparent); font-size: 0.76rem; letter-spacing: 0.08em; text-transform: uppercase; }

.home-final-cta { position: relative; min-height: clamp(34rem, 64vw, 46rem); display: grid; align-items: center; isolation: isolate; color: var(--sanfu-white); }
.home-final-cta picture, .home-final-cta__shade { position: absolute; z-index: -2; inset: 0; }
.home-final-cta picture img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.home-final-cta__shade { z-index: -1; background: linear-gradient(90deg, rgb(11 25 24 / 0.84) 0%, rgb(11 25 24 / 0.4) 48%, rgb(11 25 24 / 0.1) 78%); }
.home-final-cta__content { display: grid; gap: 1.5rem; padding-block: var(--sanfu-section-large); }
.home-final-cta__description { max-width: 46rem; margin: 0; color: rgb(255 255 255 / .86); font-size: var(--sanfu-type-body-large); }
.home-final-cta h2 { max-width: 18ch; margin: 0; font-size: var(--sanfu-type-h2); font-weight: var(--sanfu-weight-medium); letter-spacing: -0.012em; line-height: var(--sanfu-leading-h2); }

@media (max-width: 1040px) {
  .home-flexibility__layout { grid-template-columns: 1.2fr 0.8fr; }
  .editorial-sequence { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
  .product-systems--interactive.is-enhanced { min-height: 34rem; }
  .product-systems--interactive.is-enhanced .product-system { flex-grow: 35; }
  .product-systems--interactive.is-enhanced .product-system.is-active { flex-grow: 65; }
  .product-system { min-height: 34rem; }
  .product-system__body { padding-inline: 1.5rem; }
  .product-system__toggle { padding-inline: 1.5rem; }
  .product-system__collections { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-brand-story__statement { grid-template-columns: 1fr; gap: 1.5rem; align-items: start; }
  .home-palette__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3rem 1rem; padding-bottom: 2.5rem; }
  .home-palette .color-tile:nth-child(2n) { transform: translateY(1.5rem); }
  .home-spaces__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: clamp(22rem, 48vw, 28rem) clamp(15rem, 30vw, 19rem) clamp(18rem, 38vw, 23rem); }
  .space-story--1 { grid-column: 1 / -1; grid-row: 1; }
  .space-story--2 { grid-column: 1; grid-row: 2; }
  .space-story--3 { grid-column: 2; grid-row: 2; }
  .space-story--4 { grid-column: 1 / -1; grid-row: 3; }
}

@media (max-width: 760px) {
  .home-section { padding-block: var(--sanfu-section-default); }
  .home-section h2 { max-width: 100%; }
  .home-section__intro--row { grid-template-columns: 1fr; align-items: start; }
  .home-hero { min-height: 38rem; align-items: end; }
  .home-hero__media img { object-position: 60% center; }
  .home-hero__shade { background: linear-gradient(0deg, rgb(15 27 26 / 0.86) 0%, rgb(15 27 26 / 0.36) 62%, rgb(15 27 26 / 0.08) 100%); }
  .home-hero__content { gap: 1rem; padding-block: 8rem 7.5rem; }
  .home-hero h1, .home-hero h2 { max-width: 15ch; }
  .home-hero__content > p:not(.eyebrow) { font-size: var(--sanfu-type-body); line-height: 1.5; }
  .home-hero__controls { bottom: 1.25rem; justify-content: center; }
  .home-hero__arrow { min-width: 2.75rem; }
  .home-actions { align-items: stretch; flex-direction: column; }
  .home-actions .button, .home-actions .text-link { width: 100%; justify-content: center; }
  .home-flexibility__layout { grid-template-columns: 1fr; align-items: start; }
  .home-flexibility__statement { padding-left: 1.5rem; }
  .home-resources .home-section__intro { grid-template-columns: 1fr; align-items: start; }
  .home-resources .home-section__intro .eyebrow { grid-column: auto; }
  .editorial-sequence { grid-column: auto; grid-template-columns: 1fr; gap: 0; }
  .home-product-systems__layout,
  .product-systems--interactive.is-enhanced,
  .product-systems--interactive.has-many-systems { display: grid; grid-template-columns: 1fr; min-height: 0; gap: .75rem; }
  .product-system,
  .product-systems--interactive.is-enhanced .product-system { min-height: 0; display: grid; grid-template-rows: auto 1fr; }
  .product-system__panel-media { opacity: .52; }
  .product-system__toggle { min-height: 7rem; padding: 1.25rem; }
  .product-system__toggle-status--desktop { display: none; }
  .product-system__toggle-status--mobile { display: inline; }
  .product-system__toggle-family { display: none; }
  .product-systems--interactive.is-enhanced .product-system:not(.is-active) { grid-template-rows: auto 0fr; }
  .product-systems--interactive.is-enhanced .product-system:not(.is-active) .product-system__toggle { height: auto; }
  .product-systems--interactive.is-enhanced .product-system.is-active .product-system__toggle-title,
  .product-systems--interactive.is-enhanced .product-system.is-active .product-system__toggle-family { opacity: 1; visibility: visible; }
  .product-systems--interactive.is-enhanced .product-system.is-active .product-system__toggle-action { display: none; }
  .product-system__body { height: auto; min-height: 0; align-content: start; padding: 0 1.25rem 1.5rem; }
  .product-system__header { padding-top: .5rem; }
  .product-system__header .product-system__status,
  .product-system__header h3 { display: none; }
  .product-systems--interactive.is-height-transitioning { overflow: hidden; transition: height 460ms cubic-bezier(.22, 1, .36, 1); }
  .product-system__family-intro { grid-template-columns: 1fr; align-items: start; }
  .product-system__family-wordmark { width: min(100%, 10.5rem); }
  .product-system__count { justify-items: start; text-align: left; }
  .product-system__collections { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-systems--interactive.has-many-systems .product-system { display: grid; }
  .product-systems--interactive.has-many-systems .product-system__panel-media { display: block; }
  .product-systems--interactive.has-many-systems .product-system__body-clip { grid-column: auto; min-height: 0; }
  .product-systems--interactive.has-many-systems .product-system:not(.is-active) .product-system__body-clip { display: block; }
  .home-palette__shell { width: min(100% - 2rem, 92rem); }
  .home-palette__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.75rem 0.75rem; padding-bottom: 0; }
  .home-palette .color-tile:nth-child(n) { transform: none; }
  .home-spaces__grid { grid-template-columns: 1fr; grid-template-rows: none; grid-auto-rows: auto; gap: 0.8rem; }
  .space-story, .space-story--1, .space-story--2, .space-story--3, .space-story--4, .space-story--5, .space-story--6 { grid-column: auto; grid-row: auto; }
  .space-story__media { min-height: 24rem; aspect-ratio: 4 / 5; }
  .space-story__content, .space-story--2 .space-story__content, .space-story--3 .space-story__content { grid-template-columns: 2.25rem minmax(0, 1fr); }
  .space-story__content > span, .space-story--2 .space-story__content > span, .space-story--3 .space-story__content > span { grid-row: 1 / span 2; }
  .space-story__content h3, .space-story--2 .space-story__content h3, .space-story--3 .space-story__content h3 { font-size: var(--sanfu-type-h3); }
  .home-performance__layout { grid-template-columns: 1fr; }
  .home-business__points { grid-template-columns: 1fr; gap: 2.5rem; }
  .home-business__points li { grid-template-columns: 2.5rem 1fr; gap: 1rem; }
  .home-business__points strong { max-width: none; }
  .home-values { grid-template-columns: 1fr; }
  .home-values__item:nth-child(n) { padding-inline: 0; border-left: 0; }
  .home-values__item + .home-values__item { border-top: var(--sanfu-border); }
  .home-resources__list article { grid-template-columns: 2.5rem minmax(0, 1fr); align-items: start; }
  .home-resources__list article > a, .home-resources__list article > .resource-status { grid-column: 2; }
  .home-final-cta { min-height: 36rem; align-items: end; }
  .home-final-cta__shade { background: linear-gradient(0deg, rgb(11 25 24 / 0.88), rgb(11 25 24 / 0.16)); }
}

@media (prefers-reduced-motion: reduce) {
  .home-hero__slide, .home-hero__indicators button span, .product-systems--interactive, .product-system, .product-system__body, .product-system__panel-media::after, .product-system__collection-media img, .space-story__media img { transition: none !important; }
}

/* Brand slogan: preserve the locked type scale while avoiding four short lines. */
#home-hero-title { max-width: 22ch; }
@media (max-width: 760px) {
  #home-hero-title { max-width: 100%; font-size: clamp(2.125rem, 8.72vw, 2.5rem); line-height: 1.12; }
}