/* The Open Experience: shared system.
   Two worlds, Light (Technical White) and Depth (Obsidian). The threshold, a hard vertical edge,
   is the device that moves between them. Hairlines, diamonds and mono readouts come from the mark's
   construction drawing; the chamfer on cards comes from the E's outer bars. */
:root{
  --white:#F4F4F1; --silver:#D8D9D6; --graphite:#6E7175; --ink:#111214; --obsidian:#0B0C0E;
  --sig-d:#A9D6DE; --sig-l:#2C7884;
  --f-display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --f-body:"Instrument Sans",ui-sans-serif,system-ui,-apple-system,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --t-hero:clamp(2.4rem,1rem + 5vw,6rem);
  --t-h2:clamp(2rem,1.1rem + 3.2vw,4.4rem);
  --t-h3:clamp(1.2rem,1rem + .7vw,1.55rem);
  --t-label:.6875rem;
  --gut:clamp(16px,4.2vw,64px);
  --ease:cubic-bezier(.7,0,.2,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  color-scheme:light;
}
@font-face{font-family:"OE Mono";src:url(data:font/woff;base64,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) format("woff");font-display:block}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--obsidian);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--ink);font:400 1.0625rem/1.62 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg{max-width:100%;display:block}
a{color:inherit}
button{font:inherit;color:inherit}
::selection{background:var(--ink);color:var(--white)}
.w-dark ::selection{background:var(--silver);color:var(--obsidian)}
:focus-visible{outline:2px solid var(--sig);outline-offset:3px}

