@font-face{font-family:Shield Chakra;font-style:normal;font-weight:700;font-display:swap;src:url(/works/shield/fonts/chakra-petch-700.woff2)format("woff2")}@font-face{font-family:Shield Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/works/shield/fonts/jetbrains-mono-latin.woff2)format("woff2")}.shield-hero{color:#e7ecf6;background:#05070d;width:100%;min-height:100dvh;position:relative;overflow:hidden}.shield-hero__canvas{z-index:0;pointer-events:none;position:absolute;inset:0}.shield-hero__vignette,.shield-hero__scan,.shield-hero__caliper,.shield-hero__reticle,.shield-hero__top,.shield-hero__telemetry{pointer-events:none}.shield-hero__vignette{z-index:1;background:radial-gradient(120% 90% at 50% 42%,#0000 38%,#03050b8c 78%,#03050beb 100%);position:absolute;inset:0}.shield-hero__scan{z-index:1;mix-blend-mode:overlay;opacity:.18;background-image:repeating-linear-gradient(0deg,#fff9 0 1px,#0000 1px 3px);position:absolute;inset:0}.shield-hero__caliper{z-index:10;border:0 solid #5bd5ff73;width:36px;height:36px;position:absolute}.shield-hero__caliper--tl{top:max(72px, calc(16px + env(safe-area-inset-top)));left:max(16px, env(safe-area-inset-left));border-top-width:1px;border-left-width:1px}.shield-hero__caliper--tr{top:max(72px, calc(16px + env(safe-area-inset-top)));right:max(16px, env(safe-area-inset-right));border-top-width:1px;border-right-width:1px}.shield-hero__caliper--bl{bottom:max(72px, calc(16px + env(safe-area-inset-bottom)));left:max(16px, env(safe-area-inset-left));border-bottom-width:1px;border-left-width:1px}.shield-hero__caliper--br{bottom:max(72px, calc(16px + env(safe-area-inset-bottom)));right:max(16px, env(safe-area-inset-right));border-bottom-width:1px;border-right-width:1px}.shield-hero__reticle{z-index:10;border:1px solid #5bd5ff66;border-radius:9999px;position:absolute;transform:translate(-50%,-50%)}.shield-hero__reticle:before,.shield-hero__reticle:after{content:"";background:#5bd5ff8c;position:absolute}.shield-hero__reticle:before{height:1px;top:50%;left:-8px;right:-8px;transform:translateY(-50%)}.shield-hero__reticle:after{width:1px;top:-8px;bottom:-8px;left:50%;transform:translate(-50%)}.shield-hero__top{z-index:20;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 0 max(20px, env(safe-area-inset-left));justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}.shield-hero__name{color:#fff;font-family:"Shield Chakra", var(--font), sans-serif;letter-spacing:.22em;margin:0;font-size:14px;font-weight:700}.shield-hero__kicker{color:#7f8db0;font-family:var(--font);letter-spacing:.08em;margin:4px 0 0;font-size:11px}.shield-hero__pills{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.shield-hero__pill{color:#7f8db0;font-family:var(--font);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05070d8c;border:1px solid #1f2940b3;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:11px;display:inline-flex}.shield-hero__pill--live{color:#46f0b0}.shield-hero__dot{background:#46f0b0;border-radius:9999px;width:6px;height:6px;box-shadow:0 0 8px #46f0b0}.shield-hero__copy{z-index:20;max-width:min(36rem,100% - 7.5rem);padding:0 max(20px, env(safe-area-inset-left)) max(28px, env(safe-area-inset-bottom));position:absolute;bottom:0;left:0}.shield-hero__headline{color:#fff;font-family:var(--font);margin:0;font-size:clamp(28px,7vw,48px);font-weight:700;line-height:1.2}.shield-hero__lead{color:#aab6cf;max-width:28em;font-family:var(--font);margin:12px 0 0;font-size:15px;line-height:1.7}.shield-hero__back{color:#5bd5ff;font-family:var(--font);background:#5bd5ff1a;border:1px solid #5bd5ff66;border-radius:6px;margin-top:20px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.shield-hero__back:hover{background:#5bd5ff33}.shield-hero__telemetry{z-index:20;padding:0 max(20px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) 0;color:#9aabc8;letter-spacing:.06em;flex-direction:column;align-items:flex-end;gap:6px;margin:0;font-family:Shield Mono,ui-monospace,monospace;font-size:11px;display:flex;position:absolute;bottom:0;right:0}.shield-hero__telemetry dt{margin:0}.shield-hero__telemetry dd{color:#cdd7ec;font-variant-numeric:tabular-nums;margin:2px 0 0}@media (min-width:720px){.shield-hero__pills{flex-direction:row}.shield-hero__top{padding:max(28px, env(safe-area-inset-top)) max(28px, env(safe-area-inset-right)) 0 max(28px, env(safe-area-inset-left))}.shield-hero__name{letter-spacing:.28em;font-size:15px}.shield-hero__copy{padding:0 max(28px, env(safe-area-inset-left)) max(28px, env(safe-area-inset-bottom))}.shield-hero__lead{font-size:16px}.shield-hero__telemetry{padding:0 max(28px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) 0;flex-direction:row;gap:24px}.shield-hero__telemetry div{align-items:baseline;gap:8px;display:flex}.shield-hero__telemetry dd{margin:0}}@media (prefers-reduced-motion:reduce){.shield-hero__reticle{display:none}}