/* Full-page design studies. All rules are opt-in through data-design so the
   existing direction at / remains unchanged. */

html[data-design] body { padding-bottom: 70px; }

/* Keep the alternate Archive and Signal studies on their original technical
   linework. The live/default direction and Precision use capability photos. */
html[data-design="archive"] .cap-photo,
html[data-design="signal"] .cap-photo { display: none; }
html[data-design="archive"] .cap-doc-figure > svg,
html[data-design="signal"] .cap-doc-figure > svg { display: block; width: 100%; height: auto; }
html[data-design="archive"] .cap-doc-panel .spectrum-plot,
html[data-design="archive"] .cap-doc-panel .spectrum-axis,
html[data-design="signal"] .cap-doc-panel .spectrum-plot,
html[data-design="signal"] .cap-doc-panel .spectrum-axis { display: flex; }
html[data-design="archive"] .cap-doc-panel .spectrum-plot,
html[data-design="signal"] .cap-doc-panel .spectrum-plot { display: block; }

.concept-dock {
  position: fixed;
  z-index: 100;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 44px;
  padding: 5px 6px 5px 16px;
  color: #f1f5f8;
  background: rgba(5, 10, 17, 0.94);
  border: 1px solid rgba(255, 255, 255, 0.24);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(12px);
  font-family: var(--font-mono);
  font-size: 0.68rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.concept-dock a { color: inherit; }
.concept-dock-overview { padding-right: 14px; border-right: 1px solid rgba(255,255,255,.22); }
.concept-dock-options { display: flex; gap: 4px; }
.concept-dock-options a {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  color: #9ea9b4;
  border: 1px solid transparent;
}
.concept-dock-options a:hover { color: #fff; border-color: rgba(255,255,255,.35); }
.concept-dock-options a.is-active { color: #06101e; background: #64d7ff; }

/* ============================================================
   OPTION A — TECHNICAL ARCHIVE
   An editorial, light-background identity modeled on reports,
   reference manuals, and established engineering publications.
   ============================================================ */
html[data-design="archive"] {
  --bg: #e8e6df;
  --bg-2: #f5f3ed;
  --bg-3: #dedbd2;
  --panel: #f9f7f1;
  --panel-strong: #ffffff;
  --blue: #005f9f;
  --blue-2: #0072b5;
  --signal: #ae4d2f;
  --signal-soft: rgba(174, 77, 47, 0.14);
  --hairline: rgba(14, 28, 46, 0.14);
  --hairline-strong: rgba(14, 28, 46, 0.3);
  --hairline-dim: rgba(14, 28, 46, 0.07);
  --rule: rgba(14, 28, 46, 0.12);
  --rule-strong: rgba(14, 28, 46, 0.24);
  --text: #0e1b2d;
  --text-2: #36465a;
  --text-3: #647185;
  --text-dim: #8b949e;
  --content-max: 1180px;
}
html[data-design="archive"] body { background: #e8e6df; color: var(--text-2); }
html[data-design="archive"] .site-header {
  background: rgba(245, 243, 237, 0.97);
  border-bottom-color: #17263a;
  backdrop-filter: none;
}
html[data-design="archive"] .brand,
html[data-design="archive"] .nav-links a { color: var(--text); }
html[data-design="archive"] .nav-links a:hover { color: var(--blue); border-color: var(--blue); }
html[data-design="archive"] .nav-cta { border-color: rgba(14,28,46,.36) !important; }
html[data-design="archive"] .hero {
  --text: #f5f2e9;
  --text-2: #b9c6d6;
  --text-3: #8899af;
  --hairline: rgba(112, 207, 246, 0.18);
  --blue-2: #68d2fa;
  background: #071529;
  min-height: min(760px, calc(100svh - 64px));
  padding-top: 86px;
}
html[data-design="archive"] .hero-grid { grid-template-columns: 1.28fr 0.72fr; gap: 30px; }
html[data-design="archive"] .hero-headline {
  max-width: 900px;
  font-size: clamp(3.1rem, 6vw, 5.9rem);
  font-weight: 500;
  letter-spacing: -0.045em;
  line-height: 0.96;
}
html[data-design="archive"] .hero-accent {
  color: #f5f2e9;
  text-decoration: underline;
  text-decoration-color: #68d2fa;
  text-decoration-thickness: 0.1em;
  text-underline-offset: 0.09em;
}
html[data-design="archive"] .hero-logo { width: 155%; margin-left: -25%; opacity: .9; transform: translateY(-20%); }
html[data-design="archive"] .hero-network { opacity: .5; }
html[data-design="archive"] #capabilities { background: #f5f3ed; }
html[data-design="archive"] .rf-doc-section { background: #dfddd5; }
html[data-design="archive"] .process-doc-section { background: #faf8f2; }
html[data-design="archive"] .markets-doc-section { background: #e6e3da; }
html[data-design="archive"] .diff-doc-section { background: #f6f4ee; }
html[data-design="archive"] .contact-doc-section { background: #dedbd2; }
html[data-design="archive"] .doc-masthead h2,
html[data-design="archive"] .cap-doc-body h3,
html[data-design="archive"] .markets-doc-list h3,
html[data-design="archive"] .process-doc-flow h3,
html[data-design="archive"] .diff-doc-list dd strong { font-weight: 600; }
html[data-design="archive"] .cap-doc-row:hover,
html[data-design="archive"] .scope-table tbody tr:hover { background: rgba(0,95,159,.045); }
html[data-design="archive"] .cap-doc-figure { border-left-color: rgba(14,28,46,.2); }
html[data-design="archive"] .cap-doc-panel {
  --text: #edf7ff;
  --text-2: #b4c7db;
  --text-3: #7f99b7;
  --hairline: rgba(102, 212, 255, .16);
  --blue-2: #66d4ff;
  --signal: #e9a959;
  color: var(--text-2);
  background: #081a31;
  border: 0;
  border-radius: 0;
}
html[data-design="archive"] .rf-tech-list-doc li { background: transparent; border-radius: 0; }
html[data-design="archive"] .process-doc-flow li::before { background: #faf8f2; border-radius: 0; transform: rotate(45deg); }
html[data-design="archive"] .transmission-form { background: #f8f6f0; border-top-color: #18263a; }
html[data-design="archive"] .transmission-form input,
html[data-design="archive"] .transmission-form textarea { background: #fff; color: #0e1b2d; }
html[data-design="archive"] .btn-primary { background: #075f94; color: #fff; }
html[data-design="archive"] .btn-primary:hover { background: #0e1b2d; color: #fff; }
html[data-design="archive"] .btn-secondary { color: #f5f2e9; border-color: rgba(245,242,233,.4); background: transparent; }
html[data-design="archive"] .footer { background: #071529; --text-3: #91a0b3; --blue-2: #68d2fa; }

/* ============================================================
   OPTION B — PRECISION LAB
   Quiet, near-black industrial design. Dense content grids, neutral
   materials, and reduced color produce a laboratory-instrument tone.
   ============================================================ */
html[data-design="precision"] {
  --bg: #080a0d;
  --bg-2: #0d1014;
  --bg-3: #13171c;
  --panel: #101419;
  --panel-strong: #171c22;
  --blue: #238bb9;
  --blue-2: #4ba9d0;
  --signal: #d3a256;
  --signal-soft: rgba(211, 162, 86, 0.14);
  --hairline: rgba(230, 232, 231, 0.12);
  --hairline-strong: rgba(230, 232, 231, 0.28);
  --text: #efeee9;
  --text-2: #b6b8b7;
  --text-3: #767d82;
  --text-dim: #51575c;
  --content-max: 1120px;
}
html[data-design="precision"] body {
  background: #080a0d;
  background-image: repeating-linear-gradient(90deg, transparent 0, transparent calc(25% - 1px), rgba(255,255,255,.018) 25%);
}
html[data-design="precision"] .site-header { background: rgba(8,10,13,.97); backdrop-filter: none; }
html[data-design="precision"] .nav-shell { padding-block: 1.1rem; }
html[data-design="precision"] .brand img { width: 30px; height: 30px; }
html[data-design="precision"] .nav-links { gap: 1.4rem; }
html[data-design="precision"] .hero { min-height: calc(100svh - 72px); padding-top: 80px; }
html[data-design="precision"] .hero-grid { grid-template-columns: 1.38fr .62fr; gap: 20px; }
html[data-design="precision"] .hero-headline {
  font-size: clamp(3.3rem, 7vw, 6.7rem);
  font-weight: 500;
  line-height: .91;
  letter-spacing: -.052em;
  max-width: 900px;
}
html[data-design="precision"] .hero-accent { color: var(--text); }
html[data-design="precision"] .hero-accent::after {
  content: '';
  display: block;
  width: 96px;
  height: 3px;
  margin: 16px 0 10px;
  background: var(--blue-2);
}
html[data-design="precision"] .hero-lead { max-width: 640px; font-size: 1rem; }
html[data-design="precision"] .hero-logo { width: 170%; margin-left: -40%; opacity: .78; transform: translateY(-18%); filter: grayscale(.35) drop-shadow(0 20px 44px rgba(0,0,0,.5)); }
html[data-design="precision"] .hero-network { opacity: .28; }
html[data-design="precision"] .hero-positioning { color: var(--signal); }
html[data-design="precision"] .doc-section:nth-of-type(even) { background: rgba(255,255,255,.012); }
html[data-design="precision"] .doc-masthead { max-width: 58rem; }
html[data-design="precision"] .doc-masthead h2 { font-weight: 500; font-size: clamp(2rem,4vw,3.4rem); }
html[data-design="precision"] .cap-doc-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(34px, 6vw, 78px);
}
html[data-design="precision"] .cap-doc-row {
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 18px;
  min-height: 0;
  align-content: start;
}
html[data-design="precision"] .cap-doc-figure {
  grid-column: 2;
  border-left: 0;
  padding: 0;
  margin-top: 1.4rem;
}
html[data-design="precision"] .cap-doc-figure > svg { display: none; }
html[data-design="precision"] .cap-photo {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border: 1px solid rgba(230, 232, 231, 0.16);
  filter: saturate(.78) contrast(1.04);
}
html[data-design="precision"] .cap-doc-row-panel { grid-column: 1 / -1; grid-template-columns: 58px 1fr; min-height: 0; }
html[data-design="precision"] .cap-doc-panel { border-radius: 0; background: #0c1117; }
html[data-design="precision"] .cap-doc-panel .cap-photo-wide {
  aspect-ratio: 2.25 / 1;
  margin-bottom: 1.5rem;
}
html[data-design="precision"] .cap-doc-panel .spectrum-plot,
html[data-design="precision"] .cap-doc-panel .spectrum-axis { display: none; }
html[data-design="precision"] .rf-tech-list-doc li { border-radius: 0; background: transparent; }
html[data-design="precision"] .process-doc-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html[data-design="precision"] .process-doc-flow li { min-height: 230px; border-bottom: 1px solid var(--hairline); }
html[data-design="precision"] .process-doc-flow li:nth-child(2),
html[data-design="precision"] .process-doc-flow li:nth-child(4) { border-right: none; }
html[data-design="precision"] .process-doc-flow li:nth-child(n+3) { border-bottom: none; }
html[data-design="precision"] .process-doc-flow li::before { border-radius: 0; background: #080a0d; transform: rotate(45deg); }
html[data-design="precision"] .markets-doc-list { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); }
html[data-design="precision"] .markets-doc-list li { display: block; padding: 2rem 1.5rem 2.5rem 0; border-right: 1px solid var(--hairline); }
html[data-design="precision"] .markets-doc-list li + li { padding-left: 1.5rem; }
html[data-design="precision"] .markets-doc-list li:last-child { border-right: none; }
html[data-design="precision"] .market-class { display: block; min-height: 48px; }
html[data-design="precision"] .transmission-form { background: transparent; }
html[data-design="precision"] .transmission-form input,
html[data-design="precision"] .transmission-form textarea { background: #05070a; border-radius: 0; }
html[data-design="precision"] .btn { border-radius: 0; }
html[data-design="precision"] .btn-primary { background: #e1dfd8; color: #0a0c0f; }
html[data-design="precision"] .footer { background: #05070a; }

/* ============================================================
   OPTION C — SIGNAL ROOM
   The brand-forward direction. Deep cobalt fields, a more dominant
   radar composition, and large typographic signals create momentum.
   ============================================================ */
html[data-design="signal"] {
  --bg: #020817;
  --bg-2: #061a38;
  --bg-3: #08306a;
  --panel: #07244c;
  --panel-strong: #0a3670;
  --blue: #12b8ed;
  --blue-2: #54dcff;
  --signal: #efb55f;
  --signal-soft: rgba(239,181,95,.18);
  --hairline: rgba(84,220,255,.16);
  --hairline-strong: rgba(84,220,255,.36);
  --text: #effaff;
  --text-2: #bad2e7;
  --text-3: #7698b7;
  --text-dim: #4e6b88;
  --content-max: 1360px;
}
html[data-design="signal"] body {
  background:
    linear-gradient(90deg, transparent 0, transparent calc(33.333% - 1px), rgba(84,220,255,.025) 33.333%, transparent calc(33.333% + 1px), transparent calc(66.666% - 1px), rgba(84,220,255,.025) 66.666%, transparent calc(66.666% + 1px)),
    #020817;
}
html[data-design="signal"] .site-header { background: rgba(2,8,23,.93); border-bottom-color: rgba(84,220,255,.32); }
html[data-design="signal"] .hero { min-height: calc(100svh - 64px); padding-top: 88px; background: radial-gradient(circle at 73% 52%, rgba(8,63,132,.58), transparent 42%); }
html[data-design="signal"] .hero-grid { grid-template-columns: .88fr 1.12fr; gap: 20px; }
html[data-design="signal"] .hero-headline {
  font-size: clamp(3.2rem, 6.2vw, 6.5rem);
  font-weight: 600;
  line-height: .9;
  letter-spacing: -.045em;
}
html[data-design="signal"] .hero-accent {
  display: inline;
  color: #06142e;
  background: #54dcff;
  padding: 0 .12em .04em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
html[data-design="signal"] .hero-logo { width: 145%; margin-left: -18%; opacity: 1; transform: translateY(-18%); filter: drop-shadow(0 32px 64px rgba(0,0,0,.5)); }
html[data-design="signal"] .hero-network { opacity: .72; mix-blend-mode: screen; }
html[data-design="signal"] .hero-lead { max-width: 670px; }
html[data-design="signal"] .hero-positioning { color: #54dcff; }
html[data-design="signal"] #capabilities { background: #041126; }
html[data-design="signal"] .rf-doc-section { background: #061a38; }
html[data-design="signal"] .process-doc-section { background: #031026; }
html[data-design="signal"] .markets-doc-section { background: #082b5a; }
html[data-design="signal"] .diff-doc-section { background: #020817; }
html[data-design="signal"] .contact-doc-section { background: #061a38; }
html[data-design="signal"] .doc-masthead h2 { font-size: clamp(2.2rem,4.6vw,4.2rem); max-width: 24ch; }
html[data-design="signal"] .cap-doc-row { grid-template-columns: minmax(4.5rem,.35fr) minmax(0,1fr) minmax(0,1fr); padding: clamp(2.8rem,5vw,4.8rem) 0; }
html[data-design="signal"] .cap-doc-body h3 { font-size: clamp(1.5rem,2.4vw,2.1rem); }
html[data-design="signal"] .cap-doc-figure { padding-left: 2rem; }
html[data-design="signal"] .cap-doc-row-panel { grid-template-columns: minmax(4.5rem,.35fr) 1.8fr; }
html[data-design="signal"] .cap-doc-panel { border-radius: 0; background: #031a38; border-color: rgba(84,220,255,.28); padding: 2rem; }
html[data-design="signal"] .rf-tech-list-doc li { border-radius: 0; background: rgba(84,220,255,.045); }
html[data-design="signal"] .scope-table tbody tr:hover { background: rgba(84,220,255,.07); }
html[data-design="signal"] .process-doc-flow li { padding: 2.4rem 1.7rem 2.8rem; }
html[data-design="signal"] .process-doc-flow li::before { width: 18px; height: 18px; top: -9px; background: #031026; border-radius: 50%; }
html[data-design="signal"] .phase-num { font-size: 1.8rem; letter-spacing: -.04em; }
html[data-design="signal"] .markets-doc-list li { grid-template-columns: minmax(15rem,.65fr) 1fr; padding: 2.7rem 0; }
html[data-design="signal"] .markets-doc-list h3 { font-size: clamp(1.6rem,2.6vw,2.3rem); }
html[data-design="signal"] .diff-doc-quote blockquote { max-width: 48rem; font-size: clamp(1.7rem,3vw,2.6rem); }
html[data-design="signal"] .transmission-form { background: #03142d; border-top-color: #54dcff; }
html[data-design="signal"] .transmission-form input,
html[data-design="signal"] .transmission-form textarea { background: #020817; border-radius: 0; }
html[data-design="signal"] .btn { border-radius: 0; }
html[data-design="signal"] .btn-primary { background: #54dcff; color: #041126; }
html[data-design="signal"] .btn-primary:hover { background: #efb55f; color: #041126; }
html[data-design="signal"] .btn-secondary { border-color: rgba(84,220,255,.48); }

@media (max-width: 960px) {
  html[data-design="archive"] .nav-links { background: #f5f3ed; }
  html[data-design="archive"] .nav-toggle span { background: #0e1b2d; }
  html[data-design="archive"] .hero-grid,
  html[data-design="precision"] .hero-grid,
  html[data-design="signal"] .hero-grid { grid-template-columns: 1fr; }
  html[data-design="archive"] .hero-logo,
  html[data-design="precision"] .hero-logo,
  html[data-design="signal"] .hero-logo { width: 100%; margin-left: 0; transform: none; }
  html[data-design="precision"] .cap-doc-list { grid-template-columns: 1fr; }
  html[data-design="precision"] .cap-doc-row,
  html[data-design="precision"] .cap-doc-row-panel,
  html[data-design="signal"] .cap-doc-row,
  html[data-design="signal"] .cap-doc-row-panel { grid-template-columns: minmax(3.5rem,.4fr) 1fr; }
  html[data-design="precision"] .cap-doc-row-panel { grid-column: auto; }
  html[data-design="signal"] .cap-doc-figure { padding-left: 0; }
  html[data-design="precision"] .markets-doc-list { grid-template-columns: 1fr; }
  html[data-design="precision"] .markets-doc-list li,
  html[data-design="precision"] .markets-doc-list li + li { padding: 1.8rem 0; border-right: none; }
  html[data-design="precision"] .market-class { min-height: 0; }
}

@media (max-width: 560px) {
  html[data-design] body { padding-bottom: 62px; }
  .concept-dock { bottom: 10px; width: calc(100% - 24px); justify-content: space-between; }
  html[data-design="archive"] .hero,
  html[data-design="precision"] .hero,
  html[data-design="signal"] .hero { min-height: auto; }
  html[data-design="archive"] .hero-headline,
  html[data-design="precision"] .hero-headline,
  html[data-design="signal"] .hero-headline { font-size: clamp(2.45rem, 13vw, 4rem); }
  html[data-design="precision"] .process-doc-flow { grid-template-columns: 1fr; }
  html[data-design="precision"] .process-doc-flow li { min-height: 0; border-right: none; border-bottom: 1px solid var(--hairline); }
  html[data-design="precision"] .process-doc-flow li:nth-child(n+3) { border-bottom: 1px solid var(--hairline); }
  html[data-design="precision"] .process-doc-flow li:last-child { border-bottom: none; }
}