.page-shell[data-page="home"] {
  margin-top: var(--hero-home-offset-margin-top);
}

.page-shell[data-page="home"] .hero-section {
  position: relative;
  isolation: isolate;
  display: grid;
  overflow: hidden;
  min-height: var(--viewport-full);
}

.page-shell[data-page="home"] .hero-section--full-bleed {
  min-height: var(--viewport-full);
  padding: 0;
  background: var(--surface-hero-full-bleed);
}

.page-shell[data-page="home"] .hero-section__visual--background {
  position: absolute;
  inset: 0;
  z-index: var(--hero-background-layer);
  min-height: 100%;
}

.page-shell[data-page="home"] .hero-section__visual--background::after {
  position: absolute;
  inset: 0;
  z-index: var(--layer-content);
  background: var(--surface-hero-visual-scrim);
  content: "";
}

.page-shell[data-page="home"] .hero-section__visual img {
  width: 100%;
  height: 100%;
  min-height: var(--viewport-full);
  object-fit: cover;
  filter: saturate(0.94) contrast(1.02) brightness(1.08);
}

.page-shell[data-page="home"] .hero-section__copy--overlay {
  display: flex;
  align-items: flex-end;
  width: var(--hero-overlay-width);
  min-height: var(--viewport-full);
  margin: 0 auto;
  padding: var(--hero-overlay-padding);
  color: var(--text-hero-overlay);
}

.page-shell[data-page="home"] .hero-section__overlay-card {
  position: relative;
  display: grid;
  gap: var(--space-lg);
  overflow: hidden;
  width: var(--hero-overlay-card-width);
  padding: var(--hero-overlay-card-padding);
  border: var(--border-inverse-subtle);
  border-radius: var(--radius-media);
  background: var(--surface-hero-overlay);
  box-shadow: var(--site-shadow-hero-overlay);
  backdrop-filter: blur(16px);
}

.page-shell[data-page="home"] .hero-section__overlay-card::before {
  position: absolute;
  inset: 0;
  background: var(--surface-hero-overlay-sheen);
  content: "";
  pointer-events: none;
}

.page-shell[data-page="home"] .hero-section__overlay-card > * {
  position: relative;
}

.page-shell[data-page="home"] .hero-section__overlay-card .hero-section__brand,
.page-shell[data-page="home"] .hero-section__overlay-card .hero-section__title,
.page-shell[data-page="home"] .hero-section__overlay-card .hero-section__body,
.page-shell[data-page="home"] .hero-section__overlay-card .hero-section__focus,
.page-shell[data-page="home"] .hero-section__overlay-card .hero-section__actions {
  margin: 0;
}

.page-shell[data-page="home"] .hero-section__title {
  margin: var(--hero-title-margin);
  color: var(--text-hero-overlay);
  font-size: var(--type-h1);
  line-height: var(--line-h1);
}

.page-shell[data-page="home"] .hero-section__copy--overlay .primary-button {
  border: var(--action-button-emphasis-border);
  background: var(--action-button-emphasis-background);
  color: var(--action-button-emphasis-color);
}

.page-shell[data-page="home"] .hero-section__copy--overlay .secondary-button {
  border-color: var(--border-hero-secondary-action);
  background: var(--surface-hero-secondary-action);
  color: var(--text-hero-overlay);
}

.page-shell[data-page="home"] .split-section {
  padding: var(--site-split-section-padding);
  background: var(--site-surface-split-section);
}

.app-shell[data-theme="light"] .page-shell[data-page="home"] .split-section {
  background: var(--surface-warm-section);
}

.app-shell[data-theme="light"] .page-shell[data-page="home"] .split-section__copy h2,
.app-shell[data-theme="light"] .page-shell[data-page="home"] .split-section__heading h2,
.app-shell[data-theme="light"] .page-shell[data-page="home"] .manifesto-panel h2 {
  color: var(--text);
}

.page-shell[data-page="home"] .split-section__inner {
  display: grid;
  grid-template-columns: var(--site-split-section-grid);
  gap: var(--space-section);
  align-items: center;
  width: min(var(--page-max), calc(100vw - var(--page-gutter)));
  margin: 0 auto;
}

