/*
  EGC Phase 105 inert CSS shell.
  EGC Phase 115 static rendering implementation.
  Repository-local only. Non-routed. Undeployed. Non-interactive.
  Repository-local only.
  Non-routed.
  Undeployed.
  Non-interactive.
  No route binding.
  No DNS mutation.
  No Cloudflare mutation.
  No website mutation.
  No activation.
*/

:root {
  color-scheme: dark;
  font-family: Georgia, "Times New Roman", serif;
  background: #050505;
  color: #f2eee5;
}

* {
  box-sizing: border-box;
}

html,
body {
  min-height: 100%;
  margin: 0;
}

body {
  display: block;
  background:
    radial-gradient(circle at 50% 20%, rgba(184, 111, 45, 0.16), transparent 34rem),
    linear-gradient(180deg, #111 0%, #050505 64%);
}

.egc-shell {
  width: min(68rem, calc(100% - 2rem));
  margin: 0 auto;
  padding: 4rem 0;
}

.egc-panel {
  border: 1px solid rgba(184, 111, 45, 0.42);
  background: rgba(12, 12, 12, 0.78);
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.48);
  margin: 0 0 1rem;
  padding: 1.25rem;
}

.egc-identity {
  min-height: 18rem;
  display: grid;
  align-content: center;
  text-align: center;
}

.egc-kicker {
  margin: 0 0 0.75rem;
  letter-spacing: 0.44em;
  text-transform: uppercase;
  color: #c2874c;
}

h1,
h2,
p {
  margin: 0;
}

h1 {
  font-size: clamp(2.75rem, 8vw, 6.5rem);
  line-height: 0.95;
}

h2 {
  color: #d6a36d;
  font-size: 1rem;
  letter-spacing: 0.18em;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
}

p {
  color: #ded6c8;
  font-size: 1.05rem;
  line-height: 1.65;
}

.egc-statement {
  width: min(42rem, 100%);
  margin: 1rem auto 0;
}