/* Calico Fold — charcoal and gold noir directory */
@import url("variations.css");
:root {
  --calico-matter-limit: 1440px;
  --calico-margin-base: 24px;
  --calico-margin-limit: 72px;
  --calico-sidenav-base: 220px;
  --calico-sidenav-limit: 300px;
  --calico-leeway-measure: 6px;
  --calico-collection-breathing-base: 16px;
  --calico-collection-breathing-limit: 28px;
  --calico-part-breathing-limit: 48px;
  --calico-widget-altitude: 40px;
  --calico-banner-pathways-breathing: 32px;
  --calico-banner-pathways-base-altitude: 44px;
  --calico-banner-pathways-limit-altitude: 72px;
  --calico-pop: #d4af37;
  --calico-margin: clamp(var(--calico-margin-base), 4vw, var(--calico-margin-limit));
  --calico-collection-breathing: clamp(var(--calico-collection-breathing-base), 1.6vw, var(--calico-collection-breathing-limit));
  --calico-scalable-room: 16px;

  --plate: #0a0a0f;
  --stripe: #2a2a37;
  --console: #3a3a4a;
  --floating: #4b4b5f;
  --rule: rgba(255, 255, 255, 0.1);
  --rule-solid: rgba(255, 255, 255, 0.18);
  --print: #f0f0f5;
  --print-2: rgba(255, 255, 255, 0.78);
  --print-3: rgba(255, 255, 255, 0.62);
  --pop: #d4af37;
  --pop-2: #e8c873;
  --pop-print: #120f05;
  --hero: "Inter", "Helvetica Neue", Arial, sans-serif;
  --meat: "Inter", "Helvetica Neue", Arial, sans-serif;
  --bevel: 10px;
  --bevel-footage: 8px;
  --dimmer: rgba(7, 5, 10, 0.72);
  --motion-ms: 200ms;
  --runner-w: clamp(max(var(--calico-sidenav-base), 240px), 18vw, var(--calico-sidenav-limit));
  --frontmatter-h: 64px;
}
*:after, *:before, * {
  box-sizing: border-box;
}
:root {
  --plate-w: 100vw;
}
html { overflow-x: clip; scroll-behavior: smooth; scrollbar-color: var(--calico-pop) var(--stripe); }
::-webkit-scrollbar { height: 8px; width: 8px; }
::-webkit-scrollbar-track {
  background: var(--stripe);
}
::-webkit-scrollbar-thumb { background: var(--calico-pop); border-radius: 8px; }
[hidden] {
  display: none !important;
}
body {
  margin: 0;
  background: var(--plate);
  color: var(--print);
  font: 400 16px/1.6 var(--meat);
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
}
body.is-sealed {
  overflow: hidden;
}
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; transition: color var(--motion-ms), opacity var(--motion-ms); }
button { color: inherit; cursor: pointer; font: inherit; }
h3, h2, h1 { font-family: var(--hero); letter-spacing: 0; margin: 0; }
p {
  margin: 0 0 1em;
}
p:last-child {
  margin-bottom: 0;
}
.skip-link { position: absolute; left: -999px; top: 8px; z-index: 200; padding: 8px 14px; background: var(--pop); color: var(--pop-print); border-radius: 999px; }
.skip-link:focus {
  left: 8px;
}
:focus-visible { outline: 2px solid var(--pop-2); outline-offset: 2px; }

.cancel-husk {
  margin-inline: auto;
  max-width: var(--calico-matter-limit);
  padding-inline: var(--calico-margin);
}
.endnote, .skin, .nameplate, .bleed {
  margin-inline: calc(50% - var(--plate-w) / 2);
}
.endnote, .nameplate {
  padding-inline: max(var(--calico-margin-base), calc(var(--plate-w) / 2 - 50%));
}
.trigger {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  font-weight: 600; font-size: 15px; line-height: 1; white-space: nowrap;
  min-height: 44px; padding: 0 22px; border-radius: 999px; border: 1px solid transparent;
  transition: transform var(--motion-ms), box-shadow var(--motion-ms), background-color var(--motion-ms), color var(--motion-ms), border-color var(--motion-ms);
}
.trigger-gold { background: var(--pop); color: var(--pop-print); }
.trigger-gold:focus-visible, .trigger-gold:hover { background: var(--pop-2); box-shadow: 0 10px 24px rgba(212, 175, 55, 0.28); transform: translateY(-2px); }
.trigger-naked { background: rgba(255, 255, 255, 0.04); border-color: var(--rule-solid); color: var(--print); }
.trigger-naked:focus-visible, .trigger-naked:hover { border-color: var(--pop); box-shadow: 0 10px 24px rgba(0, 0, 0, 0.4); color: var(--pop-2); transform: translateY(-2px); }

