.works{padding:0 0 clamp(60px,10vh,120px)}.works--offset{padding-top:120px}.author-hero,.collection-item{display:grid;grid-template-columns:70px 96px 1fr auto 40px;align-items:center;gap:20px}.author-hero{align-items:start;padding:clamp(24px,4vh,48px) var(--pad) clamp(16px,2.5vh,30px);margin-bottom:34px}.author-hero__avatar{grid-column:2;display:block;width:96px;aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--bg-soft)}.author-hero__avatar img{display:block;width:100%;height:100%;object-fit:cover}.author-hero__content{grid-column:3 / -1;min-width:0}.author-hero__content h1{min-width:0;font-family:var(--font-display);font-weight:700;line-height:.95;letter-spacing:-.03em;overflow-wrap:anywhere}.author-hero__bio{max-width:28ch;margin-top:clamp(10px,1.5vw,18px);font-size:clamp(20px,2.4vw,34px);font-weight:500;line-height:1.2}.author-hero__bio em{color:var(--mode-accent-color)}.author-hero__social{margin-top:24px}.author-hero__social-links{display:flex;align-items:center;gap:24px}.author-hero__social a{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--ink);cursor:none;transition:color .25s ease,transform .25s var(--ease)}@media(hover:none){.author-hero__social a{cursor:pointer}}.author-hero__social a:hover,.author-hero__social a:active{color:var(--mode-accent-color);transform:translateY(-2px)}.author-hero__social svg{display:block;width:24px;height:24px;fill:currentColor}.works__intro{padding:clamp(40px,7vh,90px) var(--pad) clamp(30px,5vh,60px);font-size:clamp(20px,2.4vw,34px);font-weight:500;max-width:28ch;line-height:1.2}.works__intro em{color:var(--mode-accent-color)}.collection-list{list-style:none}.collection-item{position:relative;padding:clamp(20px,3vw,40px) var(--pad);border-top:1px solid var(--line);transition:color .25s ease,padding-left .3s var(--ease)}.collection-item:focus-visible{outline:2px solid var(--mode-accent-color);outline-offset:-2px;color:var(--mode-accent-color)}.collection-list li:last-child .collection-item{border-bottom:1px solid var(--line)}.collection-item__no{font-family:var(--font-label);font-weight:700;font-size:14px;opacity:.5}.collection-item__thumb{position:relative;width:96px;height:64px;border-radius:8px;overflow:hidden;display:block}.collection-item__thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1);transform:scale(1);transition:filter .3s ease,transform .35s var(--ease)}.collection-item:not([data-no-overlay=true]) .collection-item__thumb:after,.thumbnail-preview:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:var(--image-overlay-color,transparent);opacity:.25;transition:opacity .3s ease}.collection-item:hover .collection-item__thumb img,.collection-item:active .collection-item__thumb img{filter:grayscale(0);transform:scale(1.08)}.collection-item:not([data-no-overlay=true]):hover .collection-item__thumb:after,.collection-item:not([data-no-overlay=true]):active .collection-item__thumb:after{opacity:.35}.collection-item__name{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,5vw,60px);line-height:.95;letter-spacing:-.02em;transition:transform .3s var(--ease),color .25s ease}.collection-item__info{grid-column:3;min-width:0;display:flex;flex-direction:column;gap:8px}.collection-item__excerpt{max-width:62ch;font-size:clamp(14px,1.2vw,18px);line-height:1.35;opacity:.7;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.collection-item__cat{font-family:var(--font-label);font-weight:700;font-size:clamp(13px,1.3vw,17px);opacity:.65;transition:opacity .25s ease}.recommendation-item__thumb{display:flex;align-items:center;justify-content:center;background:var(--bg-soft)}.recommendation-item__thumb img{padding:16px;object-fit:contain;filter:none}.recommendation-item__cat{overflow-wrap:anywhere;text-align:right}.collection-item__arrow{font-size:26px;opacity:0;transform:translate(-10px);transition:opacity .25s var(--ease),transform .25s var(--ease)}.collection-item:hover,.collection-item:active{color:var(--mode-accent-color)}.collection-item[data-key=monogram]:hover,.collection-item[data-key=monogram]:active{color:var(--c-monogram)}.collection-item[data-key=aura]:hover,.collection-item[data-key=aura]:active{color:var(--c-aura)}.collection-item[data-key=koi]:hover,.collection-item[data-key=koi]:active{color:var(--c-koi)}.collection-item[data-key=chomp]:hover,.collection-item[data-key=chomp]:active{color:var(--c-chomp)}.collection-item[data-key=nebula]:hover,.collection-item[data-key=nebula]:active{color:var(--c-nebula)}.collection-item:hover .collection-item__name,.collection-item:active .collection-item__name{transform:translate(24px)}.collection-item:hover .collection-item__arrow,.collection-item:active .collection-item__arrow{opacity:1;transform:none}.collection-item:hover .collection-item__cat,.collection-item:active .collection-item__cat{opacity:1}.load-more{display:flex;flex-direction:column;align-items:center;gap:16px;padding:clamp(48px,8vw,96px) var(--pad);text-align:center}.load-more__button,.load-more__fallback{display:none;border:0}.load-more__fallback,.load-more.is-enhanced .load-more__button{display:inline-flex}.load-more.is-enhanced .load-more__fallback{display:none}.load-more__button:focus-visible,.load-more__fallback:focus-visible{background:var(--mode-accent-color);color:var(--bg);outline:2px solid var(--mode-accent-color);outline-offset:4px}.load-more__button:disabled{cursor:wait;opacity:.72;transform:none}.load-more__label{display:inline-flex;align-items:center}.load-more__spinner{display:none;width:18px;height:18px;border:3px solid currentColor;border-right-color:transparent;border-radius:50%}.load-more.is-loading .load-more__spinner{display:inline-block;animation:loadMoreSpin .8s linear infinite}@keyframes loadMoreSpin{to{transform:rotate(360deg)}}.load-more__status{margin:0;color:var(--ink);font-family:var(--font-label);font-size:18px;line-height:1.35;opacity:.7}.thumbnail-preview{position:fixed;top:0;left:0;z-index:60;pointer-events:none;width:min(21vw,252px);aspect-ratio:4/5;border-radius:8px;overflow:hidden;opacity:0;transform:translate(-50%,-50%) scale(.7);transition:opacity .12s ease,transform .35s var(--ease)}.thumbnail-preview.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.thumbnail-preview img{position:relative;z-index:0;width:100%;height:100%;object-fit:cover;display:block}@media(hover:none){.thumbnail-preview{display:none}.thumbnail-preview.show{display:block;width:min(45vw,200px)}}@media(prefers-reduced-motion:reduce){.load-more__button,.load-more__fallback{transition:none}.load-more.is-loading .load-more__spinner{animation:none}.thumbnail-preview,.thumbnail-preview.show{transform:translate(-50%,-50%)}.thumbnail-preview{transition:opacity .12s ease}}@media(max-width:820px){.author-hero,.collection-item{grid-template-columns:44px 72px 1fr auto;gap:14px}.collection-item{grid-template-rows:auto auto}.author-hero__avatar{width:72px}.collection-item__thumb{width:72px;height:50px;border-radius:6px}.collection-item__info{grid-column:2 / -1;grid-row:2}.collection-item__cat{grid-column:3;grid-row:1}.collection-item__arrow{display:none}.recommendation-item__cat{text-align:left}}@font-face{font-family:Satoshi Marquee;src:url(../fonts/Satoshi-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}.marquee{overflow:hidden;white-space:nowrap;user-select:none}.marquee__track{display:inline-flex;will-change:transform;animation:scroll var(--marquee-duration,26s) linear infinite}.marquee__track--rev{animation-direction:reverse}.marquee__track span{font-family:"Satoshi Marquee",var(--font-display);font-weight:700;font-size:clamp(30px,5vw,74px);line-height:1;padding-right:.25em}.marquee__track i{font-style:normal;margin:0 .2em}.marquee--bg{background:var(--ink);color:var(--bg);padding:14px 0}.marquee--bg i{color:var(--bg);opacity:.55}.marquee--outline{padding:10px 0}.marquee--outline span{color:transparent;-webkit-text-stroke:1.4px var(--ink)}.marquee--outline i{-webkit-text-stroke:0;color:var(--mode-accent-color)}@keyframes scroll{to{transform:translate(var(--marquee-end,-50%))}}@media(prefers-reduced-motion:reduce){.marquee__track{animation:none}}