.w-light{--bg:var(--white);--fg:var(--ink);--mute:#5D6065;--rule:rgba(17,18,20,.14);--soft:rgba(17,18,20,.045);--sig:var(--sig-l);--other:var(--obsidian);--other-fg:#E6E7E4;background:var(--bg);color:var(--fg)}
.w-dark{--bg:var(--obsidian);--fg:#E6E7E4;--mute:#8F9297;--rule:rgba(216,217,214,.15);--soft:rgba(216,217,214,.045);--sig:var(--sig-d);--other:var(--white);--other-fg:var(--ink);background:var(--bg);color:var(--fg)}
body{--sig:var(--sig-l);--bg:var(--white);--fg:var(--ink);--mute:#5D6065;--rule:rgba(17,18,20,.14);--soft:rgba(17,18,20,.045);--other:var(--obsidian);--other-fg:#E6E7E4}

.wrap{padding-left:max(var(--gut),env(safe-area-inset-left,0px));padding-right:max(var(--gut),env(safe-area-inset-right,0px))}
.inner{max-width:1320px;margin-inline:auto}
.band{padding-block:clamp(88px,12vw,168px)}

.label{font:500 var(--t-label)/1.3 var(--f-display);font-stretch:112%;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
h1,h2,h3,.display{font-family:var(--f-display);font-weight:300;font-stretch:125%;letter-spacing:-.03em;line-height:1.02;text-wrap:balance;margin:0}
h1{font-size:var(--t-hero)}
h2{font-size:var(--t-h2)}
.lede{font-size:clamp(1.06rem,1rem + .35vw,1.25rem);line-height:1.55;color:var(--mute);max-width:46ch;text-wrap:pretty;margin:0}
.sec-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px 64px;align-items:end;margin-bottom:clamp(40px,6vw,72px)}
.sec-head .label{margin-bottom:22px;display:block}
@media (max-width:860px){.sec-head{grid-template-columns:1fr}}

/* buttons */
.btn{--h:46px;display:inline-flex;align-items:center;gap:12px;height:var(--h);padding:0 20px;border:1px solid currentColor;background:transparent;text-decoration:none;font:500 .75rem/1 var(--f-display);font-stretch:115%;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;position:relative;isolation:isolate;overflow:hidden;transition:color .45s var(--ease);white-space:nowrap}
.btn::before{content:"";position:absolute;inset:0;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease);z-index:-1}
.btn:hover::before,.btn:focus-visible::before{transform:scaleX(1)}
.btn:hover,.btn:focus-visible{color:var(--bg)}
.btn.solid{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.btn.solid::before{background:var(--bg)}
.btn.solid:hover,.btn.solid:focus-visible{color:var(--fg)}
.btn .arr{width:14px;height:10px;flex:none}
.btn-row{display:flex;flex-wrap:wrap;gap:10px}

/* ---------- chrome: nav + menu sheet + footer (injected by oe.js) ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:40;color:#F4F4F1;mix-blend-mode:difference;padding-top:env(safe-area-inset-top,0px);pointer-events:none}
.nav .inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:24px}
.nav a,.nav button{pointer-events:auto}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none}
.brand .mk{height:20px;width:auto}
.brand .wm{height:8.5px;width:auto}
.nav-links{display:flex;align-items:center;gap:clamp(18px,2.4vw,34px)}
.nav-links a{font:500 .72rem/1 var(--f-display);font-stretch:112%;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;position:relative;padding-block:8px}
.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.nav-links a:hover::after,.nav-links a[aria-current="page"]::after{transform:scaleX(1)}
.nav-links .yt{border:1px solid currentColor;padding:9px 14px}
.nav-links .yt::after{display:none}
.menu-btn{display:none;background:none;border:0;padding:10px 0;font:500 .72rem/1 var(--f-display);font-stretch:112%;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}
@media (max-width:900px){.nav-links{display:none}.menu-btn{display:block}.brand .wm{display:none}}
.sheet{position:fixed;inset:0;z-index:60;padding-top:calc(env(safe-area-inset-top,0px) + 18px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 28px);display:flex;flex-direction:column;clip-path:inset(0 0 0 100%);transition:clip-path .6s var(--ease)}
.sheet[hidden]{display:none}
.sheet.open{clip-path:inset(0)}
.sheet-top{display:flex;justify-content:space-between;align-items:center;height:54px}
.sheet nav{display:flex;flex-direction:column;gap:6px;margin-top:auto}
.sheet nav a{font:300 clamp(2.2rem,9vw,3.4rem)/1.08 var(--f-display);font-stretch:125%;letter-spacing:-.03em;text-decoration:none;padding-block:6px;border-bottom:1px solid var(--rule)}
.sheet .label{margin-top:28px}
.sheet-close{background:none;border:0;padding:10px 0;font:500 .72rem/1 var(--f-display);font-stretch:112%;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;color:var(--fg)}
.foot-band{padding-block:clamp(72px,9vw,120px) calc(36px + env(safe-area-inset-bottom,0px))}
.lockup{display:flex;align-items:center;gap:clamp(16px,2.4vw,36px);padding-bottom:clamp(40px,6vw,72px);border-bottom:1px solid var(--rule)}
.lockup .mk{width:clamp(56px,9vw,130px);height:auto;flex:none}
.lockup .wm{width:100%;height:auto;min-width:0}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:36px;padding-top:40px}
.foot-grid p{margin:0;color:var(--mute);max-width:38ch}
.foot-grid ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.foot-grid a{text-decoration:none;color:var(--fg);opacity:.85}
.foot-grid a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
.colophon{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:56px;font:400 .76rem/1.4 var(--f-mono);color:var(--mute)}
@media (max-width:760px){.foot-grid{grid-template-columns:1fr 1fr}.foot-grid>div:first-child{grid-column:1/-1}}

/* threshold wipe between pages */
.wipe{position:fixed;inset:0;z-index:100;background:var(--obsidian);pointer-events:none;transform:scaleX(0);transform-origin:right center}
.wipe.cover.on{transform:scaleX(1);transition:transform .5s var(--ease)}
.wipe.in{transform:scaleX(1);transform-origin:left center}
.wipe.in.out{transform:scaleX(0);transition:transform .7s var(--ease) .05s}


/* ---------- arrival + reveal (shared by the inner pages) ---------- */
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out);transition-delay:calc(var(--i,0) * 90ms)}
[data-reveal].in{opacity:1;transform:none}
[data-reveal="hair"]{transform:none}
[data-reveal="hair"]::before{content:"";display:block;width:0;height:1px;background:var(--fg);margin-bottom:18px;transition:width 1.1s var(--ease) calc(var(--i,0) * 90ms)}
[data-reveal="hair"].in::before{width:52px}
@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}[data-reveal="hair"]::before{width:52px;transition:none}}

