html{--forbidden-black:#1C1424;--palace-purple:#4E3D5C;--imperial-yellow:#FADA5E;--jade-green:#A8C686;--color-a:var(--imperial-yellow);--color-b:var(--jade-green);--color-bg:var(--forbidden-black);--color-container:var(--palace-purple);--content-width:768px;--content-padding:1rem;--wordmark-size-max:4rem;--wordmark-size-min:1.5rem;scrollbar-gutter:stable}body{color:#222;font-family:merriweather,serif;line-height:1.5;margin:0;padding:0;box-sizing:border-box;min-height:100vh;width:100%;display:grid;grid-template-areas:"left header  right" "left content right" "left footer  right";grid-template-columns:1fr minmax(0,var(--content-width))1fr;grid-template-rows:max-content max-content max-content max-content;background-color:var(--forbidden-black);background-image:url(/dot.png);background-size:20px;color:#fff}header{grid-area:header;min-width:0;margin-top:1rem;padding:0 var(--content-padding)}#nav-bg{grid-column-start:1;grid-column-end:4;grid-row-start:1;grid-row-end:2;background-color:var(--forbidden-black);background-image:url(/dot.png);background-size:20px;border-bottom:1px solid var(--imperial-yellow)}nav{grid-column-start:2;grid-row-start:1;display:flex;flex-direction:column;padding:1em var(--content-padding)0;min-width:0;container-type:inline-size}.wordmark-link{width:min-content;margin:auto}nav>.frameshift-wordmark{align-self:center;width:min-content}nav ul{margin:1em 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;list-style:none}nav li{padding:1em .5em;flex:none;min-width:min-content;text-align:center}nav li a{color:inherit}nav a:nth-of-type(3){background:linear-gradient(var(--forbidden-black),var(--imperial-yellow))}main{grid-area:content;min-width:0;word-wrap:break-word;padding:1.5rem var(--content-padding)0;text-align:justify}footer{grid-area:footer;padding:0 var(--content-padding)}.frameshift-wordmark{font-size:min(var(--wordmark-size-max),8vw,12cqi);font-family:inter;display:flex;align-items:center}.frameshift-wordmark>svg{width:1.8em;height:2.5ex;margin-right:.4em}.frameshift-wordmark>span:nth-of-type(1){font-weight:700;color:var(--color-a)}.frameshift-wordmark>span:nth-of-type(2){font-weight:200;color:var(--color-b)}footer{border-top:1px solid var(--palace-purple);margin-top:1rem}a{color:var(--imperial-yellow);text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:outfit,sans-serif}h1,h2{color:var(--imperial-yellow)}h1{font-size:1.75rem}h3,h4,h5,h6{color:var(--jade-green)}h1,h2,h3,h4,h5,h6{margin-top:1.5em;margin-bottom:.1em}.hero-text{font-family:outfit,sans-serif;font-size:1.75rem;font-weight:700;line-height:1.2;color:var(--imperial-yellow);margin:2rem 0}.description{background:rgba(78,61,92,.2);border-left:4px solid var(--imperial-yellow);padding:1.75rem 2rem;margin-bottom:3rem;line-height:1.85;color:rgba(255,255,255,.88);font-family:noto serif,serif;font-size:1.05rem;position:relative}.description::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(250,218,94,3%),transparent);pointer-events:none}.description strong{color:var(--imperial-yellow);font-weight:700}.description em{color:var(--jade-green)}.bio{display:grid;grid-template-columns:120px 1fr;gap:1.5rem;margin-bottom:2.5rem;align-items:center}.bio-photo{width:120px;height:120px;background-color:var(--palace-purple);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--imperial-yellow);font-size:2.5rem}.bio-photo img{width:100%;height:100%;object-fit:cover;border-radius:4px}.bio-content h2{margin:.3rem 0 .5rem;color:var(--imperial-yellow)}.bio-content p{margin:0;line-height:1.5}@media(max-width:500px){.bio{grid-template-columns:1fr}.bio-photo{width:80px;height:80px;font-size:1.8rem}}.animation-wrapper{width:100%;max-width:550px;height:220px;margin:2rem auto 1rem}.connection{stroke:#3d2e4a;stroke-width:2;fill:none}.packet{rx:2;ry:2}.packet-a{fill:none;stroke:#fada5e;stroke-width:2;filter:drop-shadow(0 0 6px rgba(250,218,94,.7))}.packet-b{fill:none;stroke:#a8c686;stroke-width:2;filter:drop-shadow(0 0 6px rgba(168,198,134,.7))}.packet-c{fill:none;stroke:#e8a0bf;stroke-width:2;filter:drop-shadow(0 0 6px rgba(232,160,191,.7))}.packet-out{fill:none;stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}@keyframes move-a{0%{transform:translateX(0)}50%,100%{transform:translateX(-50px)}}@keyframes move-b-vertical{0%{transform:translateY(0)}50%,100%{transform:translateY(40px)}}@keyframes move-b-horizontal{0%{transform:translateX(0)}50%,100%{transform:translateX(50px)}}@keyframes move-c{0%{transform:translateX(0)}50%,100%{transform:translateX(50px)}}@keyframes move-out{0%{transform:translateX(0)}50%,100%{transform:translateX(50px)}}@keyframes logo-pulse{0%,45%{opacity:.7;filter:drop-shadow(0 0 0 rgba(255,255,255,0))}50%{opacity:1;filter:drop-shadow(0 0 15px rgba(255,255,255,.6))}65%{opacity:.85;filter:drop-shadow(0 0 8px rgba(255,255,255,.3))}100%{opacity:.7;filter:drop-shadow(0 0 0 rgba(255,255,255,0))}}.stream-a .packet{animation:move-a 800ms ease-out infinite}.stream-b-horizontal .packet{animation:move-b-horizontal 800ms ease-out infinite}.stream-b-vertical .packet{animation:move-b-vertical 800ms ease-out infinite}.stream-c .packet{animation:move-c 800ms ease-out infinite}.stream-out .packet{animation:move-out 800ms ease-out infinite}.logo-group{animation:logo-pulse 800ms ease-out infinite}.partners{display:flex;flex-direction:column;gap:1.5rem;align-items:flex-start;margin-top:1.5rem}.partners a{display:block}.partners img{height:38px;width:auto;opacity:.85;transition:opacity .2s}.partners img:hover{opacity:1}.post-date{color:var(--jade-green);display:block;margin-bottom:.5rem}