*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#e9e3d2;-webkit-font-smoothing:antialiased;background:#18181b;font-family:Courier Prime,Courier New,monospace;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{color:#151d33;background:#d9a9c2}@keyframes portfolioGlitch{0%,88%,to{text-shadow:none;transform:translate(0)}90%{text-shadow:2px 0 #6fe0ff,-2px 0 #ff7fd0;transform:translate(-2px,1px)}92%{text-shadow:-2px 0 #6fe0ff,2px 0 #ff7fd0;transform:translate(2px,-1px)}94%{text-shadow:1px 0 #6fe0ff,-1px 0 #ff7fd0;transform:translate(-1px)skew(1deg)}96%,to{text-shadow:none;transform:translate(0)}}.glitch{animation:7.5s infinite portfolioGlitch;display:inline-block}.page{min-height:100vh;position:relative}.bg-noise{z-index:0;pointer-events:none;mix-blend-mode:overlay;opacity:.35;background-image:url(/img/textures/grain-noise.svg);background-repeat:repeat;background-size:260px 260px;position:absolute;inset:0}.content{z-index:1;flex-direction:column;gap:56px;max-width:1180px;margin:0 auto;padding:clamp(20px,4vw,56px) clamp(16px,4vw,40px) 64px;display:flex;position:relative}.hero{text-align:center;flex-direction:column;align-items:center;gap:14px;padding-top:10px;display:flex}.hero-line1{letter-spacing:3px;color:var(--accent);text-shadow:0 0 3px #0000008c;font-family:VT323,monospace;font-size:72px}.hero-line2{letter-spacing:10px;color:#e6e0ec;text-shadow:0 0 4px #0009;font-family:VT323,monospace;font-size:clamp(48px,9vw,96px);line-height:1}.window{background:#e9e5f0;border:1.5px solid;border-radius:4px;transition:box-shadow .3s,transform .3s;overflow:hidden;box-shadow:0 0 18px #050a198c}.window--purple{border-color:#8a7ab8}.window--teal{border-color:#7ad4d8}.window--blue{border-color:#6a86d0}.window--pink{border-color:#d99ab8}.window--gold{border-color:#c9a15a}.window--purple:hover{box-shadow:0 0 12px 1px #8a7ab8,0 10px 28px #050a1966}.window--teal:hover{box-shadow:0 0 12px 1px #7ad4d8,0 10px 28px #050a1966}.window--blue:hover{box-shadow:0 0 12px 1px #6a86d0,0 10px 28px #050a1966}.window--pink:hover{box-shadow:0 0 12px 1px #d99ab8,0 10px 28px #050a1966}.window--gold:hover{box-shadow:0 0 12px 1px #c9a15a,0 10px 28px #050a1966}.titlebar{color:#e6e0ec;letter-spacing:1px;justify-content:space-between;align-items:center;padding:9px 14px;font-family:VT323,monospace;font-size:24px;font-weight:700;display:flex}.titlebar--purple{background:#4a3d6e}.titlebar--teal{background:#2e6f74}.titlebar--blue{background:#2e3a70}.titlebar--pink{background:#7a3d5e}.titlebar--gold{background:#5c4a26}.titlebar-dot{border-radius:50%;flex:none;width:12px;height:12px}.dot--purple{background:#8a7ab8}.dot--teal{background:#7ad4d8}.dot--blue{background:#6a86d0}.dot--pink{background:#d99ab8}.dot--gold{background:#c9a15a}.window-body{padding:22px}.split{grid-template-columns:1fr 1.6fr;align-items:start;gap:24px;display:grid}.stack{flex-direction:column;gap:14px;display:flex}.lede{color:#454c68;margin:0;font-size:15.5px;line-height:1.7}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--chipBg);color:#34304a;border-radius:999px;padding:5px 11px;font-size:12.5px}.more-link{color:var(--accent);margin-top:2px;font-size:14px;font-weight:600;display:inline-block}.articles{flex-direction:column;gap:4px;margin-top:4px;display:flex}.article-row{color:#898885;background:#e3e0ea;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;transition:transform .2s;display:flex}.article-row:hover{transform:scale(1.015)}.article-head{align-items:baseline;gap:8px;display:flex}.article-title{color:#181f36;font-size:14.5px;font-weight:700}.article-date{color:#6a8aa1;font-size:11.5px}.article-sub{color:#5a6178;font-size:13px}.article-arrow{color:var(--accent);opacity:.65;flex:none;font-size:28px;font-weight:700;transition:opacity .2s,transform .2s}.article-row:hover .article-arrow{opacity:1;transform:translate(3px)}.bs-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.bs-tile,.edu-tile{aspect-ratio:9/16;cursor:pointer;background:#2a2f4a;border:1px solid #10182b26;border-radius:3px;width:100%;padding:0;transition:transform .2s;display:block;position:relative;overflow:hidden}.bs-tile:hover,.edu-tile:hover{transform:scale(1.03)}.bs-tile img,.bs-tile .placeholder-fill,.edu-tile img,.edu-tile .placeholder-fill{object-fit:cover;width:100%;height:100%;display:block}.placeholder-fill{background:radial-gradient(circle at 30% 20%,#d98fae40,#0000 60%),#23264f;justify-content:center;align-items:center;display:flex}.placeholder-mark{color:#e6e0ec59;font-family:VT323,monospace;font-size:34px}.bs-play{color:#efe9d8;pointer-events:none;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex;position:absolute;top:6px;left:6px}.bs-caption{color:#efe9d8;pointer-events:none;background:linear-gradient(#0000,#000000b3);padding:6px 7px;font-size:10.5px;position:absolute;bottom:0;left:0;right:0}.bs-real-badge{background:var(--accent);color:#181120;letter-spacing:.5px;border-radius:2px;padding:2px 6px;font-size:9px;font-weight:700;position:absolute;top:6px;right:6px}.bs-detail{grid-template-columns:1.3fr 1fr;align-items:stretch;gap:16px;display:none}.bs-detail.is-open{display:grid}.bs-detail-media{aspect-ratio:9/16;border:1px solid #10182b26;border-radius:3px;min-width:325px;max-height:620px;position:relative;overflow:hidden}.bs-detail-media iframe{border:0;width:100%;height:100%}.bs-detail-info{flex-direction:column;gap:12px;display:flex}.bs-back{color:var(--accent);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-family:inherit;font-size:13px;font-weight:600}.bs-detail-title{color:#181f36;font-size:17px;font-weight:700}.bs-detail-desc{color:#454c68;margin:0;font-size:14.5px;line-height:1.65}.bs-detail-actions{flex-direction:column;gap:8px;margin-top:auto;display:flex}.btn-solid,.btn-outline{text-align:center;cursor:pointer;border-radius:3px;padding:11px 16px;font-family:inherit;font-size:14px;font-weight:600}.btn-solid{background:var(--accent);color:#181120;border:none}.btn-outline{color:#181f36;background:0 0;border:1px solid #181f36}.two-col{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.carousel-frame{background:#23264f;border:1px solid #10182b26;border-radius:3px;position:relative;overflow:hidden}.carousel-frame img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.carousel-frame .placeholder-fill{position:absolute;inset:0}.carousel-caption{color:#efe9d8;pointer-events:none;background:linear-gradient(#0000,#000000b3);padding:6px 7px;font-size:10.5px;position:absolute;bottom:0;left:0;right:0}.carousel-nav{color:#efe9d8;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-nav--prev{left:6px}.carousel-nav--next{right:6px}.carousel-dots{justify-content:center;gap:6px;margin-top:8px;display:flex}.carousel-dot{cursor:pointer;background:#181f3640;border:none;border-radius:50%;width:7px;height:7px;padding:0}.carousel-dot.is-active{background:var(--accent)}.edu-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=760px){.split,.two-col,.bs-detail.is-open{grid-template-columns:1fr}.hero-line1{font-size:44px}}