/* Same Iceland landscape, with a quiet drafting layer rather than a radar. */
.site-loader {
  display: none; position: fixed; inset: 0; z-index: 2000; overflow: hidden;
  color: #f2f0e9; background: #080e0b; isolation: isolate;
  --loader-progress: 0%; --loader-scale: 0;
}
.loader-pending .site-loader {
  display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr;
  opacity: 1; transition: opacity .48s ease, visibility .48s;
}
.loader-pending .site-loader.is-complete { opacity: 0; visibility: hidden; pointer-events: none; }
html.loader-pending { overflow: hidden; }
.loader-landscape { position: absolute; inset: 0; z-index: -1; }
.loader-landscape img {
  width: 100%; height: 100%; object-fit: cover; object-position: 65% center;
  filter: brightness(.52) saturate(.72); transform: scale(1.035);
}
.loader-landscape::after {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(ellipse at 50% 40%,transparent,#080e0b88 65%),
    linear-gradient(180deg,#080e0b44,transparent 40%,#080e0bee);
}
.loader-sketch {
  position: absolute; width: min(880px,85vw); height: min(76vh,680px);
  left: 50%; top: 47%; transform: translate(-50%,-50%) rotate(-7deg);
  fill: none; stroke: #e3f1de; stroke-width: .7; opacity: .24;
}
.loader-wordmark, .loader-location {
  position: absolute; top: clamp(24px,4vw,60px); font: 800 12px/1.4 Arial,sans-serif;
  letter-spacing: .09em;
}
.loader-wordmark { left: clamp(24px,4vw,60px); }
.loader-wordmark span { color: #b8ff35; }
.loader-location { right: clamp(24px,4vw,60px); color: #f2f0e97a; font-size: 9px; letter-spacing: .16em; }
.loader-monogram {
  place-self: center; position: relative; margin-top: -8vh;
  font: 900 clamp(180px,29vw,370px)/1 'Arial Black','Helvetica Neue',Arial,sans-serif;
  letter-spacing: -.08em; padding-right: .08em; user-select: none;
}
.loader-r-outline { color: transparent; -webkit-text-stroke: 1px #f2f0e97a; }
.loader-r-fill {
  position: absolute; inset: 0; color: #f2f0e9;
  background: linear-gradient(180deg,#f2f0e9 25%,#d2f39d 80%,#b8ff35);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  clip-path: inset(calc(100% - var(--loader-progress)) 0 0 0);
}
.loader-monogram i {
  position: absolute; top: .03em; right: -.2em; color: #b8ff35;
  font: normal 700 .14em/1 Arial,sans-serif; letter-spacing: 0;
}
.loader-bottom { position: absolute; bottom: max(8vh,40px); width: min(420px,calc(100% - 48px)); left: 50%; transform: translateX(-50%); }
.loader-caption { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-bottom: 16px; }
[data-loader-label] { font: 700 10px/1.4 Arial,sans-serif; letter-spacing: .16em; text-transform: uppercase; color: #f2f0e9a0; }
.loader-percent { font: 500 36px/1 Arial,sans-serif; font-variant-numeric: tabular-nums; letter-spacing: -.06em; }
.loader-percent span { font-size: 12px; color: #b8ff35; margin-left: 6px; }
.loader-track { height: 2px; background: #f2f0e926; }
.loader-track > span { display: block; width: 100%; height: 100%; background: #b8ff35; transform-origin: left; transform: scaleX(var(--loader-scale)); box-shadow: 0 0 14px #b8ff3540; }
@media(max-width:600px) {
  .loader-location { top: auto; bottom: 24px; left: 24px; right: auto; font-size: 8px; }
  .loader-sketch { width: 125vw; height: 65vh; }
  .loader-landscape img { object-position: 70% center; }
  .loader-monogram { font-size: min(56vw,290px); }
  .loader-bottom { bottom: 12vh; }
}
@media(prefers-reduced-motion:reduce) {
  .loader-pending .site-loader { transition: none; }
  .loader-landscape img { transform: none; }
}