/* Coastals interface showcase — controlled editorial screen stack */
.showcase-carousel{position:relative;width:100%;margin-top:34px;--sc-duration:760ms}
.showcase-carousel__viewport{position:relative;overflow:visible;min-height:760px;touch-action:pan-y;isolation:isolate}
.showcase-carousel__track{position:relative;width:100%;height:760px;display:block}
.showcase-carousel__slide{position:absolute;inset:0;width:100%;height:100%;margin:0;display:grid;align-items:center;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,40px,0) scale(.94) rotate(0deg);transition:transform var(--sc-duration) cubic-bezier(.16,1,.3,1),opacity 420ms ease,visibility 0s linear var(--sc-duration);will-change:transform,opacity}
.showcase-carousel__slide.is-active,.showcase-carousel__slide.is-next,.showcase-carousel__slide.is-prev{visibility:visible}
.showcase-carousel__slide.is-active{opacity:1;pointer-events:auto;transform:translate3d(0,0,0) scale(1) rotate(0deg);z-index:6;transition:transform var(--sc-duration) cubic-bezier(.16,1,.3,1),opacity 420ms ease}
.showcase-carousel__slide.is-next,.showcase-carousel__slide.is-prev{opacity:.24;z-index:4;transform:translate3d(0,18px,0) scale(.93) rotate(0deg);transition:transform var(--sc-duration) cubic-bezier(.16,1,.3,1),opacity 420ms ease}
.showcase-carousel__slide.is-next{transform:translate3d(92px,18px,0) scale(.91) rotate(3deg)}
.showcase-carousel__slide.is-prev{transform:translate3d(-92px,18px,0) scale(.91) rotate(-3deg)}
.showcase-carousel__slide.is-entering{opacity:0;visibility:visible;z-index:3;transition:none}
.showcase-carousel__slide.is-entered{opacity:.26;visibility:visible;z-index:2;transition:transform 1.15s cubic-bezier(.16,1,.3,1),opacity .75s ease}
.showcase-carousel__slide.is-entered.is-active{opacity:1;z-index:6}
.showcase-carousel__slide.is-entered.is-next{opacity:.24;z-index:5}
.showcase-carousel__slide.is-entered.is-prev{opacity:.24;z-index:4}
.showcase-carousel__caption{padding:15px 17px 17px;color:#5e6878;font-size:11px;line-height:1.5}
.showcase-carousel__caption strong{display:block;margin-bottom:3px;color:inherit;font:600 13px/1.3 "Instrument Sans",sans-serif}
.showcase-carousel__placeholder{width:100%;height:100%;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;border:1px dashed rgba(105,114,128,.30);border-radius:16px;background:linear-gradient(145deg,rgba(236,238,241,.86),rgba(250,250,250,.9));color:#8a929d;font-size:10px;letter-spacing:1.3px;text-transform:uppercase}
.showcase-carousel__controls{position:absolute;inset:0;z-index:20;pointer-events:none;margin:0}
.showcase-carousel__counter{position:absolute;left:0;bottom:2px;color:#78818e;font:600 10px/1 "Manrope",sans-serif;letter-spacing:1.2px;text-transform:uppercase}
.showcase-carousel__buttons{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.showcase-carousel__button{pointer-events:auto;appearance:none;width:50px;height:50px;padding:0;border:1px solid rgba(17,20,28,.13);border-radius:50%;background:rgba(255,255,255,.84);color:#15181e;cursor:pointer;display:grid;place-items:center;font-size:20px;line-height:1;box-shadow:0 12px 32px rgba(11,13,20,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .25s ease,background .25s ease,border-color .25s ease}
.showcase-carousel__button:hover{background:#fff;transform:scale(1.06);border-color:rgba(17,20,28,.22)}
.showcase-carousel__button:disabled{opacity:.32;cursor:default;transform:none}
.showcase-carousel__dots{display:flex;justify-content:center;gap:7px;margin:12px 0 0;position:relative;z-index:21}
.showcase-carousel__dot{width:5px;height:5px;padding:0;border:0;border-radius:50%;background:#b7bdc6;cursor:pointer;transition:width .25s ease,background .25s ease,border-radius .25s ease}
.showcase-carousel__dot.is-active{width:22px;border-radius:5px;background:#616a76}
.showcase-carousel--web .showcase-carousel__slide,.showcase-carousel--phone .showcase-carousel__slide{flex:none}
@media(max-width:900px){.showcase-carousel__viewport{min-height:700px}.showcase-carousel__track{height:700px}.showcase-carousel__button{width:44px;height:44px}}
@media(max-width:760px){.showcase-carousel__viewport{min-height:640px}.showcase-carousel__track{height:640px}.showcase-carousel__buttons{padding:0 2px}.showcase-carousel__button{width:42px;height:42px}.showcase-carousel__counter{left:4px}}
@media(prefers-reduced-motion:reduce){.showcase-carousel__slide,.showcase-carousel__button{transition:none!important}}