@font-face{font-family:Instrument;src:url('./fonts/instrument.woff2') format('woff2');font-display:swap}@font-face{font-family:Inter;src:url('./fonts/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--bg:#0d0503;--text:#e4d4b6;--line:rgba(228,212,182,.11);--panel:rgba(228,212,182,.035);--accent:#e58a57;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.42;-webkit-font-smoothing:antialiased}::selection{background:#6b2f1c;color:#ffe4bf}::-moz-selection{background:#6b2f1c;color:#ffe4bf}a{color:inherit;text-decoration:none}button,textarea{font:inherit}
.pixel-field{--pointer-x:50%;--pointer-y:25%;position:absolute;z-index:0;inset:0 0 auto;height:50vh;overflow:hidden;pointer-events:none;contain:paint;background:linear-gradient(180deg,#160302 0%,#130402 62%,transparent 100%);opacity:1;animation:background-enter .7s var(--ease) both}.pixel-canvas{position:absolute;inset:-4%;width:108%;height:108%;image-rendering:pixelated;opacity:.95;animation:pixel-pan 30s ease-in-out infinite alternate;will-change:transform}.pixel-field::before{content:"";position:absolute;inset:-15%;background-image:radial-gradient(circle,#ff6a1a 0 1px,transparent 1.4px),radial-gradient(circle,#620d05 0 1px,transparent 1.5px);background-size:5px 5px,7px 7px;background-position:0 0,2px 2px;opacity:.27;animation:drift 34s ease-in-out infinite alternate}.pixel-field::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(255,106,26,.28),transparent 16%),linear-gradient(180deg,transparent 0 18%,rgba(13,5,3,.12) 35%,rgba(13,5,3,.62) 58%,var(--bg) 78%,var(--bg) 100%)}
.site-wrap{position:relative;z-index:1;width:100%;max-width:576px;margin:0 auto;padding:20vh 16px 96px}.intro{animation:rise .9s var(--ease) both}.name-line{display:flex;align-items:baseline;gap:10px}.name-line h1{margin:0;font-family:Instrument,Georgia,serif;font-size:28px;line-height:1.625;color:var(--text);font-weight:400}.name-line span{color:rgba(228,212,182,.42);font-size:11px;letter-spacing:.04em}.role{display:block;width:max-content;margin-top:-.75px;padding:3px 8px;border-radius:4px;background:rgba(228,212,182,.05);color:rgba(228,212,182,.42);font-size:11px}.bio{margin-top:12px;font-size:14px;line-height:1.375;max-width:550px}.bio p{margin:0 0 12px}.dim{color:rgba(228,212,182,.57)}
.social-links{display:flex;align-items:center;gap:5px;margin-top:18px;padding-top:11px;border-top:1px solid var(--line);color:rgba(228,212,182,.42);font-size:11px}.social-links a{display:inline-flex;align-items:center;gap:5px;padding:4px 6px;border-radius:5px;transition:color .2s ease,background-color .2s ease,transform .2s var(--ease)}.social-links a:hover,.social-links a:focus-visible{color:var(--accent);background:rgba(228,212,182,.05);transform:translateY(-1px)}.social-links a:focus-visible{outline:1px solid rgba(229,138,87,.65);outline-offset:2px}.social-links svg{width:12px;height:12px;display:block;fill:currentColor}.social-links svg rect,.social-links svg circle{fill:none;stroke:currentColor;stroke-width:1.8}.social-links svg .social-dot{fill:currentColor;stroke:0}.work-mark img{display:block;width:100%;height:100%;object-fit:cover}
.work{margin-top:40px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-head h2{margin:0;font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.625;font-weight:500}.view-toggle{display:flex;gap:4px}.view-button{width:24px;height:24px;border:0;border-radius:5px;color:rgba(228,212,182,.26);background:transparent;cursor:pointer;font-size:14px}.view-button.active,.view-button:hover{color:var(--text);background:rgba(228,212,182,.08)}.work-list{display:grid}.work-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);transition:transform .25s var(--ease),border-color .25s ease}.work-item:first-child{border-top:1px solid var(--line)}.work-item:hover{transform:translateX(5px);border-color:rgba(228,212,182,.25)}.work-mark{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(228,212,182,.18);border-radius:4px;overflow:hidden;background:#070707;color:#fff}.mark-art{font-size:22px;filter:grayscale(1);opacity:.85}.work-copy{min-width:0}.work-copy h3{margin:0 0 2px;font-size:14px;font-weight:500;color:var(--text)}.tag{display:inline-block;margin-left:5px;padding:1px 4px;border-radius:3px;background:#5a160b;color:#ff5d2a;font:9px ui-monospace,monospace;vertical-align:2px}.work-copy p{margin:0;color:rgba(228,212,182,.56);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date{align-self:start;padding-top:2px;color:rgba(228,212,182,.42);font-size:11px;white-space:nowrap}.view-all{display:block;margin:20px auto 0;border:0;background:transparent;color:rgba(228,212,182,.37);font-size:11px;cursor:pointer;transition:color .2s}.view-all:hover{color:var(--text)}.compact .work-item{grid-template-columns:48px minmax(0,1fr);border:0;padding:5px 0}.compact .date{display:none}.compact .work-item:first-child{border-top:0}
@keyframes rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes background-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pixel-pan{from{transform:translate3d(-2.5%,0,0) scale(1.01)}to{transform:translate3d(2.5%,-2%,0) scale(1.01)}}@keyframes drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(28px,18px,0)}}@media (max-width:600px){.name-line{gap:7px}.name-line h1{font-size:25px}.name-line span{font-size:9px}.pixel-field{height:54vh}.pixel-canvas{inset:-8%;width:116%;height:116%;animation-duration:22s}.pixel-field::before{opacity:.34;animation-duration:26s}.work{margin-top:38px}.work-item{grid-template-columns:42px minmax(0,1fr);gap:10px}.work-mark{width:42px;height:42px}.date{grid-column:2;padding-top:0;margin-top:-7px}.work-copy p{font-size:12px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

.error-wrap{padding-top:14vh;padding-bottom:72px}.error-brand{display:inline-flex;align-items:baseline;gap:8px;font-family:Instrument,Georgia,serif;font-size:18px;color:var(--text);transition:color .2s ease}.error-brand span{font:10px Inter,system-ui,sans-serif;color:rgba(228,212,182,.4);letter-spacing:.04em}.error-brand:hover{color:var(--accent)}.error-intro{margin-top:54px;animation:rise .7s var(--ease) both}.error-code{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:var(--accent);text-transform:uppercase}.error-code span{margin-left:8px;color:rgba(228,212,182,.35)}.error-intro h1{margin:9px 0 6px;font-family:Instrument,Georgia,serif;font-size:35px;line-height:1.12;font-weight:400;letter-spacing:-.02em}.error-intro p{max-width:420px;margin:0;color:rgba(228,212,182,.56);font-size:13px}.runner-panel{margin-top:31px;padding:14px 14px 11px;border:1px solid rgba(228,212,182,.13);border-radius:6px;background:rgba(20,7,4,.66);box-shadow:0 18px 50px rgba(0,0,0,.18);animation:rise .8s .08s var(--ease) both}.runner-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.eyebrow{display:block;margin-bottom:3px;color:rgba(228,212,182,.36);font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase}.runner-head h2{margin:0;font-size:14px;font-weight:500}.runner-score{display:flex;align-items:baseline;gap:7px;color:rgba(228,212,182,.35);font:9px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.runner-score strong{min-width:40px;color:var(--accent);font-size:12px;font-weight:400;letter-spacing:.08em}.runner-stage{position:relative;min-height:176px;overflow:hidden;border:1px solid rgba(228,212,182,.09);border-radius:3px;background:linear-gradient(180deg,rgba(93,20,8,.24),rgba(8,3,2,.35));cursor:pointer;outline:none}.runner-stage:focus-visible{box-shadow:0 0 0 2px rgba(229,138,87,.45)}#runner{display:block;width:100%;height:auto;image-rendering:pixelated}.runner-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;text-align:center;pointer-events:none;color:rgba(228,212,182,.44);font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}.runner-message strong{color:var(--text);font-weight:400}.runner-message.is-hidden{display:none}.runner-footer{display:flex;align-items:center;gap:12px;margin-top:10px;color:rgba(228,212,182,.34);font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.runner-footer kbd{padding:2px 4px;border:1px solid rgba(228,212,182,.16);border-radius:3px;color:rgba(228,212,182,.62);font:inherit}.runner-footer button{margin-left:auto;padding:3px 0;border:0;background:none;color:rgba(228,212,182,.48);font:inherit;cursor:pointer}.runner-footer button:hover{color:var(--accent)}.back-home{display:block;width:max-content;margin:26px 0 0;color:rgba(228,212,182,.45);font-size:11px;transition:color .2s ease,transform .2s var(--ease)}.back-home:hover{color:var(--text);transform:translateX(3px)}
@media (max-width:600px){.error-wrap{padding-top:10vh}.error-intro{margin-top:42px}.error-intro h1{font-size:30px}.runner-panel{margin-top:27px;padding:12px 10px 10px}.runner-stage{min-height:148px}.runner-footer{gap:8px}.runner-footer span:nth-child(2){display:none}}