.page-shell[data-page="home"] .split-section__copy h2,
.page-shell[data-page="home"] .split-section__heading h2,
.page-shell[data-page="home"] .manifesto-panel h2 {
  margin: var(--site-split-section-heading-margin);
  color: var(--text-inverse);
  font-size: var(--site-type-h3, var(--site-type-title, clamp(1.35rem, 2.4vw, 2rem)));
  line-height: var(--site-line-h3, var(--site-line-title, 1.28));
}

.page-shell[data-page="home"] .split-section__copy .body {
  color: var(--text-inverse-soft);
}

.page-shell[data-page="home"] .media-frame {
  overflow: hidden;
  border: var(--site-border-media-frame);
  border-radius: var(--radius-media);
  box-shadow: var(--shadow);
}

.page-shell[data-page="home"] .media-frame img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.page-shell[data-page="home"] :where(
  .service-tile__copy h3,
  .metric-card__value,
  .contact-method__value
) {
  font-family: var(--site-font-heading, "Noto Serif TC", serif);
  letter-spacing: var(--site-letter-spacing, 0);
}

.page-shell[data-page="home"] .service-tile__copy h3 {
  font-weight: var(--site-weight-heading, 700);
}

.page-shell[data-page="home"] :where(.section-label, .contact-method__label) {
  font-weight: var(--site-weight-heading, 700);
  font-size: var(--site-type-small, 0.84rem);
}

.page-shell[data-page="home"] #brand-intro .split-section__inner,
.page-shell[data-page="home"] #service-categories .split-section__inner,
.page-shell[data-page="home"] #brand-manifesto .split-section__inner,
.page-shell[data-page="home"] #service-content .split-section__inner,
.page-shell[data-page="home"] .metrics-band__grid,
.page-shell[data-page="home"] .contact-section__inner {
  width: min(var(--page-max), calc(100vw - var(--page-gutter-wide)));
  margin: 0 auto;
}

.page-shell[data-page="home"] #brand-intro,
.page-shell[data-page="home"] #service-categories,
.page-shell[data-page="home"] #brand-manifesto,
.page-shell[data-page="home"] #service-content,
.page-shell[data-page="home"] .metrics-band,
.page-shell[data-page="home"] .contact-section,
.page-shell[data-page="home"] .footer-cta {
  width: 100%;
  max-width: none;
}

.page-shell[data-page="home"] .split-section {
  padding: 0;
}

.page-shell[data-page="home"] #brand-intro {
  background: var(--surface-warm-strong);
}

.app-shell[data-theme="faithful-dark"] .page-shell[data-page="home"] #brand-intro {
  background: var(--site-surface-home-brand-intro-dark);
}

.page-shell[data-page="home"] #brand-intro .split-section__inner,
.page-shell[data-page="home"] #service-content .split-section__inner {
  grid-template-columns: var(--grid-feature-split);
  gap: var(--site-home-feature-gap);
  align-items: center;
  padding: var(--site-home-feature-padding);
}

.page-shell[data-page="home"] #brand-intro .split-section__copy,
.page-shell[data-page="home"] #service-content .split-section__copy {
  display: grid;
  gap: var(--space-xxl);
}

.page-shell[data-page="home"] .point-list {
  display: grid;
  gap: var(--space-sm);
  max-width: var(--site-home-point-list-measure);
  margin: 0;
  padding-left: var(--site-home-point-list-inset);
  color: inherit;
}

.page-shell[data-page="home"] .split-section__visual {
  display: grid;
  align-content: center;
}

.page-shell[data-page="home"] .media-frame {
  margin: 0;
  min-height: var(--min-height-home-visual);
  border-radius: 0;
  box-shadow: none;
}

.page-shell[data-page="home"] .media-frame img {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
}

.page-shell[data-page="home"] #service-categories {
  background: var(--surface-home-service-categories);
  color: var(--text-inverse);
}

