/* ══════════════════════════════════════════════════════════
   base.css — design tokens, reset, shared elements
   Northeast Enterprises
   ══════════════════════════════════════════════════════════ */

:root{
  /* palette */
  --paper:       #F7F4EE;
  --paper-warm:  #EFEAE0;
  --ink:         #161A17;
  --ink-soft:    #4A524B;
  --ink-faint:   #8B928A;
  --forest:      #1E4634;
  --forest-deep: #16331F;
  --forest-lit:  #2C6349;
  --brass:       #A8802F;
  --brass-lit:   #D9B872;
  --cream:       #EDE8DC;
  --line:        #DCD5C7;
  --danger:      #9B3226;

  /* type */
  --serif: 'Fraunces', Georgia, serif;
  --sans:  'Karla', ui-sans-serif, system-ui, sans-serif;

  /* geometry + motion */
  --radius: 4px;
  --ease:   cubic-bezier(.2,.7,.3,1);
}

*{ box-sizing:border-box; margin:0; padding:0; }

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  overflow-x:hidden;
}

body{
  font-family:var(--sans);
  background:var(--paper);
  color:var(--ink);
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  -webkit-tap-highlight-color:rgba(30,70,52,.12);
  overflow-x:hidden;
  min-height:100vh;
  min-height:100dvh;
}

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

a{ color:inherit; }

/* ── logo mark (both pages) ── */
.mark{ display:flex; align-items:center; gap:12px; text-decoration:none; color:inherit; }
.mark-glyph{
  width:38px; height:38px; flex:none;
  border:1.5px solid rgba(237,232,220,.5);
  display:grid; place-items:center; border-radius:2px;
  font-family:var(--serif); font-size:17px; color:var(--cream);
}
.mark-name{
  font-family:var(--serif); font-size:17px; color:var(--cream);
  letter-spacing:.005em; line-height:1.2;
}

/* ── section eyebrow ── */
.eyebrow{
  font-size:11px; letter-spacing:.19em; text-transform:uppercase;
  color:var(--ink-faint); display:flex; align-items:center; gap:12px; margin-bottom:16px;
}
.eyebrow::after{ content:''; flex:1; height:1px; background:var(--line); }

/* ── motion ── */
@keyframes rise{ from{ opacity:0; transform:translateY(16px) } to{ opacity:1; transform:none } }

.stagger > *{ animation:rise .65s var(--ease) both; }
.stagger > *:nth-child(1){ animation-delay:.04s }
.stagger > *:nth-child(2){ animation-delay:.11s }
.stagger > *:nth-child(3){ animation-delay:.18s }
.stagger > *:nth-child(4){ animation-delay:.25s }
.stagger > *:nth-child(5){ animation-delay:.32s }

@media (prefers-reduced-motion:reduce){
  *{ animation:none !important; transition:none !important; }
  html{ scroll-behavior:auto !important; }
}

@media (max-width:380px){
  .mark-name{ font-size:14px; }
  .mark-glyph{ width:34px; height:34px; font-size:15px; }
}