.showcase-section{color:#111;background:#fff;width:100%;padding:110px 5vw 90px;position:relative;overflow:hidden}.showcase-section .showcase-slider-wrapper{width:100%;overflow:visible}.showcase-section .showcase-swiper{width:100%;overflow:visible!important}.showcase-section .showcase-row{grid-template-columns:.9fr 1.15fr .8fr 1.3fr;align-items:stretch;gap:18px;width:100%;min-height:600px;margin:0;padding:0;list-style:none;display:grid}.showcase-section .showcase-card{opacity:0;min-width:0;transition:opacity .9s ease var(--delay),transform .9s cubic-bezier(.22,1,.36,1)var(--delay);flex-direction:column;display:flex;position:relative;transform:translateY(45px)}.showcase-visible .showcase-card{opacity:1;transform:translateY(0)}.showcase-section .showcase-tall{padding-top:70px}.showcase-section .showcase-tallLarge{padding-top:0}.showcase-section .showcase-mid{padding-top:120px}.showcase-section .showcase-wide{padding-top:45px}.showcase-section .showcase-frame{background:#e9e9e9;width:100%;height:480px;margin:0;position:relative;overflow:hidden}.showcase-section .showcase-tall .showcase-frame{height:420px}.showcase-section .showcase-tallLarge .showcase-frame{height:570px}.showcase-section .showcase-mid .showcase-frame{height:350px}.showcase-section .showcase-wide .showcase-frame{height:440px}.showcase-section .showcase-image{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:transform 1.2s cubic-bezier(.22,1,.36,1),filter .7s;transform:scale(1.01)}.showcase-section .showcase-card:hover .showcase-image{filter:grayscale(0%);transform:scale(1.08)}.showcase-section .showcase-sweep{z-index:3;pointer-events:none;background:linear-gradient(110deg,#0000 20%,#fff6 48%,#0000 70%);transition:transform;position:absolute;inset:0;transform:translate(-130%)}.showcase-section .showcase-card:hover .showcase-sweep{transition:transform 1s cubic-bezier(.22,1,.36,1);transform:translate(130%)}.showcase-section .showcase-frame-edge{z-index:4;pointer-events:none;opacity:0;border:1px solid #ffffff8c;transition:opacity .5s,transform .7s;position:absolute;inset:12px;transform:scale(.96)}.showcase-section .showcase-card:hover .showcase-frame-edge{opacity:1;transform:scale(1)}.showcase-section .showcase-overlay{z-index:5;opacity:0;justify-content:space-between;align-items:flex-start;padding:18px;transition:opacity .5s;display:flex;position:absolute;inset:0}.showcase-section .showcase-card:hover .showcase-overlay{opacity:1}.showcase-section .showcase-number,.showcase-section .showcase-view{color:#fff;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 10px #00000080;font-size:10px}.showcase-section .showcase-view{transition:transform .5s;transform:translateY(-8px)}.showcase-section .showcase-card:hover .showcase-view{transform:translateY(0)}.showcase-section .showcase-caption{justify-content:space-between;align-items:center;padding:17px 2px 0;display:flex}.showcase-section .showcase-caption-text{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}.showcase-section .caption-arrow{opacity:0;font-size:18px;transition:opacity .4s,transform .5s;transform:translate(-10px,10px)}.showcase-section .showcase-card:hover .caption-arrow{opacity:1;transform:translate(0)}.showcase-section .showcase-controls{justify-content:space-between;align-items:center;margin-top:50px;display:flex}.showcase-section .showcase-pagination{align-items:center;gap:15px;display:flex}.showcase-section .showcase-page-number,.showcase-section .showcase-page-muted{letter-spacing:.1em;font-size:11px;font-weight:600}.showcase-section .showcase-page-muted{color:#aaa}.showcase-section .showcase-rail{background:#ddd;width:170px;height:1px;position:relative;overflow:hidden}.showcase-section .showcase-rail-thumb{background:#111;height:100%;transition:transform .8s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0}.showcase-section .showcase-arrows{gap:8px;display:flex}.showcase-section .showcase-arrow{color:#111;cursor:pointer;background:0 0;border:1px solid #ddd;justify-content:center;align-items:center;width:65px;height:50px;transition:background .35s,color .35s,border-color .35s,transform .35s;display:flex}.showcase-section .showcase-arrow svg{width:40px;height:16px}.showcase-section .showcase-arrow:hover{color:#fff;background:#111;border-color:#111;transform:translateY(-3px)}@media (min-width:992px) and (max-width:1199px){.showcase-section{padding:80px 4vw}.showcase-section .showcase-row{grid-template-columns:.9fr 1.1fr .8fr 1.1fr;gap:12px;min-height:520px}.showcase-section .showcase-frame{height:400px}.showcase-section .showcase-tall .showcase-frame{height:360px}.showcase-section .showcase-tallLarge .showcase-frame{height:480px}.showcase-section .showcase-mid .showcase-frame{height:300px}.showcase-section .showcase-wide .showcase-frame{height:370px}}@media (min-width:576px) and (max-width:991.98px){.showcase-section{padding:70px 20px}.showcase-section .showcase-image{filter:grayscale(0%)}.showcase-section .showcase-row{grid-template-columns:1fr 1fr;gap:40px 10px;min-height:auto;display:grid}.showcase-section .showcase-tall,.showcase-section .showcase-tallLarge,.showcase-section .showcase-mid,.showcase-section .showcase-wide{padding-top:0}.showcase-section .showcase-card:first-child{margin-top:35px}.showcase-section .showcase-card:nth-child(4){margin-top:-20px}.showcase-section .showcase-frame,.showcase-section .showcase-tall .showcase-frame,.showcase-section .showcase-tallLarge .showcase-frame,.showcase-section .showcase-mid .showcase-frame,.showcase-section .showcase-wide .showcase-frame{height:300px}.showcase-section .showcase-tallLarge .showcase-frame{height:390px}.showcase-section .showcase-mid .showcase-frame{height:250px}.showcase-section .showcase-wide .showcase-frame{height:280px}.showcase-section .showcase-caption{padding-top:12px}.showcase-section .showcase-caption-text{font-size:9px;line-height:1.4}.showcase-section .caption-arrow{opacity:1;font-size:15px;transform:none}.showcase-section .showcase-controls{margin-top:35px}.showcase-section .showcase-rail{width:100px}.showcase-section .showcase-arrow{width:52px;height:44px}.showcase-section .showcase-arrow svg{width:30px}.showcase-section .showcase-overlay{display:none}}@media (min-width:0) and (max-width:575.98px){.showcase-section{padding-left:15px;padding-right:15px}.showcase-section .showcase-row{grid-template-columns:1fr 1fr;gap:20px 7px}.showcase-section .showcase-frame,.showcase-section .showcase-tall .showcase-frame,.showcase-section .showcase-tallLarge .showcase-frame,.showcase-section .showcase-mid .showcase-frame,.showcase-section .showcase-wide .showcase-frame{height:245px}.showcase-section .showcase-tallLarge .showcase-frame{height:315px}.showcase-section .showcase-mid .showcase-frame{height:205px}.showcase-section .showcase-wide .showcase-frame{height:230px}.showcase-section .showcase-pagination{gap:8px}.showcase-section .showcase-rail{width:70px}.showcase-section .showcase-image{filter:grayscale(0%)}}@media (prefers-reduced-motion:reduce){.showcase-section .showcase-card,.showcase-section .showcase-image,.showcase-section .showcase-sweep,.showcase-section .showcase-frame-edge,.showcase-section .showcase-arrow,.showcase-section .showcase-rail-thumb{transition:none!important}}
