*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px;color-scheme:dark}body{margin:0;background:#111112;color:#f0f0ed;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}a:focus-visible,button:focus-visible{outline:2px solid #d7e7b4;outline-offset:5px}header{display:flex;align-items:center;justify-content:space-between;padding:34px 4vw 28px;gap:24px}.identity h1{font-size:36px;line-height:1;letter-spacing:-2.3px;margin:0 0 10px;font-weight:600}.identity p{font-size:12px;color:#939393;margin:0}nav{display:flex;gap:32px;font-size:12px}nav a:hover{color:#c8dca5}.contributions{border-block:1px solid #2b2b2d;display:flex;align-items:center;min-height:76px;overflow:hidden}.contribution-label{font-size:9px;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;padding:0 22px 0 4vw;display:flex;align-items:center;gap:16px;background:#111112;z-index:1;color:#878787}#pause-titles{background:none;color:#aaa;font-size:13px;width:24px;height:30px}.title-window{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,#000 30px,#000 calc(100% - 30px),transparent)}.title-track{display:flex;width:max-content;animation:drift 32s linear infinite}.title-group{display:flex;align-items:center;gap:45px;padding-right:45px;flex-shrink:0}.title-group span{font-size:20px;font-weight:700;letter-spacing:-.6px;color:#bfbfbd;white-space:nowrap}.title-group i{font-size:16px;font-style:normal;color:#7b866a}.contributions:hover .title-track,.contributions:focus-within .title-track,.contributions.paused .title-track{animation-play-state:paused}@keyframes drift{to{transform:translateX(-50%)}}.gallery-bar{display:flex;align-items:center;justify-content:space-between;padding:25px 4vw 22px;gap:15px}.filters{display:flex;gap:24px;flex-wrap:wrap}.filters button{background:none;padding:4px 0;font-size:11px;color:#7e7e80}.filters button[aria-pressed=true]{color:#f2f2ee}.filters button:hover{color:#d8e8b8}#work-count{font-size:10px;color:#777;margin:0;white-space:nowrap}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:0 5px}.piece{display:block;position:relative;overflow:hidden;background:#1b1b1e;aspect-ratio:1.35;padding:0;text-align:left}.piece img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s,filter .3s}.piece:hover img{transform:scale(1.035);filter:brightness(.8)}.piece .caption{position:absolute;inset:auto 0 0;padding:35px 17px 16px;background:linear-gradient(transparent,#0009);font-size:12px;opacity:0;transform:translateY(5px);transition:opacity .25s,transform .25s;display:flex;justify-content:space-between;gap:10px}.piece:hover .caption,.piece:focus-visible .caption{opacity:1;transform:translateY(0)}.piece[hidden]{display:none}footer{padding:65px 4vw 26px;display:grid;grid-template-columns:1fr 1fr;gap:28px}footer h2{font-size:26px;font-weight:500;letter-spacing:-1px;margin:0 0 12px}footer p{font-size:11px;color:#858587;margin:0}.contact-links{display:flex;justify-content:flex-end;align-items:flex-start;gap:27px;font-size:12px}.contact-links button{background:none;padding:0}.contact-links a:hover,.contact-links button:hover{color:#d7e7b4}footer small{font-size:9px;color:#555;grid-column:1/-1}#copy-status{min-height:12px;grid-column:1/-1}dialog{width:100vw;height:100dvh;max-width:none;max-height:none;border:0;margin:0;padding:20px 30px;background:#0b0b0cf7;color:#eee;overflow:auto}dialog::backdrop{background:#080809}.viewer-top{display:flex;align-items:center;justify-content:space-between;height:35px;font-size:11px;color:#aaa}.viewer-top button{background:none;padding:8px;color:#eee;font-size:12px}.image-stage{position:relative;height:calc(100dvh - 175px);min-height:220px;display:flex;align-items:center;justify-content:center;padding:16px 54px}.image-stage img{max-width:100%;max-height:100%;object-fit:contain;display:block}.step{position:absolute;top:calc(50% - 22px);width:40px;height:44px;background:#262627aa;border:1px solid #ffffff18;border-radius:50%;font-size:18px;z-index:1}.previous{left:0}.next{right:0}.step:hover{background:#404238}.image-caption{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;padding:12px 54px}.image-caption h2{font-size:15px;font-weight:500;margin:0 0 6px}.image-caption p{font-size:10px;line-height:1.5;color:#929294;margin:0}#image-credit{color:#888;margin-top:4px}#copy-image-link{background:none;padding:0;color:#aaa;white-space:nowrap;font-size:10px}#share-status{font-size:10px;color:#a9b698;margin:8px 54px}body.viewer-open{overflow:hidden}.skip{position:fixed;top:8px;left:8px;padding:10px;background:#d7e7b4;color:#111;transform:translateY(-150%);z-index:10}.skip:focus{transform:translateY(0)}@media(min-width:1900px){.gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:800px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{gap:18px}.contribution-label{font-size:8px;padding-right:10px;gap:5px}.title-group span{font-size:17px}.title-group{gap:28px;padding-right:28px}footer{grid-template-columns:1fr}.contact-links{justify-content:flex-start}}@media(max-width:480px){header{padding:26px 20px 24px;gap:18px}.identity h1{font-size:30px}.identity p{font-size:9px;max-width:170px;line-height:1.6}nav{gap:20px;font-size:11px}.contributions{min-height:62px}.contribution-label{padding-left:20px;max-width:130px;white-space:normal;line-height:1.6;letter-spacing:.8px}.gallery-bar{padding:20px;align-items:flex-start}.filters{gap:14px}.filters button{font-size:10px}#work-count{display:none}.gallery{gap:3px;padding:0 3px}.piece{aspect-ratio:1.1}.piece .caption{display:none}footer{padding:40px 20px 22px}footer h2{font-size:24px}.contact-links{font-size:11px;gap:22px}dialog{padding:12px}.image-stage{padding:12px 0;height:calc(100dvh - 180px)}.step{width:32px;height:36px;font-size:14px;top:auto;bottom:15px}.image-caption{padding:14px 0}.image-caption h2{font-size:13px}.image-caption p{font-size:9px}#share-status{margin:5px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.title-track{animation:none}.title-window{overflow:auto}.title-group[aria-hidden=true]{display:none}*{transition:none!important}}
/* Warm gold, peach and lavender drawn from Axoval's avatar. */
:root{--gold:#f7c66e;--peach:#efa496;--lavender:#b6a0ca}
body{background:radial-gradient(ellipse at 0 0,#b6a0ca0b,transparent 450px),#111112}
header{border-top:2px solid transparent;border-image:linear-gradient(90deg,var(--gold),var(--peach),var(--lavender)) 1}
.identity{display:flex;align-items:center;gap:14px}.profile-avatar{display:block;object-fit:cover;border-radius:50%;border:1px solid #f7c66e88;box-shadow:0 0 22px #efa49612;flex-shrink:0}
.identity h1{color:#f2e9dc}.identity h1::after{content:'.';color:var(--gold)}
.title-group i{color:var(--gold)}.contribution-item{display:inline-flex;align-items:center;gap:12px}.contribution-item img{width:34px;height:34px;object-fit:cover;border-radius:8px;border:1px solid #ffffff1a}.contribution-item:hover span{color:var(--gold)}
.filters button[aria-pressed=true]{color:var(--gold);box-shadow:0 1px var(--gold)}
.filters button:hover,nav a:hover,.contact-links a:hover,.contact-links button:hover{color:var(--peach)}
a:focus-visible,button:focus-visible{outline-color:var(--lavender)}.step:hover{background:#4d3c2b}footer h2{color:#ead6c9}#copy-status,#share-status{color:var(--gold)}.piece:hover .caption{border-bottom:2px solid #f7c66e88}
@media(max-width:480px){.profile-avatar{width:38px;height:38px}.identity{gap:10px}.identity h1{font-size:27px}.identity p{max-width:150px;font-size:8px}.contribution-item{gap:9px}.contribution-item img{width:28px;height:28px}.title-group{gap:25px;padding-right:25px}}
.preview-banner{padding:8px 20px;background:#f7c66e;color:#241b12;text-align:center;font-size:11px}.title-group:empty{display:none}
@media(max-width:360px){header{padding-inline:16px;gap:10px}.identity p{max-width:122px}nav{font-size:10px;gap:12px}.profile-avatar{width:32px;height:32px}.identity{gap:8px}.identity h1{font-size:25px}.title-group span{font-size:15px}}