.portfolio-site{--portfolio-ink:#090909;--portfolio-paper:#f0eee7;--portfolio-muted:#9a9891;--portfolio-accent:#c497ff;--portfolio-accent-deep:#aa6dff;background:var(--portfolio-ink);min-height:100vh;color:var(--portfolio-paper)}.portfolio-site a{color:inherit;text-decoration:none}.portfolio-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090909db;border-bottom:1px solid #f0eee71f;justify-content:space-between;align-items:center;min-height:78px;padding:0 clamp(1.2rem,4vw,4.5rem);display:flex;position:sticky;top:0}.portfolio-brand{letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:.7rem;font-size:.82rem;font-weight:600;display:inline-flex}.portfolio-header nav{color:var(--portfolio-muted);gap:clamp(.9rem,2.5vw,2.4rem);font-size:.76rem;display:flex}.portfolio-header nav a{transition:color .18s}.portfolio-header nav a:hover,.portfolio-header nav a:focus-visible{color:var(--portfolio-paper)}.portfolio-main{min-height:72vh}.portfolio-shell{width:min(100% - clamp(2.4rem,8vw,9rem),1500px);margin-inline:auto}.portfolio-hero{align-content:space-between;min-height:calc(100svh - 78px);padding-block:clamp(4rem,10vh,8rem) 2.5rem;display:grid}.portfolio-intro{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(1.8rem,5vw,3.5rem);padding-block:clamp(3.5rem,9vh,6.5rem) clamp(2.5rem,6vh,4rem);display:grid}.portfolio-portrait img{object-fit:cover;background:#141414;border-radius:.9rem;width:clamp(7.5rem,20vw,13.75rem);height:auto}.portfolio-intro h1{color:var(--portfolio-paper);letter-spacing:-.055em;margin:.9rem 0 1.1rem;font-size:clamp(2.6rem,6.5vw,5rem);font-weight:480;line-height:.98}.portfolio-about{max-width:44rem;color:var(--portfolio-muted);font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.65}.portfolio-journal{padding-bottom:clamp(5rem,12vw,9rem)}.portfolio-journal-lead{color:var(--portfolio-paper);letter-spacing:-.02em;text-wrap:balance;margin-bottom:clamp(1.8rem,4vw,2.6rem);font-size:clamp(1.1rem,1.9vw,1.5rem)}.portfolio-latest{border-top:1px solid #f0eee726;margin:0 0 2.5rem;padding:0;list-style:none}.portfolio-latest li{border-bottom:1px solid #f0eee726}.portfolio-latest a{grid-template-columns:minmax(7rem,9rem) minmax(0,1fr);gap:.4rem clamp(1rem,3vw,2.5rem);padding:clamp(1.1rem,2.4vw,1.6rem) 0;transition:opacity .18s;display:grid}.portfolio-latest a:hover{opacity:.72}.portfolio-latest time{color:var(--portfolio-muted);font-family:var(--font-geist-mono), monospace;letter-spacing:.09em;text-transform:uppercase;padding-top:.35rem;font-size:.68rem}.portfolio-latest h2{color:var(--portfolio-paper);letter-spacing:-.03em;font-size:clamp(1.15rem,2.1vw,1.65rem);font-weight:500;line-height:1.25}.portfolio-latest p{max-width:46rem;color:var(--portfolio-muted);margin-top:.45rem;font-size:.95rem;line-height:1.55}@media (max-width:720px){.portfolio-intro{grid-template-columns:1fr;gap:1.6rem}.portfolio-latest a{grid-template-columns:1fr}.portfolio-latest time{padding-top:0}}.portfolio-kicker,.portfolio-index,.portfolio-meta,.portfolio-caption,.portfolio-footer,.portfolio-back{font-family:var(--font-geist-mono), monospace;letter-spacing:.09em;text-transform:uppercase;font-size:.68rem}.portfolio-kicker,.portfolio-index{color:var(--portfolio-accent)}.portfolio-hero h1{max-width:12ch;color:var(--portfolio-paper);letter-spacing:-.072em;margin:1.3rem 0;font-size:clamp(3.7rem,10vw,10rem);font-weight:480;line-height:.86}.portfolio-hero-bottom{justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.portfolio-hero-bottom p{max-width:35rem;color:var(--portfolio-muted);font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.55}.portfolio-hero-bottom a,.portfolio-text-link{color:var(--portfolio-paper);white-space:nowrap;align-items:center;gap:.65rem;font-size:.8rem;display:inline-flex}.portfolio-hero-bottom a:after,.portfolio-text-link:after{color:var(--portfolio-accent);content:"↗"}.portfolio-frame-grid{grid-template-rows:33vw 21vw;grid-template-columns:1.25fr .72fr .9fr;gap:.8rem;width:100%;padding-bottom:clamp(6rem,12vw,12rem);display:grid}.portfolio-frame{background:#161616;min-height:240px;position:relative;overflow:hidden}.portfolio-frame:first-child{grid-row:1/3}.portfolio-frame:nth-child(4){grid-column:2/4}.portfolio-frame img{object-fit:cover;transition:transform .9s cubic-bezier(.22,1,.36,1)}.portfolio-frame:hover img{transform:scale(1.025)}.portfolio-frame span{z-index:1;color:#fff;font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;text-shadow:0 1px 10px #000;text-transform:uppercase;font-size:.58rem;position:absolute;bottom:.7rem;right:.85rem}.portfolio-section{border-top:1px solid #f0eee71f;padding-block:clamp(6rem,12vw,12rem)}.portfolio-section-heading{grid-template-columns:minmax(110px,.35fr) 1fr;gap:2rem;margin-bottom:clamp(3rem,7vw,7rem);display:grid}.portfolio-section-heading h2{max-width:12ch;color:var(--portfolio-paper);letter-spacing:-.065em;font-size:clamp(2.8rem,6.6vw,7rem);font-weight:480;line-height:.92}.portfolio-work-list{border-top:1px solid #f0eee729}.portfolio-work{border-bottom:1px solid #f0eee729;grid-template-columns:4rem 1.2fr 1fr auto;align-items:baseline;gap:clamp(1rem,3vw,3rem);padding:1.75rem 0;display:grid}.portfolio-work h3{color:var(--portfolio-paper);letter-spacing:-.04em;font-size:clamp(1.25rem,2.3vw,2.4rem);font-weight:500}.portfolio-work p{color:var(--portfolio-muted);font-size:.86rem}.portfolio-work>span:last-child{color:var(--portfolio-accent)}.portfolio-about-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:clamp(3rem,10vw,10rem);display:grid}.portfolio-about-grid h2{max-width:12ch;color:var(--portfolio-paper);letter-spacing:-.06em;font-size:clamp(2.8rem,6vw,6.5rem);font-weight:480;line-height:.92}.portfolio-about-copy{color:var(--portfolio-muted);gap:1.4rem;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.65;display:grid}.portfolio-footer{color:var(--portfolio-muted);border-top:1px solid #f0eee71f;flex-direction:column;gap:clamp(2rem,4vw,3rem);padding:clamp(3rem,7vw,6rem) clamp(1.2rem,4vw,4.5rem);display:flex}.portfolio-footer-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.9rem 2rem;display:flex}.portfolio-footer-brand{color:var(--portfolio-paper);cursor:pointer;font:inherit;text-align:left;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:.6rem;display:inline-flex}.portfolio-footer-links{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.8rem 2rem;display:grid}.portfolio-footer-links>div{flex-direction:column;gap:.55rem;display:flex}.portfolio-footer-links h2{color:var(--portfolio-paper);font:inherit;opacity:.55;margin:0 0 .2rem}.portfolio-footer-links a:hover,.portfolio-footer-links a:focus-visible{color:var(--portfolio-accent)}.portfolio-footer-base{border-top:1px solid #f0eee714;flex-wrap:wrap;justify-content:space-between;gap:.6rem 1.4rem;padding-top:clamp(1.2rem,3vw,2rem);display:flex}.portfolio-brand-suffix{color:var(--portfolio-accent)}.portfolio-blog-hero{grid-template-columns:minmax(0,1fr);gap:1rem;max-width:820px;padding-block:clamp(3.5rem,7vw,6.5rem);display:grid}.portfolio-blog-hero h1{max-width:16ch;color:var(--portfolio-paper);letter-spacing:-.055em;font-size:clamp(2.8rem,6.5vw,5.4rem);font-weight:480;line-height:.94}.portfolio-blog-hero p:last-child{max-width:34rem;color:var(--portfolio-muted);align-self:end;line-height:1.6}.portfolio-blog-layout{grid-template-columns:minmax(180px,15rem) minmax(0,1fr);gap:clamp(2rem,6vw,5rem);padding-bottom:clamp(7rem,14vw,14rem);display:grid}.portfolio-blog-sidebar{align-self:start;max-height:calc(100svh - 78px - 4rem);position:sticky;top:calc(78px + 2.5rem);overflow-y:auto}.portfolio-blog-sidebar>.portfolio-index{margin-bottom:1rem;display:block}.portfolio-blog-sidebar ul{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.portfolio-blog-sidebar button{color:var(--portfolio-muted);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:0;font-size:.88rem;line-height:1.4;transition:color .18s}.portfolio-blog-sidebar button:hover,.portfolio-blog-sidebar button:focus-visible{color:var(--portfolio-paper)}.portfolio-blog-sidebar button[aria-current=true]{color:var(--portfolio-accent)}.portfolio-blog-mobile-nav{display:none}.portfolio-blog-articles{gap:clamp(4rem,9vw,8rem);min-width:0;display:grid}.portfolio-continuous-article{max-width:820px;scroll-margin-top:calc(78px + 1.5rem)}.portfolio-continuous-article header{margin-bottom:clamp(2rem,5vw,3.5rem)}.portfolio-continuous-article h2{color:var(--portfolio-paper);letter-spacing:-.042em;margin:.55rem 0 .8rem;font-size:clamp(1.75rem,3.2vw,2.5rem);font-weight:480;line-height:1.06}.portfolio-cover--inline{width:100%;min-height:min(50vw,480px);margin-bottom:clamp(2rem,5vw,3rem);position:relative;overflow:hidden}.portfolio-cover--inline img{object-fit:cover}.portfolio-article{width:min(100% - clamp(2.4rem,8vw,9rem),1200px);margin-inline:auto;padding:clamp(4rem,9vw,9rem) 0 clamp(8rem,14vw,14rem)}.portfolio-back{margin-bottom:clamp(3rem,8vw,7rem);display:inline-block;color:var(--portfolio-accent)!important}.portfolio-article header{max-width:980px;margin-bottom:clamp(3rem,7vw,6rem)}.portfolio-meta{color:var(--portfolio-muted);gap:1rem;margin-bottom:1rem;display:flex}.portfolio-article h1{color:var(--portfolio-paper);letter-spacing:-.07em;margin:0 0 1.5rem;font-size:clamp(3.3rem,8vw,8rem);font-weight:480;line-height:.86}.portfolio-deck{max-width:40rem;color:var(--portfolio-muted);font-size:clamp(1.1rem,1.6vw,1.35rem);line-height:1.55}.portfolio-cover{width:100%;min-height:min(65vw,760px);margin-bottom:clamp(4rem,8vw,8rem);position:relative;overflow:hidden}.portfolio-cover img{object-fit:cover}.portfolio-article-body{max-width:820px;margin-inline:auto}.portfolio-article-body .article-body{max-width:none;padding:0}.portfolio-article-body .article-body>*{margin-bottom:1.35rem}.portfolio-article-body p,.portfolio-article-body li{color:#c2c0b9;font-size:clamp(1.02rem,1.3vw,1.18rem);line-height:1.78}.portfolio-article-body h2,.portfolio-article-body h3{color:var(--portfolio-paper);margin-top:2.6rem}.portfolio-article-nav{border-top:1px solid #f0eee726;justify-content:space-between;gap:2rem;margin-top:6rem;padding-top:2rem;display:flex}@media (max-width:820px){.portfolio-header nav a:not(:last-child){display:none}.portfolio-hero-bottom,.portfolio-footer{flex-direction:column;align-items:flex-start}.portfolio-hero-bottom{display:flex}.portfolio-frame-grid{grid-template-rows:65vw 48vw 55vw;grid-template-columns:1fr 1fr}.portfolio-frame:first-child{grid-area:auto/1/auto/3}.portfolio-frame:nth-child(4){grid-column:1/3}.portfolio-section-heading,.portfolio-blog-hero{grid-template-columns:1fr}.portfolio-work{grid-template-columns:2.5rem 1fr auto}.portfolio-work p{display:none}.portfolio-about-grid,.portfolio-footer{grid-template-columns:1fr;display:grid}.portfolio-blog-layout{display:block}.portfolio-blog-sidebar{display:none}.portfolio-blog-mobile-nav{color:var(--portfolio-muted);font-family:var(--font-geist-mono), monospace;letter-spacing:.09em;text-transform:uppercase;gap:.4rem;margin-bottom:clamp(2.5rem,6vw,4rem);font-size:.68rem;display:grid}.portfolio-blog-mobile-nav select{width:100%;color:var(--portfolio-paper);font:inherit;text-transform:none;background:#141414;border:1px solid #f0eee733;border-radius:.6rem;padding:.85rem 1rem;font-size:.95rem}}@media (max-width:520px){.portfolio-brand span{display:none}.portfolio-hero h1{font-size:clamp(3.4rem,18vw,5.6rem)}.portfolio-frame-grid{flex-direction:column;display:flex}.portfolio-frame{min-height:74vw}}@media (prefers-reduced-motion:reduce){.portfolio-frame img{transition:none}}.portfolio-blog-articles{border-left:1px solid #f0eee71f;padding-left:clamp(1.6rem,4vw,3.2rem)}.portfolio-blog-layout--wide{grid-template-columns:minmax(0,1fr)}.portfolio-blog-layout--wide .portfolio-blog-articles{border-left:0;padding-left:0}.portfolio-index-toggle{color:var(--portfolio-muted);cursor:pointer;font-family:var(--font-geist-mono), monospace;letter-spacing:.09em;text-transform:uppercase;background:0 0;border:1px solid #f0eee72e;border-radius:999px;grid-column:1/-1;justify-self:start;margin-bottom:.4rem;padding:.4rem .85rem;font-size:.62rem;transition:color .16s,border-color .16s}.portfolio-index-toggle:hover,.portfolio-index-toggle:focus-visible{color:var(--portfolio-paper);border-color:var(--portfolio-accent)}.portfolio-continuous-article+.portfolio-continuous-article{border-top:1px solid #f0eee71f;margin-top:clamp(4rem,9vw,7rem);padding-top:clamp(4rem,9vw,7rem)}.portfolio-article-body .article-image{width:100%;margin:clamp(2.6rem,6vw,4.2rem) 0}.portfolio-article-body .article-image img{object-fit:contain;border-radius:.75rem;width:100%;height:auto;max-height:62svh}.portfolio-article-body .article-image figcaption{color:var(--portfolio-muted);letter-spacing:0;text-transform:none;background:#f0eee708;border-left:2px solid #f0eee729;margin-top:1.1rem;padding:.55rem 0 .55rem .9rem;font-size:.82rem;font-style:italic;line-height:1.55}.portfolio-article-body .article-image+*{margin-top:clamp(2.2rem,5vw,3.4rem)}@media (max-width:900px){.portfolio-blog-articles{border-left:0;padding-left:0}.portfolio-index-toggle{display:none}}