.box { display: block; position: relative; }
.box-textbox {
  background: transparent; color: var(--print); border: 0; border-bottom: 1px solid var(--rule-solid); border-radius: 0;
  font: inherit; outline: none; transition: border-color var(--motion-ms), box-shadow var(--motion-ms);
  width: 100%; min-height: var(--calico-widget-altitude); padding: 14px 0 6px; margin: 0;
}
.box-textbox:focus { border-bottom-color: var(--pop); box-shadow: 0 1px 0 var(--pop); }
.box-marking {
  position: absolute; left: 0; top: 14px; color: var(--print-3); font-size: 15px; pointer-events: none;
  transition: transform var(--motion-ms), font-size var(--motion-ms), color var(--motion-ms);
}
.box-textbox:not(:placeholder-shown) ~ .box-marking, .box-textbox:focus ~ .box-marking { color: var(--pop-2); font-size: 12px; transform: translateY(-14px); }
select.box-textbox { appearance: none; -webkit-appearance: none; padding: 10px 28px 10px 0; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23d4af37' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 4px center; }
select.box-textbox option { background: var(--console); color: var(--print); }
textarea.box-textbox { line-height: 1.4; min-height: var(--calico-widget-altitude); resize: vertical; }
.enclosure-box { align-items: center; display: inline-flex; gap: 10px; position: relative; }
.enclosure-textbox { clip: rect(0 0 0 0); height: 1px; opacity: 0; overflow: hidden; position: absolute; width: 1px; }
.enclosure-textbox:focus-visible ~ label { outline: 2px solid var(--pop-2); outline-offset: 2px; }
.enclosure-designation { color: var(--print-3); font-size: 13px; }

[data-land] { opacity: 0; filter: blur(8px); transition: opacity 520ms ease, filter 520ms ease; transition-delay: var(--stagger, 0ms); }
[data-land].is-in { filter: none; opacity: 1; }
.no-js [data-land] { filter: none; opacity: 1; }

.single-girls .nameplate, .single-profile .nameplate { position: sticky; top: 0; }
.nameplate {
  background: rgba(11, 10, 6, 0.96);
  border-bottom: 1px solid rgba(212, 175, 55, 0.26);
  position: relative; z-index: 60;
}
.nameplate-run {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 24px;
  min-height: var(--frontmatter-h);
}
.seal { align-items: center; display: inline-flex; gap: 12px; min-height: 44px; }
.seal-casing {
  border: 1px solid rgba(212, 175, 55, 0.55); border-radius: 6px; background: rgba(212, 175, 55, 0.06);
  display: grid; place-items: center; width: 44px; height: 44px; padding: 5px;
  transition: border-color var(--motion-ms), box-shadow var(--motion-ms);
}
.seal:hover .seal-casing { border-color: var(--pop); box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.12); }
.seal-crest { aspect-ratio: 1 / 1; height: 100%; object-fit: contain; width: 100%; }
.seal-designation { font-weight: 700; font-size: 18px; letter-spacing: 0.01em; white-space: nowrap; color: var(--print); }
.nameplate-launcher { display: flex; justify-content: center; align-items: center; min-width: 0; }
.nameplate-end { display: flex; justify-content: flex-end; align-items: center; min-width: 44px; }
.offcanvas-swap { display: none; align-items: center; gap: 10px; min-height: 44px; padding: 0 14px; background: transparent; border: 1px solid var(--rule-solid); border-radius: 999px; }
.offcanvas-swap-stack { background: currentColor; height: 2px; position: relative; width: 18px; }
.offcanvas-swap-stack:after, .offcanvas-swap-stack:before { content: ""; position: absolute; left: 0; right: 0; height: 2px; background: currentColor; }
.offcanvas-swap-stack:before {
  top: -6px;
}
.offcanvas-swap-stack:after {
  top: 6px;
}
.offcanvas-film {
  display: contents;
}
.offcanvas-film-drape {
  display: none;
}
.frontmatter-wayfinding {
  display: flex; align-items: center; gap: var(--calico-banner-pathways-breathing); flex-wrap: nowrap; min-width: 0; max-width: 100%;
  min-height: var(--calico-banner-pathways-base-altitude); max-height: var(--calico-banner-pathways-limit-altitude);
}
.wayfinding-suite { align-items: center; color: var(--print-2); display: flex; gap: var(--calico-banner-pathways-breathing); min-height: 44px; }
.frontmatter-wayfinding:hover {
  outline-color: var(--pop);
}
.wayfinding-href {
  font-size: 14px; font-weight: 500; color: var(--print-2); white-space: nowrap;
  position: relative; display: inline-flex; align-items: center; min-height: 44px; padding: 0 2px;
  text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 4px; text-decoration-thickness: 1px;
  transition: none;
}
.wayfinding-href:focus-visible, .wayfinding-href:hover { color: var(--pop-2); text-decoration-color: var(--pop); text-underline-offset: 8px; text-decoration-thickness: 2px; }

