/* Sector17 public splash page (sector17.dev).
   Colours and fonts match the internal site's brand layer (brand.css in
   ~/sector17/website), copied here rather than shared, so the public image
   carries nothing from the internal site. */

@font-face { font-family: "Red Hat Display"; font-weight: 300 900; font-style: normal; font-display: swap;
  src: url("/fonts/red-hat-display-var.woff2") format("woff2"); }
@font-face { font-family: "Red Hat Text"; font-weight: 300 700; font-style: normal; font-display: swap;
  src: url("/fonts/red-hat-text-var.woff2") format("woff2"); }

:root {
  --bg: #0B0E11;
  --text: #C9D3D9;
  --accent: #00E5D4;
}

* { box-sizing: border-box; }
html { background: var(--bg); }

body {
  display: grid; place-items: center;
  min-height: 100vh; min-height: 100dvh; margin: 0;
  padding: clamp(24px, 6vw, 72px);
  color: var(--text);
  /* house style: a faint scanline over a teal glow */
  background:
    repeating-linear-gradient(0deg, rgba(0, 229, 212, .028) 0 1px, transparent 1px 4px),
    radial-gradient(80% 60% at 50% 42%, rgba(0, 229, 212, .09), transparent 70%),
    var(--bg);
  font: 400 1rem/1.65 "Red Hat Text", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.splash { max-width: 44rem; text-align: center; }

.wordmark {
  margin: 0; color: #FFFFFF;
  font: 800 clamp(3.25rem, 13vw, 7.5rem)/.95 "Red Hat Display", system-ui, sans-serif;
  letter-spacing: -.035em; text-transform: uppercase;
}
.wordmark span { color: var(--accent); }
.wordmark::after {
  content: ""; display: block;
  width: 56px; height: 3px; margin: clamp(22px, 4vw, 34px) auto;
  background: var(--accent);
}

.blurb {
  margin: 0 auto; max-width: 36em;
  font-size: clamp(1rem, 2.1vw, 1.15rem);
  text-wrap: pretty;
}

.contact { margin: clamp(20px, 3.5vw, 30px) 0 0; }
.contact a {
  color: var(--accent); text-decoration: none;
  border-bottom: 1px solid rgba(0, 229, 212, .35);
}
.contact a:hover, .contact a:focus-visible { border-bottom-color: var(--accent); }
.contact a:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }