:root{--ink:#111;--paper:#f1f0eb;--muted:#a7a6a0;--line-dark:#1111113d;--line-light:#f1f0eb40;--pad:clamp(1.25rem, 3vw, 3.25rem)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--paper);margin:0;font-family:Manrope,Arial,sans-serif;font-weight:400}a{color:inherit;text-decoration:none}.admin-header{padding:1.15rem var(--pad);border-bottom:1px solid var(--line-light);letter-spacing:.11em;justify-content:space-between;align-items:center;gap:2rem;font-family:DM Mono,monospace;font-size:.68rem;display:flex}.admin-header div{align-items:center;gap:.8rem;display:flex}.admin-header strong{border:1px solid;padding:.2rem .35rem;font-weight:400}.admin-header a span{transition:transform .25s;display:inline-block}.admin-header a:hover span{transform:translate(3px,-3px)}.admin-main{min-height:100svh}.admin-intro{padding:clamp(5rem, 10vw, 9rem) var(--pad) 0;letter-spacing:.1em;justify-content:space-between;gap:2rem;font-family:DM Mono,monospace;font-size:.65rem;display:flex}.admin-intro p{letter-spacing:0;max-width:33rem;margin:0;line-height:1.65}.noise{z-index:50;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E");position:fixed;inset:0}.site-header{z-index:40;padding:1.15rem var(--pad);border-bottom:1px solid var(--line-light);mix-blend-mode:difference;color:#fff;letter-spacing:.12em;grid-template-columns:1fr auto 1fr;align-items:center;font-family:DM Mono,monospace;font-size:.71rem;display:grid;position:fixed;top:0;left:0;right:0}.brand{align-items:center;gap:.55rem;width:max-content;display:flex}.brand-index{border:1px solid;padding:.14rem .2rem;line-height:1}.header-meta{opacity:.68}.contact-link{justify-self:end}.contact-link span,.site-footer a span{transition:transform .25s;display:inline-block}.contact-link:hover span,.site-footer a:hover span{transform:translate(3px,-3px)}.hero{background:var(--ink);border-bottom:1px solid var(--line-light);min-height:100svh;position:relative;overflow:hidden}.hero-mark{letter-spacing:-.16em;white-space:nowrap;justify-content:center;align-items:center;width:min(74vw,1000px);height:min(74vw,1000px);font-size:clamp(15rem,38vw,37rem);font-weight:300;line-height:.78;display:flex;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-49%)}.hero-mark .zero{margin-right:-.09em}.hero-mark .one{transform:translate(-.02em)}.orbit{aspect-ratio:1;border:1px solid #f1f0eb8c;border-radius:50%;width:78%;animation:18s linear infinite orbit-turn;position:absolute}.orbit:after{content:"";background:var(--paper);width:.5rem;height:.5rem;box-shadow:0 0 0 .32rem var(--ink);border-radius:50%;position:absolute;top:-.25rem;left:50%;transform:translate(-50%)}.orbit-dot{background:var(--paper);width:.45rem;height:.45rem;box-shadow:0 0 0 .35rem var(--ink);border-radius:50%;position:absolute;top:10.9%;left:68%}.hero-meta{letter-spacing:.13em;flex-direction:column;gap:.2rem;font-family:DM Mono,monospace;font-size:.62rem;line-height:1.45;display:flex;position:absolute;top:50%}.hero-meta-left{left:var(--pad);transform:translateY(-50%)}.hero-meta-right{right:var(--pad);text-align:right;transform:translateY(-50%)}.hero-statement{left:var(--pad);letter-spacing:-.02em;margin:0;font-size:clamp(1rem,1.35vw,1.35rem);line-height:1.35;position:absolute;bottom:5rem}.scroll-cue{right:var(--pad);letter-spacing:.12em;align-items:center;gap:1rem;font-family:DM Mono,monospace;font-size:.59rem;display:flex;position:absolute;bottom:3.05rem}.scroll-line{background:var(--paper);width:clamp(2rem,6vw,6rem);height:1px}.about{min-height:100svh;padding:clamp(7rem, 12vw, 11rem) var(--pad) clamp(5rem, 9vw, 8rem);background:var(--paper);color:var(--ink);grid-template-columns:.62fr 2.15fr 1fr;gap:clamp(2rem,6vw,7rem);display:grid}.about-index{letter-spacing:.14em;flex-direction:column;gap:.25rem;font-family:DM Mono,monospace;font-size:.64rem;display:flex}.about-index span:first-child{letter-spacing:-.05em;font-size:2.5rem;line-height:.95}.about-copy h2{letter-spacing:-.065em;max-width:950px;margin:0;font-size:clamp(2.3rem,5.6vw,6.25rem);font-weight:400;line-height:.98}.about-copy p{letter-spacing:-.018em;max-width:650px;margin:clamp(3rem,7vw,7rem) 0 0 auto;font-size:clamp(1.03rem,1.45vw,1.42rem);line-height:1.55}.about-aside{flex-direction:column;align-self:end;gap:2rem;font-family:DM Mono,monospace;font-size:.67rem;line-height:1.65;display:flex}.circle-word{aspect-ratio:1;border:1px solid var(--ink);border-radius:50%;width:min(19vw,230px);animation:22s linear infinite rotate;position:relative}.circle-word span{transform-origin:0 0;position:absolute;top:50%;left:50%}.circle-word span:first-child{transform:rotate(0)translateY(-8.5rem)}.circle-word span:nth-child(2){transform:rotate(72deg)translateY(-8.5rem)}.circle-word span:nth-child(3){transform:rotate(144deg)translateY(-8.5rem)}.circle-word span:nth-child(4){transform:rotate(216deg)translateY(-8.5rem)}.circle-word span:nth-child(5){transform:rotate(288deg)translateY(-8.5rem)}.portfolio{padding:clamp(5rem, 9vw, 8rem) var(--pad);background:var(--ink);color:var(--paper);border-top:1px solid var(--line-light);border-bottom:1px solid var(--line-light)}.portfolio-heading{letter-spacing:.12em;grid-template-columns:.62fr minmax(240px,1fr);gap:clamp(2rem,6vw,7rem);margin-bottom:clamp(3rem,6vw,6rem);font-family:DM Mono,monospace;font-size:.64rem;display:grid}.portfolio-heading>div{flex-direction:column;gap:.25rem;display:flex}.portfolio-heading>div span:first-child{letter-spacing:-.05em;font-size:2.5rem;line-height:.95}.portfolio-heading p{justify-self:end;max-width:34rem;margin:0;line-height:1.6}.upload-zone{border:1px solid var(--paper);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(1.3rem,3vw,3.5rem);min-height:15rem;padding:clamp(1.5rem,4vw,4rem);transition:color .25s,background .25s;display:grid;position:relative}.upload-zone.is-dragging{color:var(--ink);background:var(--paper)}.upload-symbol{font-size:clamp(3.5rem,7vw,7rem);font-weight:300;line-height:1}.upload-zone h2{letter-spacing:-.055em;margin:0 0 .7rem;font-size:clamp(1.75rem,3.5vw,3.8rem);font-weight:400;line-height:1}.upload-zone p{max-width:35rem;margin:0;font-size:.75rem;line-height:1.6}.upload-zone button,.media-meta button{-webkit-appearance:none;appearance:none;color:inherit;letter-spacing:.12em;cursor:pointer;background:0 0;border:1px solid;padding:.85rem 1rem;font-family:DM Mono,monospace;font-size:.62rem}:is(.upload-zone button:hover,.upload-zone button:focus-visible){background:var(--paper);color:var(--ink)}.upload-zone.is-dragging button:hover{background:var(--ink);color:var(--paper)}.upload-zone button:disabled{cursor:wait;opacity:.65}.progress-track{background:#f1f0eb2e;height:3px;position:absolute;bottom:0;left:0;right:0}.progress-track span{background:currentColor;height:100%;transition:width .15s linear;display:block}.upload-status,.portfolio-loading{letter-spacing:.08em;min-height:1.2rem;margin:1rem 0 2rem;font-family:DM Mono,monospace;font-size:.6rem}.portfolio-grid{border-top:1px solid var(--paper);border-left:1px solid var(--paper);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.portfolio-item{border-right:1px solid var(--paper);border-bottom:1px solid var(--paper);min-width:0}.media-frame{aspect-ratio:4/3;background:var(--ink);overflow:hidden}.media-frame img,.media-frame video{object-fit:cover;width:100%;height:100%;display:block}.media-meta{letter-spacing:.06em;grid-template-columns:2.5rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.8rem;font-family:DM Mono,monospace;font-size:.61rem;display:grid}.media-meta>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-meta button{border:0;padding:.55rem .7rem}:is(.media-meta button:hover,.media-meta button:focus-visible){text-decoration:underline}.portfolio-empty{border-top:1px solid var(--paper);border-bottom:1px solid var(--paper);letter-spacing:.1em;justify-content:space-between;align-items:flex-end;min-height:15rem;padding:1rem 0;font-family:DM Mono,monospace;font-size:.61rem;display:flex}.site-footer{min-height:34svh;padding:3rem var(--pad);background:var(--paper);color:var(--ink);letter-spacing:.1em;grid-template-columns:minmax(7rem,.45fr) 1fr auto;align-content:space-between;align-items:start;gap:3rem;font-family:DM Mono,monospace;font-size:.66rem;display:grid}.footer-index{flex-direction:column;gap:.3rem;display:flex}.footer-index span:first-child{letter-spacing:-.07em;font-size:clamp(2rem,3.1vw,3rem);line-height:.9}.footer-meta{gap:2rem;display:flex}.footer-email{letter-spacing:.1em;grid-column:2;place-self:end start;font-family:DM Mono,monospace;font-size:clamp(.72rem,1vw,.9rem);line-height:1.35}.footer-year{justify-self:end}.portfolio-intro{justify-self:end;max-width:46rem}.portfolio-intro h2{letter-spacing:-.05em;max-width:46rem;margin:0;font-family:Manrope,Arial,sans-serif;font-size:clamp(1.55rem,3.2vw,3.5rem);font-weight:400;line-height:1.06}.portfolio-intro p{opacity:.68;justify-self:auto;max-width:31rem;margin:1.25rem 0 0}.portfolio-tools{border-bottom:1px solid var(--line-light);justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:1.25rem;display:flex}.portfolio-filters{flex-wrap:wrap;gap:clamp(1rem,2.5vw,2.75rem);display:flex}.portfolio-filters button,.manage-toggle{-webkit-appearance:none;appearance:none;color:inherit;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;padding:.9rem 0;font-family:DM Mono,monospace;font-size:.61rem}.portfolio-filters button{opacity:.5}.portfolio-filters button span{vertical-align:top;margin-left:.4rem;font-size:.52rem}:is(.portfolio-filters button:hover,.portfolio-filters button:focus-visible,.portfolio-filters button.is-active){opacity:1;border-bottom-color:currentColor}.manage-toggle{opacity:.75;flex:none}:is(.manage-toggle:hover,.manage-toggle:focus-visible){opacity:1}.upload-zone{margin:2rem 0 .5rem}.upload-zone h3{letter-spacing:-.055em;margin:0 0 .7rem;font-size:clamp(1.75rem,3.5vw,3.8rem);font-weight:400;line-height:1}.portfolio-grid,.portfolio-item{border-color:var(--line-light)}.project-open{-webkit-appearance:none;appearance:none;width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.project-open .media-frame{display:block;position:relative}.project-open .media-frame img,.project-open .media-frame video{transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .3s}:is(.project-open:hover .media-frame img,.project-open:hover .media-frame video,.project-open:focus-visible .media-frame img,.project-open:focus-visible .media-frame video){opacity:.82;transform:scale(1.025)}.play-mark{aspect-ratio:1;letter-spacing:.1em;border:1px solid #f1f0ebb8;border-radius:50%;place-items:center;width:4.75rem;font-family:DM Mono,monospace;font-size:.58rem;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.project-open .media-meta{grid-template-columns:2.5rem minmax(0,1fr) auto}.project-open .media-meta>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-open .media-meta>span:last-child{opacity:.55;text-align:right}.modal-open{overflow:hidden}.project-modal{z-index:70;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e0;padding:clamp(.75rem,2vw,1.5rem);position:fixed;inset:0;overflow-y:auto}.project-dialog{background:var(--ink);width:min(1180px,100%);min-height:calc(100svh - clamp(1.5rem,4vw,3rem));color:var(--paper);border:1px solid #f1f0eb59;margin:0 auto}.project-dialog-bar{border-bottom:1px solid var(--line-light);letter-spacing:.11em;grid-template-columns:1fr 1fr auto;align-items:center;gap:1rem;min-height:3.4rem;padding:0 1rem;font-family:DM Mono,monospace;font-size:.59rem;display:grid}.project-dialog-bar span:nth-child(2){text-align:center;opacity:.62}.project-dialog button,.project-editor input,.project-editor select,.project-editor textarea{font:inherit}.project-dialog-bar button,.project-admin-actions button,.editor-actions button{-webkit-appearance:none;appearance:none;color:inherit;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;padding:.65rem 0;font-family:DM Mono,monospace;font-size:.59rem}.project-dialog-bar button:hover,.project-admin-actions button:hover,.editor-actions button:hover{text-decoration:underline}.project-stage{border-bottom:1px solid var(--line-light);background:#090909;place-items:center;min-height:58svh;display:grid;position:relative;overflow:hidden}.project-stage img,.project-stage video{object-fit:contain;width:100%;max-height:72svh;display:block}.project-nav{width:3rem;height:3rem;color:var(--paper);cursor:pointer;background:#111111a6;border:1px solid #f1f0eb8c;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.project-prev{left:1rem}.project-next{right:1rem}.project-details{grid-template-columns:1.5fr 1fr .7fr;gap:clamp(1.5rem,4vw,4rem);padding:clamp(1.5rem,4vw,3.75rem);display:grid}.detail-kicker{letter-spacing:.11em;opacity:.62;font-family:DM Mono,monospace;font-size:.58rem}.project-details h3{letter-spacing:-.065em;margin:.7rem 0 0;font-size:clamp(2rem,5vw,5rem);font-weight:400;line-height:.92}.project-details>p{margin:0;font-size:clamp(.95rem,1.35vw,1.25rem);line-height:1.55}.project-details dl{margin:0;font-family:DM Mono,monospace;font-size:.6rem;line-height:1.6}.project-details dt{opacity:.5;letter-spacing:.1em}.project-details dd{margin:.2rem 0 1rem}.project-admin-actions{border-top:1px solid var(--line-light);grid-column:1/-1;gap:1.5rem;padding-top:.75rem;display:flex}.project-editor{grid-template-columns:2fr 1fr .65fr;gap:1.25rem;padding:clamp(1.5rem,4vw,3.75rem);display:grid}.project-editor label{letter-spacing:.1em;flex-direction:column;gap:.55rem;font-family:DM Mono,monospace;font-size:.58rem;display:flex}.project-editor input,.project-editor select,.project-editor textarea{border:0;border-bottom:1px solid var(--line-light);width:100%;color:var(--paper);letter-spacing:0;background:0 0;border-radius:0;outline:none;padding:.65rem 0;font-family:Manrope,Arial,sans-serif;font-size:.9rem}.project-editor select option{color:var(--ink);background:var(--paper)}.project-editor textarea{resize:vertical}.project-editor input:focus,.project-editor select:focus,.project-editor textarea:focus{border-bottom-color:var(--paper)}.editor-wide{grid-column:1/-1}.editor-actions{grid-column:1/-1;gap:1.5rem;display:flex}.footer-connect{grid-column:2;grid-template-columns:auto auto;align-self:end;justify-items:start;gap:.8rem 2rem;display:grid}.availability{opacity:.5;grid-column:1/-1;font-size:.58rem}.footer-connect .footer-email{grid-column:auto;align-self:auto}.footer-social{align-self:center;font-size:.64rem}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes orbit-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:820px){.site-header{grid-template-columns:1fr auto}.header-meta{display:none}.hero-mark{width:112vw;height:112vw;font-size:53vw}.hero-meta-left{top:29%}.hero-meta-right{top:auto;bottom:8rem}.hero-statement{bottom:3.1rem}.scroll-cue{display:none}.about{grid-template-columns:1fr;min-height:auto}.about-copy p{margin-left:0}.about-aside{grid-template-columns:auto 1fr;align-items:end;display:grid}.portfolio-heading{grid-template-columns:1fr}.portfolio-heading p,.portfolio-intro{justify-self:start}.portfolio-tools{flex-direction:column;align-items:flex-start;gap:0}.portfolio-filters{gap:0 1.2rem}.manage-toggle{align-self:flex-end;margin-top:-2.85rem}.upload-zone{grid-template-columns:1fr}.upload-symbol{font-size:3rem}.upload-zone button{justify-self:start}.portfolio-grid{grid-template-columns:1fr}.project-open .media-meta{grid-template-columns:2rem minmax(0,1fr)}.project-open .media-meta>span:last-child{text-align:left;grid-column:2}.portfolio-empty{flex-direction:column;justify-content:center;align-items:flex-start;gap:.7rem}.project-modal{padding:0}.project-dialog{border:0;min-height:100svh}.project-stage{min-height:48svh}.project-nav{width:2.6rem;height:2.6rem}.project-prev{left:.6rem}.project-next{right:.6rem}.project-details,.project-editor{grid-template-columns:1fr}.project-details dl,.project-admin-actions,.editor-wide,.editor-actions{grid-column:1}.circle-word{width:8.5rem}.circle-word span:first-child{transform:rotate(0)translateY(-4.6rem)}.circle-word span:nth-child(2){transform:rotate(72deg)translateY(-4.6rem)}.circle-word span:nth-child(3){transform:rotate(144deg)translateY(-4.6rem)}.circle-word span:nth-child(4){transform:rotate(216deg)translateY(-4.6rem)}.circle-word span:nth-child(5){transform:rotate(288deg)translateY(-4.6rem)}.site-footer{grid-template-columns:1fr}.footer-meta{flex-direction:column;gap:.35rem}.footer-connect{grid-column:1;grid-template-columns:1fr}.availability,.footer-connect .footer-email{grid-column:1}.footer-email{overflow-wrap:anywhere}.footer-year{justify-self:start}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