.nameplate.is-hidden .nameplate-run { gap: 12px; grid-template-columns: minmax(0, 1fr) auto; }
.nameplate.is-hidden .nameplate-launcher {
  display: contents;
}
.nameplate.is-hidden .offcanvas-swap {
  display: inline-flex;
}
.nameplate.is-hidden .offcanvas-film { display: block; position: fixed; left: 0; right: 0; top: var(--frontmatter-h); z-index: 70; pointer-events: none; visibility: hidden; }
.nameplate.is-hidden .offcanvas-film.is-expand { pointer-events: auto; visibility: visible; }
.nameplate.is-hidden .offcanvas-film-drape { background: rgba(7, 5, 10, 0.6); display: block; inset: 0; position: fixed; z-index: 65; }
.nameplate.is-hidden .frontmatter-wayfinding { background: var(--stripe); border-bottom: 1px solid rgba(212, 175, 55, 0.3); display: grid; gap: 0; max-height: 75vh; opacity: 0; overflow: auto; padding: 8px 0 12px; position: relative; transform: translateY(-8px); transition: transform var(--motion-ms), opacity var(--motion-ms); z-index: 1; }
.nameplate.is-hidden .offcanvas-film.is-expand .frontmatter-wayfinding { opacity: 1; transform: none; }
.nameplate.is-hidden .wayfinding-suite { display: grid; gap: 0; }
.nameplate.is-hidden .wayfinding-href { border-bottom: 1px solid var(--rule); font-size: 16px; min-height: 50px; padding: 0 var(--calico-margin-base); }

