.portfolio-writing-list{border-top:1px solid var(--portfolio-line);margin:0;padding:0;list-style:none}.portfolio-writing-list>li{border-bottom:1px solid var(--portfolio-line)}.portfolio-writing-list>li>a{grid-template-columns:8rem minmax(0,1fr) auto;align-items:start;gap:clamp(1.5rem,4vw,3.5rem);padding:1.75rem 1rem;transition:color .16s,background-color .16s,padding-inline .16s;display:grid}.portfolio-writing-list time,.portfolio-writing-tags,.writing-article-meta{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.portfolio-writing-list time{color:var(--portfolio-muted);letter-spacing:.025em;text-transform:uppercase;font-size:.625rem}.portfolio-writing-copy{gap:.625rem;display:grid}.portfolio-writing-copy>strong{letter-spacing:-.02em;font-size:1rem}.portfolio-writing-copy>span:not(.portfolio-writing-tags){max-width:46rem;color:var(--portfolio-soft);font-size:.8125rem;line-height:1.65}.portfolio-writing-tags{color:var(--portfolio-cyan);font-size:.625rem;line-height:1.5}.portfolio-writing-list>li>a>span:last-child{color:var(--portfolio-violet);transition:transform .16s}.portfolio-writing-list>li>a:hover,.portfolio-writing-list>li>a:focus-visible{background:var(--portfolio-surface)}.portfolio-writing-list>li>a:hover .portfolio-writing-copy>strong,.portfolio-writing-list>li>a:focus-visible .portfolio-writing-copy>strong{color:var(--portfolio-violet)}.portfolio-writing-list>li>a:hover>span:last-child,.portfolio-writing-list>li>a:focus-visible>span:last-child{transform:translate(.25rem)}.portfolio-writing-more{color:var(--portfolio-cyan);border-bottom:1px solid;gap:.5rem;margin-top:2rem;padding-bottom:.25rem;font-size:.75rem;font-weight:750;display:inline-flex}.portfolio-writing-more:hover,.portfolio-writing-more:focus-visible{color:var(--portfolio-violet)}.writing-page-main,.writing-article{width:min(100% - clamp(3rem,9vw,8rem),56rem);margin-inline:auto}.writing-page-main{padding-block:clamp(5rem,9vw,8rem) 4rem}.writing-page-intro{margin-bottom:clamp(3rem,6vw,5rem)}.writing-page-intro h1,.writing-article-header h1{letter-spacing:-.07em;margin:1rem 0 1.25rem;font-size:clamp(2.75rem,7vw,5rem);line-height:.95}.writing-page-intro>p:last-child,.writing-article-header>p:nth-of-type(2){max-width:42rem;color:var(--portfolio-soft);margin:0;font-size:1rem;line-height:1.7}.writing-back-link{color:var(--portfolio-muted);margin-bottom:clamp(3rem,6vw,5rem);font-size:.75rem;display:inline-flex}.writing-back-link:hover,.writing-back-link:focus-visible{color:var(--portfolio-violet)}.writing-article{padding-block:clamp(3rem,6vw,5rem) 4rem}.writing-article-header{border-bottom:1px solid var(--portfolio-line);padding-bottom:clamp(3rem,6vw,5rem)}.writing-article-header h1{max-width:16ch}.writing-article-meta{color:var(--portfolio-muted);letter-spacing:.025em;text-transform:uppercase;flex-wrap:wrap;gap:1rem;margin-top:1.5rem;font-size:.625rem;display:flex}.writing-article-tags{flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.writing-article-tags>li{color:var(--portfolio-soft);background:var(--portfolio-surface);border:1px solid var(--portfolio-line);border-radius:.1875rem;padding:.4rem .6rem;font-size:.6875rem}.writing-content{color:var(--portfolio-soft);padding-block:clamp(3rem,6vw,5rem);font-size:1rem;line-height:1.8}.writing-content>:first-child{margin-top:0}.writing-content>:last-child{margin-bottom:0}.writing-content h2,.writing-content h3{color:var(--portfolio-text);letter-spacing:-.035em;line-height:1.15}.writing-content h2{margin:3.5rem 0 1rem;font-size:1.75rem}.writing-content h3{margin:2.5rem 0 .75rem;font-size:1.25rem}.writing-content p,.writing-content ul,.writing-content ol,.writing-content pre,.writing-content blockquote{margin-block:1.25rem}.writing-content a{color:var(--portfolio-cyan);border-bottom:1px solid}.writing-content a:hover,.writing-content a:focus-visible{color:var(--portfolio-violet)}.writing-content code{color:var(--portfolio-text);background:var(--portfolio-surface-strong);border-radius:.1875rem;padding:.125rem .375rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.875em}.writing-content pre{background:var(--portfolio-surface);border:1px solid var(--portfolio-line);padding:1.25rem;overflow-x:auto}.writing-content pre code{background:0 0;padding:0}.writing-content blockquote{color:var(--portfolio-muted);border-left:.1875rem solid var(--portfolio-violet);margin-inline:0;padding-left:1.25rem}.writing-content img{max-width:100%;height:auto}.writing-page-footer{color:var(--portfolio-muted);border-top:1px solid var(--portfolio-line);justify-content:space-between;padding-top:3rem;font-size:.6875rem;display:flex}.writing-page-footer p{margin:0}.writing-page-footer a:hover,.writing-page-footer a:focus-visible{color:var(--portfolio-violet)}@media (width<=44rem){.portfolio-writing-list>li>a{grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding-inline:0}.portfolio-writing-list time{grid-column:1/-1}.writing-page-main,.writing-article{width:calc(100% - 2rem)}.writing-page-footer{flex-direction:column;align-items:flex-start;gap:1rem}}