:root{
  --bg:#f7f7f4; --bg2:#f2f1ed; --panel:#ffffff; --elev:#ffffff; --elev2:#efeee9;
  --line:rgba(38,37,30,.09); --line2:rgba(38,37,30,.16); --line3:rgba(38,37,30,.28);
  --tx:#26251e; --tx2:#3b3a33; --mut:#57564f; --faint:#6b6a63; --dec:#6b6a63;
  --card:#f2f1ed; --ink:#26251e; --grey:#6b6a63; --soft:#e8e7e1;
  --link:#c2410c; --link2:#9a3412;
  --stopm:#d4553f; --stopbg:#fde8e3; --stoptx:#9f2d1f;
  --okm:#2f7d4a;
  
  --acc:#26251e; --acc2:#57564f;
  --ok:#2f7d4a; --ok-tx:#2f7d4a; --amber:#a8781f; --amber-tx:#8a6416; --crit:#b03a35; --crit-tx:#9f2d1f;
  --go:#2f7d4a; --go-tx:#2f7d4a; --stop:#d4553f; --stop-tx:#9f2d1f; --warn:#c2410c; --warn-tx:#9a3412;
  --g:clamp(20px,4.8vw,72px); --max:1300px;
}
html{color-scheme:light;scrollbar-color:#c9c7bf #f7f7f4}
body{background:var(--bg);color:var(--tx);letter-spacing:-.011em}
::selection{background:rgba(38,37,30,.14);color:var(--tx)}
:focus-visible{outline-color:var(--tx)}
h1,h2,h3{font-weight:400}
.hw{max-width:calc(var(--max) + 2 * var(--g));margin:0 auto;padding:0 var(--g)}


.nav{background:rgba(247,247,244,.9);border-bottom-color:transparent;
  -webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2)}
.nav .bar{max-width:calc(var(--max) + 2 * var(--g));padding:0 var(--g)}
header.nav .brand{font-size:21px}

@media(min-width:901px){
  .nav .bar{display:grid;grid-template-columns:1fr auto 1fr;gap:16px}
  .nav .links{margin:0}
  .nav .end{margin-left:0;justify-self:end}
}
.nav .links a{font:400 15px var(--sans);letter-spacing:-.01em;color:var(--tx)}

.nav .end a{white-space:nowrap}
.nav .links a:hover,.nav .drop:hover>a,.nav .drop:focus-within>a,
.nav .links a[aria-current="page"]{color:var(--tx);background:rgba(38,37,30,.05)}
.nav .links>a::before,.nav .links>.drop>a::before,.nav .end .signin::before{display:none}
.nav .mega{background:var(--bg);border-bottom:1px solid var(--line);
  box-shadow:0 34px 60px -40px rgba(38,37,30,.35)}
.nav .end{gap:8px}
.nav .end .signin{font:400 15px var(--sans);color:var(--tx);padding:6px 12px;border-radius:999px}
.nav .end .signin:hover{background:rgba(38,37,30,.05)}
.nav .end .signin:focus-visible{outline-color:var(--tx)}
.nav .end .btn{font:400 15px var(--sans);letter-spacing:-.01em;padding:5px 15px;min-height:32px}
.btn.solid{background:var(--ink);color:#f7f7f4;font-weight:400}
.btn.solid:hover{background:#3a3931;transform:none}
.btn.ghost{color:var(--tx);border-color:rgba(38,37,30,.2)}
.btn.ghost:hover{color:var(--tx);border-color:rgba(38,37,30,.32);background:rgba(38,37,30,.04)}
.nav .burger>summary{color:var(--tx)}
.nav .burger[open]>summary{background:rgba(38,37,30,.06)}
.nav .sheet{background:var(--bg);box-shadow:0 26px 50px -24px rgba(38,37,30,.35)}
.nav .sheet a{color:var(--tx)}
.nav .sheet a:hover{background:rgba(38,37,30,.05);color:var(--tx)}
@media(max-width:900px){
  .nav .burger[open]::before{background:rgba(38,37,30,.28)}
}


.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;
  padding:0 22px;border:0;border-radius:999px;font:400 16px var(--sans);letter-spacing:-.012em;
  text-decoration:none;white-space:nowrap;cursor:pointer;
  transition:background .18s var(--ease),color .18s var(--ease)}
.pill.ink{background:var(--ink);color:#f7f7f4}
.pill.ink:hover{background:#3a3931}
.pill.soft{background:var(--soft);color:var(--tx)}
.pill.soft:hover{background:#deddd6}
.pill svg{width:16px;height:16px;flex:none}
.ar{display:inline-block;transition:transform .22s var(--ease)}
a:hover .ar,button:hover .ar{transform:translateX(3px)}

.more{display:inline-block;padding:2px 0;font:400 17px/1.45 var(--sans);letter-spacing:-.012em;
  color:var(--link);text-decoration:none;transition:color .18s var(--ease)}
.more .ar{margin-left:.3em}
.more:hover{color:var(--link2)}
@media(prefers-reduced-motion:reduce){.ar{transition:none}a:hover .ar,button:hover .ar{transform:none}}


.foot{background:var(--bg2);border-top:0}
.foot .fi{max-width:calc(var(--max) + 2 * var(--g));margin:0 auto;
  padding:clamp(56px,6.5vw,96px) var(--g) 30px}
.fcols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px}
.fcols h2{margin-bottom:14px;font:400 16px var(--sans);letter-spacing:-.01em;color:var(--grey)}
.foot .fcols ul{list-style:none;display:flex;flex-direction:column;gap:4px}

.foot li a{font:400 16px var(--sans);letter-spacing:-.01em;color:var(--tx);min-height:32px;min-width:24px}
.foot li a:hover{color:var(--tx)}
.fbase{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:clamp(56px,7vw,104px);
  font:400 15px var(--sans);color:var(--grey)}
.fbase .brand{font-size:19px}
@media(max-width:900px){
  .foot li a{min-height:44px}
  .fcols{grid-template-columns:repeat(2,minmax(0,1fr))}
  
  a.more{position:relative;top:-8px;padding:10px 0;margin-bottom:-16px;vertical-align:-8px}
}