.format-showcase{--format-image-nudge-x: 0%;position:relative;width:100vw;height:100vh;min-height:620px;overflow:hidden;background:#000;color:#f2f2f2;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;isolation:isolate}.format-gradient-top,.format-gradient-bottom{position:absolute;right:0;left:0;z-index:6;pointer-events:none}.format-gradient-top{top:0;height:clamp(80px,12vh,150px);background:linear-gradient(180deg,#000 0%,rgba(0,0,0,.72) 45%,transparent 100%)}.format-gradient-bottom{bottom:0;height:clamp(80px,12vh,150px);background:linear-gradient(0deg,#000 0%,rgba(0,0,0,.72) 45%,transparent 100%)}.format-grid{position:absolute;top:0;right:clamp(10px,3vw,50px);bottom:0;left:clamp(10px,3vw,50px);z-index:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.5vw,24px);overflow:hidden}.format-column{position:relative;height:100%;min-width:0;overflow:hidden;cursor:default}.format-column:hover .format-card{opacity:1}.format-column-track{display:grid;gap:clamp(12px,2vh,22px);padding-bottom:clamp(12px,2vh,22px);overflow-y:auto;height:100%;scroll-behavior:auto;-ms-overflow-style:none;scrollbar-width:none}.format-column-track::-webkit-scrollbar{display:none}.format-card{display:grid;justify-items:center;width:100%;margin:0;padding:clamp(14px,1.8vw,28px) clamp(6px,1vw,16px) clamp(10px,1.4vw,20px);background:#151515;opacity:.78;text-decoration:none;transition:opacity .22s ease;border-radius:4px}.format-column:hover .format-card{opacity:.94}.format-card-image{display:grid;place-items:center;width:100%;overflow:hidden;background:#151515;transform:translate3d(var(--format-image-nudge-x),0,0)}.format-card img,.format-card picture,.format-card picture img{display:block;width:100%!important;max-width:100%!important;height:auto!important;-o-object-fit:contain;object-fit:contain;transform:translateZ(0)}.format-placeholder{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:3/4;background:#1a1a2e;color:#4a4a6a;font-size:2rem;font-weight:800}.format-card p{margin:clamp(10px,1vw,18px) 0 0;overflow:hidden;color:#666;font-size:clamp(11px,.85vw,16px);font-weight:700;line-height:1.1;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.format-column:hover .format-column-track{animation-play-state:paused}@media(max-width:760px){.format-showcase{width:100%;height:100svh;min-height:100svh;overflow:hidden}.format-grid{right:0;left:0;display:flex;gap:14px;padding:0 18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.format-grid::-webkit-scrollbar{display:none}.format-column{flex:0 0 min(78vw,320px);height:100%;scroll-snap-align:center}.format-column-track{animation:none;will-change:auto;overflow-y:auto;height:100%;padding-bottom:40px}.format-column-track::-webkit-scrollbar{display:none}.format-card{padding:14px 14px 12px;opacity:.9}.format-card-image{transform:translateZ(0)}.format-card p{margin-top:8px;font-size:11px}}.works-gallery[data-astro-cid-j7pv25f6]::-webkit-scrollbar{display:block;height:4px}.works-gallery[data-astro-cid-j7pv25f6]::-webkit-scrollbar-track{background:transparent}.works-gallery[data-astro-cid-j7pv25f6]::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.works-gallery[data-astro-cid-j7pv25f6]{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}#intro-btn[data-astro-cid-j7pv25f6]:before{content:"";position:absolute;inset:-42%;z-index:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.08) 36%,#fff 47%,rgba(20,214,247,.65) 52%,transparent 64%);opacity:.92;transform:translate(-65%) rotate(8deg);animation:shimmer-button-sweep 2.3s linear infinite;will-change:transform}#intro-btn[data-astro-cid-j7pv25f6]:after{content:"";position:absolute;inset:1px;z-index:1;border-radius:998px;background:linear-gradient(180deg,#ffffff12,#ffffff04),#080808}#intro-btn[data-astro-cid-j7pv25f6]:hover{border-color:#e8e8e89e;transform:translateY(-1px)}@keyframes shimmer-button-sweep{0%{transform:translate(-68%) rotate(8deg)}to{transform:translate(68%) rotate(8deg)}}#intro-screen{visibility:hidden;opacity:0}.show-intro #intro-screen{visibility:visible;opacity:1}.show-intro #cursor-blob{opacity:.95}.no-intro #main-content{opacity:1!important;transform:translateY(0)!important}.no-intro #works-footer{opacity:1!important}
