.showcase{--showcase-pad-top:clamp(32px, 4vh, 64px);--showcase-pad-x:clamp(16px, 4vw, 56px);--showcase-pad-bottom:clamp(60px, 8vh, 120px);--showcase-card-height:min(62vh, 560px);width:min(100%,1480px);padding:var(--showcase-pad-top) var(--showcase-pad-x) var(--showcase-pad-bottom);isolation:isolate;flex-direction:column;align-items:center;margin:0 auto;display:flex;position:relative;overflow:hidden}.showcase:before{z-index:-3;content:"";pointer-events:none;opacity:.14;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:88px 88px,92px 92px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000 0%,#0000 60%);mask-image:radial-gradient(circle at 50% 42%,#000 0%,#0000 60%)}.showcase__wall-light{z-index:-2;pointer-events:none;filter:blur(18px);mix-blend-mode:screen;background:radial-gradient(at 50% 52%,#ffe4ae40 0%,#ffd5881c 31%,#0000 70%),conic-gradient(from 197deg at 50% 100%,#0000 0deg,#ffdd9f26 21deg,#ffe8b954 34deg,#ffdd9f26 47deg,#0000 68deg);width:min(62vw,760px);height:720px;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.showcase__floor-light{z-index:-1;pointer-events:none;filter:blur(20px);background:radial-gradient(#ffdb994a,#ffc16512 46%,#0000 72%);width:min(66vw,740px);height:160px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.showcase__stage{touch-action:pan-y;align-self:center;justify-items:center;padding-top:clamp(22px,4vh,46px);display:grid;position:relative}.showcase__lines{z-index:0;opacity:.58;pointer-events:none;justify-content:space-between;width:min(34vw,270px);display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.showcase__lines span{background:linear-gradient(#fff1d89e,#fff1d80f);width:1px;height:clamp(44px,8vh,78px);box-shadow:0 0 10px #ffe1a52e}.showcase__card{z-index:1;height:var(--showcase-card-height);justify-content:center;align-items:center;margin:0;transition:opacity .36s,transform .52s cubic-bezier(.2,.8,.2,1),filter .52s;display:flex;position:relative;transform:translateZ(0)}.showcase__image{object-fit:contain;width:auto;max-width:min(86vw,900px);height:auto;max-height:100%;box-shadow:0 26px 80px #000000bd,0 0 36px 6px #ffe2a824,0 0 96px 18px #ffce791a,0 0 160px 28px #ffc46e0d}.showcase__label{z-index:2;width:min(86vw,520px);color:var(--label-ink);background:linear-gradient(145deg, #ffffffb8, transparent 38%), var(--label-paper);border:1px solid #ffffff47;border-radius:2px;margin-top:56px;padding:14px 18px 16px;transition:opacity .32s,transform .42s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;box-shadow:0 14px 30px #0000004d,0 0 30px #ffe7b50f}.showcase__label-body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.showcase__label-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.showcase__label-heading{min-width:0}.showcase__label-title{color:#12100c;font-family:var(--font-pixel), ui-monospace, monospace;margin:0;font-size:1rem;font-weight:500;line-height:1.2}.showcase__label-meta{color:#17130ead;letter-spacing:.08em;text-transform:uppercase;margin:6px 0 0;font-size:.68rem;font-weight:500;line-height:1.35}.showcase__label-author{color:#17130ec7;letter-spacing:0;text-transform:none;text-underline-offset:2px;font-size:.74rem;font-weight:500;text-decoration:none}a.showcase__label-author:hover{color:var(--label-ink);text-decoration:underline}.showcase__label-count{color:#17130e8f;white-space:nowrap;flex:none;margin:0;font-size:.68rem;font-weight:600;line-height:1.35}.showcase__label-desc{color:#17130ed1;margin:2px 0 0;font-size:.78rem;font-weight:400;line-height:1.5}.showcase__label-source{color:#17130e99;text-underline-offset:2px;align-self:flex-start;margin-top:2px;font-size:.72rem;text-decoration:none;transition:color .16s}.showcase__label-source:hover{color:var(--label-ink);text-decoration:underline}.showcase__nav{z-index:5;top:calc(var(--showcase-pad-top) + var(--showcase-card-height) / 2);color:#fff1dadb;cursor:pointer;background:radial-gradient(circle at 50% 35%,#ffefd11f,#0000 58%),#0a09087a;border:1px solid #ffefd42e;border-radius:999px;place-items:center;width:clamp(44px,5vw,60px);height:clamp(44px,5vw,60px);transition:border-color .18s,background .18s,color .18s,transform .18s;display:inline-grid;position:absolute;transform:translateY(-50%);box-shadow:inset 0 0 0 1px #ffffff08,0 12px 34px #0006}.showcase__nav--prev{left:var(--showcase-pad-x)}.showcase__nav--next{right:var(--showcase-pad-x)}.showcase__nav:hover{color:#fff8eb;background:radial-gradient(circle at 50% 35%,#ffe8bb33,#0000 58%),#191612b8;border-color:#ffedcc70;transform:translateY(calc(-50% - 1px))}.showcase__nav:focus-visible{outline-offset:4px;outline:2px solid #ffe6b1db}.showcase__nav:disabled{opacity:.35;cursor:not-allowed}.showcase__nav[aria-hidden=true]{visibility:hidden;pointer-events:none}.showcase__stage.is-exiting .showcase__card,.showcase__stage.is-exiting .showcase__label,.showcase__stage.is-entering .showcase__card,.showcase__stage.is-entering .showcase__label{opacity:0;filter:blur(3px)}.showcase__stage.is-exiting[data-direction=next] .showcase__card{transform:translate(-42px)scale(.985)rotateY(5deg)}.showcase__stage.is-exiting[data-direction=prev] .showcase__card{transform:translate(42px)scale(.985)rotateY(-5deg)}.showcase__stage.is-entering[data-direction=next] .showcase__card{transform:translate(46px)scale(.985)rotateY(-5deg)}.showcase__stage.is-entering[data-direction=prev] .showcase__card{transform:translate(-46px)scale(.985)rotateY(5deg)}.showcase__stage.is-exiting[data-direction=next] .showcase__label,.showcase__stage.is-entering[data-direction=prev] .showcase__label{transform:translate(-20px)}.showcase__stage.is-exiting[data-direction=prev] .showcase__label,.showcase__stage.is-entering[data-direction=next] .showcase__label{transform:translate(20px)}@media (max-width:820px){.showcase{--showcase-pad-x:18px;--showcase-card-height:min(58vh, 480px);padding:48px var(--showcase-pad-x) 96px}.showcase__image{max-width:86vw}.showcase__label{width:min(86vw,420px)}.showcase__nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0808079e}.showcase__nav--prev{left:14px}.showcase__nav--next{right:14px}}@media (prefers-reduced-motion:reduce){.showcase__card,.showcase__label{transition-duration:.01ms!important}}