/* shared chrome: nav links, footer, logo strips, engines row. Used by the homepage and every subpage. */
.nav-r{display:flex;align-items:center;gap:10px}
.menu{display:none;width:44px;height:44px;border-radius:999px;border:0;background:rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;padding:0;place-items:center;align-content:center;gap:5px}
.menu i{display:block;width:18px;height:2px;border-radius:2px;background:#fff;margin:0 auto;transition:transform .2s}
@media (max-width:880px){
  .menu{display:grid}
  .nav.open nav{display:flex;position:absolute;top:78px;left:clamp(16px,4vw,40px);right:clamp(16px,4vw,40px);flex-direction:column;gap:0;background:#0C0C0D;border-radius:20px;padding:10px 18px;box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
  .nav.open nav a{padding:14px 2px;border-bottom:1px solid rgba(255,255,255,.1);font-size:17px;opacity:1}
  .nav.open nav a:last-child{border-bottom:0}
  .nav.open .menu i:first-child{transform:translateY(3.5px) rotate(45deg)}
  .nav.open .menu i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .nav .btn{height:40px;padding:0 16px;font-size:14px}}
.lg{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.lg svg{width:1.05em;height:1.05em;fill:currentColor;flex:none}
.lg b{font-weight:600}
.reads{padding-block:clamp(56px,7vw,90px);border-block:1px solid var(--line);overflow:hidden}
.reads .label{justify-content:center}
.reads .label:before{display:none}
.track{display:flex;gap:64px;width:max-content;margin-top:30px;animation:slide 46s linear infinite}
.track .lg{font:600 clamp(20px,2.2vw,28px)/1 var(--font);letter-spacing:-.025em;color:var(--ink3);transition:color .2s}
.track .lg svg{width:1.1em;height:1.1em}
.reads:hover .track{animation-play-state:paused}
@keyframes slide{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.track{animation:none;flex-wrap:wrap;width:auto;justify-content:center;gap:18px 36px}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.engines{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;margin-top:30px;font:500 14px/1 var(--font);color:var(--ink3)}
.engines span:first-child{margin-right:2px}
.engines .lg{font-size:15px;color:var(--ink2)}
.engines.on-dark,.engines.on-dark .lg{color:rgba(255,255,255,.78)}
.engines.on-dark span:first-child{color:rgba(255,255,255,.6)}
.site-foot{background:#0C0C0D;color:rgba(245,245,243,.72);padding-block:clamp(64px,8vw,104px) 36px;font-size:15px;overflow:hidden}
.site-foot a{text-decoration:none;color:inherit}
.site-foot a:hover{color:#fff}
.ft-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(36px,6vw,90px)}
.ft-brand .brand{color:#fff;font:600 24px/1 var(--font)}
.ft-brand .brand svg{width:30px;height:30px}
.ft-brand p{margin:18px 0 26px;max-width:30ch;font-size:17px;line-height:1.5;color:rgba(245,245,243,.72)}
.ft-brand .btn{color:#0C0C0D}
.ft-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.ft-cols h4{margin:0 0 14px;font:600 13px/1 var(--font);color:#fff;letter-spacing:.02em}
.ft-cols a{display:block;padding:7px 0;line-height:1.35;overflow-wrap:anywhere}
.ft-mark{font:700 clamp(84px,19vw,280px)/.8 var(--font);letter-spacing:-.07em;color:#1A1A1D;margin:clamp(48px,7vw,90px) 0 26px;white-space:nowrap;user-select:none}
.ft-mark span{color:#2A2510}
.ft-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:rgba(245,245,243,.5)}
.ft-bottom a{margin-right:18px}
@media (max-width:980px){.ft-top{grid-template-columns:1fr}.ft-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}