.mono-portfolio-wrapper{background:#0d0d0f;min-height:100vh;position:relative}.mono-portfolio{--bg:#050506;--bg-surface:#ffffff08;--bg-surface-open:#ffffff0d;--bg-hover:#ffffff0f;--text:#e8e8ec;--text-soft:#b6b6b6;--text-muted:#8a8a94;--border:#ffffff1a;--accent:#60a5fa;--accent-hover:#3b82f6;--accent-soft:#60a5fa26;--selection-bg:#60a5fa;--selection-fg:#fff;max-width:1600px;color:var(--text);background:var(--bg);border:1px solid var(--border);z-index:2;transform-origin:top;min-height:100vh;margin:0 auto;padding:3rem 2.5rem;font-family:CommitMono,monospace;line-height:1.6;position:relative}@media (max-width:1200px){.mono-portfolio{padding:2.5rem 2rem}}@media (max-width:900px){.mono-portfolio{padding:2rem 1.5rem}}@media (max-width:480px){.mono-portfolio{padding:1.5rem 1rem}}.mono-portfolio ::selection{background-color:var(--selection-bg);color:var(--selection-fg)}.mono-portfolio h1{letter-spacing:-.02em;margin:0 0 .25rem;font-size:2rem;font-weight:600;line-height:1.3}.mono-portfolio h2{text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;font-size:1.25rem;font-weight:600;line-height:1.3}.mono-portfolio h3{margin:0;font-size:1rem;font-weight:400;line-height:1.3}.mono-portfolio p,.mono-portfolio li{letter-spacing:-.02em;color:var(--text-soft);margin:0 0 1.25rem;font-size:.9375rem;line-height:1.8}.mono-portfolio hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.mono-portfolio .portfolio-grid{grid-template-columns:2fr 3fr;align-items:start;gap:12rem;display:grid}@media (max-width:1200px){.mono-portfolio .portfolio-grid{gap:5rem}}.mono-portfolio .portfolio-grid__left{grid-template-rows:1fr;grid-template-columns:1fr;height:calc(100vh - 6rem);display:grid;position:sticky;top:3rem}.mono-portfolio .portfolio-grid__left>:first-child{z-index:0;grid-area:1/1}.mono-portfolio .portfolio-grid__left>.intro-terminal{z-index:1;grid-area:1/1;align-self:start;margin:1.5rem}.mono-portfolio .portfolio-grid__right{min-width:0}@media (max-width:900px){.mono-portfolio .portfolio-grid{grid-template-columns:1fr;gap:2rem}.mono-portfolio .portfolio-grid__left{height:auto;position:static}}.mono-portfolio .skip-link{background:var(--accent);color:#fff;z-index:100;padding:.5rem 1rem;font-size:.8125rem;text-decoration:none;position:absolute;top:0;left:-9999px}.mono-portfolio .skip-link:focus{left:0}.mono-portfolio .guide-trigger{cursor:pointer;z-index:50;background:#ffffff08;border:1px solid #ffffff1a;border-radius:2px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:border-color .15s,background-color .15s;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.mono-portfolio .guide-trigger kbd{color:#8a8a94;font-family:CommitMono,monospace;font-size:.875rem;transition:color .15s}.mono-portfolio .guide-trigger:hover{background:#ffffff0f;border-color:#60a5fa}.mono-portfolio .guide-trigger:hover kbd{color:#e8e8ec}.mono-portfolio .guide-trigger:focus{background:#ffffff0f;border-color:#60a5fa;outline:none}.mono-portfolio .guide-trigger:focus kbd{color:#e8e8ec}.mono-portfolio .guide-trigger:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}@media (max-width:768px){.mono-portfolio .guide-trigger{width:2.25rem;height:2.25rem;bottom:1rem;right:1rem}}.mono-portfolio .intro-terminal{border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);background:#050506e0;font-family:CommitMono,monospace}.mono-portfolio .intro-terminal__titlebar{border-bottom:1px solid var(--border);background:#ffffff08;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.mono-portfolio .intro-terminal__dots{gap:.375rem;display:flex}.mono-portfolio .intro-terminal__dot{border-radius:50%;width:.5rem;height:.5rem}.mono-portfolio .intro-terminal__dot--red{background:#ff5f57}.mono-portfolio .intro-terminal__dot--yellow{background:#febc2e}.mono-portfolio .intro-terminal__dot--green{background:#28c840}.mono-portfolio .intro-terminal__title{color:var(--text-muted);letter-spacing:.02em;font-size:.75rem}.mono-portfolio .intro-terminal .intro{padding:1rem 1.25rem}.mono-portfolio .intro{margin-bottom:0}.mono-portfolio .intro__header{align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.mono-portfolio .intro__avatar{background:var(--bg);width:3.5rem;height:3.5rem;color:var(--text);letter-spacing:.02em;border:1px solid #0000;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;font-size:1.125rem;font-weight:600;display:flex}.mono-portfolio .intro__title-group{flex-direction:column;display:flex}.mono-portfolio .intro__title-group h1,.mono-portfolio .intro__title-group .intro__subtitle{margin:0}.mono-portfolio .intro__subtitle{color:var(--text-muted);margin:0 0 1.25rem;font-size:.9375rem;font-weight:400}.mono-portfolio .intro__about{letter-spacing:-.02em;margin:0 0 1.25rem;font-size:.9375rem;line-height:1.7}.mono-portfolio .intro__links{flex-wrap:wrap;gap:1rem;display:flex}.mono-portfolio .bracket-link{color:var(--accent);cursor:pointer;font-size:.875rem;text-decoration:none;transition:color .15s}.mono-portfolio .bracket-link:before{content:"[";color:var(--text-muted)}.mono-portfolio .bracket-link:after{content:"]";color:var(--text-muted)}.mono-portfolio .bracket-link:hover{color:var(--accent-hover);text-decoration:none}.mono-portfolio .bracket-link:focus{color:var(--accent-hover);outline:none}.mono-portfolio .bracket-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono-portfolio .section-list{margin:0;padding:0;list-style:none}.mono-portfolio .section-list__year{color:var(--text-muted);white-space:nowrap;letter-spacing:-.02em;min-width:2.5rem;font-size:.875rem;font-weight:500}.mono-portfolio .section-list__item{border-left:2px solid #0000;transition:background-color .15s,border-color .15s;position:relative}.mono-portfolio .section-list__item[data-open]{background-color:var(--bg-surface-open)}.mono-portfolio .section-list__item[data-open] .section-list__marker{opacity:1;color:var(--accent)}.mono-portfolio .section-list__trigger{cursor:pointer;width:100%;color:inherit;text-align:left;background:0 0;border:none;align-items:center;padding:.375rem 0 .375rem 1.5rem;font-family:inherit;font-size:.9375rem;display:flex;position:relative}.mono-portfolio .section-list__trigger:focus{background-color:var(--bg-surface);outline:none}.mono-portfolio .section-list__trigger:focus-visible{background-color:var(--bg-surface);outline:2px solid var(--accent);outline-offset:-2px}.mono-portfolio .section-list__trigger:focus .section-list__marker,.mono-portfolio .section-list__trigger:focus-visible .section-list__marker{opacity:1;color:var(--accent)}.mono-portfolio .section-list__item:has(.mono-portfolio .section-list__trigger:focus){border-left-color:var(--accent)}.mono-portfolio .section-list__marker{color:var(--text);opacity:0;pointer-events:none;font-size:.875rem;transition:opacity .15s;position:absolute;top:50%;left:.25rem;transform:translateY(-50%)}.mono-portfolio .section-list__header{flex-wrap:wrap;align-items:baseline;gap:.75rem;display:flex}.mono-portfolio .section-list__title{white-space:nowrap;font-weight:400}.mono-portfolio .section-list__date{color:var(--text-muted);white-space:nowrap;letter-spacing:.02em;min-width:5.5rem;font-size:.8125rem}.mono-portfolio .section-list__role{font-size:.9375rem}.mono-portfolio .section-list__company-link{color:var(--text);cursor:pointer;text-decoration:none;transition:color .15s}.mono-portfolio .section-list__company-link:hover{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.mono-portfolio .section-list__company-link:focus{color:var(--accent);outline:none}.mono-portfolio .section-list__company-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono-portfolio .detail-panel{opacity:0;height:0;margin-top:0;padding-left:1.5rem;transition:height .2s ease-out,opacity .15s ease-out,margin-top .2s ease-out;overflow:hidden}.mono-portfolio .detail-panel[data-open]{opacity:1;height:auto;margin-top:.75rem}.mono-portfolio .detail-panel[hidden]{display:block!important}.mono-portfolio .detail-panel__content{background:var(--bg-surface);border:1px solid var(--border);border-radius:2px;margin-left:0;padding:.75rem 1rem}.mono-portfolio .detail-panel__description{color:var(--text);margin:0 0 .75rem;font-size:.875rem;line-height:1.6}.mono-portfolio .detail-panel__description-list{margin:0 0 .75rem;padding:0;list-style:none}.mono-portfolio .detail-panel__description-list li{color:var(--text);margin:0;padding-left:1rem;font-size:.875rem;line-height:1.6;position:relative}.mono-portfolio .detail-panel__description-list li:before{content:"*";color:var(--accent-hover);position:absolute;left:0}.mono-portfolio .detail-panel__description-list li+li{margin-top:.25rem}.mono-portfolio .detail-panel__links{gap:.75rem;display:flex}.mono-portfolio .ascii-footer{text-align:center;margin-top:0;padding-top:0;overflow-x:clip}.mono-portfolio .ascii-footer__art{white-space:pre;color:var(--text);margin-bottom:1rem;font-size:.8125rem;line-height:1.4}@media (max-width:600px){.mono-portfolio .ascii-footer__art{font-size:.5rem;line-height:1.2}}@media (prefers-reduced-motion:reduce){.mono-portfolio .detail-panel,.mono-portfolio .guide-trigger,.mono-portfolio .bracket-link,.mono-portfolio .section-list__item,.mono-portfolio .section-list__marker,.mono-portfolio .guide-trigger kbd{transition:none}}