.oddfish-work-page{--oddfish-header-h: 96px;--oddfish-work-grid-pad-x: clamp(1.25rem, 5vw, 90px);--oddfish-work-grid-gap: clamp(1.875rem, 4vw, 40px);--oddfish-work-grid-mt: clamp(2rem, 5vw, 60px);--oddfish-work-intro-pad: clamp(1rem, 5vw, 5rem);--oddfish-work-intro-size: clamp(15px, 2vw, 24px);--oddfish-work-reveal-y: clamp(12px, 3vw, 28px);--oddfish-work-reveal-duration: clamp(.7s, .6s + .4vw, 1.1s);background:#fff;font-family:Gilroy,system-ui,-apple-system,sans-serif;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.oddfish-work-page *,.oddfish-work-page *:before,.oddfish-work-page *:after{box-sizing:border-box}.oddfish-work-page .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.oddfish-work-page .work_section{position:relative;padding-top:0;padding-bottom:clamp(1rem,3vw,2rem);margin:0;scroll-margin-top:calc(var(--oddfish-header-h) + 10px)}.oddfish-work-page .section_inner{width:100%;display:flex;flex-direction:column;align-items:center}.oddfish-work-page .case_studies{width:100%}.oddfish-work-page.js-ready .case_studies{opacity:0;transform:translate3d(0,var(--oddfish-work-reveal-y),0);transition:opacity var(--oddfish-work-reveal-duration) cubic-bezier(.22,1,.36,1),transform var(--oddfish-work-reveal-duration) cubic-bezier(.22,1,.36,1)}.oddfish-work-page.js-ready .case_studies.is-visible{opacity:1;transform:translateZ(0)}.oddfish-work-page .case_studies_inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--oddfish-work-grid-gap);width:100%;margin-top:var(--oddfish-work-grid-mt);padding-inline:var(--oddfish-work-grid-pad-x)}.oddfish-work-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-work-page .case_studie .intro{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:var(--oddfish-work-intro-pad);color:#fff;font-weight:700;font-size:var(--oddfish-work-intro-size);line-height:1.5;text-align:center;overflow-wrap:break-word;transition:opacity .22s ease}.oddfish-work-page .case_studie .cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#0003;pointer-events:none}.oddfish-work-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-family:inherit;font-weight:700;font-size:clamp(20px,3vw,34px);text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .22s ease,color .22s ease}.oddfish-work-page .case_studie img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(100%)}.oddfish-work-page .case_studie_placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:#f0f0f0}.oddfish-work-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-work-page .case_studie:hover img,.oddfish-work-page .case_studie:focus-visible img{filter:grayscale(0%)}.oddfish-work-page .case_studie:hover .case_title,.oddfish-work-page .case_studie:focus-visible .case_title{opacity:1;color:#ffde00;transition-delay:.1s}.oddfish-work-page .case_studie:hover .intro,.oddfish-work-page .case_studie:focus-visible .intro{opacity:0}.oddfish-work-page .case_studie:hover:before,.oddfish-work-page .case_studie:focus-visible:before{transform:scaleZ(1)}}.oddfish-work-page .case_studie:focus-visible{outline:2px solid #ffde00;outline-offset:4px}.oddfish-work-page .case_studie.is-disabled{cursor:default}.oddfish-work-page .oddfish-work-empty-state{grid-column:1 / -1;margin:0;padding:clamp(1.5rem,4vw,3rem);color:#000;font-size:clamp(16px,2vw,18px);line-height:1.6;text-align:center;border:2px dashed #ccc;background:#fafafa}@media(max-width:1200px){.oddfish-work-page{--oddfish-work-intro-size: 19px}}@media(max-width:1024px){.oddfish-work-page{--oddfish-header-h: 70px;--oddfish-work-grid-pad-x: 50px;--oddfish-work-intro-pad: 1rem;--oddfish-work-intro-size: 15px}}@media(max-width:767px){.oddfish-work-page{--oddfish-work-grid-pad-x: 20px;--oddfish-work-grid-gap: 30px}.oddfish-work-page .case_studies_inner{grid-template-columns:1fr}}@media(hover:none){.oddfish-work-page .case_studie img{filter:grayscale(0%)}}@media(prefers-reduced-motion:reduce){.oddfish-work-page.js-ready .case_studies,.oddfish-work-page.js-ready .case_studies:not(.is-visible){opacity:1;transform:none;transition:none}.oddfish-work-page .case_studie,.oddfish-work-page .case_studie .intro,.oddfish-work-page .case_studie .case_title,.oddfish-work-page .case_studie:before{transition:none!important}@media(hover:hover)and (pointer:fine){.oddfish-work-page .case_studie:hover:before,.oddfish-work-page .case_studie:focus-visible:before{transform:none}.oddfish-work-page .case_studie:hover .case_title,.oddfish-work-page .case_studie:focus-visible .case_title{opacity:1;transition-delay:0s}}}html.shopify-design-mode .oddfish-work-page .case_studies,html.shopify-design-mode .oddfish-work-page.js-ready .case_studies{opacity:1!important;transform:none!important}html.shopify-design-mode .oddfish-work-page .case_studie .intro{opacity:1!important}html.shopify-design-mode .oddfish-work-page .case_studie .case_title,html.shopify-design-mode .oddfish-work-page .case_studie:hover .case_title{opacity:0!important}html.shopify-design-mode .oddfish-work-page .case_studie:before,html.shopify-design-mode .oddfish-work-page .case_studie:hover:before{opacity:0!important;transform:none!important}html.shopify-design-mode .oddfish-work-page .case_studie:hover img{filter:grayscale(100%)!important}
/*# sourceMappingURL=/cdn/shop/t/3/assets/oddfish-our-work.css.map */