.innocos-panel{position:relative}.innocos-panel--inset{max-width:2500px;margin-left:auto;margin-right:auto;padding:0 1.5rem}@media screen and (min-width:750px){.innocos-panel--inset{padding:0 5rem}}.innocos-panel--spaced{margin-top:1.5rem}@media screen and (min-width:750px){.innocos-panel--spaced{margin-top:5rem}}.innocos-panel__media{display:flex;width:100%}.innocos-panel__item{display:flex;width:100%;align-items:flex-start}.innocos-panel--pair .innocos-panel__item{width:50%}.innocos-panel--reverse .innocos-panel__media{flex-direction:row-reverse}.innocos-panel__media img,.innocos-panel__media video{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:var(--innocos-ar, auto)}.innocos-panel--hero .innocos-panel__media img,.innocos-panel--hero .innocos-panel__media video{height:100vh}@media screen and (max-width:768px){.innocos-panel--hero .innocos-panel__media{margin-top:65px}.innocos-panel--hero .innocos-panel__media img,.innocos-panel--hero .innocos-panel__media video{height:auto}}.innocos-aspect--square img,.innocos-aspect--square video{aspect-ratio:1 / 1}.innocos-aspect--short img,.innocos-aspect--short video{aspect-ratio:4 / 3}.innocos-aspect--shorter img,.innocos-aspect--shorter video{aspect-ratio:3 / 2}.innocos-aspect--medium img,.innocos-aspect--medium video{aspect-ratio:3 / 4}.innocos-aspect--tall img,.innocos-aspect--tall video{aspect-ratio:2 / 3}@media screen and (max-width:768px){.innocos-panel--hero.innocos-mobile-aspect--square img,.innocos-panel--hero.innocos-mobile-aspect--square video{aspect-ratio:1 / 1}.innocos-panel--hero.innocos-mobile-aspect--short img,.innocos-panel--hero.innocos-mobile-aspect--short video{aspect-ratio:4 / 3}.innocos-panel--hero.innocos-mobile-aspect--shorter img,.innocos-panel--hero.innocos-mobile-aspect--shorter video{aspect-ratio:3 / 2}.innocos-panel--hero.innocos-mobile-aspect--medium img,.innocos-panel--hero.innocos-mobile-aspect--medium video{aspect-ratio:3 / 4}.innocos-panel--hero.innocos-mobile-aspect--tall img,.innocos-panel--hero.innocos-mobile-aspect--tall video{aspect-ratio:2 / 3}}@media screen and (max-width:768px){.innocos-panel__media{flex-direction:column}.innocos-panel--reverse .innocos-panel__media{flex-direction:column-reverse}.innocos-panel--pair .innocos-panel__item{width:100%}.innocos-panel--gap .innocos-panel__media{gap:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/innocos-case-study.css.map */