.works-showcase{--ink:#1c2733;--muted:#536270;--purple:#5140a0;--edge:#5140a029;--matte:#eeecf6;--glass:#ffffff9e;--grad:linear-gradient(90deg,#5140a0 0%,#7b4fc6 55%,#a54aa8 100%);--grad-soft:linear-gradient(90deg,#8b7be8 0%,#e59ad2 55%,#f5b38c 100%);--ease-out:cubic-bezier(.22,1,.36,1);--ease-io:cubic-bezier(.65,0,.35,1);color:var(--ink);box-sizing:border-box;background:radial-gradient(900px 600px at 6% 0,#c4b5fd8c,#c4b5fd00 60%),radial-gradient(900px 600px at 96% 4%,#a5c4f580,#a5c4f500 60%),radial-gradient(1000px 640px at 92% 106%,#fdceb49e,#fdceb400 62%),linear-gradient(160deg,#f3f0fb 0%,#f1f3fc 50%,#fbf3ee 100%);flex-direction:column;gap:40px;padding:88px max(16px,50% - 640px);display:flex;overflow:hidden}.works-showcase :focus-visible{outline:3px solid var(--purple);outline-offset:3px}.works-showcase svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.works-showcase__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.works-showcase .works-showcase__head h2{letter-spacing:-.01em;margin:0;font-size:clamp(30px,3.6vw,44px);font-weight:700;line-height:1.25}.works-showcase .works-showcase__head p{color:var(--muted);margin:10px 0 0;font-size:17px;line-height:1.6}.works-showcase .works-showcase__all{background:var(--glass);border:1px solid var(--edge);min-height:44px;color:var(--purple);white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.works-showcase .works-showcase__all:hover{background:#ffffffe6}.works-showcase__body{grid-template-columns:minmax(0,880px) minmax(300px,1fr);gap:56px;display:grid}.works-showcase__left{flex-direction:column;gap:20px;min-width:0;display:flex}.works-showcase__door{transform-origin:0%;transition:transform .75s var(--ease-out);position:relative}.works-showcase__door.is-open{transform:perspective(1800px)rotateY(10deg)scale(.96)}.works-showcase__stage{aspect-ratio:1.414;background:var(--matte);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 30px 70px #5140a033,0 0 0 1px #5140a014}.works-showcase__veil{z-index:5;opacity:0;visibility:hidden;cursor:pointer;transition:opacity .6s var(--ease-out),visibility 0s .6s;background:#f3f0fb9e;border:0;border-radius:20px;margin:0;padding:0;position:absolute;inset:0}.works-showcase__door.is-open .works-showcase__veil{opacity:1;visibility:visible;transition:opacity .6s var(--ease-out)}.works-showcase__slide{visibility:hidden;position:absolute;inset:0;overflow:hidden}.works-showcase .works-showcase__slide img{object-fit:contain;border-radius:0;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.works-showcase__broken{text-align:center;color:var(--muted);place-items:center;padding:24px;font-size:15px;display:grid;position:absolute;inset:0}.works-showcase__slide.is-in{visibility:visible;z-index:2;animation:ws-frame-in .95s var(--ease-io) both}.works-showcase__slide.is-in img{animation:ws-img-in .95s var(--ease-io) both}.works-showcase__slide.is-out{visibility:visible;z-index:1;animation:ws-frame-out .95s var(--ease-io) both}.dir-back .works-showcase__slide.is-in{animation-name:ws-frame-in-back}.dir-back .works-showcase__slide.is-in img{animation-name:ws-img-in-back}.dir-back .works-showcase__slide.is-out{animation-name:ws-frame-out-back}@keyframes ws-frame-in{0%{transform:translate(100%)}to{transform:none}}@keyframes ws-img-in{0%{transform:translate(-45%)}to{transform:none}}@keyframes ws-frame-out{0%{visibility:visible}to{visibility:hidden;opacity:.3;transform:translate(-28%)}}@keyframes ws-frame-in-back{0%{transform:translate(-100%)}to{transform:none}}@keyframes ws-img-in-back{0%{transform:translate(45%)}to{transform:none}}@keyframes ws-frame-out-back{0%{visibility:visible}to{visibility:hidden;opacity:.3;transform:translate(28%)}}.works-showcase__thumbs{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:16px;display:grid}.works-showcase__thumbs button{cursor:pointer;opacity:.55;transition:opacity .2s var(--ease-out);background:0 0;border:0;flex-direction:column;gap:10px;min-width:0;min-height:44px;padding:0;display:flex}.works-showcase__thumbs button:hover,.works-showcase__thumbs button.is-active{opacity:1}.works-showcase .works-showcase__thumbs img,.works-showcase__thumb-empty{object-fit:cover;border-radius:12px;width:100%;height:90px;display:block}.works-showcase__thumb-empty{background:var(--matte)}.works-showcase__bar{background:#5140a024;border-radius:3px;height:3px;display:block;overflow:hidden}.works-showcase__fill{background:var(--grad-soft);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.works-showcase__fill.is-full{transform:scaleX(1)}.works-showcase__fill.is-running{animation:7s linear both ws-fill}@keyframes ws-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.works-showcase__info{min-width:0;transition:opacity .4s var(--ease-out);flex-direction:column;justify-content:space-between;gap:32px;display:flex}.works-showcase__info.is-open{opacity:0}.works-showcase__live{flex-direction:column;gap:14px;min-width:0;display:flex}.works-showcase__copy{animation:ws-rise .6s .3s var(--ease-out) both;flex-direction:column;gap:14px;display:flex}@keyframes ws-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.works-showcase__chip{box-sizing:border-box;max-width:100%;min-height:32px;color:var(--purple);overflow-wrap:anywhere;background:#5140a017;border-radius:999px;align-self:flex-start;align-items:center;padding:4px 14px;font-size:14px;font-weight:600;display:inline-flex}.works-showcase__awards{flex-wrap:wrap;gap:8px;display:flex}.works-showcase .works-showcase__copy h3{letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-size:clamp(30px,3.6vw,52px);font-weight:700;line-height:1.2}.works-showcase .works-showcase__team{overflow-wrap:anywhere;margin:0;font-size:17px;font-weight:600;line-height:1.6}.works-showcase .works-showcase__concept,.works-showcase .works-showcase__hint{color:var(--muted);overflow-wrap:anywhere;max-width:34ch;margin:0;font-size:17px;line-height:1.7}.works-showcase .works-showcase__cta{background:var(--grad);color:#fff;max-width:100%;min-height:52px;font:inherit;cursor:pointer;border:0;border-radius:999px;align-self:flex-start;align-items:center;gap:10px;margin-top:8px;padding:0 26px;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 12px 28px #5140a052}.works-showcase__cta:hover{box-shadow:0 14px 34px #5140a073}.works-showcase__cta:active,.works-showcase__round:active{transform:scale(.97)}.works-showcase__controls{border-top:1px solid var(--edge);flex-wrap:wrap;align-items:center;gap:12px;padding-top:24px;display:flex}.works-showcase__round{border:1px solid var(--edge);background:var(--glass);width:48px;height:48px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.works-showcase__round:hover{border-color:var(--purple);background:#fff}.works-showcase .works-showcase__count{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0 0 0 8px;font-size:15px;line-height:1.4}.works-showcase__count strong{color:var(--ink);font-weight:700}.works-showcase__pause{border:1px solid var(--edge);background:var(--glass);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:0 16px;font-size:14px;display:inline-flex}.works-showcase__pause:hover{border-color:var(--purple);background:#fff}@media (max-width:900px){.works-showcase{padding-block:56px}.works-showcase__body{grid-template-columns:minmax(0,1fr);gap:28px}.works-showcase__thumbs{gap:8px}}@media (max-width:600px){.works-showcase__thumbs{scrollbar-width:thin;grid-auto-columns:minmax(72px,1fr);grid-auto-flow:column;padding-bottom:4px;overflow-x:auto}.works-showcase .works-showcase__thumbs img,.works-showcase__thumb-empty{height:60px}.works-showcase__pause{margin-left:0}}@media (prefers-reduced-motion:reduce){.works-showcase__slide.is-in,.dir-back .works-showcase__slide.is-in{animation:.15s linear both ws-fade}.works-showcase__slide.is-in img,.dir-back .works-showcase__slide.is-in img,.works-showcase__slide.is-out,.dir-back .works-showcase__slide.is-out{animation:none}.works-showcase__slide.is-out{visibility:hidden}.works-showcase__copy{animation:.15s linear both ws-fade}.works-showcase__door,.works-showcase__door.is-open{transition:none;transform:none}.works-showcase__info{transition:none}}.reduced .works-showcase__slide.is-in,.reduced .dir-back .works-showcase__slide.is-in{animation:.15s linear both ws-fade}.reduced .works-showcase__slide.is-in img,.reduced .dir-back .works-showcase__slide.is-in img,.reduced .works-showcase__slide.is-out,.reduced .dir-back .works-showcase__slide.is-out{animation:none}.reduced .works-showcase__slide.is-out{visibility:hidden}.reduced .works-showcase__copy{animation:.15s linear both ws-fade}.reduced .works-showcase__door,.reduced .works-showcase__door.is-open{transition:none;transform:none}.reduced .works-showcase__info{transition:none}@keyframes ws-fade{0%{opacity:0}to{opacity:1}}