/* Company HTML pages: shared FV layout, retaining existing body classes.
   Shared typography and spacing. Page backgrounds/videos remain independent.
   Enqueued only for the six migrated company pages and the fullwidth template. */

:where(body.page-template-template-fullwidth) .alnetz-company-overview .aco-hero,
:where(body.page-template-template-fullwidth) .alnetz-mvv-page .amv-hero,
:where(body.page-template-template-fullwidth) :is(.alnetz-message-page, .alnetz-history-page) .ace-hero,
:where(body.page-template-template-fullwidth.alnetz-business-hub) .alnetz-model-hub .amh-hero,
:where(body.page-template-template-fullwidth) .alnetz-fields-shell .af-hero {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: flex-end;
  min-height: 420px;
  overflow: hidden;
}

:where(body.page-template-template-fullwidth) .alnetz-company-overview .aco-hero,
:where(body.page-template-template-fullwidth) .alnetz-mvv-page .amv-hero,
:where(body.page-template-template-fullwidth) :is(.alnetz-message-page, .alnetz-history-page) .ace-hero {
  background: #081b2e;
}

:where(body.page-template-template-fullwidth.alnetz-business-hub) .alnetz-model-hub .amh-hero {
  background: #081b2e url('https://demo.alnetz.co.jp/wp-content/uploads/2026/05/buiness-model.png') center / cover no-repeat;
}

:where(body.page-template-template-fullwidth) .alnetz-fields-shell .af-hero {
  background: #17334d;
}

:where(body.page-template-template-fullwidth) .alnetz-company-overview .aco-hero video,
:where(body.page-template-template-fullwidth) .alnetz-mvv-page .amv-hero video,
:where(body.page-template-template-fullwidth) :is(.alnetz-message-page, .alnetz-history-page) .ace-hero video,
:where(body.page-template-template-fullwidth.alnetz-business-hub) .alnetz-model-hub .amh-hero-video,
:where(body.page-template-template-fullwidth) .alnetz-fields-shell .af-hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
}

:where(body.page-template-template-fullwidth.alnetz-business-hub) .alnetz-model-hub .amh-hero-video,
:where(body.page-template-template-fullwidth) .alnetz-fields-shell .af-hero-video {
  pointer-events: none;
}

:where(body.page-template-template-fullwidth) .alnetz-company-overview .aco-hero::before,
:where(body.page-template-template-fullwidth) .alnetz-mvv-page .amv-hero::before,
:where(body.page-template-template-fullwidth) :is(.alnetz-message-page, .alnetz-history-page) .ace-hero::before,
:where(body.page-template-template-fullwidth.alnetz-business-hub) .alnetz-model-hub .amh-hero::before,
:where(body.page-template-template-fullwidth) .alnetz-fields-shell .af-hero::before {
  position: absolute;
  inset: 0;
  z-index: -1;
}

:where(body.page-template-template-fullwidth) .alnetz-company-overview .aco-hero::before,
:where(body.page-template-template-fullwidth.alnetz-business-hub) .alnetz-model-hub .amh-hero::before {
  content: '';
  background: linear-gradient(90deg,rgba(4,15,27,.5),rgba(4,15,27,.15));
}

:where(body.page-template-template-fullwidth) .alnetz-mvv-page .amv-hero::before,
:where(body.page-template-template-fullwidth) :is(.alnetz-message-page, .alnetz-history-page) .ace-hero::before {
  content: '';
  background: linear-gradient(90deg,rgba(4,15,27,.6),rgba(4,15,27,.25));
}

:where(body.page-template-template-fullwidth) .alnetz-fields-shell .af-hero::before {
  content: "";
  background: linear-gradient(90deg,rgba(13,36,56,.72),rgba(18,48,70,.52));
}

:where(body.page-template-template-fullwidth) .alnetz-company-overview .aco-hero-inner,
:where(body.page-template-template-fullwidth) .alnetz-mvv-page .amv-hero-inner,
:where(body.page-template-template-fullwidth) :is(.alnetz-message-page, .alnetz-history-page) .ace-hero-inner,
:where(body.page-template-template-fullwidth.alnetz-business-hub) .alnetz-model-hub .amh-hero-inner,
:where(body.page-template-template-fullwidth) .alnetz-fields-shell .af-hero-inner {
  width: 100%;
  max-width: var(--alnetz-ui-wide, 1320px);
  margin: 0 auto;
  padding: 72px 24px 36px;
  color: #fff;
}

:where(body.page-template-template-fullwidth) .alnetz-company-overview .aco-hero-label,
:where(body.page-template-template-fullwidth) .alnetz-mvv-page .amv-hero-label,
:where(body.page-template-template-fullwidth) :is(.alnetz-message-page, .alnetz-history-page) .ace-hero-label,
:where(body.page-template-template-fullwidth.alnetz-business-hub) .alnetz-model-hub .amh-hero-label,
:where(body.page-template-template-fullwidth) .alnetz-fields-shell .af-hero-label {
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: .12em;
  margin: 0 0 8px;
}