.app-shell[data-theme="light"] .page-shell[data-page="home"] #service-categories {
  background: var(--site-surface-home-service-categories-light);
  color: var(--text-home);
}

.page-shell[data-page="home"] #service-categories .split-section__inner {
  grid-template-columns: 1fr;
  gap: var(--space-layout-lg);
  padding: var(--site-home-service-categories-padding);
}

.page-shell[data-page="home"] .split-section__heading {
  display: grid;
  gap: var(--space-lg);
  max-width: var(--measure-section);
  padding-inline: var(--site-home-section-heading-padding-inline);
}

.page-shell[data-page="home"] #service-categories .split-section__heading .body,
.page-shell[data-page="home"] #service-categories .split-section__heading .eyebrow {
  color: var(--site-text-service-inverse);
}

.app-shell[data-theme="light"] .page-shell[data-page="home"] #service-categories .split-section__heading .body,
.app-shell[data-theme="light"] .page-shell[data-page="home"] #service-categories .split-section__heading .eyebrow {
  color: var(--text-warm-strong);
}

.page-shell[data-page="home"] .service-tile-grid {
  display: grid;
  grid-template-columns: var(--grid-even-2);
  gap: var(--space-xxl);
}

.page-shell[data-page="home"] .service-tile {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: var(--min-height-service-tile);
  padding: 0;
  border: 0;
  border-radius: var(--site-home-service-tile-radius);
  background: var(--surface-home-service-tile);
  appearance: none;
  text-align: left;
}

.page-shell[data-page="home"] .service-tile:focus-visible {
  outline: var(--focus-ring-outline);
  outline-offset: var(--focus-ring-outline-offset);
}

.page-shell[data-page="home"] .service-tile img,
.page-shell[data-page="home"] .service-tile__overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.page-shell[data-page="home"] .service-tile img {
  object-fit: cover;
  transition: var(--site-home-service-tile-image-motion);
}

.page-shell[data-page="home"] .service-tile:hover img {
  transform: scale(1.035);
}

.page-shell[data-page="home"] .service-tile__overlay {
  background: var(--surface-home-service-tile-overlay);
}

.page-shell[data-page="home"] .service-tile__copy {
  position: relative;
  z-index: var(--layer-content);
  display: flex;
  min-height: var(--min-height-service-tile);
  flex-direction: column;
  justify-content: end;
  gap: var(--space-sm);
  padding: var(--site-home-service-tile-copy-padding);
  color: var(--text-inverse);
}

.page-shell[data-page="home"] .service-tile__copy h3 {
  margin: 0;
  font-size: var(--site-type-title, clamp(1.4rem, 1vw + 1rem, 2rem));
  line-height: var(--site-line-title, 1.22);
}

.page-shell[data-page="home"] .service-tile__copy p {
  margin: 0;
  white-space: pre-line;
}

.page-shell[data-page="home"] .service-tile__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--site-layout-content-fit);
  margin-top: var(--space-xs);
  padding: var(--site-home-service-tile-cta-padding);
  border: var(--border-home-service-tile-cta);
  border-radius: var(--radius-pill);
  background: var(--surface-home-service-tile-cta);
  color: var(--text-inverse);
}

.app-shell[data-theme="light"] .page-shell[data-page="home"] .service-tile {
  border: var(--site-border-home-service-tile-light);
  background: var(--site-surface-home-service-tile-light);
  box-shadow: var(--site-shadow-home-service-tile-light);
}

.app-shell[data-theme="light"] .page-shell[data-page="home"] .service-tile__overlay {
  background: var(--site-surface-home-service-tile-overlay-light);
}

.app-shell[data-theme="light"] .page-shell[data-page="home"] .service-tile__copy {
  color: var(--text-home);
}

.app-shell[data-theme="light"] .page-shell[data-page="home"] .service-tile__cta {
  border-color: var(--site-border-home-service-tile-cta-light);
  background: var(--site-surface-home-service-tile-cta-light);
  color: var(--text-warm-action);
}

.page-shell[data-page="home"] #brand-manifesto {
  background: var(--surface-home-manifesto-band);
}

