/* Header, controls, and project navigation. */
.wordmark{position:relative;display:inline-flex;align-items:baseline;gap:0;min-height:48px;white-space:nowrap;font-family:"Avenir Next",Avenir,"Nunito Sans",sans-serif;font-size:clamp(19px,2.4vw,38px);font-weight:800;line-height:1;text-transform:lowercase;letter-spacing:-.035em;color:var(--cream);transition:color .25s ease,opacity .3s ease,transform .35s ease,visibility 0s .35s}
.wordmark sup{position:relative;display:inline-block;font-size:38%;font-weight:900;text-transform:uppercase;transform:translate(16px,-1.35em);margin-right:-4px;transition:transform .2s ease,color .2s ease}
.wordmark strong{position:relative;top:0;font-weight:inherit;letter-spacing:-.025em;padding-left:3px;transition:color .5s ease,top .5s ease}
@media(hover:hover){.wordmark:hover{color:#0eb7ff}.wordmark:hover sup{color:#601ce9;transform:translate(0,0) rotate(-90deg) scale(.8);margin-right:5px}.wordmark:hover strong{color:#ff007f;top:.2em}.menu-toggle:hover{color:#0eb7ff;transform:translateY(-2px)}}
.header-current{font-size:14px;color:var(--muted);max-width:12em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.header-request{width:48px;height:48px;min-width:48px;padding:10px}.header-request img{width:25px;height:25px;filter:invert(59%) sepia(95%) saturate(2045%) hue-rotate(163deg) brightness(103%)}
.theme-toggle{width:44px;min-width:44px;padding:8px}.menu-toggle{transition:color .2s ease,transform .2s ease}.menu-links a[aria-current] .icon,.nav-submenu a[aria-current] .icon{color:#ff007f}
.admin-shortcut{position:fixed;right:22px;bottom:22px;z-index:900;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#0eb7ff;color:#101724;box-shadow:0 3px 18px #0007}.admin-shortcut .icon{width:26px;height:26px}
::selection{background:#fffff3;color:#ff007f}.section ::selection{background:#0eb7ff;color:#222}.resource-card ::selection{background:#601ce9;color:#fffff3}.feature-card ::selection{background:#ff007f;color:#101724}a::selection{background:#601ce9;color:#fffff3}#main :is(h1,h2,h3,h4,h5,h6)::selection{background:#0eb7ff;color:#222}a[href^="#"]{cursor:crosshair}
.button{gap:18px;min-height:60px;padding:15px 24px 15px 30px;border-width:3px;font-size:19px;font-weight:800;line-height:1.6;letter-spacing:.225em;text-transform:uppercase}
.site-tooltip{border:0;border-radius:5px;background:#fffff3;color:#101724;font-weight:600;user-select:text;-webkit-user-select:text}
[data-theme=day] .site-tooltip{background:#101724;color:#fffff3}
.project-jump{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:65px}.project-jump a{display:inline-flex;border:1px solid var(--line);padding:12px 18px;border-radius:4px}.project-jump a:hover,.project-jump a:focus-visible{border-color:var(--blue);color:var(--blue)}.project-group{margin-bottom:95px;scroll-margin-top:100px}.project-copy h3{font-size:clamp(28px,3vw,42px);margin-bottom:18px}.project-links{display:flex;flex-wrap:wrap;gap:10px}.project-links .button{margin-top:16px;letter-spacing:.08em;font-size:15px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.header-bar{gap:10px}.wordmark{font-size:23px;max-width:none;white-space:nowrap;display:inline-flex}.wordmark strong{display:inline}.header-current{max-width:7em;font-size:12px}.header-request{margin-left:auto;max-width:none}.button{font-size:16px;letter-spacing:.12em}.project-links .button{width:100%}}
@media(max-width:460px){.wordmark{font-size:19px}.header-current{display:none}.header-bar{gap:7px}.header-request,.theme-toggle{width:44px;min-width:44px;padding:8px}}
@media(prefers-reduced-motion:reduce){.wordmark,.wordmark sup,.wordmark strong,.menu-toggle{transition:none}}
@media(max-width:460px){.header-current{display:block;position:absolute;left:0;bottom:3px;max-width:150px;font-size:10px;line-height:1;color:var(--muted)}.header-bar:has(.header-current) .wordmark{transform:translateY(-5px)}}