/* Hallmark · shape: left-led domain stages · genre: modern-minimal · theme: brand · redesign: hero
 * hero: terrain watch and security film · nav: retained · footer: retained · signature: existing domain demonstrations · v2.0.0 */
/* Critique: give the ground and network a substantial left-hand stage, with calm mission copy and unchanged controls alongside. */
/* Hallmark · hero-review: ship · finish-review: ship · annotation containment confirmed in Chromium and WebKit. */
/* Hallmark · answered F7 · media use the locked 12px frame; controls use the shared 8px radius. */
/* Scope: Land and Cyber heroes only. Existing truthful copy, instrument readings, media and interaction hooks are retained. */

.domain-hero-design.domain-hero--land,
.domain-hero-design.domain-hero--cyber {
  padding-top: calc(var(--header-h) + 56px);
  padding-bottom: 64px;
  background: var(--paper);
  color: var(--ink);
}

.domain-hero-design.domain-hero--land .land-hero__inner,
.domain-hero-design.domain-hero--cyber .cyhero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: var(--dh-gap);
  align-items: center;
}

.domain-hero-design.domain-hero--land .hm-domain__copy,
.domain-hero-design.domain-hero--cyber .cyhero__copy {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.domain-hero-design.domain-hero--land .land-hero__title,
.domain-hero-design.domain-hero--cyber .cyhero__title {
  font-size: var(--dh-title);
  line-height: 1.05;
  letter-spacing: var(--tracking-mega);
  min-width: 0;
  overflow-wrap: break-word;
  margin: 0;
}

.domain-hero-design.domain-hero--land .land-hero__title { max-width: 17ch; order: 1; }
.domain-hero-design.domain-hero--cyber .cyhero__title { max-width: 14ch; }

.domain-hero-design.domain-hero--land .page-hero__lead,
.domain-hero-design.domain-hero--cyber .page-hero__lead {
  max-width: 42ch;
  font-size: var(--fs-lead);
  line-height: 1.5;
}

.domain-hero-design.domain-hero--land .page-hero__actions,
.domain-hero-design.domain-hero--cyber .page-hero__actions {
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.domain-hero-design.domain-hero--land .page-hero__actions .btn,
.domain-hero-design.domain-hero--cyber .page-hero__actions .btn {
  min-height: var(--control-h-lg);
  padding-inline: 16px;
  font-size: var(--control-text-sm);
  border-radius: var(--dh-control-r);
}

/* Flatten only this existing header group so its unchanged status sits after the actions. */
.domain-hero-design.domain-hero--land .land-hero__top { display: contents; }
.domain-hero-design.domain-hero--land .land-hero__top > .eyebrow { order: 0; margin-bottom: 24px; }
.domain-hero-design.domain-hero--land .land-hero__top > .dom-status { order: 3; margin: 24px 0 0; }
.domain-hero-design.domain-hero--land .land-hero__foot { display: block; order: 2; margin-top: 24px; align-self: stretch; }

.domain-hero-design.domain-hero--land .land-watch,
.domain-hero-design.domain-hero--cyber .hm-cy-visual {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  width: 100%;
  margin: 0;
}

/* The image and its instrument marks share one uncropped coordinate plane;
   the surrounding window crops them together, keeping every marker aligned. */
.domain-hero-design.domain-hero--land .land-watch__frame { aspect-ratio: 1600 / 905; margin: 0; }
.domain-hero-design.domain-hero--land .land-watch__plate {
  top: 0;
  left: 50%;
  right: auto;
  width: auto;
  min-width: 100%;
  height: 100%;
  aspect-ratio: 1600 / 905;
  transform: translateX(-50%) scale(1.07);
}
.domain-hero-design.domain-hero--land .land-watch__feed.is-on .land-watch__plate { transform: translateX(-50%) scale(1); }
.domain-hero-design.domain-hero--land #lw-feed-1 .hud__box:nth-of-type(4) em { left: auto; right: 0; }
.domain-hero-design.domain-hero--land :is(#lw-feed-2, #lw-feed-4) .hud__track--alert em {
  left: 0;
  top: 16px;
  transform: rotate(-45deg) translateX(-100%);
}
.domain-hero-design.domain-hero--land .land-watch__bar { gap: 16px; margin-top: 16px; }
.domain-hero-design.domain-hero--land .land-watch__tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 24px; }
.domain-hero-design.domain-hero--land .lw-tab { min-height: 64px; column-gap: 12px; padding-top: 16px; }
.domain-hero-design.domain-hero--land .lw-tab__num { font-family: var(--font-text); letter-spacing: 0; }
.domain-hero-design.domain-hero--land .lw-tab__name { font-size: var(--control-text-sm); letter-spacing: 0; }
.domain-hero-design.domain-hero--land .lw-tab__desc { font-size: var(--fs-label); }
.domain-hero-design.domain-hero--land .land-watch__pause {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  margin-top: 12px;
  border-radius: var(--dh-control-r);
  transition: border-color var(--t-fast), color var(--t-fast), background-color var(--t-fast);
}
.domain-hero-design.domain-hero--land .land-watch__pause:hover { transform: none; background: var(--paper-2); }

/* The existing security film and exposure watch form one uninterrupted graphite surface. */
.domain-hero-design.domain-hero--cyber .hm-cy-visual { padding-top: clamp(248px, 22vw, 312px); }
.domain-hero-design.domain-hero--cyber .hm-cy-visual .cyhero__bg { height: clamp(248px, 22vw, 312px); }
.domain-hero-design.domain-hero--cyber .cypanel { width: 100%; max-width: none; padding: 24px; }
.domain-hero-design.domain-hero--cyber .cyhero__pause { transition: border-color var(--t-fast), color var(--t-fast), background-color var(--t-fast); }
.domain-hero-design.domain-hero--cyber .cyhero__pause:hover { transform: none; background: var(--night-2); }

.domain-hero-design.domain-hero--land :is(a, button):focus-visible,
.domain-hero-design.domain-hero--cyber :is(a, button):focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 4px;
  transition: none;
}
.domain-hero-design.domain-hero--cyber .cyhero__pause:focus-visible { outline-color: var(--night-ink); }

