@font-face{font-family:Archivo;src:url('assets/fonts/archivo-latin.woff2') format('woff2');font-weight:400 800;font-display:swap}
@font-face{font-family:Hanken;src:url('assets/fonts/hanken-grotesk-latin.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{--orange:#de3a11;--paper:#f4f1e9;background:#080908;color:var(--paper);font-family:Hanken,Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#080908;overflow-x:clip}a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:1px solid var(--orange);outline-offset:4px}

.lg-bar{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:30px 3.8vw;pointer-events:none;background:linear-gradient(#080908 55%,#08090800)}
.lg-bar>*{pointer-events:auto}
.wordmark{font-family:Archivo,sans-serif;font-size:39px;font-weight:800;letter-spacing:-3px;line-height:1}
.wordmark span{display:inline-block;vertical-align:top;font-size:10px;color:var(--orange);margin:4px 0 0 5px;letter-spacing:0}
.lg-back{position:relative;display:block;width:50px;height:50px;border:1px solid #ffffff38;background:#08090899;transition:border-color .3s}
.lg-back:hover{border-color:var(--orange)}
.lg-back-icon{position:absolute;left:50%;top:50%}
.lg-back-icon i,.lg-back-icon::before,.lg-back-icon::after{content:'';position:absolute;width:3.5px;height:3.5px;margin:-1.75px;background:var(--paper)}
.lg-back-icon i:nth-child(1){transform:translate(-8px,0);background:var(--orange)}.lg-back-icon i:nth-child(2){transform:translate(-4px,0)}.lg-back-icon i:nth-child(3){transform:translate(0,0)}.lg-back-icon i:nth-child(4){transform:translate(4px,0)}.lg-back-icon i:nth-child(5){transform:translate(8px,0)}
.lg-back-icon::before{transform:translate(-4px,-4px)}.lg-back-icon::after{transform:translate(-4px,4px)}
.lg-back:hover .lg-back-icon{animation:lg-nudge 1s ease-in-out infinite}
@keyframes lg-nudge{50%{transform:translateX(-4px)}}

.lg{position:relative;overflow-x:clip;padding:22vh 3.8vw 12vh}
/* A giant outline word behind the heading, as on the original site. */
.lg-ghost{position:absolute;right:-.04em;top:9vh;z-index:0;font:800 clamp(120px,22vw,380px)/.8 Archivo,sans-serif;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px #f4f1e91a;pointer-events:none;user-select:none;white-space:nowrap}
.lg-head{position:relative;z-index:1;max-width:900px;padding-bottom:9vh}
.lg-head>*{animation:lg-in .9s cubic-bezier(.16,1,.3,1) backwards}
.lg-head>:nth-child(2){animation-delay:.08s}.lg-head>:nth-child(3){animation-delay:.16s}.lg-head>:nth-child(4){animation-delay:.24s}
@keyframes lg-in{from{opacity:0;transform:translateY(26px)}}
.lg-kicker{margin:0 0 26px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--paper)}
.lg-kicker::before{content:'';display:inline-block;width:6px;height:6px;margin:0 12px 1px 0;background:var(--orange)}
.lg h1{margin:0 0 30px;font:400 clamp(44px,6.4vw,104px)/.95 Archivo,sans-serif;letter-spacing:-.055em}
.lg h1 em{font-style:normal;color:var(--orange)}
.lg-intro{max-width:620px;margin:0 0 26px;font:400 clamp(18px,1.45vw,23px)/1.4 Archivo,sans-serif;letter-spacing:-.022em;color:#d6d3c8}
.lg-updated{margin:0;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#8c9087}

.lg-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(220px,28%) minmax(0,1fr);gap:6vw;padding-top:7vh;border-top:1px solid #ffffff14}
/* Contents: a rail of stations like the contact page; the section in view is lit. */
.lg-toc{position:sticky;top:120px;align-self:start;max-height:calc(100svh - 150px);overflow:auto;scrollbar-width:none}
.lg-toc-label{margin:0 0 22px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#8c9087}
.lg-toc ol{position:relative;display:grid;gap:14px;margin:0;padding:0 0 0 24px;list-style:none}
.lg-toc ol::before{content:'';position:absolute;left:4px;top:6px;bottom:6px;width:1px;background:#ffffff1f}
.lg-toc a{position:relative;display:flex;align-items:baseline;gap:12px;color:#787e72;transition:color .3s}
.lg-toc a i{position:absolute;left:-24px;top:4px;width:9px;height:9px;border:1px solid #ffffff4d;background:#080908;transition:border-color .4s,background-color .4s,transform .5s cubic-bezier(.16,1,.3,1)}
.lg-toc span{flex:none;font-size:10px;letter-spacing:1.6px;font-variant-numeric:tabular-nums}
.lg-toc b{font:500 14px/1.3 Archivo,sans-serif;letter-spacing:-.1px;color:#8c9087;transition:color .3s}
.lg-toc a:hover b{color:var(--paper)}
.lg-toc a.read i{border-color:var(--orange);background:var(--orange)}
.lg-toc a[aria-current=true]{color:var(--orange)}
.lg-toc a[aria-current=true] i{border-color:var(--orange);transform:rotate(45deg) scale(1.3)}
.lg-toc a[aria-current=true] b{color:var(--paper)}

.lg-body{max-width:760px}
.lg-sec{padding-bottom:6vh}
.lg-sec h2{display:flex;align-items:baseline;gap:18px;margin:0 0 20px;font:400 clamp(24px,2.1vw,34px)/1.12 Archivo,sans-serif;letter-spacing:-.04em}
.lg-sec h2 span{flex:none;font:400 10px Hanken,sans-serif;letter-spacing:2px;color:var(--orange);transform:translateY(-.4em)}
.lg-sec p,.lg-list{margin:0 0 16px;font-size:16px;line-height:1.7;color:#bcbdb3}
.lg-sec strong{font-weight:600;color:var(--paper)}
.lg-list{padding:0;list-style:none}
.lg-list li{position:relative;padding:0 0 10px 26px}
.lg-list li::before{content:'';position:absolute;left:2px;top:.72em;width:6px;height:6px;background:var(--orange);transform:rotate(45deg)}
.lg-link{color:var(--paper);border-bottom:1px solid #de3a1199;transition:border-color .3s,color .3s}
.lg-link:hover{color:var(--orange);border-color:var(--orange)}
.lg-btn{padding:0;border-top:0;border-left:0;border-right:0;background:none;font:inherit;cursor:pointer}
.lg-note{margin:2vh 0 0;padding-top:24px;border-top:1px solid #ffffff14;font-size:11px;letter-spacing:1.2px;line-height:1.7;text-transform:uppercase;color:#6d7268}

.lg-also{position:relative;z-index:1;margin-top:10vh;padding-top:6vh;border-top:1px solid #ffffff14}
.lg-also>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.lg-also a{position:relative;display:flex;align-items:center;justify-content:space-between;padding:30px 28px;border:1px solid #ffffff24;overflow:hidden;font:400 clamp(22px,2.2vw,36px) Archivo,sans-serif;letter-spacing:-.04em;transition:border-color .4s,color .4s}
.lg-also a::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--orange);transform:scaleY(0);transform-origin:bottom;transition:transform .55s cubic-bezier(.16,1,.3,1)}
.lg-also a i{font-style:normal;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.lg-also a:hover{border-color:var(--orange);color:#080908}
.lg-also a:hover::before{transform:none}
.lg-also a:hover i{transform:translateX(6px)}

.lg-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 30px;margin:0 3.8vw;padding:26px 0 32px;border-top:1px solid #ffffff14;font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:#787e72}
.lg-foot>a{color:var(--paper);transition:color .3s}.lg-foot>a:hover{color:var(--orange)}

/* Legal links, shared with the site footer. */
.legal-links{display:flex;flex-wrap:wrap;gap:8px 22px}
.legal-links a,.legal-links button{padding:0;border:0;background:none;color:#a7aaa0;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;transition:color .3s}
.legal-links a:hover,.legal-links button:hover,.legal-links [aria-current=page]{color:var(--paper)}

@media(max-width:860px){
  .lg-bar{padding:20px 16px}.wordmark{font-size:32px;letter-spacing:-2.4px}.lg-back{width:46px;height:46px}
  .lg{padding:18vh 16px 10vh}
  .lg-grid{grid-template-columns:1fr;gap:0;padding-top:5vh}
  .lg-toc{position:static;max-height:none;margin-bottom:6vh;padding-bottom:5vh;border-bottom:1px solid #ffffff14}
  .lg-toc ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;padding:0}.lg-toc ol::before,.lg-toc a i{display:none}
  .lg-also>div{grid-template-columns:1fr}.lg-also a{padding:22px 20px}
  .lg-foot{margin:0 16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lg-head>*{animation:none}.lg-back:hover .lg-back-icon{animation:none}.lg-also a::before,.lg-also a i{transition:none}}
@media(max-width:860px){.lg-toc a{padding:6px 0}.lg-toc ol{gap:4px 18px}.legal-links a,.legal-links button{padding:8px 0}}
.pg-foot{margin:0 3.8vw;padding:6vh 0 0;border-top:1px solid #ffffff14}
.sf-explore{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:0 0 5vh}
.sf-explore p{margin:0 0 14px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#8c9087}
.sf-explore a{display:block;padding:5px 0;font-size:14px;color:#c9c7bd;transition:color .3s}
.sf-explore a:hover{color:var(--orange)}
@media(max-width:860px){.pg-foot{margin:0 16px}.sf-explore{grid-template-columns:1fr 1fr}.sf-explore a{padding:9px 0}}