.page-shell[data-page="home"] #brand-manifesto .split-section__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--site-home-manifesto-padding);
}

.page-shell[data-page="home"] .manifesto-panel {
  display: grid;
  max-width: var(--site-home-manifesto-measure);
  gap: var(--space-xxl);
  margin: 0 auto;
  text-align: center;
  color: var(--text-inverse);
}

.page-shell[data-page="home"] .manifesto-panel .body {
  max-width: var(--site-measure-wide);
  margin: 0 auto;
  color: var(--site-text-home-manifesto-inverse-body);
  font-size: var(--site-type-body, clamp(1.04rem, 0.55vw + 0.98rem, 1.24rem));
  line-height: var(--site-line-body, 2);
}

.app-shell[data-theme="light"] .page-shell[data-page="home"] #brand-manifesto {
  background: var(--site-surface-home-manifesto-band-light);
}

.app-shell[data-theme="light"] .page-shell[data-page="home"] .manifesto-panel {
  padding: var(--site-home-manifesto-panel-light-padding);
  border: var(--border-warm-control);
  border-radius: var(--radius-media);
  background: var(--site-surface-home-manifesto-panel);
  box-shadow: var(--site-shadow-home-manifesto-panel);
  color: var(--text-home-manifesto);
}

.app-shell[data-theme="light"] .page-shell[data-page="home"] .manifesto-panel .body {
  color: var(--site-text-home-manifesto-body);
}

.page-shell[data-page="home"] #service-content {
  background: var(--surface-home-service-content);
}

.app-shell[data-theme="faithful-dark"] .page-shell[data-page="home"] #service-content {
  background: var(--site-surface-home-service-content-dark);
}

.page-shell[data-page="home"] #service-content .media-frame {
  min-height: var(--site-home-service-content-media-min-height);
  padding: var(--site-home-service-content-media-padding);
  background: var(--surface-home-media-frame);
}

.page-shell[data-page="home"] #service-content .media-frame img {
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: contain;
}

.page-shell[data-page="home"] #service-content .split-section__inner {
  padding: var(--site-home-service-content-padding);
}

.app-shell[data-theme="light"] .page-shell[data-page="home"] #service-content .media-frame {
  border-radius: var(--site-home-service-content-media-radius);
  background: var(--site-surface-home-media-frame-light);
  box-shadow: var(--site-shadow-home-media-frame-light);
}

.page-shell[data-page="home"] .metrics-band {
  padding: 0;
  background: var(--surface-home-metrics-band);
}

.app-shell[data-theme="faithful-dark"] .page-shell[data-page="home"] .metrics-band {
  background: var(--site-surface-home-metrics-band-dark);
}

.page-shell[data-page="home"] .metrics-band__grid {
  display: grid;
  grid-template-columns: var(--site-home-metrics-grid);
  min-height: var(--site-home-metrics-min-height);
  gap: 0;
}

.page-shell[data-page="home"] .metric-card {
  padding: var(--site-home-metric-card-padding);
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: var(--text-home);
}

.page-shell[data-page="home"] .metric-card--intro {
  display: grid;
  align-content: end;
  gap: var(--space-md);
  background: transparent;
}

.page-shell[data-page="home"] .metric-card--intro h2 {
  margin: 0;
  font-size: var(--site-type-h3, var(--site-type-title, clamp(1.35rem, 2.4vw, 2rem)));
  line-height: var(--site-line-h3, var(--site-line-title, 1.28));
}

.page-shell[data-page="home"] .metric-card__label,
.page-shell[data-page="home"] .metric-card__detail {
  margin: 0;
  color: var(--text-body-muted);
}

.page-shell[data-page="home"] .metric-card__value,
.page-shell[data-page="home"] .contact-method__value {
  margin: var(--site-home-metric-value-margin);
  font-size: var(--site-type-title, clamp(1.3rem, 1vw + 1rem, 2rem));
}

.page-shell[data-page="home"] .metrics-band .metric-card:not(.metric-card--intro) {
  border-left: var(--site-border-home-metric-divider);
  background: transparent;
}