@media (max-width: 900px) {
  .domain-hero-design.domain-hero--land,
  .domain-hero-design.domain-hero--cyber { padding-top: calc(var(--header-h) + 48px); padding-bottom: 48px; }
  .domain-hero-design.domain-hero--land .land-hero__inner,
  .domain-hero-design.domain-hero--cyber .cyhero__inner { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .domain-hero-design.domain-hero--land .hm-domain__copy,
  .domain-hero-design.domain-hero--cyber .cyhero__copy { grid-column: 1; grid-row: 1; }
  .domain-hero-design.domain-hero--land .land-watch,
  .domain-hero-design.domain-hero--cyber .hm-cy-visual { grid-column: 1; grid-row: 2; }
  .domain-hero-design.domain-hero--land .land-hero__title,
  .domain-hero-design.domain-hero--cyber .cyhero__title { max-width: 20ch; }
  .domain-hero-design.domain-hero--land .page-hero__lead,
  .domain-hero-design.domain-hero--cyber .page-hero__lead { max-width: 52ch; }
  .domain-hero-design.domain-hero--land .land-watch__frame { aspect-ratio: 1600 / 905; }
}

@media (max-width: 480px) {
  .domain-hero-design.domain-hero--land .land-watch__tabs { gap: 8px 16px; }
  .domain-hero-design.domain-hero--land .land-watch__bar { gap: 12px; }
  .domain-hero-design.domain-hero--land .lw-tab { grid-template-columns: minmax(0, 1fr); }
  .domain-hero-design.domain-hero--land .lw-tab__num { display: none; }
  .domain-hero-design.domain-hero--cyber .hm-cy-visual { padding-top: 220px; }
  .domain-hero-design.domain-hero--cyber .hm-cy-visual .cyhero__bg { height: 220px; }
  .domain-hero-design.domain-hero--cyber .cypanel { padding: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .domain-hero-design.domain-hero--land *,
  .domain-hero-design.domain-hero--land *::before,
  .domain-hero-design.domain-hero--land *::after,
  .domain-hero-design.domain-hero--cyber *,
  .domain-hero-design.domain-hero--cyber *::before,
  .domain-hero-design.domain-hero--cyber *::after { animation: none !important; transition: none !important; }
  .domain-hero-design.domain-hero--land .land-watch__plate { transform: translateX(-50%); }
}