/* ============================================================
   NORD MARKED — delt design-system
   ============================================================ */

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}

:root{
  --ink:        #0E1926;
  --ink-2:      #15243B;
  --panel:      #142238;
  --panel-2:    #1B2D48;
  --cream:      #F6F1E7;
  --cream-dim:  rgba(246,241,231,.62);
  --cream-faint:rgba(246,241,231,.30);
  --gold:       #C9A15C;
  --line:       rgba(246,241,231,.14);
  --ease:       cubic-bezier(.22,1,.36,1);
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  background:var(--ink);
  color:var(--cream);
  font-family:'Poppins', sans-serif;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a{ color:inherit; text-decoration:none; }
img,svg{ display:block; max-width:100%; }
::selection{ background:var(--gold); color:var(--ink); }

/* ---------- ambient background ---------- */
.aurora{
  position:fixed; inset:0; z-index:0; pointer-events:none;
  overflow:hidden;
}
.aurora span{
  position:absolute;
  width:60vmax; height:60vmax;
  border-radius:50%;
  filter:blur(90px);
  opacity:.16;
  mix-blend-mode:screen;
  animation: drift 34s ease-in-out infinite;
}
.aurora span:nth-child(1){ background:#2A6E6A; top:-20%; left:-15%; animation-delay:0s; }
.aurora span:nth-child(2){ background:#3E5C8A; bottom:-25%; right:-10%; animation-delay:-11s; }
.aurora span:nth-child(3){ background:#6E5C3E; top:30%; right:20%; opacity:.10; animation-delay:-22s; width:40vmax; height:40vmax; }

@keyframes drift{
  0%,100%{ transform:translate(0,0) scale(1); }
  33%{ transform:translate(4%,6%) scale(1.08); }
  66%{ transform:translate(-5%,-3%) scale(0.96); }
}

.grain{
  position:fixed; inset:0; z-index:1; pointer-events:none;
  opacity:.05; mix-blend-mode:overlay;
}

@media (prefers-reduced-motion: reduce){
  .aurora span{ animation:none; }
}

/* ---------- topo lines (nordic terrain motif) ---------- */
.topo{
  position:fixed; left:0; right:0; bottom:0; z-index:0;
  height:42vh; opacity:.5; pointer-events:none;
}

/* ---------- layout shells ---------- */
.wrap{
  position:relative; z-index:2;
  min-height:100vh;
  display:flex; flex-direction:column;
}

.site-header{
  display:flex; align-items:center; justify-content:space-between;
  padding: clamp(20px,4vw,40px) clamp(20px,5vw,64px);
}
.brand-mini{
  display:flex; align-items:center; gap:12px;
  font-weight:600; letter-spacing:.22em; font-size:12px;
  color:var(--cream-dim);
}
.brand-mini svg{ width:22px; height:auto; }
.back-link{
  font-size:12px; letter-spacing:.18em; font-weight:500;
  color:var(--cream-dim);
  display:flex; align-items:center; gap:8px;
  transition:color .3s var(--ease);
}
.back-link:hover{ color:var(--cream); }
.back-link .arrow{ transition:transform .3s var(--ease); }
.back-link:hover .arrow{ transform:translateX(-4px); }

.site-footer{
  padding: 22px clamp(20px,5vw,64px) 30px;
  display:flex; align-items:center; justify-content:space-between;
  font-size:11px; letter-spacing:.14em; color:var(--cream-faint);
  flex-wrap:wrap; gap:10px;
}

/* ---------- utility ---------- */
.eyebrow{
  font-size:12px; letter-spacing:.32em; text-transform:uppercase;
  color:var(--gold); font-weight:600; margin:0 0 18px;
}
.section-line{
  width:44px; height:2px; background:var(--gold); border:0; margin:0 0 22px;
}

/* Media-siden får egen aksentfarge (isblå) — resten av systemet er felles */
body.media{
  --gold: #7FB6C4;
}
body.media .aurora span:nth-child(3){ background:#2F6B7A; }