@import "https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,200;0,6..72,300;1,6..72,200;1,6..72,300&family=Archivo:wght@300;400;500&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--night:#15151f;--bone:#e8e4e2;--aubergine:#452b52;--salmon:#e0785f;--slate:#8a8794;--dim:#b8b4c2;--surf:#e8e4e20a;--surf-2:#e8e4e214;--hair:#e8e4e229;--edge:#e8e4e24d;--rail:#00000047;--stage:#0f0e17;--stage-deep:#0b0b12;--thumb:#1b1927;--pitch:#16202a;--keeper:#2b3a46;--ok:#5e9478;--f-display:Newsreader, Georgia, serif;--f-text:Archivo, ui-sans-serif, system-ui, sans-serif;--f-mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--t-title:clamp(3rem, 9.5vw, 9rem);--t-h2:clamp(2rem, 4.8vw, 4.4rem);--t-h2-lg:clamp(2.2rem, 6vw, 5.5rem);--t-h3:clamp(2.4rem, 6vw, 5.5rem);--t-h4:clamp(1.3rem, 2vw, 1.8rem);--t-lead:clamp(1.05rem, 1.6vw, 1.5rem);--t-body:1rem;--t-small:.92rem;--t-mono:.68rem;--t-mono-sm:.64rem;--ls-mono:.2em;--s-1:.5rem;--s-2:1rem;--s-3:1.6rem;--s-4:2.5rem;--s-block:clamp(2rem, 5vh, 3.5rem);--s-section:clamp(5rem, 12vh, 10rem);--gut:clamp(1.6rem, 4vw, 4rem);--ease:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--night);color:var(--bone);font-family:var(--f-text);font-size:var(--t-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;margin:0;line-height:1.65;overflow-x:hidden}body.fade{opacity:0;transition:opacity 1s var(--ease)}body.fade.in{opacity:1}:where(img,svg){display:block}:focus-visible{outline:2px solid var(--salmon);outline-offset:5px}a{color:inherit;text-decoration:none}h1,h2,h3,.row .h,.hero .line p,.proj .one{text-wrap:balance}p,li{text-wrap:pretty}.ac{color:var(--salmon);font-style:italic}body:after{content:"";pointer-events:none;z-index:60;opacity:.05;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.mono{font-family:var(--f-mono);font-size:var(--t-mono);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--bone)}.corner{z-index:40;color:var(--bone);line-height:22px;position:fixed}.corner.tl{top:var(--s-3);left:var(--s-3)}.corner.tr{top:var(--s-3);right:var(--s-3);align-items:center;gap:var(--s-3);display:flex}.corner.bl{bottom:var(--s-3);left:var(--s-3)}.corner.br{bottom:var(--s-3);right:var(--s-3)}.corner.tr>:last-child,.corner.br>:last-child{margin-inline-end:-.2em}.corner a,.corner span{text-shadow:0 1px 3px #15151fd9,0 0 14px #15151fa6}.corner a[aria-current=page]{color:var(--salmon)}.corner a:focus-visible{color:var(--salmon);outline:2px solid var(--bone);outline-offset:5px}.tl .mk{align-items:center;gap:.6rem;display:flex}.tl .mk svg{width:22px;height:22px}@media (width<=40rem){.corner.br{display:none}}.full{background:var(--stage);height:100svh;min-height:34rem;position:relative;overflow:hidden}.media{position:absolute;inset:0}.shade{pointer-events:none;background:linear-gradient(#15151f1f 0%,#15151f73 62%,#15151ff5 100%);position:absolute;inset:0}.state{place-items:center;min-height:70svh;padding:clamp(5rem,10vh,9rem) clamp(1.5rem,6vw,8rem);display:grid}.state h2{text-align:center;max-width:18ch;font-family:var(--f-display);font-weight:200;font-size:var(--t-h2);letter-spacing:-.025em;text-wrap:balance;margin:0;line-height:1.05}.state p{text-align:center;max-width:48ch;color:var(--dim);margin:2rem auto 0;font-size:clamp(.95rem,1.1vw,1.1rem);font-weight:300}.state p+p{margin-top:1.1rem}.sec{padding:var(--s-section) var(--gut)}.sec .k{color:var(--salmon);margin:0 0 1.4rem}.sec h2{margin:0 0 var(--s-block);font-family:var(--f-display);font-weight:200;font-size:var(--t-h2);letter-spacing:-.025em;text-wrap:balance;max-width:16ch;line-height:1.02}.rows{gap:clamp(2rem,4vh,3rem);max-width:60rem;display:grid}.row{grid-template-columns:1fr;gap:.6rem 3rem;display:grid}@media (width>=50rem){.row{grid-template-columns:10rem 1fr}}.row .h{font-family:var(--f-display);font-weight:300;font-size:var(--t-h4);color:var(--bone);line-height:1.15}.row p{color:var(--dim);max-width:52ch;margin:0;font-weight:300}.row .n{font-family:var(--f-mono);font-size:var(--t-mono);letter-spacing:var(--ls-mono);color:var(--salmon);padding-top:.5rem}.row .tags{flex-wrap:wrap;gap:.3rem .9rem;margin:.7rem 0 0;padding:0;list-style:none;display:flex}.row .tags li{font-family:var(--f-mono);font-size:var(--t-mono-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}.cols{flex:1;grid-template-columns:repeat(3,1fr);gap:.8em;min-height:0;display:grid}.col{flex-direction:column;gap:.5em;display:flex}.col>s{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--slate);font-size:.76em;text-decoration:none}.card{background:var(--surf);flex-direction:column;gap:.35em;padding:.7em .8em;display:flex}.card i{background:var(--hair);height:.32em;display:block}.card i.w1{width:78%}.card i.w2{width:55%}.card i.w3{width:90%}.card .tp{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--salmon);font-size:.72em}.dec{flex-direction:column;gap:.6em;max-width:46em;display:flex}.decrow{background:var(--surf);flex-direction:column;gap:.55em;padding:.9em 1em;display:flex}.decrow .q{color:var(--bone);font-size:1.05em}.decrow .acts{gap:.5em;display:flex}.decrow .acts span{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;padding:.35em .8em;font-size:.74em}.decrow .acts span.y{background:var(--salmon);color:var(--night)}.decrow .acts span.n{background:var(--surf-2);color:var(--slate)}.brief{background:var(--surf);flex-direction:column;gap:.55em;max-width:40em;padding:1em 1.1em;display:flex;position:relative}.brief:before{content:"";background:var(--salmon);width:2px;position:absolute;top:1em;bottom:1em;left:0}.brief .hd{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--salmon);padding-left:.7em;font-size:.76em}.brief .ln{background:var(--hair);height:.34em;margin-left:.7em;display:block}.brief .ln.a{width:90%}.brief .ln.b{width:74%}.brief .ln.c{width:82%}.brief .ln.d{width:44%}.brief .sub{font-family:var(--f-mono);color:var(--slate);letter-spacing:.06em;padding-left:.7em;font-size:.76em}.two{flex:1;grid-template-columns:1fr 14em;gap:1em;min-height:0;display:grid}.bench{flex-direction:column;gap:.5em;display:flex}.bench s{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--slate);font-size:.74em;text-decoration:none}.bp{background:var(--surf);color:var(--dim);align-items:center;gap:.6em;padding:.5em .7em;display:flex}.bp i{background:var(--aubergine);border:1px solid var(--edge);border-radius:50%;width:1.4em;height:1.4em}.warn{border-left:2px solid var(--salmon);color:var(--bone);background:#e0785f1f;margin-top:auto;padding:.7em .8em;font-size:.9em}.eng{flex:1;grid-template-columns:1fr 1fr;gap:1em;display:grid}.clock{font-family:var(--f-display);color:var(--bone);font-variant-numeric:tabular-nums;font-size:4.5em;font-weight:200;line-height:1}.clock small{font-family:var(--f-mono);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--salmon);margin-top:.6em;font-size:.16em;display:block}.rec{background:var(--surf);flex-direction:column;align-self:start;gap:.6em;padding:1em 1.1em;display:flex}.rec s{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--salmon);font-size:.74em;text-decoration:none}.rec .sw{align-items:center;gap:.8em;font-size:1.15em;display:flex}.rec .sw i{background:var(--aubergine);border:1px solid var(--salmon);width:1.6em;height:1.6em;font-family:var(--f-mono);border-radius:50%;place-items:center;font-size:.7em;font-style:normal;display:grid}.rec p{color:var(--dim);margin:0;font-size:.9em}.rec .acts{gap:.5em;display:flex}.rec .acts span{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;padding:.35em .8em;font-size:.72em}.rec .acts span.y{background:var(--salmon);color:var(--night)}.rec .acts span.n{background:var(--surf-2);color:var(--slate)}.mins{flex-direction:column;gap:.35em;display:flex}.mins div{font-family:var(--f-mono);color:var(--dim);font-variant-numeric:tabular-nums;grid-template-columns:2em 1fr 3em;align-items:center;gap:.6em;font-size:.74em;display:grid}.mins i{background:var(--aubergine);height:.5em;display:block}.grid{grid-template-columns:6em repeat(4,1fr);gap:.4em;display:grid}.grid s{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--slate);align-self:center;font-size:.72em;text-decoration:none}.grid b{font-family:var(--f-mono);text-align:center;background:var(--surf);color:var(--dim);font-variant-numeric:tabular-nums;padding:.5em;font-size:.8em;font-weight:400}.grid b.hot{color:var(--bone);background:#e0785f2e}.cards6{flex:1;grid-template-columns:repeat(3,1fr);gap:.8em;display:grid}.c6{background:var(--surf);flex-direction:column;gap:.3em;padding:1em;display:flex}.c6 b{font-family:var(--f-display);color:var(--bone);font-size:1.3em;font-weight:300}.c6 s{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--slate);font-size:.7em;text-decoration:none}.draw{pointer-events:none;position:absolute;inset:0}.proj .slide{opacity:0;transition:opacity 1.1s var(--ease), transform 1.8s var(--ease);pointer-events:none;position:absolute;inset:0;transform:scale(1.04)}.proj .slide.on{opacity:1;pointer-events:auto;transform:none}.proj.user .slide{transition-duration:.26s,.34s}.proj .meta{left:var(--gut);z-index:3;max-width:34rem;position:absolute;bottom:clamp(6.5rem,15vh,9.5rem)}.proj .meta .k{color:var(--salmon);margin:0 0 .7rem}.proj .meta h2{font-family:var(--f-display);font-weight:200;font-size:var(--t-h3);letter-spacing:-.03em;margin:0;line-height:.95}.proj .meta p{color:var(--dim);max-width:40ch;margin:1rem 0 0;font-weight:300}.thumbs{z-index:4;gap:.55rem;display:flex;position:absolute;bottom:clamp(1.4rem,3.5vh,2.4rem);left:50%;transform:translate(-50%)}.thumb{aspect-ratio:16/10;cursor:pointer;background:var(--thumb);opacity:.5;width:clamp(4.4rem,6vw,4.8rem);transition:opacity .32s var(--ease), box-shadow .32s var(--ease);border:0;outline:0;padding:0;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000}.thumb[aria-current=true]{opacity:1;box-shadow:0 0 0 1px var(--salmon)}.thumb:focus-visible{outline:2px solid var(--bone);outline-offset:4px}.thumb .bar{background:var(--salmon);transform-origin:0;width:100%;height:2px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.thumb[aria-current=true] .bar{animation:fill var(--tick,7s) linear forwards}.paused .thumb[aria-current=true] .bar{animation-play-state:paused}@keyframes fill{to{transform:scaleX(1)}}@media (width<=24rem){.thumbs{gap:.4rem}}.rv{opacity:0;transition:opacity .9s var(--ease), transform 1.1s var(--ease);transform:translateY(16px)}.rv.in{opacity:1;transform:none}.access .k{color:var(--slate);margin:0 0 1.4rem}.access h2 .ac{color:var(--bone)}.link{border-bottom:1px solid var(--salmon);padding-bottom:.1rem}@media (hover:hover) and (pointer:fine){.corner a:hover,.link:hover,.proj .meta a:hover,.proj .side a:hover,.cv .more:hover,.open .meta a.dl:hover,footer h2 a:hover{color:var(--salmon)}.access .btn:hover,.visit .btn:hover{background:var(--bone)}}footer{padding:clamp(3rem, 8vh, 6rem) var(--gut);flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}footer .mono{color:var(--slate)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.fade{transition:opacity .2s var(--ease)}.rv,.proj .meta>*{opacity:1;transition:opacity .2s var(--ease);transform:none}.proj .slide,.proj.user .slide{transition:opacity .2s var(--ease);transform:none}.proj .slide.on{transform:none}.proj .media{transition:none;transform:none}.thumb{transition:none}.thumb[aria-current=true] .bar{animation:none;transform:scaleX(1)}}.shot{object-fit:cover;object-position:0 0;width:100%;height:100%;position:absolute;inset:0}@media (width<=40rem){.shot{object-fit:contain;object-position:50% 0;background:var(--surf)}}