.showcase-slider{--showcase-duration:24s;position:relative;width:min(1180px,calc(100% - 80px));margin:75px auto;overflow:hidden;background:#123f39;color:#fff;box-shadow:0 28px 70px rgba(18,63,57,.14)}
.showcase-header{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:28px 32px 22px;border-bottom:1px solid rgba(255,255,255,.14)}
.showcase-header small{display:block;margin-bottom:7px;color:#92efea;font-size:9px;font-weight:700;letter-spacing:.24em}
.showcase-header h2{margin:0;font:500 clamp(26px,3vw,42px)/1.05 var(--serif)}
.showcase-header p{max-width:470px;margin:0;color:#b9d4d1;font-size:12px;line-height:1.6;text-align:right}
.showcase-viewport{overflow:hidden;padding:24px 0 28px}
.showcase-track{display:flex;width:max-content;gap:18px;padding-right:18px;will-change:transform;animation:showcaseFlowLTR var(--showcase-duration) linear infinite}
.showcase-slider:hover .showcase-track,.showcase-slider:focus-within .showcase-track{animation-play-state:paused}
.showcase-card{display:grid;grid-template-rows:152px 1fr;width:330px;min-height:318px;overflow:hidden;background:#fff;color:#17242d;box-shadow:0 12px 26px rgba(0,0,0,.16)}
.showcase-media{position:relative;overflow:hidden;background:#d9efec}
.showcase-media img{width:100%;height:100%;object-fit:cover}
.showcase-placeholder{display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 35% 35%,#24756d,#15544e 68%)}
.showcase-placeholder:before,.showcase-placeholder:after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(146,239,234,.25);border-radius:50%;transform:translate(-50%,-50%)}
.showcase-placeholder:before{width:105px;height:105px}.showcase-placeholder:after{width:155px;height:155px}
.showcase-placeholder span{position:relative;z-index:1;font:500 44px/1 var(--serif);color:#fff}
.showcase-placeholder b{position:relative;z-index:1;margin-top:8px;color:#92efea;font-size:8px;letter-spacing:.24em}
.showcase-copy{display:flex;min-height:166px;flex-direction:column;padding:19px 22px 20px}
.showcase-copy small{color:#087f80;font-size:8px;font-weight:700;letter-spacing:.2em}
.showcase-copy h2{margin:8px 0 7px;font:500 23px/1.08 var(--serif)}
.showcase-copy p{display:-webkit-box;overflow:hidden;margin:0 0 12px;color:#647276;font-size:11px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.showcase-copy a{align-self:flex-start;margin-top:auto;padding-bottom:4px;border-bottom:1px solid #087f80;color:#087f80;font-size:9px;font-weight:700}
.showcase-manager-link{position:absolute;right:32px;top:30px;z-index:3;color:#b9dcda;font-size:9px;letter-spacing:.08em}
@keyframes showcaseFlowLTR{from{transform:translate3d(calc(-50% - 9px),0,0)}to{transform:translate3d(0,0,0)}}
@media(prefers-reduced-motion:reduce){.showcase-viewport{overflow-x:auto}.showcase-track{animation:none;transform:none}}
@media(max-width:760px){.showcase-slider{width:calc(100% - 40px);margin:55px auto}.showcase-header{display:block;padding:24px 20px 20px}.showcase-header p{margin-top:10px;text-align:left}.showcase-card{width:270px;grid-template-rows:135px 1fr}.showcase-manager-link{right:20px;top:24px}.showcase-copy h2{font-size:21px}}