.app-shell[data-theme="faithful-dark"] .page-shell[data-page="home"] .metric-card,
.app-shell[data-theme="faithful-dark"] .page-shell[data-page="home"] .metric-card__label,
.app-shell[data-theme="faithful-dark"] .page-shell[data-page="home"] .metric-card__detail {
  color: var(--text-inverse-body);
}

.app-shell[data-theme="faithful-dark"] .page-shell[data-page="home"] .metric-card h3,
.app-shell[data-theme="faithful-dark"] .page-shell[data-page="home"] .metric-card__value {
  color: var(--text-inverse);
}

.page-shell[data-page="home"] .contact-section {
  background: var(--surface-warm-strong);
}

.app-shell[data-theme="faithful-dark"] .page-shell[data-page="home"] .contact-section {
  background: var(--site-surface-home-contact-section-dark);
}

.page-shell[data-page="home"] .contact-section__inner {
  display: grid;
  grid-template-columns: var(--grid-feature-split);
  gap: var(--site-home-contact-gap);
  align-items: start;
  min-height: var(--min-height-home-visual);
  padding: var(--site-home-contact-padding);
}

.page-shell[data-page="home"] .footer-cta {
  background: var(--surface-home-footer-cta);
}

.app-shell[data-theme="light"] .page-shell[data-page="home"] .footer-cta {
  background: var(--site-surface-home-footer-cta-light);
}

.page-shell[data-page="home"] .footer-cta__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-layout-sm);
  width: min(var(--page-max), calc(100vw - var(--page-gutter-wide)));
  min-height: var(--site-home-footer-cta-min-height);
  margin: 0 auto;
  padding: var(--site-home-footer-cta-padding);
  color: var(--text-inverse);
}

.page-shell[data-page="home"] .footer-cta__copy {
  display: grid;
  max-width: var(--measure-copy);
  gap: var(--space-lg);
}

.page-shell[data-page="home"] .footer-cta h2 {
  margin: 0;
  color: var(--text-inverse);
  font-size: var(--site-type-h3, var(--site-type-title, clamp(1.35rem, 2.4vw, 2rem)));
  line-height: var(--site-line-h3, var(--site-line-title, 1.28));
}

.page-shell[data-page="home"] .footer-cta .eyebrow,
.page-shell[data-page="home"] .footer-cta .body {
  color: var(--label-role-inverse-color);
}

.app-shell[data-theme="light"] .page-shell[data-page="home"] .footer-cta .eyebrow,
.app-shell[data-theme="light"] .page-shell[data-page="home"] .footer-cta .body {
  color: var(--label-role-inverse-color);
}

.app-shell[data-theme="light"] .page-shell[data-page="home"] .footer-cta .secondary-button {
  border-color: var(--site-border-footer-cta-secondary);
  background: var(--site-surface-footer-cta-secondary);
  color: var(--site-text-footer-cta-secondary);
}

.page-shell[data-page="home"] .footer-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-md);
}

.page-shell[data-page="home"] .contact-section__media {
  position: relative;
  display: grid;
  align-items: start;
  height: var(--site-home-contact-media-height);
  max-height: var(--home-contact-media-max-height);
  margin: 0;
  padding: 0;
  border-radius: var(--radius-media);
  overflow: hidden;
}

.page-shell[data-page="home"] .contact-section__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page-shell[data-page="home"] .contact-section__content,
.page-shell[data-page="home"] .contact-section__copy {
  display: grid;
  gap: var(--space-xl);
}

.page-shell[data-page="home"] .contact-section__copy h2 {
  margin: 0;
  font-size: var(--site-type-h3, var(--site-type-title, clamp(1.35rem, 2.4vw, 2rem)));
  line-height: var(--site-line-h3, var(--site-line-title, 1.28));
}

.page-shell[data-page="home"] .contact-section__promise {
  display: grid;
  gap: var(--space-xs);
  padding: var(--padding-contact-card);
  border: var(--border-warm-subtle);
  border-radius: var(--radius-soft);
  background: var(--site-surface-home-contact-promise);
}

