.oddfish-case-section{font-family:Gilroy,sans-serif;font-size:10px;background:#fff;position:relative;margin-top:20rem;margin-bottom:20rem;width:100%;overflow:visible}@media(max-width:991px){.oddfish-case-section{margin-top:10rem;margin-bottom:10rem}}.oddfish-case-section .oddfish-case-inner{position:relative;z-index:2;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.oddfish-case-section .oddfish-case-inner p{color:#000;font-size:18px;font-weight:300;line-height:3;margin:0 0 1rem}@media(max-width:1024px){.oddfish-case-section .oddfish-case-inner p{line-height:2}}@media(max-width:767px){.oddfish-case-section .oddfish-case-inner p{line-height:1.5}}.oddfish-case-section .oddfish-case-inner h2,.oddfish-case-section .section_inner .content_area h2,.oddfish-case-section .oddfish-case-content-area h2{margin:2.5rem 0;font-weight:400;line-height:1.3;color:#000}.oddfish-case-section .oddfish-case-inner h2 span,.oddfish-case-section .section_inner .content_area h2 span,.oddfish-case-section .oddfish-case-content-area h2 span,.oddfish-case-section .oddfish-case-inner h2 .strike,.oddfish-case-section .section_inner .content_area h2 .strike,.oddfish-case-section .oddfish-case-content-area h2 .strike,.oddfish-case-section .oddfish-yellow-strike{color:#000!important;font-weight:700!important;font-size:55px;line-height:1.2}@media(max-width:1024px){.oddfish-case-section .oddfish-case-inner h2 span,.oddfish-case-section .section_inner .content_area h2 span,.oddfish-case-section .oddfish-case-content-area h2 span,.oddfish-case-section .oddfish-case-inner h2 .strike,.oddfish-case-section .section_inner .content_area h2 .strike,.oddfish-case-section .oddfish-case-content-area h2 .strike{font-size:45px}}@media(max-width:767px){.oddfish-case-section .oddfish-case-inner h2 span,.oddfish-case-section .section_inner .content_area h2 span,.oddfish-case-section .oddfish-case-content-area h2 span,.oddfish-case-section .oddfish-case-inner h2 .strike,.oddfish-case-section .section_inner .content_area h2 .strike,.oddfish-case-section .oddfish-case-content-area h2 .strike{font-size:35px}.oddfish-case-section .oddfish-case-content{padding:2rem}.oddfish-case-strike:before,.oddfish-case-section .oddfish-case-inner h2 .strike:before,.oddfish-case-section .section_inner .content_area h2 .strike:before,.oddfish-case-section .oddfish-case-content-area h2 .strike:before,.fourth_section_home .strike:before,.oddfish-case-section.fourth_section_home .strike:before{top:88%;height:11px}}.oddfish-case-section .oddfish-case-inner h2 span.strike,.oddfish-case-section .section_inner .content_area h2 span.strike,.oddfish-case-section .oddfish-case-content-area h2 span.strike,.oddfish-case-section .oddfish-case-inner h2 span.oddfish-case-strike{display:inline-block!important;position:relative;isolation:isolate;background:transparent!important;overflow:visible}.oddfish-case-strike{position:relative;display:inline-block;isolation:isolate;background:transparent!important;overflow:visible}.oddfish-case-strike:before{background-color:#f6d500;content:"";display:block;height:13px;left:51%;position:absolute;top:90%;width:103%;z-index:-1;transform:translate(-100%,-50%) rotate(-1deg) scaleX(0);transform-origin:left center;transition:none}.oddfish-case-strike.oddfish-case-strike-visible:before{animation:oddfish-case-strike-wipe .6s cubic-bezier(.55,0,.1,1) forwards}@keyframes oddfish-case-strike-wipe{0%{transform:translate(-100%,-50%) rotate(-1deg) scaleX(0)}to{transform:translate(-51%,-50%) rotate(-1deg) scaleX(1)}}.oddfish-case-section.oddfish-home-page .section_inner{position:relative;z-index:2;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.oddfish-case-section.oddfish-home-page .case_studies{width:100%}.oddfish-case-section.oddfish-home-page .case_studies_inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding-inline:clamp(1.25rem,5vw,90px);margin-top:6rem;width:100%;box-sizing:border-box}.oddfish-case-section.oddfish-home-page .case_studie{display:block;position:relative;overflow:hidden;text-decoration:none;color:inherit;aspect-ratio:1050 / 530;width:100%;contain:layout style paint;isolation:isolate}.oddfish-case-section.oddfish-home-page .case_studie .intro{color:#fff;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;line-height:1.5;padding:clamp(1rem,3vw,2rem);font-weight:700;font-size:clamp(15px,2vw,24px);text-align:center;overflow-wrap:break-word;transition:opacity .22s ease}.oddfish-case-section.oddfish-home-page .case_studie .cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#0003;pointer-events:none}.oddfish-case-section.oddfish-home-page .case_studie .case_title{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;background:#000;color:#fff;font-weight:700;font-size:clamp(20px,3vw,34px);text-transform:uppercase;opacity:0!important;pointer-events:none;transition:opacity .22s ease,color .22s ease}.oddfish-case-section.oddfish-home-page .case_studie img,.oddfish-case-section.oddfish-home-page .case_studie img.background_image{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;display:block!important;z-index:0;filter:grayscale(100%);transition:filter .32s ease}.oddfish-case-section.oddfish-home-page .case_studie_placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#f0f0f0}.oddfish-case-section.oddfish-home-page .case_studie:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;z-index:2;pointer-events:none;transform:scale3d(1,0,1);transform-origin:center center;transition:transform .32s cubic-bezier(.33,1,.68,1)}@media(hover:hover)and (pointer:fine){.oddfish-case-section.oddfish-home-page .case_studie:hover img,.oddfish-case-section.oddfish-home-page .case_studie:focus-visible img{filter:grayscale(0%)}.oddfish-case-section.oddfish-home-page .case_studie:hover .case_title,.oddfish-case-section.oddfish-home-page .case_studie:focus-visible .case_title{opacity:1!important;color:#ffde00;transition-delay:.1s}.oddfish-case-section.oddfish-home-page .case_studie:hover .intro,.oddfish-case-section.oddfish-home-page .case_studie:focus-visible .intro{opacity:0}.oddfish-case-section.oddfish-home-page .case_studie:hover:before,.oddfish-case-section.oddfish-home-page .case_studie:focus-visible:before{transform:scaleZ(1)}}.oddfish-case-section.oddfish-home-page .case_studie:focus-visible{outline:2px solid #ffde00;outline-offset:4px}.oddfish-case-section.oddfish-home-page .case_studie.is-disabled{cursor:default}@media(hover:none){.oddfish-case-section.oddfish-home-page .case_studie img{filter:grayscale(0%)}}@media(max-width:1024px){.oddfish-case-section.oddfish-home-page .case_studies_inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}}@media(max-width:767px){.oddfish-case-section.oddfish-home-page .case_studies_inner{grid-template-columns:1fr;gap:30px}}.oddfish-case-section .oddfish-case-btn-wrap,.oddfish-case-section.oddfish-home-page .btn_wrapper{margin-top:4rem;display:flex;justify-content:center}.oddfish-case-section .oddfish-case-black-btn{background:#000;color:#fff;height:45px;padding:1rem 1.5rem;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;font-size:15px;border:none;cursor:pointer;text-decoration:none;transform:rotate(-1deg)}.oddfish-case-section .oddfish-case-black-btn span{position:relative;z-index:2;color:#fff;font-weight:700;transition:color .7s ease}.oddfish-case-section .oddfish-case-black-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:118%;background:#ffde00;z-index:1;transform:translate(-100%,-50%) rotate(-1deg) scaleX(0);transition:transform .4s cubic-bezier(.55,0,.1,1)}.oddfish-case-section .oddfish-case-black-btn:hover{background:transparent}.oddfish-case-section .oddfish-case-black-btn:hover:before{transform:translate(0) rotate(-1deg) scaleX(1)}.oddfish-case-section .oddfish-case-black-btn:hover span{color:#000}
/*# sourceMappingURL=/cdn/shop/t/3/assets/oddfish-home-case-studies.css.map */