/* Lokk — register: sealed-plate
   Stone + steel blue + dull brass. Cold, heavy, closed. The dominant object is
   a countdown you cannot interact with, and the absence of an escape hatch is
   the product, so there is deliberately no secondary action near it.

   Structural firsts for this build: the h1 is SUBORDINATE to a non-text element
   (a huge <time> figure), and a <blockquote> carries the one line about what
   cannot be undone. Masthead is centred between two rules, no nav.

   Not a receipt (Pikk), not a claim board (Dibsy), not a season list (Seatly). */

:root{
  --ink:#191b1e;
  --surface:#e9eaec;
  --raised:#f7f8f9;
  --muted:#61666c;
  --border:#cacdd1;
  --accent:#3b566e;
  --seal:#7a6433;
  --max:70rem;
  --display:'Spectral', Georgia, serif;
  --body:'Inter Tight', system-ui, sans-serif;
  --mono:'Space Mono', ui-monospace, monospace;
}

*{box-sizing:border-box}
img{display:block;max-width:100%;height:auto}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--surface);color:var(--ink);
  font-family:var(--body);font-size:17px;line-height:1.56;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:var(--max);margin:0 auto;padding:0 clamp(20px,4vw,48px)}

h1{
  font-family:var(--display);font-weight:500;
  font-size:clamp(1.5rem,1.2rem + 1.3vw,2.2rem);
  line-height:1.2;letter-spacing:-.01em;margin:0;
}
h2{
  font-family:var(--display);font-weight:500;
  font-size:clamp(1.9rem,1.4rem + 2vw,3rem);
  line-height:1.14;letter-spacing:-.018em;margin:0;
}
p{margin:0}
a{color:inherit}

.eyebrow{
  font-family:var(--mono);font-size:.66rem;font-weight:400;
  letter-spacing:.17em;text-transform:uppercase;color:var(--muted);margin:0;
}

.btn{
  display:inline-block;padding:13px 23px;border-radius:2px;
  background:var(--accent);color:#fff;text-decoration:none;
  font-size:.93rem;font-weight:600;
}
.btn--quiet{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--border)}