.page-shell[data-page="home"] .section-label,
.page-shell[data-page="home"] .contact-method__label {
  margin: 0;
  color: var(--text-warm-action);
}

.page-shell[data-page="home"] .contact-section__promise p:last-child,
.page-shell[data-page="home"] .contact-method__note {
  margin: 0;
  color: var(--muted);
}

.page-shell[data-page="home"] .contact-section__promise a {
  color: var(--text-warm-action);
  font-weight: 750;
  text-decoration: var(--content-link-text-decoration);
  text-decoration-thickness: var(--content-link-hover-text-decoration-thickness);
  text-underline-offset: var(--content-link-text-underline-offset);
}

.page-shell[data-page="home"] .contact-section__promise a:where(:hover, :focus-visible) {
  color: var(--content-link-hover-color);
}

.page-shell[data-page="home"] .contact-section__methods {
  display: grid;
  grid-template-columns: var(--grid-even-3);
  gap: var(--space-md);
}

.page-shell[data-page="home"] .contact-method {
  padding: var(--padding-contact-card);
  border: var(--site-border-home-contact-method);
  border-radius: var(--site-home-contact-method-radius);
  background: var(--surface-card-soft);
  box-shadow: var(--site-shadow-home-contact-method);
}

.page-shell[data-page="home"] .contact-method__value {
  display: block;
  color: var(--text-home);
}

.page-shell[data-page="home"] .contact-method__link {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-target);
  color: var(--content-link-color);
  font-weight: var(--content-link-font-weight);
  text-decoration: var(--content-link-text-decoration);
  text-decoration-thickness: var(--content-link-text-decoration-thickness);
  text-underline-offset: var(--content-link-text-underline-offset);
  touch-action: var(--interactive-control-touch-action);
}

.page-shell[data-page="home"] .contact-method__link:where(:hover, :focus-visible) {
  color: var(--content-link-hover-color);
  text-decoration-thickness: var(--content-link-hover-text-decoration-thickness);
}

.page-shell[data-page="home"] .contact-section__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-md);
}

.app-shell[data-theme="faithful-dark"] .page-shell[data-page="home"] .contact-section__promise,
.app-shell[data-theme="faithful-dark"] .page-shell[data-page="home"] .contact-method {
  border-color: var(--border-inverse-soft);
  background: var(--site-surface-home-contact-dark);
  box-shadow: none;
}

.app-shell[data-theme="faithful-dark"] .page-shell[data-page="home"] .contact-section__copy h2,
.app-shell[data-theme="faithful-dark"] .page-shell[data-page="home"] .contact-method__value {
  color: var(--text-inverse);
}

.app-shell[data-theme="faithful-dark"] .page-shell[data-page="home"] .contact-method__link {
  color: var(--content-link-color);
}

.app-shell[data-theme="faithful-dark"] .page-shell[data-page="home"] .section-label,
.app-shell[data-theme="faithful-dark"] .page-shell[data-page="home"] .contact-method__label {
  color: var(--accent-deep);
}

.app-shell[data-theme="faithful-dark"] .page-shell[data-page="home"] .contact-section__promise p:last-child,
.app-shell[data-theme="faithful-dark"] .page-shell[data-page="home"] .contact-method__note {
  color: var(--text-inverse-soft);
}

.app-shell[data-theme="faithful-dark"] .page-shell[data-page="home"] .contact-section__promise a {
  color: var(--accent-deep);
}

