:root{--ink:#191919;--muted:#646464;--line:#dcdcdc;--blue:#3048ef;--paper:#fafafa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}header{height:100px;display:flex;align-items:center;justify-content:space-between;margin:0 4.4%;border-bottom:1px solid var(--line)}.brand{font-weight:700;font-size:29px;letter-spacing:-1.6px}.brand-dot{font-size:14px;vertical-align:top;display:inline-block;margin:5px 0 0 5px;color:var(--blue)}nav{display:flex;gap:38px;font-size:15px}nav span{font-size:12px;vertical-align:super;color:var(--muted);margin-left:3px}.header-note{font-size:14px;color:var(--muted)}main{padding:0 4.4%}.intro{padding:65px 0 48px}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:600}.intro h1{font-size:clamp(68px,8.8vw,140px);font-weight:400;line-height:.99;letter-spacing:-.065em;margin:30px 0 35px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em}.intro h1 em{color:var(--blue)}.intro-bottom{display:flex;justify-content:space-between;align-items:end}.intro-bottom p{margin:0;color:var(--muted);font-size:18px;line-height:1.6}.explore{display:flex;align-items:center;gap:32px;font-size:14px}.explore span{border:1px solid #bbb;border-radius:100%;width:44px;height:44px;text-align:center;font-size:24px;line-height:40px;transition:.2s}.explore:hover span{background:var(--blue);border-color:var(--blue);color:white}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);padding:23px 0 28px}.filters,.views{display:flex;gap:6px}.toolbar button{background:none;border:0;padding:9px 14px;border-radius:24px;font-size:14px;color:var(--muted)}.filters button.active{background:var(--ink);color:white}.filters sup{font-size:10px;margin-left:4px}.views{border-bottom:1px solid var(--line);gap:16px}.views button{padding:9px 0;border-radius:0}.views button.active{color:var(--ink);box-shadow:0 1px 0 var(--ink)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:42px 28px}.project{background:none;border:0;padding:0;text-align:left;min-width:0}.project:first-child{grid-column:1/-1}.art{overflow:hidden;position:relative;background:#e8e8e8;aspect-ratio:1.23}.project:first-child .art{aspect-ratio:2.15}.art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.2,.7,.3,1)}.project:nth-child(3) img{object-fit:contain;background:#f3ebdf}.project:hover img{transform:scale(1.025)}.open-mark{position:absolute;right:18px;bottom:18px;border-radius:100%;width:46px;height:46px;background:white;display:grid;place-items:center;font-size:24px;opacity:0;transform:translateY(5px);transition:.2s}.project:hover .open-mark,.project:focus-visible .open-mark{opacity:1;transform:none}.caption{display:flex;justify-content:space-between;align-items:start;padding-top:16px;gap:20px}.caption h3{font-weight:400;font-size:23px;letter-spacing:-.6px;margin:0}.caption p{margin:3px 0 0;font-size:14px;color:var(--muted)}.number{font-size:12px;color:var(--muted);padding-top:7px}.endnote{font-size:13px;color:var(--muted);margin:35px 0 0;padding-bottom:36px;border-bottom:1px solid var(--line)}.projects.index{display:block}.index .project{display:flex;width:100%;gap:24px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.index .art,.index .project:first-child .art{width:112px;height:80px;aspect-ratio:auto;flex-shrink:0}.index .caption{flex:1;padding:0;align-items:center}.index .open-mark{display:none}.about{display:grid;grid-template-columns:1fr 1fr;padding:90px 0 110px}.about .eyebrow{padding-top:13px}.about h2{font-weight:400;font-size:clamp(50px,5vw,80px);letter-spacing:-4px;line-height:1.05;margin:0 0 30px}.about p{max-width:530px;color:var(--muted);font-size:18px;line-height:1.65}.signature{display:block;margin-top:32px;font-family:Georgia,serif;font-style:italic;font-size:26px}footer{margin:0 4.4%;padding:30px 0 40px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}footer span,footer>a:last-child{font-size:14px;color:var(--muted)}dialog{border:0;padding:0;width:min(1120px,94vw);max-height:94dvh;background:var(--paper);color:var(--ink);overscroll-behavior:contain}dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(8px)}.dialog-bar{position:sticky;top:0;z-index:2;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--line)}.dialog-bar span{font-size:12px;letter-spacing:1.5px}.dialog-bar button,.dialog-bottom button{border:0;background:none;font-size:14px;padding:10px}.detail-image{display:block;width:100%;max-height:70vh;object-fit:contain;background:#ececec}.detail-text{padding:36px 40px 45px;display:grid;grid-template-columns:1fr 1fr;gap:35px}.detail-text h2{font-size:40px;font-weight:400;letter-spacing:-1.5px;line-height:1.15;margin:8px 0 0}.detail-text p{font-size:17px;color:var(--muted);margin:0;line-height:1.7}.detail-text small{font-size:13px;color:var(--muted)}.dialog-bottom{padding:15px 28px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}#position{font-size:13px;color:var(--muted)}.skip{position:fixed;top:-100px;left:20px;z-index:5;background:white;padding:10px}.skip:focus{top:10px}body.modal-open{overflow:hidden}@media(max-width:700px){header{height:80px}.header-note{display:none}nav{gap:22px}.brand{font-size:25px}.intro{padding:42px 0 34px}.intro h1{font-size:clamp(60px,12.3vw,88px);margin-top:28px}.intro-bottom{display:block}.intro-bottom p{font-size:16px}.explore{margin-top:24px;justify-content:space-between}.toolbar{align-items:start;flex-wrap:wrap;padding:18px 0}.filters{gap:0;flex-wrap:wrap}.toolbar button{font-size:13px;padding:9px 11px}.views{margin-left:auto}.views button{padding:7px 0}.projects{gap:30px;grid-template-columns:1fr}.project:first-child .art{aspect-ratio:1.3}.project:first-child .art img{object-position:35%}.art{aspect-ratio:1.12}.caption h3{font-size:22px}.about{grid-template-columns:1fr;gap:30px;padding:55px 0}.about h2{letter-spacing:-2.5px}.about p{font-size:16px}footer{flex-wrap:wrap;gap:20px}footer span{order:3;width:100%}.detail-text{grid-template-columns:1fr;padding:25px;gap:22px}.detail-text h2{font-size:32px}.dialog-bottom{padding:12px 8px}.dialog-bottom button{font-size:13px}.dialog-bar{padding:12px 18px}.open-mark{opacity:1;width:36px;height:36px;font-size:20px}.index .art,.index .project:first-child .art{width:75px;height:65px}.index .project{gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.project:first-child .art img[src*="non-fungible-tolkiens"]{object-fit:contain;background:#191919}

.text-cover{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:#202020;color:#fff;font-size:clamp(44px,6vw,90px);letter-spacing:-.06em}.index .text-cover{font-size:22px}

.art img[src="hodos/cover.png"]{object-fit:contain;background:#fff}

.art img[src="non-fungible-viruses/cover.gif"]{object-fit:contain;object-position:center;background:#fff}

.art img[src="words-of-the-daze/cover.webp"]{object-fit:contain;object-position:center;background:#fff}
