.work-showcase{display:grid;gap:18px}.work-modal-open{overflow:hidden}.work-showcase__stage{display:grid;overflow:hidden;border-radius:8px;background:linear-gradient(135deg,rgba(0,104,255,.14),transparent 42%),#080e18eb}.work-showcase__stage[hidden],.work-showcase__close{display:none}.work-showcase__media-wrap{min-height:0;background:#050914}.work-showcase__media,.work-compare{width:100%;aspect-ratio:16 / 10;max-height:min(70vh,640px)}.work-showcase__media{display:block;-o-object-fit:contain;object-fit:contain;background:#050914}.work-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;height:min(48vh,500px);aspect-ratio:auto;background:#ffffff1a}.work-compare figure{position:relative;margin:0;min-width:0;min-height:0;background:#050914}.work-compare img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#050914}.work-compare figcaption{position:absolute;left:14px;top:14px;border-radius:999px;background:#03070cc2;border:1px solid rgba(255,255,255,.18);padding:7px 10px;color:#fff;font-size:.76rem;font-weight:900;text-transform:uppercase}.work-showcase__caption{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end;padding:clamp(18px,3vw,28px)}.work-showcase__badge{color:var(--gold);font-size:.74rem;font-weight:900;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}.work-showcase__caption h3{margin-top:8px;font-size:clamp(1.45rem,3vw,2.4rem);font-weight:900;line-height:1.08}.work-showcase__caption p:last-child{margin-top:10px;max-width:660px;color:#cbd5e1;line-height:1.7}.work-showcase__controls{display:inline-grid;grid-template-columns:42px auto 42px;align-items:center;gap:8px;white-space:nowrap}.work-showcase__controls button{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#ffffff12;color:#fff;font-size:1.6rem;line-height:1;transition:transform .2s ease,border-color .2s ease,background .2s ease}.work-showcase__controls button:hover{transform:translateY(-1px);border-color:#0068ffbf;background:#0068ff2e}.work-showcase__controls span{color:#94a3b8;font-size:.82rem;font-weight:800}.work-showcase__rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.work-showcase__thumb{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0d;aspect-ratio:4 / 5;cursor:pointer;transition:transform .2s ease,border-color .2s ease,opacity .2s ease}.work-showcase__thumb:hover,.work-showcase__thumb.is-active{transform:translateY(-2px);border-color:#0068ffdb}.work-showcase__thumb.is-active{box-shadow:0 16px 38px #0068ff2e}.work-showcase__thumb.is-hidden{display:none}.work-showcase__thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.82;transition:transform .35s ease,opacity .2s ease}.work-showcase__thumb:hover img,.work-showcase__thumb.is-active img{opacity:1;transform:scale(1.04)}.work-showcase__thumb span{position:absolute;inset:auto 8px 8px;border-radius:999px;background:#03070cbd;padding:6px 8px;color:#fff;font-size:.68rem;font-weight:900;line-height:1.1;text-align:center;text-transform:uppercase}.work-showcase__more{display:flex;justify-content:center}.work-showcase--home .work-showcase__rail{order:1;grid-template-columns:repeat(6,minmax(0,1fr))}.work-showcase--home .work-showcase__stage{order:2}.work-showcase--home .work-showcase__stage:not([hidden]){position:fixed;inset:0;z-index:80;display:grid;align-content:center;gap:0;overflow:auto;border:0;border-radius:0;padding:clamp(18px,4vw,48px);background:radial-gradient(circle at 50% 18%,rgba(0,104,255,.2),transparent 34%),#03070cdb;box-shadow:none;backdrop-filter:blur(16px)}.work-showcase--home .work-showcase__stage:not([hidden]) .work-showcase__media-wrap,.work-showcase--home .work-showcase__stage:not([hidden]) .work-showcase__caption{width:min(1120px,100%);margin-inline:auto;border-inline:1px solid rgba(255,255,255,.12)}.work-showcase--home .work-showcase__stage:not([hidden]) .work-showcase__media-wrap{overflow:hidden;border-top:1px solid rgba(255,255,255,.12);border-radius:8px 8px 0 0;box-shadow:0 30px 90px #00000073}.work-showcase--home .work-showcase__stage:not([hidden]) .work-showcase__caption{border-bottom:1px solid rgba(255,255,255,.12);border-radius:0 0 8px 8px;background:linear-gradient(135deg,rgba(0,104,255,.12),transparent 48%),#080e18fa;box-shadow:0 30px 90px #00000073}.work-showcase--home .work-showcase__stage:not([hidden]) .work-showcase__media,.work-showcase--home .work-showcase__stage:not([hidden]) .work-compare{max-height:min(66vh,660px)}.work-showcase--home .work-showcase__stage:not([hidden]) .work-compare{height:min(46vh,500px)}.work-showcase--home .work-showcase__stage:not([hidden]) .work-showcase__close{position:fixed;right:clamp(14px,3vw,30px);top:clamp(14px,3vw,30px);display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#03070cb8;color:#fff;font-size:2rem;line-height:1;transition:transform .2s ease,border-color .2s ease,background .2s ease}.work-showcase--home .work-showcase__stage:not([hidden]) .work-showcase__close:hover{transform:translateY(-1px);border-color:#0068ffbf;background:#0068ff38}.work-showcase--home .work-showcase__more{order:3}@media (max-width: 900px){.work-showcase__caption{grid-template-columns:1fr}.work-showcase__controls{width:100%;grid-template-columns:46px 1fr 46px}.work-showcase__rail,.work-showcase--home .work-showcase__rail{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 560px){.work-showcase__media,.work-compare{aspect-ratio:4 / 5;max-height:none}.work-compare{grid-template-columns:1fr;aspect-ratio:auto;height:auto;max-height:none}.work-compare figure{height:min(28vh,220px)}.work-showcase__rail,.work-showcase--home .work-showcase__rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.work-showcase__thumb{aspect-ratio:1 / 1}}