@media (max-width: 980px) {
  .page-shell[data-page="home"] .hero-section__copy--overlay {
    width: min(100vw - 32px, var(--page-max));
    padding-top: 180px;
  }

  .page-shell[data-page="home"] .split-section__inner {
    grid-template-columns: 1fr;
  }

  .page-shell[data-page="home"] #brand-intro .split-section__inner,
  .page-shell[data-page="home"] #service-content .split-section__inner,
  .page-shell[data-page="home"] .contact-section__inner,
  .page-shell[data-page="home"] .footer-cta__inner {
    grid-template-columns: 1fr;
  }

  .page-shell[data-page="home"] .metrics-band__grid {
    grid-template-columns: var(--grid-even-2);
  }

  .page-shell[data-page="home"] .contact-section__methods {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .page-shell[data-page="home"] .hero-section--full-bleed,
  .page-shell[data-page="home"] .hero-section__visual--background,
  .page-shell[data-page="home"] .hero-section__visual img {
    min-height: var(--min-height-hero-mobile);
    height: var(--min-height-hero-mobile);
  }

  .page-shell[data-page="home"] {
    margin-top: 0;
  }

  .page-shell[data-page="home"] .hero-section__copy--overlay {
    align-items: flex-end;
    width: 100%;
    min-height: var(--min-height-hero-mobile);
    padding: var(--mobile-hero-overlay-padding);
  }

  .page-shell[data-page="home"] .hero-section__overlay-card {
    width: var(--mobile-hero-overlay-card-width);
    gap: var(--space-xs);
    padding: var(--mobile-hero-overlay-card-padding);
    border-radius: var(--radius-panel);
  }

  .page-shell[data-page="home"] .hero-section__copy--overlay .hero-section__title {
    font-size: var(--type-h1);
  }

  .page-shell[data-page="home"] .hero-section__focus {
    gap: var(--space-micro);
  }

  .page-shell[data-page="home"] .focus-pill {
    min-height: var(--mobile-focus-pill-min-height);
    padding: var(--mobile-focus-pill-padding);
    font-size: var(--site-type-small, 0.84rem);
  }

  .page-shell[data-page="home"] .split-section {
    padding: 0;
  }

  .page-shell[data-page="home"] .split-section__inner {
    width: calc(100vw - var(--page-gutter-mobile));
    padding-block: var(--site-split-section-mobile-padding-block);
  }

  .page-shell[data-page="home"] .split-section__copy h2,
  .page-shell[data-page="home"] .split-section__heading h2,
  .page-shell[data-page="home"] .manifesto-panel h2 {
    font-size: var(--site-type-h3, var(--site-type-title, clamp(1.35rem, 2.4vw, 2rem)));
  }

  .page-shell[data-page="home"] .media-frame {
    min-height: var(--min-height-media-compact);
  }

  .page-shell[data-page="home"] #brand-intro .split-section__inner,
  .page-shell[data-page="home"] #service-categories .split-section__inner,
  .page-shell[data-page="home"] #brand-manifesto .split-section__inner,
  .page-shell[data-page="home"] #service-content .split-section__inner,
  .page-shell[data-page="home"] .metrics-band__grid,
  .page-shell[data-page="home"] .contact-section__inner,
  .page-shell[data-page="home"] .footer-cta__inner {
    width: calc(100vw - var(--page-gutter-mobile));
  }

  .page-shell[data-page="home"] #brand-intro .split-section__inner,
  .page-shell[data-page="home"] #service-categories .split-section__inner,
  .page-shell[data-page="home"] #service-content .split-section__inner {
    padding: var(--site-home-mobile-section-padding);
  }

  .page-shell[data-page="home"] .service-tile-grid,
  .page-shell[data-page="home"] .metrics-band__grid {
    grid-template-columns: 1fr;
  }

  .page-shell[data-page="home"] .service-tile,
  .page-shell[data-page="home"] .service-tile__copy {
    min-height: var(--site-home-mobile-service-tile-min-height);
  }

  .page-shell[data-page="home"] .contact-section__inner {
    padding: var(--site-home-mobile-contact-padding);
  }

  .page-shell[data-page="home"] .footer-cta__inner {
    min-height: auto;
    flex-direction: column;
    align-items: start;
    padding: var(--site-home-mobile-footer-cta-padding);
  }

  .page-shell[data-page="home"] .footer-cta__actions,
  .page-shell[data-page="home"] .footer-cta__actions .primary-button,
  .page-shell[data-page="home"] .footer-cta__actions .secondary-button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-shell[data-page="home"] .service-tile img {
    transform: var(--reduced-motion-transform);
  }
}