img.avatar{width:256px;height:auto;image-rendering:pixelated;mix-blend-mode:screen;aspect-ratio:1}[data-theme=light] img.avatar{mix-blend-mode:multiply}#header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;padding-bottom:1rem;font-size:.9rem;display:flex}#header .clock-link{color:inherit;cursor:pointer;background-color:#0000;margin:0;padding:0;text-decoration:none;transition:background-color 75ms;display:inline-flex}#header .clock-link:hover{background-color:color-mix(in srgb, var(--fg-primary) 8%, transparent)}#header .header-clock{grid-template-columns:auto auto;align-items:center;gap:.5rem .75rem;display:grid}#header .header-clock .cell-bars,#header .header-clock .cell-dials,#header .header-clock .cell-date-digits,#header .header-clock .cell-time-digits{justify-self:start}#header .header-actions{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}#header .header-action-btn{font-variation-settings:"MONO" 1;letter-spacing:.1em;color:var(--fg-dim);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5em;margin:0;padding:0;font-family:Sono,monospace;font-size:.85rem;text-decoration:none;transition:color 75ms;display:inline-flex}#header .header-action-btn .label{text-underline-offset:4px;text-decoration:underline}#header .header-action-btn:hover{color:var(--fg-primary)}#profile{align-items:stretch;gap:1.5rem;padding:0 1rem;display:flex}#profile .user{flex-shrink:0;align-items:flex-end;gap:1.5rem;padding:0 0 1rem;display:flex}#profile h2{font-size:1.5rem}#profile .name{white-space:nowrap;flex-direction:column;flex-shrink:0;justify-content:flex-end;align-items:flex-start;display:flex}#profile #about{background:var(--bg-surface);flex-direction:column;justify-content:flex-start;max-width:20rem;margin-left:auto;padding:1.25rem 1.5rem;display:flex}#profile #about code{margin-bottom:1rem}#profile #about .location{color:var(--fg-dim);letter-spacing:.08em;margin-bottom:0;font-size:.8rem}#profile #about .primary{color:var(--fg-primary)}#profile #about p:not(.location){color:var(--fg-secondary);margin-top:auto;padding-top:1rem;font-size:1rem;line-height:1.6}nav{justify-content:space-between;display:flex}section:has(nav){padding:0}nav a{cursor:pointer;text-align:center;flex:1;padding:1rem 0}nav a p{border-right:1px solid var(--border-subtle);padding:0 1rem;display:block}nav a:last-child p{border:none}nav a:hover{color:var(--background);background-color:var(--text)}#links>div{grid-template-columns:repeat(3,1fr);gap:.6rem 1rem;display:grid}#links>div>:nth-last-child(-n+3){border-bottom:0}#projects div.h{align-items:stretch;gap:1rem;display:flex}#projects div.h>project-card{flex:1;width:100%}#projects div.v{flex-direction:column;gap:1rem;width:min-content;display:flex}#projects div.v project-card{flex:1;width:100%}#projects div.v project-card a{flex-direction:column;justify-content:flex-start;width:100%;min-width:320px;height:100%;display:flex}#footer{border-top:1px solid var(--border-subtle);box-sizing:border-box;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;margin-top:2rem;padding:1.25rem 1rem 3rem;display:flex}#footer .last-update{font-variation-settings:"MONO" 1;letter-spacing:.05em;color:var(--fg-dim);white-space:nowrap;align-items:center;gap:.5rem;font-family:Sono,monospace;font-size:.85rem;display:inline-flex}#footer .url-tag{align-items:flex-end;gap:.75rem;display:flex}#footer .url-text{font-variation-settings:"MONO" 1;height:1em;color:var(--fg-dim);letter-spacing:.05em;align-items:flex-end;font-family:Sono,monospace;font-size:.85rem;line-height:1;display:inline-flex}#footer bvmg-barcode svg{height:1.15em}#footer bvmg-barcode .barcode-bg{fill:var(--fg-dim)}#header{margin-bottom:2rem}section:last-child{margin-bottom:0}section code{width:100%;color:var(--fg-dim);border-bottom:1px solid var(--border-subtle);margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem;display:block}section code:before{content:"// ";color:var(--border-subtle);font-size:.8rem}@media (width<=768px){main{padding-top:0}#header{flex-wrap:nowrap;align-items:center;gap:.75rem;font-size:clamp(.7rem,2.2vw,.85rem)}#header .header-clock{gap:.35rem .5rem}#header .header-action-btn{gap:.35em;font-size:clamp(.7rem,2vw,.8rem)}#profile{flex-wrap:wrap}#profile #about{flex:100%;width:100%;max-width:100%;margin-left:0}#profile h1{font-size:3rem}#profile h2{font-size:1.5rem}#profile img{width:8rem}#links>div{grid-template-columns:repeat(2,1fr);gap:.5rem}#projects div.h{flex-direction:column}#projects div.v{width:100%}#projects div.v project-card a{width:100%;min-width:0}#projects div.h>project-card{width:100%;height:auto;min-height:auto}#projects project-card{width:100%}#projects project-card img{aspect-ratio:16/9;flex:none;height:auto}#footer{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:.75rem}#footer .last-update{font-size:clamp(.7rem,2vw,.85rem)}#footer .url-text{display:none}}@media (width<=480px){#header{gap:.5rem;font-size:.7rem}:root{font-size:.8rem!important}#header .header-action-btn{font-size:.7rem}#profile h1{font-size:2.25rem}#profile h2{font-size:1.2rem}#profile img{width:6.5rem}#links>div{grid-template-columns:1fr}#footer{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:.5rem}#footer .last-update{font-size:.75rem}}si-icon{fill:var(--text)}si-icon svg{width:100%;height:100%}link-card{flex:1}link-card a{border-bottom:1px solid var(--border-subtle);flex:1;align-items:center;gap:.2rem;text-decoration:none;transition:background-color 75ms;display:flex}link-card a:hover{background-color:var(--bg-surface)}link-card div{aspect-ratio:1;justify-content:center;align-items:center;height:32px;padding:.4rem;transition:background-color 75ms;display:flex}link-card a:hover div{--_lum:calc(var(--lum) + 10%)}link-card hgroup{white-space:nowrap;flex:1;justify-content:space-between;gap:.5rem;display:flex}link-card small{color:var(--fg-dim);vertical-align:-10px;font-size:.8rem;display:inline-block;translate:0 .32rem}link-card small:after{content:"]";color:var(--border-subtle)}link-card small:before{content:"[";color:var(--border-subtle)}link-card p{padding-right:1rem;font-size:1.2rem}link-card si-icon,link-card si-icon svg{height:100%}@media (width<=768px){link-card{flex:none;width:100%;display:block}}project-card{flex-direction:column;display:flex}project-card a{background-color:var(--bg-surface);cursor:pointer;color:inherit;flex-direction:column;gap:.5rem;width:100%;height:100%;padding:.5rem .5rem 1rem;text-decoration:none;transition:background-color 75ms;display:flex;position:relative;overflow:hidden}project-card a:hover{background-color:var(--bg-surface-hover)}project-card hgroup{flex:none;padding:0 .5rem;position:relative}project-card hgroup h3{white-space:nowrap;color:var(--text);padding-right:2rem}project-card small{color:var(--fg-secondary);font-size:.8rem;display:block}.v project-card small{max-width:20em}project-card img{object-fit:cover;width:100%;height:0;min-height:0;image-rendering:pixelated;flex:1}project-card si-icon{color:var(--fg-secondary);width:1rem;height:1rem;display:block;position:absolute;top:.5rem;right:.5rem}