@font-face{font-family:Instrument;src:url('https://www.saadb.me/_next/static/media/e41d5df559864f9e-s.p.1g73gv09-xcb6.woff2') format('woff2');font-display:swap}@font-face{font-family:Inter;src:url('https://www.saadb.me/_next/static/media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.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);--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}a{color:inherit;text-decoration:none}button,textarea{font:inherit}
.pixel-field{position:absolute;z-index:0;inset:0 0 auto;height:40vh;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,#160302 0%,#130402 58%,transparent 100%);opacity:1;animation:background-enter .9s var(--ease) both}.pixel-canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;opacity:.95;filter:saturate(1.18) contrast(1.16)}.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;mix-blend-mode:screen;opacity:.34;filter:contrast(1.7);animation:drift 18s linear infinite}.pixel-field::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0 18%,rgba(13,5,3,.2) 38%,var(--bg) 58%,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)}
.contact-bar{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0;color:rgba(228,212,182,.47);font-size:11px}.socials,.contact-links{display:flex;align-items:center;gap:2px}.contact-links{gap:12px}.socials a,.contact-links a{padding:6px 5px;border-radius:6px;transition:color .2s ease,background .2s ease}.socials a:hover,.contact-links a:hover{color:var(--text);background:rgba(228,212,182,.05)}.inbox-note{text-align:center;margin:8px 0 0;color:rgba(228,212,182,.4);font-size:11px;line-height:1.625}
.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;filter:blur(6px);transform:translateY(7px)}to{opacity:1;filter:none;transform:none}}@keyframes background-enter{from{opacity:0;filter:blur(6px);transform:translateY(6px)}to{opacity:1;filter:none;transform:none}}@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}.contact-bar{align-items:flex-start;gap:4px}.contact-links{gap:4px}.contact-links a{padding-inline:3px;font-size:10px}.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}}