:root{
  --olive:#8b904e;
  --olive-deep:#6f743b;
  --olive-light:#dadd9b;
  --olive-mist:#eceebf;
  --ink:#20211d;
  --smoke:#66685f;
  --paper:#f1f0e9;
  --bone:#f5f3e9;
  --steel:#c6c8c1;
  --steel-light:#e6e7e1;
  --steel-dark:#9ea19a;
  --line:rgba(32,33,29,.34);
  --logo-font:"DM Sans",Arial,Helvetica,sans-serif;
  --sans:"Instrument Sans","Helvetica Neue",Arial,sans-serif;
  --editorial:"Newsreader",Georgia,serif;
  --pad:clamp(16px,2vw,34px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:400;overflow-x:hidden}
a{color:inherit;text-decoration:none}
figure{margin:0}
img{display:block;width:100%;height:100%;object-fit:cover}
.italic-note{font-family:var(--editorial);font-size:1em;font-style:italic;font-weight:400;line-height:.98;letter-spacing:-.025em;text-transform:none}
.meta{font-family:var(--sans);font-size:10px;line-height:1.15;text-transform:uppercase;letter-spacing:.075em;font-weight:500;opacity:.72}
.noise{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.027;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
.metal{position:relative;background:radial-gradient(ellipse at 78% 22%,rgba(255,255,255,.68) 0%,rgba(255,255,255,.16) 24%,transparent 48%),linear-gradient(108deg,#a9aca5 0%,#dedfd8 17%,#b4b7af 34%,#eeeeea 51%,#afb2aa 70%,#dcddd7 100%)}
.metal:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.17) 0 1px,rgba(0,0,0,.025) 1px 3px);opacity:.25;mix-blend-mode:soft-light}
.olive-metal{position:relative;isolation:isolate;background:radial-gradient(ellipse at 75% 8%,rgba(247,249,205,.92) 0%,rgba(229,232,157,.58) 18%,transparent 48%),radial-gradient(ellipse at 15% 42%,rgba(87,94,35,.46) 0%,rgba(112,119,48,.18) 29%,transparent 53%),radial-gradient(ellipse at 74% 74%,rgba(238,239,174,.35) 0%,transparent 44%),linear-gradient(115deg,#888d49 0%,#aeb263 25%,#d7d989 48%,#babd6c 68%,#858b47 100%)}
.olive-metal:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(92deg,rgba(255,255,255,.075) 0 1px,rgba(0,0,0,.025) 1px 3px);opacity:.45;mix-blend-mode:soft-light}

/* Header shell — color/blend set per page (home vs cases) */
.site-header{position:fixed;inset:0 0 auto;z-index:80;padding:17px var(--pad);display:grid;grid-template-columns:1fr auto;align-items:center;font-size:12px}
.nav{display:flex;gap:25px}
.nav a{position:relative}
.nav a:after{content:"";position:absolute;height:1px;left:0;right:0;bottom:-4px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:.25s}
.nav a:hover:after{transform:scaleX(1);transform-origin:left}
.nav-mobile{display:none}
.cta{justify-self:end}
.arrow{display:inline-block;width:.85em;height:.85em;vertical-align:-.05em}

@media(max-width:820px){
  :root{--pad:16px}
  .site-header{grid-template-columns:1fr;padding:15px var(--pad);font-size:11px}
  .cta{display:none}
  .nav{display:flex;justify-content:center;gap:24px;font-size:10px;font-weight:500;letter-spacing:.075em;text-transform:uppercase}
  .nav-desktop{display:none}
  .nav-mobile{display:inline}
}
@media(max-width:600px){
  .site-header{padding-top:13px;padding-bottom:13px}
  .nav{font-size:9px}
}