/* Retrace The Lines — links hub. */
/* ---- fonts, served from this domain (both SIL Open Font License) ---- */
/* Archivo is one variable file: weight 100-900 and width 62%-125% (condensed UI text to expanded display) */
@font-face{font-family:'Archivo';src:url(/assets/fonts/archivo-latin-wdth.e3a28ead.woff2) format('woff2');font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(/assets/fonts/ibm-plex-mono-latin-400.08949f72.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
/* ---- base ---- */
html{background:#000;-webkit-text-size-adjust:100%}
/* images carry width/height attributes so the page does not jump while they load; CSS still decides the size */
img{height:auto}
/* visible keyboard focus everywhere */
:focus-visible{outline:3px solid #FF80B5;outline-offset:3px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:#000}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-decoration-color:#FF80B5;text-decoration-thickness:3px;text-underline-offset:4px}
@keyframes rtl-zoom{from{scale:1.1}to{scale:1}}
@keyframes rtl-wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes rtl-up{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
.a-zoom{animation:rtl-zoom 1.6s cubic-bezier(.2,.7,.2,1) both}
.a-wipe{animation:rtl-wipe .8s cubic-bezier(.7,0,.2,1) .2s both}
.a-up{animation:rtl-up .5s cubic-bezier(.2,.7,.2,1) .5s both}
.tap{transition:scale .1s ease}
.tap:active{scale:.98}
@media (prefers-reduced-motion:reduce){.a-zoom,.a-wipe,.a-up{animation:none!important}.tap{transition:none}}