:where(body.page-template-template-fullwidth) .alnetz-company-overview .aco-hero h1,
:where(body.page-template-template-fullwidth) .alnetz-mvv-page .amv-hero h1,
:where(body.page-template-template-fullwidth) :is(.alnetz-message-page, .alnetz-history-page) .ace-hero h1,
:where(body.page-template-template-fullwidth.alnetz-business-hub) .alnetz-model-hub .amh-hero h1,
:where(body.page-template-template-fullwidth) .alnetz-fields-shell .af-hero h1 {
  margin: 0 0 18px;
  color: #fff;
  font-family: inherit;
  font-size: 48px;
  line-height: 1.15;
  font-weight: 500;
  letter-spacing: .02em;
  overflow-wrap: anywhere;
}

:where(body.page-template-template-fullwidth) .alnetz-company-overview .aco-hero-copy,
:where(body.page-template-template-fullwidth) .alnetz-mvv-page .amv-hero-copy,
:where(body.page-template-template-fullwidth) :is(.alnetz-message-page, .alnetz-history-page) .ace-hero-copy,
:where(body.page-template-template-fullwidth.alnetz-business-hub) .alnetz-model-hub .amh-hero-copy,
:where(body.page-template-template-fullwidth) .alnetz-fields-shell .af-hero-copy {
  margin: 0;
  color: #fff;
  font-size: 16px;
  line-height: 1.8;
}

:where(body.page-template-template-fullwidth) .alnetz-fields-shell .af-hero-copy { max-width: 740px; }

@media (max-width: 767px) {
:where(body.page-template-template-fullwidth) .alnetz-company-overview .aco-hero,
:where(body.page-template-template-fullwidth) .alnetz-mvv-page .amv-hero,
:where(body.page-template-template-fullwidth) :is(.alnetz-message-page, .alnetz-history-page) .ace-hero,
:where(body.page-template-template-fullwidth.alnetz-business-hub) .alnetz-model-hub .amh-hero,
:where(body.page-template-template-fullwidth) .alnetz-fields-shell .af-hero {
  min-height: 300px;
}

:where(body.page-template-template-fullwidth) .alnetz-company-overview .aco-hero-inner,
:where(body.page-template-template-fullwidth) .alnetz-mvv-page .amv-hero-inner,
:where(body.page-template-template-fullwidth) :is(.alnetz-message-page, .alnetz-history-page) .ace-hero-inner,
:where(body.page-template-template-fullwidth.alnetz-business-hub) .alnetz-model-hub .amh-hero-inner,
:where(body.page-template-template-fullwidth) .alnetz-fields-shell .af-hero-inner {
  padding: 56px 20px 30px;
}

:where(body.page-template-template-fullwidth) .alnetz-company-overview .aco-hero-label,
:where(body.page-template-template-fullwidth) .alnetz-mvv-page .amv-hero-label,
:where(body.page-template-template-fullwidth) :is(.alnetz-message-page, .alnetz-history-page) .ace-hero-label,
:where(body.page-template-template-fullwidth.alnetz-business-hub) .alnetz-model-hub .amh-hero-label,
:where(body.page-template-template-fullwidth) .alnetz-fields-shell .af-hero-label {
  font-size: 12px;
  letter-spacing: .06em;
}

:where(body.page-template-template-fullwidth) .alnetz-company-overview .aco-hero h1,
:where(body.page-template-template-fullwidth) .alnetz-mvv-page .amv-hero h1,
:where(body.page-template-template-fullwidth) :is(.alnetz-message-page, .alnetz-history-page) .ace-hero h1,
:where(body.page-template-template-fullwidth.alnetz-business-hub) .alnetz-model-hub .amh-hero h1,
:where(body.page-template-template-fullwidth) .alnetz-fields-shell .af-hero h1 {
  font-size: clamp(28px, 8vw, 39px);
}

:where(body.page-template-template-fullwidth) .alnetz-company-overview .aco-hero-copy,
:where(body.page-template-template-fullwidth) .alnetz-mvv-page .amv-hero-copy,
:where(body.page-template-template-fullwidth) :is(.alnetz-message-page, .alnetz-history-page) .ace-hero-copy,
:where(body.page-template-template-fullwidth.alnetz-business-hub) .alnetz-model-hub .amh-hero-copy,
:where(body.page-template-template-fullwidth) .alnetz-fields-shell .af-hero-copy {
  font-size: 14px;
}

}

@media (prefers-reduced-motion: reduce) {
:where(body.page-template-template-fullwidth) .alnetz-company-overview .aco-hero video,
:where(body.page-template-template-fullwidth) .alnetz-mvv-page .amv-hero video,
:where(body.page-template-template-fullwidth) :is(.alnetz-message-page, .alnetz-history-page) .ace-hero video,
:where(body.page-template-template-fullwidth.alnetz-business-hub) .alnetz-model-hub .amh-hero video,
:where(body.page-template-template-fullwidth) .alnetz-fields-shell .af-hero video {
  display: none;
}

}