.works-deck{--wd-card-width:clamp(360px,52vw,740px);color:#dce8ed;background:#101b22;padding:20px 0 35px;margin:0 calc(-1 * var(--pad)) 58px;overflow:clip;isolation:isolate}.works-deck [hidden]{display:none!important}.works-deck__stage{position:relative;max-width:1700px;margin:auto;height:calc(var(--wd-card-width) / 1.5 + 135px);perspective:1800px;touch-action:pan-y;cursor:grab}.works-deck.is-enhanced .works-deck__stage.is-dragging{cursor:grabbing}.works-deck__print{margin:0}.works-deck__open{display:block;width:100%;padding:8px;border:0;border-radius:0;background:#e8ece9;box-shadow:0 4px 6px #0002,0 24px 65px #0007;color:#315365;text-align:left;font:inherit;user-select:none;cursor:zoom-in}.works-deck__open img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#d8dfe0;pointer-events:none;user-select:none}.works-deck__under{display:none;max-width:1100px;margin:0 auto;padding:0 var(--pad);align-items:center;justify-content:space-between;gap:35px}.works-deck__caption{display:grid;grid-template-columns:1fr auto;column-gap:35px;min-width:0;align-items:center}.works-deck__kind{grid-column:1;font-size:10px;color:var(--blue);margin-bottom:5px}.works-deck__caption h3{font:500 clamp(21px,2vw,30px)/1.3 Manrope,Arial,sans-serif;letter-spacing:-.035em;margin:0;grid-column:1}.works-deck__service{grid-column:2;grid-row:1 / 3;display:inline-flex;gap:25px;align-items:center;font-size:11px;border-bottom:1px solid #607d8d;padding:7px 0;white-space:nowrap;color:inherit;text-decoration:none}.works-deck__service span{font-size:17px;color:var(--blue)}.works-deck__controls{display:flex;gap:18px;align-items:center;flex:none}.works-deck__controls button{width:48px;height:48px;border:1px solid #809eae77;background:transparent;color:inherit;border-radius:50%;font-size:22px;display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s}.works-deck__controls button:hover{background:#9dd4f71a;border-color:var(--blue)}.works-deck__controls button:disabled{opacity:.25;cursor:default}.works-deck__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.works-deck :is(button,a,[tabindex]):focus-visible{outline:2px solid var(--blue);outline-offset:5px}.works-deck__stage:focus-visible{outline-offset:-7px!important}
.works-deck.is-enhanced .works-deck__print{position:absolute;left:50%;top:48%;width:var(--wd-card-width);opacity:0;transform:translate(-50%,-50%) scale(.7);transform-style:preserve-3d;will-change:transform,opacity;filter:brightness(.7);pointer-events:none}.works-deck.is-enhanced .works-deck__print.is-active{opacity:1;filter:none;pointer-events:auto}.works-deck.is-enhanced .works-deck__print.is-neighbor{pointer-events:auto}.works-deck.is-enhanced .works-deck__print.is-neighbor .works-deck__open{cursor:pointer}.works-deck.is-enhanced .works-deck__under{display:flex}.works-deck:not(.is-enhanced) .works-deck__stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;padding:0 var(--pad);gap:25px}.works-deck:not(.is-enhanced) .works-deck__print{margin-bottom:15px}
.works-deck__lightbox{border:1px solid #6b85954d;padding:0;background:#101b22;color:#dce8ed;width:min(1450px,calc(100% - 40px));max-width:none;max-height:94svh;overflow:auto}.works-deck__lightbox::backdrop{background:#061016e8;backdrop-filter:blur(12px)}.works-deck__lightbox-bar{padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.works-deck__lightbox-bar p{font-size:16px;line-height:1.4;margin:0}.works-deck__lightbox-kind{font-size:10px;color:#9dd4f7}.works-deck__close{width:44px;height:44px;flex:none;border:1px solid #809eae77;background:transparent;color:inherit;font-size:28px;line-height:1;border-radius:50%;cursor:pointer}.works-deck__large{display:block;width:100%;height:auto;max-height:calc(94svh - 137px);object-fit:contain;background:#091218}.works-deck__lightbox-bottom{padding:13px 22px;display:flex;justify-content:space-between;gap:20px;color:#89a1ae;font-size:10px}.works-deck__original{color:#9dd4f7;text-decoration:none}
@media(max-width:1000px){.works-deck{--wd-card-width:60vw}.works-deck__under{gap:25px}.works-deck__caption{column-gap:22px}.works-deck__service{gap:15px}.works-deck__controls{gap:12px}}
@media(max-width:700px){.works-deck{--wd-card-width:min(82vw,480px);margin-bottom:40px}.works-deck__stage{height:calc(var(--wd-card-width) / 1.5 + 125px);perspective:1100px}.works-deck.is-enhanced .works-deck__print{top:46%}.works-deck__open{padding:6px 6px 0}.works-deck.is-enhanced .works-deck__under{display:grid;gap:24px;padding:0 22px}.works-deck__caption{min-height:52px;column-gap:16px}.works-deck__caption h3{font-size:23px}.works-deck__kind{font-size:9px}.works-deck__service{font-size:10px;gap:15px}.works-deck__controls{justify-self:center;gap:25px}.works-deck:not(.is-enhanced) .works-deck__stage{grid-template-columns:1fr;gap:20px}.works-deck__lightbox{width:calc(100% - 20px);max-height:96svh}.works-deck__lightbox-bar{padding:12px 15px}.works-deck__lightbox-bar p{font-size:14px}.works-deck__large{max-height:calc(96svh - 133px)}.works-deck__lightbox-bottom{padding:12px 15px}}
@media(prefers-reduced-motion:reduce){.works-deck__stage{perspective:none}.works-deck.is-enhanced .works-deck__print{will-change:auto}.works-deck__controls button{transition:none}}