{
  "id": "alpine-telemetry-stratigraphy",
  "name": "Snowpack Stratigraphy Profile",
  "theme": "alpine-telemetry",
  "category": "Data & Reports",
  "description": "A stratigraphic glaciological profile analyzing weak-layer crystal metamorphism, ram-hardness resistance, and temperature gradient shear zones.",
  "layout": "Full-width stratigraphic test pit header; 2-column analysis split with snow pit cross-section texture and stability test ledger; audit colophon footer.",
  "modules": [
    {
      "key": "pit-header",
      "name": "Snow Pit Header",
      "html": "\n<header class=\"pit-head\">\n  <div class=\"pit-title-block\">\n    <span class=\"pit-badge mono\">FIELD RECORD #2026-09A</span>\n    <h2>Weissfluhjoch Stratigraphic Snow Profile</h2>\n  </div>\n  <div class=\"pit-meta-grid\">\n    <div class=\"meta-cell\">\n      <span class=\"cell-label\">Location / Aspect</span>\n      <span class=\"cell-val mono\">Weissfluh 3,120m · E 38°</span>\n    </div>\n    <div class=\"meta-cell\">\n      <span class=\"cell-label\">Observer</span>\n      <span class=\"cell-val mono\">SLF Glaciology Team 3</span>\n    </div>\n    <div class=\"meta-cell\">\n      <span class=\"cell-label\">Snowpack Depth</span>\n      <span class=\"cell-val mono\">248 cm Total</span>\n    </div>\n    <div class=\"meta-cell\">\n      <span class=\"cell-label\">Surface Temperature</span>\n      <span class=\"cell-val mono\">-16.4°C</span>\n    </div>\n  </div>\n</header>"
    },
    {
      "key": "layer-analysis",
      "name": "Layer Cross-Section",
      "html": "\n<section class=\"la-section\" aria-label=\"Stratigraphic Pit Analysis\">\n  <figure class=\"la-fig\">\n    <img src=\"{{ART texture}}\" alt=\"{{ARTALT texture}}\">\n    <figcaption class=\"mono\">STRATIGRAPHIC PIT FACE · HOARFROST & FACETED METAMORPHISM</figcaption>\n  </figure>\n  <div class=\"la-breakdown\">\n    <h3>Stratigraphic Layer Metamorphism</h3>\n    <ol class=\"layer-list\">\n      <li class=\"layer-item\">\n        <div class=\"layer-depth mono\">0 – 35 cm</div>\n        <div class=\"layer-desc\">\n          <strong>Storm Snow (PP/DF)</strong>\n          <span class=\"layer-specs mono\">Density: 95 kg/m³ · Hardness: Fist · Crystals: Stellar dendrites 1.5mm</span>\n        </div>\n      </li>\n      <li class=\"layer-item\">\n        <div class=\"layer-depth mono\">35 – 72 cm</div>\n        <div class=\"layer-desc\">\n          <strong>Cohesive Wind Slab (RG)</strong>\n          <span class=\"layer-specs mono\">Density: 285 kg/m³ · Hardness: 1-Finger · High cohesive tension</span>\n        </div>\n      </li>\n      <li class=\"layer-item layer-failure\">\n        <div class=\"layer-depth mono\">72 – 78 cm</div>\n        <div class=\"layer-desc\">\n          <strong class=\"weak-layer-tag\">Persistent Weak Layer (SH/DH) · CRITICAL</strong>\n          <span class=\"layer-specs mono\">Density: 140 kg/m³ · Hardness: Fist- · Coarse depth hoar & surface hoar crystals</span>\n        </div>\n      </li>\n      <li class=\"layer-item\">\n        <div class=\"layer-depth mono\">78 – 248 cm</div>\n        <div class=\"layer-desc\">\n          <strong>Basal Cohesive Snowpack (FC/MF)</strong>\n          <span class=\"layer-specs mono\">Density: 390 kg/m³ · Hardness: Pencil to Knife · Rounded melt-freeze crusts</span>\n        </div>\n      </li>\n    </ol>\n  </div>\n</section>"
    },
    {
      "key": "stability-index",
      "name": "Stability Index Ledger",
      "html": "\n<aside class=\"si-aside\" aria-label=\"Stability Test Index\">\n  <div class=\"si-box\">\n    <h3>Avalanche Propensity Tests</h3>\n    <table class=\"si-table\">\n      <thead>\n        <tr>\n          <th scope=\"col\">Standard Test</th>\n          <th scope=\"col\">Result Code</th>\n          <th scope=\"col\">Propagation</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr class=\"row-critical\">\n          <td><strong>ECT (Extended Column)</strong></td>\n          <td class=\"mono\">ECTP14 @ 72cm</td>\n          <td><span class=\"prop-tag tag-high\">Sudden Collapse</span></td>\n        </tr>\n        <tr class=\"row-critical\">\n          <td><strong>PST (Propagation Saw)</strong></td>\n          <td class=\"mono\">PST 28/100 (End)</td>\n          <td><span class=\"prop-tag tag-high\">Full Propagation</span></td>\n        </tr>\n        <tr>\n          <td><strong>CT (Compression Test)</strong></td>\n          <td class=\"mono\">CTV @ 72cm</td>\n          <td><span class=\"prop-tag tag-med\">Isolation Fracture</span></td>\n        </tr>\n        <tr>\n          <td><strong>Rutshblock Test</strong></td>\n          <td class=\"mono\">RB2 (Moderate)</td>\n          <td><span class=\"prop-tag tag-med\">Whole Block Slip</span></td>\n        </tr>\n      </tbody>\n    </table>\n    <div class=\"si-verdict\">\n      <div class=\"verdict-head mono\">AVALANCHE FAILURE RISK ASSESSMENT</div>\n      <div class=\"verdict-score\">CRITICAL SHEAR INSTABILITY</div>\n      <p class=\"verdict-note\">High propensity for skier or remote explosive triggered slab releases on 30°+ slopes across N-E-SE sectors.</p>\n      <button type=\"button\" class=\"btn-warning-action\">Transmit Emergency Slab Advisory</button>\n    </div>\n  </div>\n</aside>"
    },
    {
      "key": "audit-colophon",
      "name": "Audit Colophon",
      "html": "\n<footer class=\"au-footer\">\n  <div class=\"au-meta\">\n    <span>Profile ID: SWISS-SLF-2026-09A</span>\n    <span>Instrument: SP-3 Rammsonde Penetrometer</span>\n    <span>Coordinate Ref: CH1903+ / LV95</span>\n  </div>\n  <div class=\"au-actions\">\n    <a href=\"#rawpit\" class=\"au-link\">Raw Rammsonde Profile</a>\n    <a href=\"#certificate\" class=\"au-link\">Calibration Certificate</a>\n    <a href=\"#export\" class=\"au-link\">Download CAA-IACS Standard XML</a>\n  </div>\n</footer>"
    }
  ],
  "moduleCount": 4,
  "reorderable": false,
  "meta": {
    "id": "alpine-telemetry-stratigraphy",
    "model": "Gemini 3.8 Flash (High)",
    "author": "Antigravity CLI",
    "createdAt": "2026-09-08T12:52:00.000Z",
    "updatedAt": "2026-09-08T12:52:00.000Z",
    "version": "1.0.0",
    "isNew": true
  },
  "link": "/api/v1/designs/alpine-telemetry-stratigraphy.json",
  "structure": "Full-width stratigraphic test pit header; 2-column analysis split with snow pit cross-section texture and stability test ledger; audit colophon footer.",
  "html": "<div class=\"dz dz-alpine-telemetry-stratigraphy\" data-design=\"alpine-telemetry-stratigraphy\" data-theme=\"alpine-telemetry\">\n<section class=\"dz-mod\" data-mod=\"pit-header\" aria-label=\"Snow Pit Header\">\n<header class=\"pit-head\">\n  <div class=\"pit-title-block\">\n    <span class=\"pit-badge mono\">FIELD RECORD #2026-09A</span>\n    <h2>Weissfluhjoch Stratigraphic Snow Profile</h2>\n  </div>\n  <div class=\"pit-meta-grid\">\n    <div class=\"meta-cell\">\n      <span class=\"cell-label\">Location / Aspect</span>\n      <span class=\"cell-val mono\">Weissfluh 3,120m · E 38°</span>\n    </div>\n    <div class=\"meta-cell\">\n      <span class=\"cell-label\">Observer</span>\n      <span class=\"cell-val mono\">SLF Glaciology Team 3</span>\n    </div>\n    <div class=\"meta-cell\">\n      <span class=\"cell-label\">Snowpack Depth</span>\n      <span class=\"cell-val mono\">248 cm Total</span>\n    </div>\n    <div class=\"meta-cell\">\n      <span class=\"cell-label\">Surface Temperature</span>\n      <span class=\"cell-val mono\">-16.4°C</span>\n    </div>\n  </div>\n</header></section><main class=\"strat-grid\"><section class=\"dz-mod\" data-mod=\"layer-analysis\" aria-label=\"Layer Cross-Section\">\n<section class=\"la-section\" aria-label=\"Stratigraphic Pit Analysis\">\n  <figure class=\"la-fig\">\n    <img src=\"https://designlookbook.dev/assets/img/alpine-telemetry-texture.webp\" alt=\"Cross-section of dense stratified alpine snowpack revealing hoarfrost crystal layers and depth hoar\">\n    <figcaption class=\"mono\">STRATIGRAPHIC PIT FACE · HOARFROST & FACETED METAMORPHISM</figcaption>\n  </figure>\n  <div class=\"la-breakdown\">\n    <h3>Stratigraphic Layer Metamorphism</h3>\n    <ol class=\"layer-list\">\n      <li class=\"layer-item\">\n        <div class=\"layer-depth mono\">0 – 35 cm</div>\n        <div class=\"layer-desc\">\n          <strong>Storm Snow (PP/DF)</strong>\n          <span class=\"layer-specs mono\">Density: 95 kg/m³ · Hardness: Fist · Crystals: Stellar dendrites 1.5mm</span>\n        </div>\n      </li>\n      <li class=\"layer-item\">\n        <div class=\"layer-depth mono\">35 – 72 cm</div>\n        <div class=\"layer-desc\">\n          <strong>Cohesive Wind Slab (RG)</strong>\n          <span class=\"layer-specs mono\">Density: 285 kg/m³ · Hardness: 1-Finger · High cohesive tension</span>\n        </div>\n      </li>\n      <li class=\"layer-item layer-failure\">\n        <div class=\"layer-depth mono\">72 – 78 cm</div>\n        <div class=\"layer-desc\">\n          <strong class=\"weak-layer-tag\">Persistent Weak Layer (SH/DH) · CRITICAL</strong>\n          <span class=\"layer-specs mono\">Density: 140 kg/m³ · Hardness: Fist- · Coarse depth hoar & surface hoar crystals</span>\n        </div>\n      </li>\n      <li class=\"layer-item\">\n        <div class=\"layer-depth mono\">78 – 248 cm</div>\n        <div class=\"layer-desc\">\n          <strong>Basal Cohesive Snowpack (FC/MF)</strong>\n          <span class=\"layer-specs mono\">Density: 390 kg/m³ · Hardness: Pencil to Knife · Rounded melt-freeze crusts</span>\n        </div>\n      </li>\n    </ol>\n  </div>\n</section></section><section class=\"dz-mod\" data-mod=\"stability-index\" aria-label=\"Stability Index Ledger\">\n<aside class=\"si-aside\" aria-label=\"Stability Test Index\">\n  <div class=\"si-box\">\n    <h3>Avalanche Propensity Tests</h3>\n    <table class=\"si-table\">\n      <thead>\n        <tr>\n          <th scope=\"col\">Standard Test</th>\n          <th scope=\"col\">Result Code</th>\n          <th scope=\"col\">Propagation</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr class=\"row-critical\">\n          <td><strong>ECT (Extended Column)</strong></td>\n          <td class=\"mono\">ECTP14 @ 72cm</td>\n          <td><span class=\"prop-tag tag-high\">Sudden Collapse</span></td>\n        </tr>\n        <tr class=\"row-critical\">\n          <td><strong>PST (Propagation Saw)</strong></td>\n          <td class=\"mono\">PST 28/100 (End)</td>\n          <td><span class=\"prop-tag tag-high\">Full Propagation</span></td>\n        </tr>\n        <tr>\n          <td><strong>CT (Compression Test)</strong></td>\n          <td class=\"mono\">CTV @ 72cm</td>\n          <td><span class=\"prop-tag tag-med\">Isolation Fracture</span></td>\n        </tr>\n        <tr>\n          <td><strong>Rutshblock Test</strong></td>\n          <td class=\"mono\">RB2 (Moderate)</td>\n          <td><span class=\"prop-tag tag-med\">Whole Block Slip</span></td>\n        </tr>\n      </tbody>\n    </table>\n    <div class=\"si-verdict\">\n      <div class=\"verdict-head mono\">AVALANCHE FAILURE RISK ASSESSMENT</div>\n      <div class=\"verdict-score\">CRITICAL SHEAR INSTABILITY</div>\n      <p class=\"verdict-note\">High propensity for skier or remote explosive triggered slab releases on 30°+ slopes across N-E-SE sectors.</p>\n      <button type=\"button\" class=\"btn-warning-action\">Transmit Emergency Slab Advisory</button>\n    </div>\n  </div>\n</aside></section></main><section class=\"dz-mod\" data-mod=\"audit-colophon\" aria-label=\"Audit Colophon\">\n<footer class=\"au-footer\">\n  <div class=\"au-meta\">\n    <span>Profile ID: SWISS-SLF-2026-09A</span>\n    <span>Instrument: SP-3 Rammsonde Penetrometer</span>\n    <span>Coordinate Ref: CH1903+ / LV95</span>\n  </div>\n  <div class=\"au-actions\">\n    <a href=\"#rawpit\" class=\"au-link\">Raw Rammsonde Profile</a>\n    <a href=\"#certificate\" class=\"au-link\">Calibration Certificate</a>\n    <a href=\"#export\" class=\"au-link\">Download CAA-IACS Standard XML</a>\n  </div>\n</footer></section>\n</div>",
  "css": "\n.dz-alpine-telemetry-stratigraphy {\n  background: var(--background);\n  color: var(--foreground);\n  font-family: var(--pv-body);\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  min-height: 100%;\n}\n\n.dz-alpine-telemetry-stratigraphy *, .dz-alpine-telemetry-stratigraphy *::before, .dz-alpine-telemetry-stratigraphy *::after {\n  box-sizing: inherit;\n}\n\n.dz-alpine-telemetry-stratigraphy .mono {\n  font-family: var(--pv-mono);\n  font-size: 12px;\n}\n\n/* Pit Header */\n.dz-alpine-telemetry-stratigraphy .pit-head {\n  background: var(--card);\n  border-bottom: var(--pv-bw) solid var(--border);\n  padding: 20px 24px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 24px;\n  flex-wrap: wrap;\n}\n\n.dz-alpine-telemetry-stratigraphy .pit-badge {\n  color: var(--primary);\n  font-weight: 700;\n  font-size: 11px;\n  letter-spacing: 0.05em;\n  display: block;\n  margin-bottom: 4px;\n}\n\n.dz-alpine-telemetry-stratigraphy .pit-title-block h2 {\n  font-family: var(--pv-display);\n  font-size: 22px;\n  margin: 0;\n  letter-spacing: -0.02em;\n}\n\n.dz-alpine-telemetry-stratigraphy .pit-meta-grid {\n  display: flex;\n  gap: 20px;\n  flex-wrap: wrap;\n}\n\n.dz-alpine-telemetry-stratigraphy .meta-cell {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.dz-alpine-telemetry-stratigraphy .cell-label {\n  font-size: 11px;\n  color: var(--muted-foreground);\n  font-family: var(--pv-mono);\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n}\n\n.dz-alpine-telemetry-stratigraphy .cell-val {\n  font-size: 13px;\n  font-weight: 600;\n}\n\n/* 2-Column Split Workspace */\n.dz-alpine-telemetry-stratigraphy .strat-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.8fr) minmax(360px, 1.2fr);\n  gap: 0;\n  flex: 1;\n  border-bottom: var(--pv-bw) solid var(--border);\n}\n\n@media (max-width: 960px) {\n  .dz-alpine-telemetry-stratigraphy .strat-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n/* Layer Analysis Section */\n.dz-alpine-telemetry-stratigraphy .la-section {\n  padding: 24px;\n  border-right: var(--pv-bw) solid var(--border);\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n@media (max-width: 960px) {\n  .dz-alpine-telemetry-stratigraphy .la-section {\n    border-right: none;\n    border-bottom: var(--pv-bw) solid var(--border);\n  }\n}\n\n.dz-alpine-telemetry-stratigraphy .la-fig {\n  margin: 0;\n  border: var(--pv-bw) solid var(--border);\n  border-radius: var(--pv-radius);\n  overflow: hidden;\n  background: var(--card);\n}\n\n.dz-alpine-telemetry-stratigraphy .la-fig img {\n  display: block;\n  width: 100%;\n  height: 200px;\n  object-fit: cover;\n  filter: var(--img-filter);\n}\n\n.dz-alpine-telemetry-stratigraphy .la-fig figcaption {\n  padding: 8px 12px;\n  font-size: 11px;\n  color: var(--muted-foreground);\n  border-top: var(--pv-bw) solid var(--border);\n  background: var(--card);\n}\n\n.dz-alpine-telemetry-stratigraphy .la-breakdown h3 {\n  font-family: var(--pv-display);\n  font-size: 18px;\n  margin: 0 0 14px 0;\n  border-bottom: var(--pv-bw) solid var(--border);\n  padding-bottom: 8px;\n}\n\n.dz-alpine-telemetry-stratigraphy .layer-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.dz-alpine-telemetry-stratigraphy .layer-item {\n  display: grid;\n  grid-template-columns: 100px 1fr;\n  gap: 16px;\n  padding: 12px;\n  background: color-mix(in srgb, var(--card) 40%, var(--background));\n  border: var(--pv-bw) solid var(--border);\n  border-radius: var(--pv-radius);\n}\n\n.dz-alpine-telemetry-stratigraphy .layer-failure {\n  background: color-mix(in srgb, var(--destructive) 10%, var(--card));\n  border-color: var(--destructive);\n}\n\n.dz-alpine-telemetry-stratigraphy .layer-depth {\n  font-weight: 700;\n  color: var(--primary);\n  font-size: 12px;\n}\n\n.dz-alpine-telemetry-stratigraphy .layer-desc {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.dz-alpine-telemetry-stratigraphy .weak-layer-tag {\n  color: var(--destructive);\n}\n\n.dz-alpine-telemetry-stratigraphy .layer-specs {\n  font-size: 11.5px;\n  color: var(--muted-foreground);\n}\n\n/* Stability Index Aside */\n.dz-alpine-telemetry-stratigraphy .si-aside {\n  padding: 24px;\n  background: color-mix(in srgb, var(--card) 45%, var(--background));\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.dz-alpine-telemetry-stratigraphy .si-box h3 {\n  font-family: var(--pv-display);\n  font-size: 18px;\n  margin: 0 0 14px 0;\n  border-bottom: var(--pv-bw) solid var(--border);\n  padding-bottom: 8px;\n}\n\n.dz-alpine-telemetry-stratigraphy .si-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 13px;\n  margin-bottom: 20px;\n}\n\n.dz-alpine-telemetry-stratigraphy .si-table th {\n  text-align: left;\n  padding: 8px 10px;\n  border-bottom: var(--pv-bw) solid var(--border);\n  font-family: var(--pv-mono);\n  font-size: 10.5px;\n  color: var(--muted-foreground);\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n}\n\n.dz-alpine-telemetry-stratigraphy .si-table td {\n  padding: 10px;\n  border-bottom: var(--pv-bw) solid var(--border);\n  vertical-align: middle;\n}\n\n.dz-alpine-telemetry-stratigraphy .row-critical td {\n  background: color-mix(in srgb, var(--destructive) 8%, transparent);\n}\n\n.dz-alpine-telemetry-stratigraphy .prop-tag {\n  display: inline-block;\n  font-family: var(--pv-mono);\n  font-size: 10.5px;\n  padding: 2px 6px;\n  border-radius: var(--pv-radius);\n  font-weight: 600;\n}\n\n.dz-alpine-telemetry-stratigraphy .tag-high {\n  background: color-mix(in srgb, var(--destructive) 16%, transparent);\n  color: var(--destructive);\n}\n\n.dz-alpine-telemetry-stratigraphy .tag-med {\n  background: color-mix(in srgb, var(--chart-3) 16%, transparent);\n  color: var(--chart-3);\n}\n\n.dz-alpine-telemetry-stratigraphy .si-verdict {\n  padding: 16px;\n  border: var(--pv-bw) solid var(--destructive);\n  background: color-mix(in srgb, var(--destructive) 8%, var(--card));\n  border-radius: var(--pv-radius);\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.dz-alpine-telemetry-stratigraphy .verdict-head {\n  font-size: 10.5px;\n  letter-spacing: 0.05em;\n  color: var(--destructive);\n  font-weight: 700;\n}\n\n.dz-alpine-telemetry-stratigraphy .verdict-score {\n  font-family: var(--pv-display);\n  font-size: 17px;\n  font-weight: 700;\n  color: var(--destructive);\n}\n\n.dz-alpine-telemetry-stratigraphy .verdict-note {\n  margin: 0;\n  font-size: 12.5px;\n  color: var(--foreground);\n  line-height: 1.45;\n}\n\n.dz-alpine-telemetry-stratigraphy .btn-warning-action {\n  background: var(--destructive);\n  color: var(--destructive-foreground);\n  border: var(--pv-bw) solid var(--destructive);\n  border-radius: var(--pv-radius);\n  padding: 10px 16px;\n  font-family: var(--pv-body);\n  font-size: 12.5px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: opacity var(--dur) var(--ease);\n  text-align: center;\n  margin-top: 4px;\n}\n\n.dz-alpine-telemetry-stratigraphy .btn-warning-action:hover {\n  opacity: 0.92;\n}\n\n.dz-alpine-telemetry-stratigraphy .btn-warning-action:focus-visible {\n  outline: 2px solid var(--ring);\n  outline-offset: 2px;\n}\n\n/* Audit Colophon */\n.dz-alpine-telemetry-stratigraphy .au-footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 14px 24px;\n  background: var(--card);\n  font-family: var(--pv-mono);\n  font-size: 11px;\n  color: var(--muted-foreground);\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.dz-alpine-telemetry-stratigraphy .au-meta {\n  display: flex;\n  gap: 18px;\n}\n\n.dz-alpine-telemetry-stratigraphy .au-actions {\n  display: flex;\n  gap: 16px;\n}\n\n.dz-alpine-telemetry-stratigraphy .au-link {\n  color: var(--muted-foreground);\n  text-decoration: none;\n  transition: color var(--dur) var(--ease);\n}\n\n.dz-alpine-telemetry-stratigraphy .au-link:hover, .dz-alpine-telemetry-stratigraphy .au-link:focus-visible {\n  color: var(--foreground);\n}\n\n@media (prefers-reduced-motion: reduce) { .dz-alpine-telemetry-stratigraphy *, .dz-alpine-telemetry-stratigraphy *::before, .dz-alpine-telemetry-stratigraphy *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }\n",
  "requiredTheme": "/api/v1/themes/alpine-telemetry.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Space+Grotesk%2C+sans-serif:wght@400;500;600;700&family=Inter%2C+sans-serif:wght@400;500;600;700&family=JetBrains+Mono%2C+monospace:wght@400;500;600;700&display=swap"
}