@font-face{font-family:"Other Cases Raleway";src:url("raleway-reference.woff2") format("woff2");font-weight:400 700;font-display:swap}
.other-cases{position:relative;z-index:10;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;width:100%;min-height:calc(100svh - var(--other-header-height,30px) - var(--other-footer-height,150px));padding:32px 0;background:#fff;color:#000;font-family:"Other Cases Raleway",Raleway,Arial,sans-serif}
.other-cases *{box-sizing:border-box}
.other-cases{border:0;box-shadow:0 -2px 0 #fff}
footer.basilio-contact-footer{display:flex!important;position:relative!important;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:auto!important;min-height:150px;padding:40px 20px!important;background:#fff;color:#000;pointer-events:auto;text-align:center;font:13px/1.7 "Other Cases Raleway",Raleway,Arial,sans-serif}
footer.basilio-contact-footer p{margin:0}
footer.basilio-contact-footer a{color:inherit;text-decoration:none}
.other-cases h2{width:100%;margin:0 auto clamp(24px,5vh,54px);padding:0 3.149vw;font-size:32px;line-height:1.35;font-weight:700}
.other-cases-carousel{position:relative;width:100%;margin:0 auto;padding:0 3.149vw}
.other-cases-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.other-cases-track::-webkit-scrollbar{display:none}
.other-case-card{flex:0 0 calc((100% - 80px)/5);min-width:0;scroll-snap-align:start}
.other-case-card a{display:block;color:inherit;text-decoration:none}
.other-cases .other-case-card img{display:block;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:223/297!important;object-fit:cover;transition:opacity .2s}
.other-case-card a:hover img{opacity:.87}
.other-case-card h3{margin:14px 0 7px;font-size:24px;font-weight:700;line-height:1.25}
.other-case-card p{margin:0;font-size:18px;line-height:22px}
.other-case-card .other-case-credit-label{font-size:calc(1em - 2pt)}
.other-case-credit-mobile{display:none}
.other-cases-prev,.other-cases-next{position:absolute;top:calc(50% - 30px);width:36px;height:50px;padding:0;border:0;background:#ffffffd9;color:#000;font:32px/1 Arial,sans-serif;cursor:pointer}
.other-cases-prev{left:0}.other-cases-next{right:0}
.other-cases :is(a,button):focus-visible{outline:2px solid #2765d8;outline-offset:4px}
@media(max-width:1199px){.other-cases h2,.other-cases-carousel{width:100%}}
@media(max-width:640px){.other-cases{min-height:0;padding:52px 0 64px}.other-cases h2{padding:0 7%;font-size:24px;line-height:1.4;margin-bottom:28px}.other-cases-carousel{padding:0 7%}.other-cases-track{gap:14px}.other-case-card{flex-basis:76%}.other-cases-prev,.other-cases-next{top:38%;width:28px}}


@media(max-width:640px){
.other-cases{min-height:calc(100dvh - var(--other-header-height,44px));padding:24px 0 28px;justify-content:flex-start}
.other-cases h2{font-size:27.8897px}
.other-case-card h3{font-size:var(--case-title-mobile-size,5.8vw);white-space:nowrap}
.other-case-card p{font-size:clamp(10.5px,3.6vw,15px);line-height:1.3}
.other-case-card .other-case-credit-label{font-size:.85em}
.other-case-credit-desktop{display:none}
.other-case-credit-mobile{display:inline}
}

@media(max-width:640px){
footer.basilio-contact-footer,footer.case-footer{min-height:0;padding:12px 20px 10px!important}
.other-cases{min-height:calc(100dvh - var(--other-header-height,44px) - var(--other-footer-height,90px));padding:0;justify-content:space-evenly}
.other-cases h2{margin-bottom:12px}

}

@media(max-width:640px){footer.basilio-contact-footer p,footer.case-footer>p{line-height:1.45}}

@media(orientation:landscape) and (max-height:500px) and (max-width:1000px){
.other-cases h2{padding:0 3.149vw;text-align:left}
.other-cases-carousel{padding:0 3.149vw}
.other-cases-track{gap:20px}
.other-case-card{flex:0 0 calc((100% - 80px)*.26)}
.other-case-card h3{font-size:clamp(12px,2vw,18px);white-space:nowrap;line-height:1.25}
}

@media(orientation:landscape) and (max-height:500px) and (max-width:1000px){
.other-case-card p{font-size:clamp(10px,1.65vw,15px);line-height:1.4}
.other-case-card .other-case-credit-label{font-size:.85em}
}

/* Match the home carousel arrow gutters and stacking. */
@media(max-width:640px){.other-cases-carousel .other-cases-prev,.other-cases-carousel .other-cases-next{width:7%;padding:0;z-index:4}}