/* a real fragment of a breakdown, scaled down and masked (previews on the home page and in the guide) */
.mini{position:relative;height:150px;overflow:hidden;mask-image:linear-gradient(#000 62%,transparent);-webkit-mask-image:linear-gradient(#000 62%,transparent);pointer-events:none}
.mini .in{transform:scale(.6);transform-origin:0 0;width:166.7%;padding:14px 16px 0}
.mini .in>*{margin:0!important}
.mini .tbl{border-top:1px solid var(--fg)}
.mini .tbl table{min-width:0;font-size:.9rem}
.mini pre{font-size:.82rem;line-height:1.55}
.mini .toc{list-style:none;margin:0;padding:0;display:grid;gap:8px;font:400 .9rem/1.4 var(--f-mono);color:var(--fg)}
.mini .toc li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding-bottom:8px;border-bottom:1px solid var(--rule)}
.mini .toc li span{color:var(--mute)}
.mini .repos li{padding:8px 0}

/* in-page view change (index ↔ breakdown): the threshold crosses the page */
.vwipe{position:fixed;inset:0;z-index:90;background:var(--obsidian);pointer-events:none;transform:scaleX(0);transform-origin:right center}
.vwipe.cover{transform:scaleX(1);transition:transform .42s var(--ease)}
.vwipe.uncover{transform:scaleX(0);transform-origin:left center;transition:transform .5s var(--ease)}

/* page header for content pages */
.page-head{padding-top:calc(120px + env(safe-area-inset-top,0px));padding-bottom:clamp(40px,6vw,80px)}
.page-head .inner{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px 64px;align-items:end}
.page-head .label{display:block;margin-bottom:22px}
@media (max-width:860px){.page-head .inner{grid-template-columns:1fr}}

/* chamfered surfaces */
.cut{--cut:26px;clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}

/* readout rail (the set loop's reading head) */
.rail{position:relative;height:28px;border-bottom:1px solid var(--rule)}
.rail .tick{position:absolute;bottom:0;width:1px;height:6px;background:var(--rule)}
.rail .idx{position:absolute;bottom:-1px;left:0;width:0}
.rail .idx span{position:absolute;bottom:14px;left:0;transform:translateX(calc(var(--p,0) * -100%));font:400 .7rem/1 var(--f-mono);color:var(--mute);white-space:nowrap}
.rail .idx i{position:absolute;bottom:0;left:0;transform:translateX(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:7px solid var(--fg)}

/* ---------- prose (field guide reader) ---------- */
.prose{max-width:70ch;min-width:0}
.prose>p:first-child{font-size:1.18rem;line-height:1.6}
.prose p{margin:0 0 1.1em}
.prose h3{font-size:clamp(1.4rem,1.15rem + .8vw,1.9rem);margin:2.3em 0 .7em;scroll-margin-top:110px}
.prose ul{margin:0 0 1.2em;padding-left:1.1em}
.prose li{margin-bottom:.5em}
.prose li::marker{color:var(--mute)}
.prose strong{font-weight:600}
.prose a{text-underline-offset:3px;text-decoration-thickness:1px}
.prose code{font:400 .88em var(--f-mono);background:var(--soft);padding:.1em .35em}
.prose pre{position:relative;margin:1.4em 0 1.6em;background:var(--obsidian);color:#DADBD8;padding:22px;overflow-x:auto;font:400 .84rem/1.6 var(--f-mono);--cut:18px;clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}
.prose pre code{background:none;padding:0;font-size:inherit;color:inherit;white-space:pre}
.copy{position:absolute;top:10px;right:26px;height:28px;padding:0 10px;border:1px solid rgba(216,217,214,.25);background:var(--obsidian);color:#DADBD8;font:500 .64rem/1 var(--f-display);font-stretch:112%;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
.copy:hover{border-color:#DADBD8}
.tbl{overflow-x:auto;margin:1.4em 0 1.8em;border-top:1px solid var(--fg)}
.tbl table{border-collapse:collapse;width:100%;min-width:520px;font-size:.94rem}
.tbl th{text-align:left;font:500 .66rem/1.3 var(--f-display);font-stretch:112%;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);padding:12px 16px 12px 0;border-bottom:1px solid var(--rule)}
.tbl td{padding:12px 16px 12px 0;border-bottom:1px solid var(--rule);vertical-align:top}
.tbl td:first-child{font-weight:500}
.callout{margin:2.6em 0 0;padding:24px 26px;background:var(--obsidian);color:#E6E7E4;--cut:18px;clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}
.callout .label{color:var(--sig-d);display:block;margin-bottom:10px}
.callout p{margin:0;font-size:1.05rem}
.repos{list-style:none;padding:0!important;display:grid;gap:0;border-top:1px solid var(--rule)}
.repos li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:6px 24px;padding:14px 0;margin:0;border-bottom:1px solid var(--rule)}
.repos li a{font:500 .88rem/1.4 var(--f-mono);text-decoration:none;word-break:break-word}
.repos li a:hover{text-decoration:underline}
.repos li span{color:var(--mute);font-size:.95rem}
@media (max-width:620px){.repos li{grid-template-columns:1fr}.prose pre{padding-top:48px}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}