:root{--bg:#0a0a0c;--fg:#e8e8ea;--dim:#85858e;--red:#d61f45;--blue:#3d6cff;--line:#1f1f24;--line-red:#6b1a2a;--hero:"Rajdhani", ui-sans-serif, system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace}*,:before,:after{box-sizing:border-box}*{margin:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font:1rem/1.6 ui-sans-serif,system-ui,sans-serif}img,svg,video{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}ul,ol{padding:0;list-style:none}::selection{background:var(--red);color:var(--fg)}#root{flex-direction:column;min-height:100dvh;display:flex}.container{width:100%;max-width:72rem;margin-inline:auto;padding-inline:clamp(1.25rem,4vw,3rem)}section{padding-block:clamp(4rem,10vh,8rem)}section[id]{scroll-margin-top:2rem}.mono{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-size:.75rem}.sec-label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:1.5rem;font-size:.75rem;display:block}.bar{z-index:10;justify-content:space-between;align-items:baseline;gap:var(--sp-8);padding-block:var(--sp-6);background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(10px);z-index:10;background:color-mix(in srgb, var(--bg) 85%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem 2rem;padding-block:1.5rem;display:flex;position:sticky;top:0}.bar:after{content:"";background:repeating-linear-gradient(-45deg, var(--red) 0 6px, transparent 6px 12px);opacity:.5;height:3px;position:absolute;inset:auto 0 0}.bar-mark{font-family:var(--hero);letter-spacing:.08em;font-size:1.5rem;font-weight:700}.bar-nav ul{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);gap:1.5rem;font-size:.75rem;display:flex}.bar-nav a{transition:color 80ms}.bar-nav a:hover,.bar-nav a:focus-visible{color:var(--blue)}.bar-mark:focus-visible,.bar-nav a:focus-visible{outline:1px solid var(--blue);outline-offset:3px}.self-head{flex-direction:column;gap:1rem;margin-bottom:3rem;display:flex}.self-title{font-family:var(--hero);letter-spacing:-.01em;font-size:2rem;font-weight:600}.self-rule{background:var(--line-red);width:3rem;height:1px;display:block}.self-body{flex-direction:column;gap:1.25rem;max-width:60ch;display:flex}.self-body p{color:var(--dim)}.self-status{color:var(--dim);align-items:center;gap:.5rem;margin-top:1rem;display:inline-flex}.self-dot{background:var(--red);border-radius:50%;width:.4rem;height:.4rem;animation:2.4s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.self-dot{animation:none}}.work-list{flex-direction:column;display:flex;position:relative}.row{border-top:1px solid var(--line-red);grid-template-columns:3rem 1fr auto;align-items:baseline;gap:1.5rem;padding-block:2rem;transition:background 80ms;display:grid;position:relative}.row:last-child{border-bottom:1px solid var(--line-red)}.row:hover{background:#111116}.row:before,.row:after{content:"";border:1px solid var(--red);opacity:0;pointer-events:none;width:6px;height:6px;transition:opacity 80ms;position:absolute}.row:before{border-bottom:0;border-right:0;top:-1px;left:-1px}.row:after{border-top:0;border-left:0;bottom:-1px;right:-1px}.row:hover:before,.row:hover:after,.row:focus-visible:before,.row:focus-visible:after{opacity:1}.row-num{color:var(--red);text-shadow:0 0 10px color-mix(in srgb, var(--red) 55%, transparent)}.row-main{flex-direction:column;gap:.5rem;display:flex}.row-title{font-family:var(--hero);letter-spacing:-.01em;font-size:2rem;font-weight:600;line-height:1.1}.row-desc{color:var(--dim);max-width:48ch}.row-stack{color:var(--blue)}.row-meta{text-align:right;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.row-status{color:var(--red)}.row-link{color:var(--dim);transition:color 80ms}.row:hover .row-link{color:var(--fg)}.row-link:focus-visible{outline:1px solid var(--blue);outline-offset:3px}@media (width<=640px){.row{grid-template-columns:3rem 1fr;row-gap:1rem}.row-meta{text-align:left;grid-column:2;align-items:flex-start}}.ping-body{flex-direction:column;gap:1rem;max-width:60ch;display:flex}.ping-link{font-family:var(--mono);color:var(--blue);font-size:.875rem;transition:color 80ms}.ping-link:hover,.ping-link:focus-visible{color:var(--red)}.ping-link:focus-visible{outline:1px solid var(--blue);outline-offset:3px}.foot{border-top:1px solid var(--line-red);flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:auto;padding-block:3rem 2rem;display:flex}.foot-brand{font-family:var(--hero);letter-spacing:.08em;font-size:1.5rem;font-weight:700}.foot-tag{color:var(--dim);flex:1}.foot-links{gap:1.5rem;margin-left:auto;display:flex}.foot-links a{transition:color 80ms}.foot-links a:hover,.foot-links a:focus-visible{color:var(--blue)}.foot-links a:focus-visible{outline:1px solid var(--blue);outline-offset:3px}.foot-emblem{background:var(--line-red);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);place-items:center;width:2rem;height:2rem;transition:background .16s;display:grid}.foot-emblem:after{content:"";background:var(--bg);width:40%;height:40%;clip-path:inherit}.foot-emblem:hover{background:var(--blue)}.foot-copy{color:var(--dim);flex-basis:100%;margin-top:1rem}.reveal{opacity:0;transition:opacity .16s,transform .16s;transition-delay:calc(var(--i,0) * 40ms);transform:translateY(20px)}.reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}
