/* Pack de-precision-warehouse: glass synthesis hall. Jacketed reactors, chemists at glass. */
body.pack-de-precision-warehouse {
  --pack-accent-mix: #facc15;
  --accent: #facc15;
  --accent-2: #1f2937;
  --chroma-a: var(--accent);
  --chroma-b: var(--accent-2);
  --perk-from: color-mix(in srgb, var(--accent) 38%, var(--header));
  --perk-to: color-mix(in srgb, var(--accent-2) 26%, var(--header));
  --spectral-a: var(--accent);
  --spectral-b: var(--accent-2);
  --ink-on-accent: var(--bg);
  --pack-radius: 0px;
  --pack-gap: 0px;
  --pack-card-ratio: 1 / 1;
  --chem-angle: 0deg;
  --chem-pitch: 12px;
  --pack-tracking: 0.04em;
  --font-heading: "Roboto Condensed", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Roboto", "Helvetica Neue", Arial, sans-serif;
  --pack-fx-ms: 360ms;
  --pack-fx-ease: cubic-bezier(0.11, 0, 0, 1);
  --pack-stagger-ms: 15ms;
  --pack-fx-distance: 7;
}
body.pack-de-precision-warehouse .product-card {
  border-radius: 0;
  border: 2px solid var(--text);
}
body.pack-de-precision-warehouse .product-card .thumb,
body.pack-de-precision-warehouse .gallery-frame img {
  aspect-ratio: var(--pack-card-ratio);
  object-fit: cover;
}
body.pack-de-precision-warehouse h1 { letter-spacing: var(--pack-tracking); font-variant-numeric: tabular-nums; }
body.pack-de-precision-warehouse .site-header {
  border-bottom: 0;
  box-shadow: 0 4px 0 var(--accent), 0 8px 0 #9ee7e0;
}
/* lab-scene:cryostage:12 chemists, cryo racks, manifold, hazard bars */
body.pack-de-precision-warehouse.view-home .block-hero,
body.pack-de-precision-warehouse.view-home main > .block:first-of-type {
  position: relative;
  min-height: 34rem;
  background-color: #111827;
  background-image:
    linear-gradient(105deg, #111827f5 0 34%, #111827d4 48%, #11182766 68%, #11182722 100%),
    url("../graphics/de-precision-warehouse.svg");
  background-repeat: no-repeat;
  background-position: 0 0, 82% 34%;
  background-size: auto, min(74%, 940px) auto;
}
body.pack-de-precision-warehouse.view-home .block-hero .hero-copy {
  border: 2px solid var(--accent);
  background: color-mix(in srgb, var(--header) 90%, #9ee7e0);
  box-shadow: 10px 10px 0 #9ee7e0;
}
html body.has-pack.pack-de-precision-warehouse .pack-layer {
  opacity: 0.36;
  mix-blend-mode: normal;
}
body.pack-de-precision-warehouse .pack-layer .pack-motif { opacity: 0.82; }
body.pack-de-precision-warehouse .nav { font-family: ui-monospace, monospace; }
body.pack-de-precision-warehouse .gallery-frame { outline: 2px solid var(--text); }
body.pack-de-precision-warehouse .txn-shell { font-family: ui-monospace, monospace; border: 2px solid var(--text); }
body.pack-de-precision-warehouse .catalog-band-title { letter-spacing: 0.28em; }
body.pack-de-precision-warehouse.journey-discover :is(.catalog-shell, .product-shell)::before {
  height: 8px;
  background: repeating-linear-gradient(90deg, var(--accent) 0 28px, #9ee7e0 28px 56px, var(--text) 56px 58px);
}
body.pack-de-precision-warehouse.journey-discover .catalog-band {
  padding: 1rem;
  border: 2px solid var(--text);
  background-image:
    linear-gradient(90deg, transparent 0 calc(25% - 1px), color-mix(in srgb, #9ee7e0 55%, transparent) calc(25% - 1px) 25%, transparent 25%);
  background-size: 25% 100%;
}
body.pack-de-precision-warehouse.journey-discover .product-page .buy {
  border-inline-start: 4px solid var(--accent);
  box-shadow: inset 4px 0 0 #9ee7e0;
}
body.pack-de-precision-warehouse.journey-discover .chapter-card {
  border-inline: 2px solid var(--text);
  background-image: repeating-linear-gradient(90deg, transparent 0 calc(20% - 1px), color-mix(in srgb, #9ee7e0 38%, transparent) calc(20% - 1px) 20%);
}
@keyframes pack-de-precision-warehouse-motif {
  from { transform: none; }
  to { transform: translate3d(0, 1.4%, 0); }
}
body.pack-de-precision-warehouse.journey-discover .pack-layer .pack-motif {
  animation: pack-de-precision-warehouse-motif 5s steps(2, end) infinite alternate;
}
body.pack-de-precision-warehouse.journey-txn .pack-layer { opacity: 0.04; }
@media (prefers-reduced-motion: reduce) {
  body.pack-de-precision-warehouse .pack-layer .pack-motif { animation: none !important; }
}
body.pack-de-precision-warehouse.rm-static .pack-layer { display: none; }
body.pack-de-precision-warehouse.rm-opacity-only .pack-layer .pack-motif { animation: none; opacity: 0.2; }
body.pack-de-precision-warehouse.rm-opacity-only.view-home .block-hero,
body.pack-de-precision-warehouse.rm-opacity-only.view-home main > .block:first-of-type { min-height: 34rem; }
html body.has-pack.pack-de-precision-warehouse.rm-opacity-only.view-home .pack-layer .pack-motif {
  animation: none;
  opacity: 0.78;
  mix-blend-mode: normal;
}
