/* Bayrak: asymmetric panel and open contour. */
.showcase-hero{--panel-width:720px;--panel-right:calc(max(24px,(100% - 1320px)/2) + 150px);min-height:760px;--panel-top:22%;--panel-height:58%}
.showcase-panel{top:var(--panel-top);right:var(--panel-right);left:auto;width:var(--panel-width);height:var(--panel-height);min-height:0;border-radius:140px 16px 140px 16px;padding:54px 66px;justify-content:flex-start;box-shadow:0 24px 65px #001a2b20}
.showcase-copy,.showcase-slide.is-active .showcase-copy{width:100%;max-width:510px;margin:0;}
.showcase-copy h1,.showcase-copy h2{font-size:42px;line-height:1.18}
.showcase-copy>p:not(.showcase-kicker){font-size:18px;line-height:1.5;max-width:490px}
.showcase-copy>a{font-size:16px;padding:14px 24px}
.showcase-peek{left:calc(100% - var(--panel-right) + 38px);right:auto;top:18%;width:460px;height:62%;background:transparent;border:2px solid #ea6650b3;border-radius:100px 14px 100px 14px;pointer-events:none;transform:translateY(0);transition:transform 1s ease}
.showcase-hero[data-current="1"] .showcase-peek,.showcase-hero[data-current="3"] .showcase-peek{transform:translateY(25px)}
.showcase-arrows{bottom:calc(20% + 20px);right:calc(var(--panel-right) + 112px);gap:8px}
.showcase-arrows button{width:40px;height:40px}
.showcase-arrows button::before{width:13px;height:13px}
.showcase-slide,.showcase-slide.is-exiting{transition:opacity .5s ease,visibility .5s}
.showcase-slide.is-active .showcase-copy{animation:bayrakCopyIn .55s ease both}
@keyframes bayrakCopyIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:768px) and (max-width:1100px){.showcase-hero{--panel-width:650px;--panel-right:85px}.showcase-panel{padding:48px 58px}.showcase-copy h1,.showcase-copy h2{font-size:38px}}
@media(max-width:767px){
.showcase-hero{min-height:760px;--panel-right:18px;--panel-width:calc(100% - 36px)}
.showcase-panel{top:145px;bottom:150px;height:auto;left:18px;right:18px;width:auto;padding:40px 32px 60px;border-radius:76px 12px 76px 12px}
.showcase-copy,.showcase-slide.is-active .showcase-copy{width:100%;max-width:none;margin:0}
.showcase-copy h1,.showcase-copy h2{font-size:27px;line-height:1.2;margin-bottom:20px}
.showcase-copy>p:not(.showcase-kicker){font-size:15px;line-height:1.5;margin-bottom:20px}
.showcase-copy>a{font-size:14px;padding:12px 20px}
.showcase-peek{display:block;top:120px;left:42px;right:auto;width:calc(100% - 28px);height:calc(100% - 245px);border-radius:76px 12px 76px 12px;z-index:1;opacity:.6}
.showcase-arrows{bottom:165px;right:82px;gap:6px}.showcase-arrows button{width:32px;height:32px}
}
@media(prefers-reduced-motion:reduce){.showcase-slide.is-active .showcase-copy{animation:none}.showcase-peek,.showcase-slide,.showcase-slide.is-exiting{transition:none}.showcase-bg{transition:none}}