:root{color-scheme:dark;--paper:#141512;--ink:#e9eae5;--quiet:#b0b2a8;--lime:#d0ff43;--edge:clamp(20px,4vw,64px)}*{box-sizing:border-box}html{scroll-padding-top:64px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.45 Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button,select{font:inherit}button,summary{cursor:pointer}a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:5px}img{display:block;max-width:100%}button{color:inherit}main{max-width:1600px;padding:88px var(--edge) 0;margin:auto}.index-toggle{position:absolute;right:var(--edge);top:18px;display:flex;align-items:center;gap:10px;min-height:44px;border:0;background:none;padding:0;font-size:15px;z-index:2}.metal{width:17px;height:17px;border-radius:50%;background:radial-gradient(ellipse at 32% 20%,#fff 0%,#e8edf0 10%,transparent 29%),linear-gradient(157deg,#d9dfe2 9%,#7f888d 27%,#f5f7f5 39%,#22272a 49%,#101515 54%,#dbe2df 62%,#eef4e6 70%,#7c877d 86%,#181c19);box-shadow:inset 0 0 0 .5px #bec5be,0 1px 2px #000}.gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(24px,4vw,64px);row-gap:70px;align-items:start}.project{grid-column:span 6;min-width:0}.project:nth-child(4n+1){grid-column:span 7}.project:nth-child(4n+2){grid-column:span 5;padding-top:80px}.project:nth-child(4n+3){grid-column:span 5;padding-top:24px}.project:nth-child(4n+4){grid-column:span 7}.artwork{display:block}.artwork img{width:100%;height:auto;max-height:680px;object-fit:contain;object-position:left top}.project summary{list-style:none;padding:15px 0 0;min-height:48px}.project summary::-webkit-details-marker,.in-the-wild>summary::-webkit-details-marker{display:none}.project h2{font:400 15px/1.45 Helvetica,sans-serif;margin:0;max-width:95%;text-wrap:pretty}.project summary:hover h2,.project details[open] h2{text-decoration:underline;text-underline-offset:4px}.project-info{padding-top:12px;max-width:520px;color:var(--quiet)}p{margin:0 0 14px;line-height:1.55;overflow-wrap:anywhere}.links{display:flex;flex-wrap:wrap;gap:0 22px}.links a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-size:15px}.in-the-wild{margin:96px 0 54px}.in-the-wild>summary{display:flex;align-items:center;gap:16px;list-style:none;min-height:48px;font-size:15px}.in-the-wild>summary>span{color:var(--quiet)}.in-the-wild[open]>summary>span{transform:rotate(45deg)}.bloom-hof{padding-top:32px}.bloom-hof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.bloom-hof-card{min-width:0}.bloom-hof-card>a img{width:100%;height:auto}.bloom-hof-copy{padding-top:18px;color:var(--quiet)}.bloom-hof-copy>a{display:inline-flex;min-height:44px;align-items:center;margin-right:16px;color:var(--ink);font-size:15px}.bloom-reactions{margin-top:32px}.bloom-reactions>p{color:var(--quiet)}.bloom-reaction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.bloom-reaction-grid article>a{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font-size:15px}.bloom-video{aspect-ratio:16/10;position:relative}.bloom-video button{border:0;padding:0;width:100%;height:100%;background:none;display:block;position:relative}.bloom-cover-art{width:100%;height:100%;object-fit:contain}.bloom-art-overlay{position:absolute;inset:auto 10px 10px;display:flex;justify-content:flex-end}.bloom-art-overlay strong{font:400 15px/1.4 Helvetica,sans-serif;background:#141512ed;padding:7px 10px}.bloom-art-overlay strong::after{content:' ↗'}.bloom-video iframe{width:100%;height:100%;border:0}footer{max-width:1600px;margin:auto;padding:0 var(--edge) 36px;color:var(--quiet);font-size:15px;display:flex;justify-content:space-between;gap:24px}.socials{display:flex;gap:0 24px;flex-wrap:wrap}footer a{min-height:44px;display:inline-flex;align-items:center}footer>a{display:none}.skip{position:absolute;left:20px;top:-100px;padding:12px 20px;background:var(--lime);color:#10110f;z-index:10}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.media-unavailable{display:block;padding:40px 0;color:var(--quiet)}
dialog{position:fixed;inset:0 0 0 auto;margin:0;border:0;padding:18px var(--edge) 40px;width:min(720px,100%);height:100%;max-height:100%;max-width:100%;background:#1a1b17;color:var(--ink)}dialog::backdrop{background:#050605b8}.index-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.index-head h2{font:400 15px/1.45 Helvetica,sans-serif;margin:0}.index-close{border:0;background:none;padding:0;min-height:44px;font-size:15px}.index-socials{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:32px;font-size:15px;color:var(--quiet)}.index-socials a{display:flex;align-items:center;min-height:44px}dialog ol,.archive ol{list-style:none;margin:0;padding:0}.archive-link{display:grid;grid-template-columns:52px minmax(0,1fr) 16px;gap:16px;align-items:center;min-height:74px;font-size:15px}.archive-link img{width:52px;height:40px;object-fit:cover}.archive-link>span:last-child{color:var(--quiet)}.archive-related{padding-left:68px;display:flex;flex-direction:column;color:var(--quiet);font-size:14px}.archive-related a{display:flex;align-items:center;min-height:44px;padding:6px 0;overflow-wrap:anywhere}.archive{padding-top:24px;padding-bottom:64px;max-width:900px}.archive h1{font:400 16px/1.4 Helvetica,sans-serif;margin:16px 0 28px}.archive h1 span{color:var(--quiet);margin-left:16px}header{max-width:900px;margin:auto;padding:20px var(--edge);display:flex;justify-content:space-between}header a{min-height:44px;display:flex;align-items:center;font-size:15px}
@media(max-width:800px){main{padding-top:76px}.gallery{column-gap:24px;row-gap:48px}.project:nth-child(4n+2){padding-top:48px}.project h2{font-size:15px}.bloom-hof-grid{grid-template-columns:1fr;gap:36px}.bloom-reaction-grid{grid-template-columns:1fr}.in-the-wild{margin-top:64px}}
@media(max-width:560px){main{padding-top:72px}.gallery{display:block}.project,.project:nth-child(n){padding-top:0;margin:0 0 38px}.project:nth-child(4n+2){width:85%;margin-left:auto}.project:nth-child(4n+3){width:90%}.project summary{padding-top:12px;min-height:44px}.artwork img{max-height:500px}.project h2{font-size:15px}.in-the-wild{margin-top:54px;margin-bottom:30px}footer{padding-bottom:26px}.socials{gap:0 24px}dialog{padding-inline:20px}.index-socials{gap:0 22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* The index is a contact sheet, revealed only when requested. */
dialog{inset:0;width:100%;max-width:none;background:#141512; padding:18px var(--edge) 48px}.index-head,.index-socials,dialog ol{max-width:1472px;margin-inline:auto}dialog ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.archive-link{min-height:74px}dialog .archive-link{display:block;min-height:44px}dialog .archive-link img{width:100%;height:160px;object-fit:contain;object-position:left bottom;margin-bottom:12px}dialog .archive-link span{display:block;line-height:1.45}dialog li{min-width:0}.index-socials{margin-bottom:28px}.project[data-project-id="lil-xan"] .artwork img{aspect-ratio:16/9;object-fit:cover}.bloom-video[data-video="ixJGeN9W8hQ"] .bloom-cover-art{object-fit:cover}dialog [data-archive-id="lil-xan"] img{object-fit:cover;aspect-ratio:16/9;height:auto;margin-top:24px}
@media(max-width:900px){dialog ol{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){dialog ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}dialog .archive-link img{height:110px}dialog [data-archive-id="lil-xan"] img{height:110px;margin-top:0;object-fit:contain}.index-socials{margin-bottom:24px}}
.project[data-project-id="lil-xan"] .artwork img{object-position:center}
dialog [data-archive-id="lil-xan"] img{height:160px;margin-top:0;aspect-ratio:auto;object-fit:cover;object-position:center}
@media(max-width:560px){dialog [data-archive-id="lil-xan"] img{height:110px;object-fit:contain}}

/* One project at a time, with a small persistent discovery control. */
.shuffle-dock[hidden],.project[hidden]{display:none!important}
.shuffle-dock{position:fixed;z-index:3;bottom:0;left:0;right:0;display:flex;justify-content:center;padding:18px 20px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#141512 28%);pointer-events:none}
.shuffle{pointer-events:auto;min-height:50px;min-width:152px;border:1px solid #c9e89a;border-radius:99px;background:var(--lime);color:#141512;padding:12px 26px;font-size:16px;display:flex;align-items:center;justify-content:center;gap:20px}
.shuffle:hover{background:#dfff81}.shuffle-mode main{max-width:1000px;min-height:calc(100svh - 86px);padding-bottom:100px}.shuffle-mode .gallery{display:block}.shuffle-mode .project:nth-child(n){width:100%;max-width:840px;padding:0;margin:0 auto}.shuffle-mode .artwork{width:fit-content;max-width:100%;margin:auto}.shuffle-mode .artwork img{width:auto;max-width:100%;max-height:65svh;object-position:center}.shuffle-mode .project details{max-width:680px;margin:0 auto}.shuffle-mode .in-the-wild{margin-top:60px}.shuffle-mode footer{padding-bottom:108px}.shuffle-mode .project[data-project-id="472111341"] .artwork,.shuffle-mode .project[data-project-id="507097411"] .artwork{max-width:260px}.shuffle-mode .project[data-project-id="472111341"] .artwork img,.shuffle-mode .project[data-project-id="507097411"] .artwork img{max-height:300px}.shuffle-mode .project[data-project-id="472111341"] details,.shuffle-mode .project[data-project-id="507097411"] details{max-width:360px}
@media(max-width:560px){.shuffle-mode main{padding-top:78px}.shuffle-mode .artwork img{max-height:56svh}.shuffle-mode .project[data-project-id="472111341"] .artwork,.shuffle-mode .project[data-project-id="507097411"] .artwork{max-width:210px}}

.project-loop{display:block;width:100%;max-height:300px;object-fit:contain}.loop-toggle{background:none;border:0;padding:0;min-height:44px;font-size:15px;color:var(--quiet)}.shuffle-mode .project:has(.project-loop) .artwork{width:260px}@media(max-width:560px){.shuffle-mode .project:has(.project-loop) .artwork{width:210px}}

.shuffle-mode main{min-height:100svh;padding-bottom:110px}.shuffle-mode .gallery{min-height:calc(100svh - 198px);display:flex;align-items:center}.shuffle-mode footer{display:none}.shuffle-mode dialog .in-the-wild{max-width:1472px;margin:0 auto 28px}.shuffle-mode dialog .in-the-wild>summary{padding:0}.shuffle-mode dialog .bloom-hof{padding-bottom:28px}

.shuffle{background:linear-gradient(175deg,#f4f6f4 0%,#c8cecb 35%,#a2aaa6 51%,#d9deda 78%,#bbc3be 100%);border:1px solid #d1d7d2;color:#171b18;box-shadow:inset 0 1px 0 #ffffff90,0 2px 8px #0005}.shuffle:hover{background:linear-gradient(175deg,#fff,#c0c8c2 55%,#e1e5e1)}.shuffle:active{transform:translateY(2px);box-shadow:inset 0 2px 4px #26362c55}.shuffle-mode .project{display:flex;flex-direction:column;align-items:center}.shuffle-mode .project details{width:var(--media-width,100%);max-width:100%;margin:0}.shuffle-mode .project .artwork{margin:0}.shuffle-mode .project[data-project-id="472111341"] details,.shuffle-mode .project[data-project-id="507097411"] details{max-width:260px}@media(max-width:560px){.shuffle-mode .project[data-project-id="472111341"] details,.shuffle-mode .project[data-project-id="507097411"] details{max-width:210px}}

.press-notes{max-width:1472px;margin:0 auto 28px}.press-notes>summary{display:flex;align-items:center;gap:16px;list-style:none;min-height:48px;font-size:15px;cursor:pointer}.press-notes>summary::-webkit-details-marker{display:none}.press-notes>summary span{color:var(--quiet)}.press-notes[open]>summary span{transform:rotate(45deg)}.press-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:16px 0 28px}.press-source{display:inline-flex;align-items:center;min-height:44px;font-size:15px}.press-context,.press-byline{font-size:15px;color:var(--quiet)}.press-list blockquote{margin:18px 0;font:400 16px/1.55 Helvetica,sans-serif;max-width:34em}.press-byline{margin-bottom:0}@media(max-width:700px){.press-list{grid-template-columns:1fr;gap:30px;padding-top:8px}}

.text-artwork{display:block;max-width:100%;font:400 16px/1.5 Helvetica,sans-serif;padding:22px 0}.shuffle-mode .text-artwork{padding:36px 0}