.skin {
  background: var(--stripe);
  display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: 1fr auto; align-items: end;
  position: relative; isolation: isolate; overflow: hidden;
  width: var(--plate-w); height: min(calc(var(--plate-w) / 2.15), 64vh);
}
.skin-illustration, .skin-snap { height: 100%; inset: 0; position: absolute; width: 100%; }
.skin-illustration { object-fit: cover; object-position: 64% 0%; }
.skin-dimmer { background: linear-gradient(90deg, rgba(7, 5, 10, 0.8) 0%, rgba(7, 5, 10, 0.5) 34%, rgba(7, 5, 10, 0) 56%), linear-gradient(0deg, rgba(10, 10, 15, 0.55), transparent 32%); inset: 0; position: absolute; }
.skin-prose {
  display: grid; gap: 18px; align-self: center; grid-row: 1;
  padding: 24px max(var(--calico-margin-base), calc(var(--plate-w) / 2 - 50%)) 20px;
  position: relative; z-index: 1; width: auto; max-width: min(680px, 46%); min-width: 0;
}
.skin-principal { font-family: var(--hero); font-weight: 900; font-size: clamp(22px, 3vw, 40px); line-height: 1.08; text-transform: uppercase; color: #fff; margin: 0; text-shadow: 0 2px 24px rgba(0, 0, 0, 0.5); }
.record-lookup { align-items: end; display: grid; gap: 14px; grid-template-columns: minmax(0, 1fr) auto; max-width: min(520px, 38vw); }
.record-lookup .box-textbox {
  font-size: 16px;
}
.skin-led { grid-row: 2; padding: 0 max(var(--calico-margin-base), calc(var(--plate-w) / 2 - 50%)) 18px; position: relative; z-index: 1; }
.skin-operation { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; color: var(--pop-2); font-size: 13px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; }
.skin-operation:hover {
  color: #fff;
}
.lineup {
  padding-block: 12px 56px;
}
.lineup-start { align-items: end; display: grid; gap: 16px 24px; grid-template-columns: minmax(0, 1fr) auto; padding-bottom: 20px; }
.order-cap { display: grid; gap: 4px; min-width: 0; }
.order-rubric { font-weight: 900; font-size: clamp(40px, 3.8vw, 52px); line-height: 1.04; text-transform: uppercase; color: #fff; }
.order-notes { align-items: baseline; display: flex; gap: 10px; }
.order-exhibit { font-family: var(--hero); font-weight: 900; font-size: 26px; line-height: 1; color: var(--pop); }
.order-exhibit-marking { color: var(--print-3); font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; }
.order-prologue { color: var(--print-2); max-width: 720px; }
.lineup-utility {
  display: none;
}
.lineup-lattice {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--runner-w);
  grid-template-rows: auto minmax(0, 1fr);
  gap: var(--calico-collection-breathing);
  align-items: start;
}
.slots { grid-column: 1; grid-row: 1 / 3; }
.annex { grid-column: 2; grid-row: 1 / 3; min-width: 0; display: grid; gap: var(--calico-collection-breathing); align-content: start; }
.runner-scope { min-width: 0; order: 2; }
.frontmatter-wayfinding a { align-items: center; display: inline-flex; min-height: 44px; padding-block: 9px; }
.jump-trigger {
  padding: 8px 14px !important;
}
.slots { display: grid; gap: var(--calico-collection-breathing); grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 0; position: relative; }
.avenue {
  display: contents;
}
.avenue-hole { align-self: start; min-width: 0; }
.avenue-signpost { position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; pointer-events: none; background: linear-gradient(180deg, var(--pop) 0, var(--rule) 120px, var(--rule) calc(100% - 120px), transparent); }
.avenue-vacant {
  padding: 32px 0;
}
.vacant-rubric { font-weight: 700; font-size: 22px; }
.vacant-prose {
  color: var(--print-3);
}
.card {
  background: var(--console); border-radius: var(--bevel); color: var(--print);
  position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 34%;
  transition: transform var(--motion-ms), box-shadow var(--motion-ms);
  will-change: auto;
}
.card:hover { box-shadow: 0 18px 36px rgba(0, 0, 0, 0.45); transform: translateY(-3px); }
.card .pretitle { color: var(--pop-2); display: block; font-size: 12px; letter-spacing: 0.12em; margin-bottom: 4px; text-transform: uppercase; }
.card .name { color: #fff; font-weight: 700; }
.card .name a:hover {
  color: var(--pop-2);
}
.card .lines dt {
  font-weight: 400;
}
.card .lines dd {
  font-weight: 500;
}
.card .footage { border-radius: var(--bevel-footage); overflow: hidden; position: relative; }
.card .footage img { display: block; height: auto; object-fit: contain; transition: transform var(--motion-ms); width: 100%; }
.card:hover .footage img {
  transform: scale(1.04);
}
.card .pennant {
  background: var(--pop); color: var(--pop-print); font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-align: center; text-transform: uppercase; white-space: nowrap; line-height: 1.2;
  position: absolute; top: 14px; right: -34px; width: 140px; padding: 4px 0; transform: rotate(38deg);
}
.card .price { font-family: var(--hero); font-weight: 700; font-size: 17px; color: var(--pop-2); }
.card .underside { flex-wrap: wrap; gap: calc(var(--calico-leeway-measure) * 2); }
.card .entry-character { align-content: start; display: grid; gap: calc(var(--calico-leeway-measure) / 2); min-width: 0; }
.card .handset-operation { appearance: none; background: none; border: 0; cursor: pointer; font: inherit; padding: 0; }
.card .operation.passage {
  font-size: 14px; font-weight: 600; color: var(--print);
  position: relative; display: inline-flex; align-items: center; min-height: 36px; padding: 0; background: none; border: 0;
}
.card .operation.passage:after { content: ""; position: absolute; left: 0; right: 0; bottom: 6px; height: 1px; background: var(--pop); transform: scaleX(0.4); transform-origin: left; transition: transform var(--motion-ms); }
.card .operation.passage:focus-visible, .card .operation.passage:hover { color: var(--pop-2); transform: translateY(-1px); }
.card .operation.passage:hover:after {
  transform: scaleX(1);
}
.runner {
  min-width: 0;
}
.runner-content { display: grid; gap: 22px; }
.runner-peak {
  display: none;
}
.runner-exit { min-height: 44px; padding: 0 16px; background: transparent; border: 1px solid var(--rule-solid); border-radius: 999px; }
.scope { display: grid; gap: 10px; padding: 16px; border: 2px dotted rgba(212, 175, 55, 0.55); border-radius: var(--bevel); background: var(--floating); }
.market-situation { display: grid; gap: 2px; min-height: 44px; }
.market-situation small { color: var(--print-3); font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; }
.market-situation b { color: #fff; font-size: 16px; }
.market-situation:hover b {
  color: var(--pop-2);
}
.chooserbox {
  border-top: 1px solid var(--rule);
}
.jump-trigger {
  background: transparent; border: 0; text-align: left; transition: color var(--motion-ms); padding: 8px 12px;
  display: flex; width: 100%; min-height: 56px; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 12px 8px 0;
}
.jump-trigger .lever-prose { display: grid; gap: 2px; min-width: 0; }
.jump-trigger b { color: #fff; font-size: 15px; }
.jump-trigger small { color: var(--pop-2); font-size: 12px; }
.jump-trigger .lever-nib { font-style: normal; font-size: 18px; color: var(--pop); transition: transform var(--motion-ms); }
.jump-trigger[aria-expanded="true"] .lever-nib, .jump-trigger:hover .lever-nib {
  transform: translateX(4px);
}
.jump-trigger:hover b {
  color: var(--pop-2);
}
.burg-film { border-top: 1px solid var(--rule); display: grid; gap: 12px; padding-top: 12px; }
.burg-film-sequence { display: grid; gap: 4px 8px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.burg-run { display: flex; align-items: baseline; justify-content: space-between; gap: 4px; min-height: 32px; padding: 4px 0; font-size: 13px; color: var(--print-2); border-bottom: 1px solid transparent; }
.burg-run:hover { border-bottom-color: var(--pop); color: var(--pop-2); }
.burg-run small { color: var(--print-3); font-size: 12px; }
.burg-film-exit { justify-self: start; min-height: 40px; padding: 0 16px; background: transparent; border: 1px solid var(--rule-solid); border-radius: 999px; font-size: 13px; }
.burg-film-exit:hover { border-color: var(--pop); color: var(--pop-2); }

.filters .pretitle { color: var(--pop-2); font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; }
.filters [data-flank-province="lid"] h2 {
  color: #fff;
}
.filters [data-flank-assembly]:first-of-type {
  border-top-color: var(--pop);
}
.filters [data-flank-inscription] { color: #fff; font-weight: 600; }
.filters [data-flank-preferences] a { align-items: center; color: var(--print-2); min-height: 32px; transition: color var(--motion-ms), padding-left var(--motion-ms); }
.filters [data-flank-preferences] a:focus-visible, .filters [data-flank-preferences] a:hover { color: var(--pop-2); padding-left: 4px; }
.filters [data-flank-preferences] small { color: var(--print-3); font-size: 12px; }
.refine-drape {
  display: none;
}
.pageflow {
  margin-top: 40px;
}
.range-handoff { --p-pop: var(--pop); --p-base: var(--console); --p-rule: var(--rule-solid); }
.range-handoff a { color: var(--print); transition: transform var(--motion-ms), box-shadow var(--motion-ms), border-color var(--motion-ms); }
.range-handoff a:focus-visible, .range-handoff a:hover { border-color: var(--pop-2); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45); transform: translateY(-2px); }
.ambit-measure { display: flex; min-height: 82px; align-items: center; justify-content: space-between; padding: 16px; border: 1px solid var(--p-rule); border-radius: 14px; background: var(--p-base); }
.ambit-measure.is-passive {
  opacity: 0.45;
}
.ambit-measure .copy { display: grid; gap: 2px; }
.ambit-measure small { color: var(--print-3); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; }
.ambit-measure strong {
  font-size: 18px;
}
.ambit-measure b { color: var(--pop); font-size: 20px; }
.range-handoff .current-range strong { color: #fff; font-size: 22px; }
.range-handoff .notes { color: var(--print-3); font-size: 13px; }

.article-gloss { border-top: 1px solid var(--rule); display: grid; gap: 16px 40px; margin-top: var(--calico-part-breathing-limit); padding: 24px 0 8px; }
.article-gloss-rubric { font-weight: 900; font-size: clamp(26px, 3vw, 42px); line-height: 1.06; text-transform: uppercase; color: #fff; }
.article-gloss-substance { font-size: 15px; line-height: 1.6; color: var(--print-2); max-width: 760px; }
.article-gloss-volume { grid-column: 1 / -1; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.article-gloss-volume summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px; cursor: pointer; list-style: none; }
.article-gloss-volume summary::-webkit-details-marker {
  display: none;
}
.article-gloss-volume h3 { font-size: 18px; font-weight: 600; color: #fff; }
.article-gloss-crest { color: var(--pop); font-size: 24px; transition: transform var(--motion-ms); }
.article-gloss-volume[open] .article-gloss-crest {
  transform: rotate(45deg);
}
.article-gloss-volume summary:hover h3 {
  color: var(--pop-2);
}
.article-gloss-volume-substance { color: var(--print-2); font-size: 15px; max-width: 760px; padding: 0 0 20px; }
@media (min-width: 1200px) {
  .article-gloss { align-items: start; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
  .article-gloss-rubric {
    font-size: 42px;
  }
}
.endnote { background: var(--stripe); border-top: 1px solid var(--rule); margin-top: 8px; padding-block: 48px 24px; }
.endnote-content { display: grid; gap: 24px; min-height: 340px; }
.mega-rubric { font-weight: 700; font-size: clamp(20px, 2vw, 28px); line-height: 1.2; color: #fff; max-width: 760px; }
.mega-lattice { display: grid; gap: 32px 40px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.slice { align-content: start; display: grid; gap: 14px; }
.slice h3 { font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--pop-2); font-weight: 600; }
.endnote-seal strong {
  font-size: 18px;
}
.refine-pointers, .area-pointers, .links { display: grid; gap: 2px; }
.endnote nav a { align-items: center; color: var(--print-2); display: inline-flex; font-size: 14px; min-height: 28px; }
.endnote nav a:focus-visible, .endnote nav a:hover { background-color: rgba(212, 175, 55, 0.08); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35); color: var(--pop-2); padding-left: 4px; transform: translateY(-1px); transition: none; }
.mega-bed { border-top: 1px solid var(--rule); display: grid; gap: 14px; padding-top: 18px; }
.endnote-burg { align-items: center; display: grid; gap: 12px 20px; grid-template-columns: minmax(0, 1fr) auto; }
.endnote-burg-active { color: var(--print-2); font-size: 15px; }
.endnote-burg .burg-film {
  grid-column: 1 / -1;
}
.endnote-burg .burg-film-sequence {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.juridical { color: var(--print-3); font-size: 13px; }

.handset-film-container { align-items: end; display: grid; inset: 0; position: fixed; z-index: 120; }
.handset-film-dimmer { background: rgba(7, 5, 10, 0.6); inset: 0; position: absolute; }
.handset-film {
  background: var(--console); border-radius: 18px 18px 0 0; border-top: 1px solid var(--rule-solid);
  display: grid; gap: 14px; justify-items: center; text-align: center;
  position: relative; width: 100%; max-height: 92vh; overflow: auto; padding: 14px 20px 28px;
}
.handset-film-exit { position: absolute; top: 10px; right: 14px; width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.06); border: 1px solid var(--rule-solid); font-size: 24px; line-height: 1; }
.handset-film-exit:hover { border-color: var(--pop); color: var(--pop-2); }
.handset-film-cap { display: grid; gap: 10px; justify-items: center; }
.handset-film-grip { background: var(--rule-solid); border-radius: 3px; display: block; height: 5px; width: 48px; }
.handset-film-marking { color: var(--print-3); font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; }
.handset-film-character { align-items: center; display: flex; gap: 12px; }
.handset-film-shot { width: 56px; height: 56px; object-fit: cover; border-radius: 50%; border: 1px solid var(--pop); }
.handset-film-designation { color: #fff; font-size: 18px; }
.handset-film-numeral { display: inline-block; font-family: var(--hero); font-weight: 900; font-size: clamp(28px, 7vw, 40px); line-height: 1.1; color: var(--pop-2); white-space: nowrap; }
.handset-film-numeral:hover {
  color: #fff;
}
.handset-film-buttons { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }

@media (max-width: 1023px) {
  :root {
    --runner-w: max(var(--calico-sidenav-base), 240px);
  }
}
@media (max-width: 899px) {
  .handset-film {
    border-radius: 18px 18px 0 0;
  }

  .skin-prose {
    max-width: 52%;
  }
  .record-lookup { gap: 10px; grid-template-columns: minmax(0, 1fr); max-width: none; }
}
@media (max-width: 599px) {
  :root {
    --frontmatter-h: 64px;
  }
  .nameplate-run { gap: 12px; grid-template-columns: minmax(0, 1fr) auto; }
  .offcanvas-swap {
    display: inline-flex;
  }
  .offcanvas-swap-word {
    font-size: 14px;
  }
  .offcanvas-film { display: block; position: fixed; left: 0; right: 0; top: var(--frontmatter-h); z-index: 70; pointer-events: none; visibility: hidden; }
  .offcanvas-film.is-expand { pointer-events: auto; visibility: visible; }
  .frontmatter-wayfinding { position: relative; z-index: 1; }
  .offcanvas-film-drape { background: rgba(7, 5, 10, 0.6); display: block; inset: 0; position: fixed; z-index: 65; }
  .frontmatter-wayfinding { background: var(--stripe); border-bottom: 1px solid rgba(212, 175, 55, 0.3); display: grid; gap: 0; max-height: 75vh; opacity: 0; overflow: auto; padding: 8px 0 12px; position: relative; transform: translateY(-8px); transition: transform var(--motion-ms), opacity var(--motion-ms); }
  .offcanvas-film.is-expand .frontmatter-wayfinding { opacity: 1; transform: none; }
  .wayfinding-suite { display: grid; gap: 0; }
  .wayfinding-href { border-bottom: 1px solid var(--rule); font-size: 16px; min-height: 50px; padding: 0 var(--calico-margin-base); }
  .wayfinding-href:after {
    display: none;
  }

  .skin { background: var(--plate); height: min(calc(var(--plate-w) * 1500 / 1200), 64vh); }
  .skin-illustration {
    object-position: 50% 0%;
  }
  .skin-dimmer {
    background: linear-gradient(0deg, rgba(10, 10, 15, 0.92) 0%, rgba(10, 10, 15, 0.6) 40%, rgba(10, 10, 15, 0) 62%);
  }
  .skin-prose { align-self: end; gap: 12px; max-width: none; padding-bottom: 8px; }
  .skin-principal {
    font-size: 22px;
  }
  .record-lookup { gap: 10px; grid-template-columns: minmax(0, 1fr); max-width: none; }
  .skin-led {
    padding-bottom: 12px;
  }
  .lineup-start { align-items: start; grid-template-columns: minmax(0, 1fr); }
  .order-rubric {
    font-size: 30px;
  }
  .nameplate-run {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .nameplate-launcher {
    display: contents;
  }
  .lineup-utility {
    display: block;
  }
  .refine-launcher {
    width: 100%;
  }
  .lineup-lattice { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; row-gap: var(--calico-collection-breathing); }
  .annex, .slots { grid-column: auto; grid-row: auto; }
  .annex {
    display: contents;
  }
  .runner-scope {
    order: 1;
  }
  .order-prologue {
    display: none;
  }
  .slots {
    grid-template-columns: minmax(0, 1fr);
  }
  .avenue {
    display: contents;
  }
  .avenue-signpost {
    display: none;
  }
  .runner { display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 110; max-height: 85vh; overflow: auto; margin: 0 !important; padding: 12px var(--calico-margin-base) 24px; background: var(--console); border-radius: 18px 18px 0 0; border-top: 1px solid var(--rule-solid); order: 99; }
  .runner.is-expand {
    display: block;
  }
  .runner-peak { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 12px; }
  .runner-peak-marking { color: var(--pop-2); font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; }
  .refine-drape { background: rgba(7, 5, 10, 0.6); display: block; inset: 0; position: fixed; z-index: 105; }
  .refine-drape[hidden] {
    display: none !important;
  }
  .burg-film-sequence {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .mega-lattice {
    grid-template-columns: minmax(0, 1fr);
  }
  .endnote-burg {
    grid-template-columns: minmax(0, 1fr);
  }
  .endnote-burg .burg-film-sequence {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .range-handoff {
    grid-template-columns: minmax(0, 1fr);
  }
  .range-handoff .current-range {
    order: -1;
  }
}
@media (min-width: 600px) {
  .runner-peak, .runner-exit, .offcanvas-film-drape {
    display: none !important;
  }
}
.brief {
  padding-block: 20px 56px;
}
.fill-launcher { align-items: center; color: var(--print-3); display: inline-flex; font-size: 14px; gap: 8px; margin-bottom: 12px; min-height: 40px; }
.fill-launcher:hover {
  color: var(--pop-2);
}
.brief-demi { align-items: start; display: grid; gap: 40px; grid-template-columns: minmax(0, 1fr); }
.film { align-items: start; display: grid; gap: 10px; grid-template-columns: minmax(0, 1fr); max-width: 100%; width: fit-content; }
.film-ribbonline { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 6px; order: 2; max-width: 100%; }
.film-micro { display: grid; place-items: center; min-width: 0; padding: 0; background: var(--console); border: 1px solid transparent; border-radius: 6px; overflow: hidden; transition: border-color var(--motion-ms), transform var(--motion-ms); }
.film-micro img { display: block; height: auto; width: 100%; }
.film-micro:focus-visible, .film-micro:hover { border-color: var(--pop); transform: translateY(-2px); }
.film-micro.is-current {
  border-color: var(--pop);
}
.film-set { margin: 0; min-width: 0; order: 1; }
.film-set-expand { display: block; padding: 0; background: var(--console); border: 0; border-radius: var(--bevel); overflow: hidden; cursor: zoom-in; }
.film-set-illustration { display: block; width: 100%; height: auto; max-height: 66vh; max-width: 100%; }
.brief-pile { display: grid; gap: 28px; min-width: 0; }
.brief-character { display: grid; gap: 12px; }
.brief-designation { font-weight: 900; font-size: clamp(30px, 3.4vw, 48px); line-height: 1.04; text-transform: uppercase; color: #fff; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.brief-certified { display: inline-flex; align-items: center; min-height: 26px; padding: 0 10px; border-radius: 999px; background: var(--pop); color: var(--pop-print); font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
.brief-app { color: var(--print-2); font-size: 15px; }
.touch { display: flex; flex-wrap: wrap; gap: 10px; }
.touch-operation { font-size: 15px; min-height: 48px; padding-inline: 26px; }
.slab-rubric { font-size: 13px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--pop-2); font-weight: 600; margin-bottom: 12px; }
.tokens { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
.wafer { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 14px; border: 1px solid var(--rule-solid); border-radius: 999px; background: var(--console); font-size: 14px; }
.wafer-marking {
  color: var(--print-3);
}
.wafer-marking:after {
  content: ":";
}
.wafer-amount { color: #fff; font-weight: 500; }
.pills { display: grid; gap: 8px; padding: 16px 0; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.tag-row { align-items: baseline; display: grid; font-size: 14px; gap: 12px; grid-template-columns: 140px minmax(0, 1fr); }
.tag-label { color: var(--print-3); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; }
.tag-links { display: flex; flex-wrap: wrap; gap: 6px 14px; }
.tag-links a { border-bottom: 1px solid transparent; color: var(--print-2); }
.tag-links a:hover { border-bottom-color: var(--pop); color: var(--pop-2); }
.blurb-substance { color: var(--print-2); max-width: 70ch; font-size: 16px; line-height: 1.65; }
.tempo-matrix { border-collapse: collapse; font-size: 15px; max-width: 560px; width: 100%; }
.tempo-matrix td, .tempo-matrix th { border-bottom: 1px solid var(--rule); padding: 10px 12px; text-align: left; }
.tempo-matrix thead th { font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--print-3); font-weight: 500; }
.tempo-matrix tbody th { color: var(--print-2); font-weight: 500; }
.tempo-matrix td { font-weight: 600; color: #fff; text-align: right; font-variant-numeric: tabular-nums; }
.tempo-matrix thead th:not(:first-child) {
  text-align: right;
}
.skill-panels { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
.skill-console { background: var(--console); border-radius: var(--bevel); display: grid; gap: 6px; list-style: none; margin: 0; padding: 14px 16px; }
.skill-console li { color: var(--print-2); font-size: 14px; }
.skill-console a:hover {
  color: var(--pop-2);
}
.feedback { border-top: 1px solid var(--rule); padding-top: 20px; }
.feedback-run { align-items: end; display: grid; gap: 14px 16px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1024px) { .feedback-run { grid-template-columns: minmax(0, 1fr) auto auto; } .feedback-run .box-jump { grid-column: 1 / -1; max-width: 260px; } .feedback-run .enclosure-box .trigger { padding-inline: 14px; font-size: 13px; } }
.feedback-run .box-grow { flex: 1 1 240px; min-width: 0; }
.brief-peak { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; }
.brief-lookup {
  max-width: 360px;
}
.brief-pile .scope {
  max-width: 420px;
}
.box-jump {
  min-width: 180px;
}
.feedback-notice { color: var(--pop-2); font-size: 14px; margin-top: 10px; min-height: 1.2em; }
@media (min-width: 1024px) {
  .brief-demi {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .film { grid-template-columns: 72px auto; position: sticky; top: calc(var(--frontmatter-h) + 12px); }
  .film-ribbonline { grid-auto-flow: row; grid-auto-columns: auto; grid-auto-rows: minmax(0, 1fr); order: 1; max-height: 66vh; align-content: start; }
  .film-micro {
    min-height: 0;
  }
  .film-micro img { max-height: 100%; width: auto; max-width: 100%; height: auto; }
  .film-set {
    order: 2;
  }
}
@media (max-width: 599px) {
  .touch { position: fixed; right: 16px; bottom: 16px; z-index: 50; flex-wrap: nowrap; width: max-content; max-width: 120px; }
  .touch-operation { min-height: 48px; max-width: 120px; padding-inline: 10px; font-size: 12px; white-space: normal; line-height: 1.15; text-align: center; }
  .touch .trigger-naked {
    display: none;
  }
  .touch .trigger {
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5);
  }
  .touch .trigger-naked {
    background: var(--console);
  }
  .brief-lookup { max-width: none; width: 100%; }
  .tag-row { gap: 4px; grid-template-columns: minmax(0, 1fr); }
  .film {
    width: 100%;
  }
  .film-set-illustration { max-height: 70vh; object-fit: contain; width: 100%; }
}
.projector { position: fixed; inset: 0; z-index: 130; display: grid; grid-template-columns: 112px minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; }
.projector-drape { position: absolute; inset: 0; background: rgba(7, 5, 10, 0.78); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
.projector-exit { position: absolute; top: 14px; right: 16px; z-index: 2; width: 44px; height: 44px; border-radius: 50%; background: rgba(255, 255, 255, 0.08); border: 1px solid var(--rule-solid); color: #fff; font-size: 26px; line-height: 1; }
.projector-exit:hover { border-color: var(--pop); color: var(--pop-2); }
.projector-ribbonline { align-content: start; background: rgba(0, 0, 0, 0.35); display: grid; gap: 8px; grid-row: 1 / 3; overflow-y: auto; padding: 16px 12px; position: relative; z-index: 1; }
.projector-micro { padding: 0; background: transparent; border: 2px solid transparent; border-radius: 6px; overflow: hidden; opacity: 0.7; transition: opacity var(--motion-ms), border-color var(--motion-ms); }
.projector-micro img { display: block; height: auto; width: 100%; }
.projector-micro.is-current, .projector-micro:hover { border-color: var(--pop); opacity: 1; }
.projector-set { display: grid; min-height: 0; padding: 60px 24px 12px; place-items: center; position: relative; z-index: 1; }
.projector-illustration { max-width: 100%; max-height: calc(100vh - 140px); width: auto; height: auto; border-radius: 6px; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6); }
.projector-wayfinding { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 18px; padding: 8px 0 18px; }
.projector-nib { width: 44px; height: 44px; border-radius: 50%; background: rgba(255, 255, 255, 0.08); border: 1px solid var(--rule-solid); color: #fff; font-size: 20px; }
.projector-nib:hover { border-color: var(--pop); color: var(--pop-2); }
.projector-gauge { color: var(--print-2); font-size: 14px; min-width: 48px; text-align: center; }
@media (max-width: 899px) {
  .projector { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto auto; }
  .projector-ribbonline { grid-row: 3; grid-auto-flow: column; grid-auto-columns: 64px; overflow-x: auto; overflow-y: hidden; padding: 10px 12px; }
  .projector-set {
    padding: 64px 12px 8px;
  }
  .projector-illustration {
    max-height: calc(100vh - 220px);
  }
}
.skill-plate { color: var(--print-2); max-width: 760px; padding: 32px 0 64px; }
.skill-plate h3, .skill-plate h2, .skill-plate h1 { color: #fff; margin: 0 0 16px; }
.skill-plate h1 { font-weight: 900; font-size: clamp(30px, 3.4vw, 46px); line-height: 1.06; text-transform: uppercase; }
.skill-plate p {
  margin-bottom: 1em;
}
.skill-plate a { color: var(--pop-2); text-decoration: underline; }

@media (prefers-reduced-motion: reduce) {
  *:after, *:before, * { animation: none !important; transition: none !important; }
  [data-land] { filter: none; opacity: 1; }
  html {
    scroll-behavior: auto;
  }
}
summary:focus-visible, summary:hover, button:focus-visible, button:hover, a:focus-visible, a:hover {
  transition-duration: 0s;
}
.fill-launcher:focus-visible, .fill-launcher:hover, .skin-operation:focus-visible, .skin-operation:hover, .market-situation:focus-visible, .market-situation:hover, .burg-run:focus-visible, .burg-run:hover, .skill-console a:focus-visible, .skill-console a:hover, .tag-links a:focus-visible, .tag-links a:hover, .endnote-seal a:focus-visible, .endnote-seal a:hover { background-color: rgba(212, 175, 55, 0.08); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35); color: var(--pop-2); transform: translateY(-1px); }
.runner-exit:focus-visible, .runner-exit:hover, .projector-nib:focus-visible, .projector-nib:hover, .projector-exit:focus-visible, .projector-exit:hover, .handset-film-exit:focus-visible, .handset-film-exit:hover, .burg-film-exit:focus-visible, .burg-film-exit:hover, .jump-trigger:focus-visible, .jump-trigger:hover, .offcanvas-swap:focus-visible, .offcanvas-swap:hover, .refine-launcher:focus-visible, .refine-launcher:hover, .trigger:focus-visible, .trigger:hover { box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45), 0 0 0 1px var(--pop); transform: translateY(-2px); }
.card .footage:focus-visible, .card .footage:hover, .projector-micro:focus-visible, .projector-micro:hover, .film-micro:focus-visible, .film-micro:hover { box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45); outline: 1px solid var(--pop); transform: translateY(-2px); }
.card .handset-operation:focus-visible, .card .handset-operation:hover, .card .operation:focus-visible, .card .operation:hover, .card .name a:focus-visible, .card .name a:hover { color: var(--pop-2); transform: translateY(-1px); }