/* NIGHT ARCHIVE — tokens */
:root{
  --void:#0D0B08;
  --room:#14110D;
  --panel:#1A1611;
  --bone:#EFE7D3;
  --bone-dim:#C9BFA9;
  --faded:#8D8471;
  --ghost:#5C5546;
  --lamp:#FF5A1F;
  --lamp-soft:rgba(255,90,31,.14);
  --gold:#E8A33D;
  --ok:#8FBC5A;
  --no:#E0574B;
  --thread:rgba(255,90,31,.65);
  --rule:rgba(239,231,211,.14);
  --rule-strong:rgba(239,231,211,.32);
  --paper-ex:#EFE7D3;
  --paper-ink:#191510;
  --serif:"Fraunces",Georgia,serif;
  --sans:"Space Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono","JetBrains Mono",ui-monospace,Menlo,monospace;
  --hero:clamp(3rem,10.5vw,9.5rem);
  --h2:clamp(2.1rem,5vw,3.9rem);
  --h3:clamp(1.3rem,2.4vw,1.8rem);
  --gut:clamp(0.85rem,4vw,3.6rem);
  --spine:64px;
  --ease:cubic-bezier(.22,.61,.21,1);
  --out:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden;max-width:100%}
body{margin:0;padding:0;overflow-x:hidden;max-width:100%;width:100%;position:relative;background:var(--void);color:var(--bone);font-family:var(--sans);line-height:1.6;
  -webkit-font-smoothing:antialiased}
::selection{background:var(--lamp);color:#000}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button{font:inherit;color:inherit}
section[id]{scroll-margin-top:84px}

/* grain */
body::after{content:"";position:fixed;inset:0;z-index:2000;pointer-events:none;opacity:.07;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}

/* the lamp that follows you */
#lampGlow{position:fixed;left:0;top:0;width:520px;height:520px;margin:-260px 0 0 -260px;
  pointer-events:none;z-index:1;border-radius:50%;
  background:radial-gradient(circle,rgba(255,150,80,.10),rgba(255,90,31,.05) 40%,transparent 68%)}
@media(hover:none){#lampGlow{display:none}}