.works-showcase{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:30px;align-items:start;padding:22px;border-radius:28px;background:#fff;border:1px solid rgba(39,22,64,.08);box-shadow:0 20px 60px rgba(28,16,58,.1)}
.works-showcase__gallery{display:grid;gap:10px;min-width:0}
.works-showcase__viewport{position:relative;height:440px;overflow:hidden;border-radius:22px;background:#0f1020}
.works-showcase__photo{display:block;width:100%;height:100%;object-fit:cover}
.works-showcase__photo[hidden]{display:none}
.works-showcase__open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;padding:0;border:0;background:transparent;cursor:zoom-in}
.works-showcase__nav{position:absolute;top:0;bottom:0;z-index:2;width:54px;display:flex;align-items:center;justify-content:center;color:#fff;border:0;padding:0;cursor:pointer}
.works-showcase__nav--prev{left:0;background:linear-gradient(90deg,rgba(4,8,18,.48),transparent)}
.works-showcase__nav--next{right:0;background:linear-gradient(270deg,rgba(4,8,18,.48),transparent)}
.works-showcase__nav svg{display:block;filter:drop-shadow(0 2px 5px rgba(0,0,0,.4))}
.works-showcase__thumbs{display:flex;min-width:0;overflow-x:auto;overflow-y:hidden;padding:3px 0 6px;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}
.works-showcase__thumbs::-webkit-scrollbar{display:none;width:0;height:0}
.works-showcase__thumb{position:relative;display:block;flex:0 0 90px;width:90px;height:70px;margin-right:10px;padding:0;border:2px solid transparent;border-radius:12px;background:#eeeaf7;overflow:hidden;cursor:pointer}
.works-showcase__thumb:last-child{margin-right:0}
.works-showcase__thumb img{display:block;width:100%;height:100%;object-fit:cover}
.works-showcase__thumb[aria-pressed="true"]{border-color:#7961bb}
.works-showcase__content{display:grid;gap:18px;min-width:0;padding:8px 0}
.works-showcase__content .works-showcase__title{display:flex;align-items:flex-start;margin:0;--h2-font-size:32px;font-size:var(--mobile-heading-font-size,32px);line-height:1.2;letter-spacing:-.025em}
.works-showcase__title img{display:block;width:50px;height:50px;object-fit:contain;flex:0 0 50px;margin:4px 18px 0 0}
.works-showcase__title span{min-width:0}
.works-showcase__content .works-showcase__text{margin:0;color:#6d6675;font-size:var(--compact-text-size,16px);line-height:1.55}
.works-showcase__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.works-showcase__stat{display:grid;gap:6px;min-width:0;min-height:100px;padding:14px 12px;border-radius:16px;background:#fff;border:1px solid rgba(39,22,64,.08);box-shadow:0 10px 26px rgba(28,16,58,.04)}
.works-showcase__stat strong{color:#59439b;font-size:30px;line-height:1;font-weight:600}
.works-showcase__stat span{color:#292335;font-size:13px;line-height:1.35;font-weight:600}
.works-showcase button:focus{outline:2px solid #b7a3f0;outline-offset:2px}
@media(max-width:1100px){.works-showcase{grid-template-columns:minmax(0,1fr)}.works-showcase__stats{grid-template-columns:repeat(4,minmax(0,1fr))}.works-showcase__viewport{height:420px}}
@media(max-width:760px){.works-showcase__content .works-showcase__title{--h2-font-size:26px;font-size:var(--mobile-heading-font-size,26px)}.works-showcase{padding:16px;gap:20px;border-radius:20px}.works-showcase__viewport{height:260px;border-radius:14px}.works-showcase__content{padding:0;gap:16px}.works-showcase__title img{width:40px;height:40px;flex-basis:40px;margin-right:12px}.works-showcase__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.works-showcase__stat{padding:12px 10px;min-height:88px;border-radius:12px}.works-showcase__stat strong{font-size:25px}.works-showcase__stat span{font-size:12px}.works-showcase__thumb{flex-basis:72px;width:72px;height:56px;margin-right:8px}}
@media(max-width:500px){
.works-showcase{padding:12px;gap:14px;border-radius:14px}
.works-showcase__gallery{gap:6px}
.works-showcase__viewport{height:170px;border-radius:10px}
.works-showcase__nav{width:36px}
.works-showcase__thumbs{padding:2px 0 4px}
.works-showcase__thumb{width:54px;height:42px;flex-basis:54px;margin-right:6px;border-radius:8px}
.works-showcase__content{gap:12px}
.works-showcase__content .works-showcase__title{--h2-font-size:20px;font-size:var(--mobile-heading-font-size,20px);line-height:1.25}
.works-showcase__title img{width:28px;height:28px;flex-basis:28px;margin:2px 10px 0 0}
.works-showcase__content .works-showcase__text{font-size:13px;line-height:1.4}
.works-showcase__stats{gap:6px}
.works-showcase__stat{padding:8px 6px;min-height:70px;gap:4px;border-radius:8px;box-shadow:none}
.works-showcase__stat strong{font-size:20px}
.works-showcase__stat span{font-size:10px;line-height:1.3;overflow-wrap:break-word}
.works-showcase__content button{font-size:var(--mobile-button-font-size,13px);padding:var(--mobile-button-padding,11px 12px)}
}

@media(max-width:480px){
.works-showcase__content .works-showcase__title{--mobile-heading-font-size:22px;--h2-font-size:22px}
}