[role=main]>.shopify-section{margin-block-start:calc(-1* var(--header-height)* var(--section-is-first))}:root{--nav-extra-height: 48px}@media only screen and (min-width: 750px){:root{--category-tile: 410px;--text-height: 250px;--text-height-max: 600px}}@media only screen and (min-width: 1050px){:root{--category-tile: 300px;--category-tile: clamp(225px, 20.5vw, 350px);--text-height: 200px;--text-height-max: 1000px}}#firstSection video,#firstSection .video-container{position:relative;object-fit:cover;height:325px;width:100%;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 15.5vw),0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 15.5vw),0 100%)}#firstSection .video-container:after{-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 15.5vw),0 100%);background:transparent;background:linear-gradient(180deg,#0009 5%,#0000 20%);clip-path:polygon(0 0,100% 0,100% calc(100% - 15.5vw),0 100%);content:" ";display:block;height:100%;position:absolute;top:0;width:100%}@supports (-webkit-touch-callout: none){@media only screen and (max-device-width: 750px){#firstSection video,#firstSection .video-container{height:auto;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 15.5vw),0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 15.5vw),0 100%)}}}@media only screen and (min-width: 750px){#firstSection video,#firstSection .video-container,#firstSection .video-container:after{position:absolute;height:calc(100vh - var(--nav-extra-height));min-height:calc(1.5 * var(--text-height));max-height:calc(1.5 * var(--text-height-max));z-index:-1}#firstSection .video-container:after{content:" ";width:100%;background:transparent;background:linear-gradient(180deg,#0009 5%,#0000 20% 50%,#0009 75%),radial-gradient(circle,#0009 5%,#0000 30%);-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 15.5vw),0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 15.5vw),0 100%)}}@media only screen and (min-width: 1050px){#firstSection video,#firstSection .video-container,#firstSection .video-container:after{min-height:calc(2 * var(--text-height))}}#firstSection h1,#firstSection h1 a{color:rgb(var(--text-primary));font-size:8.5vw;line-height:125%;text-align:center;transition:none;transition:color .2s ease;text-decoration:none}#firstSection h1 a:hover,#firstSection h1 a:focus-visible{color:rgb(var(--button-background-primary))}@media only screen and (min-width: 750px){#firstSection .headline{position:relative;height:calc(100vh - var(--category-tile) - var(--nav-extra-height));max-height:var(--text-height-max);min-height:var(--text-height);top:35px}#firstSection h1,#firstSection h1 a{font-size:40px;font-size:clamp(40px,3vw,80px);color:#fff;text-shadow:0 0 20px rgb(0,0,0)}}@media only screen and (min-width: 1921px){#firstSection h1{font-size:4vw}}figure{position:relative;margin:0}.category-tiles{grid-template:repeat(4,auto) / repeat(2,1fr);gap:20px}.category-tiles>li:nth-child(1){grid-column:1 / span 2}.category-tile figure{transition:transform .2s ease-out;transform:scale(1)}.category-tile figure img{display:block;width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover;object-position:50% 50%;border-radius:var(--rounded);box-shadow:0 0 4px 1px rgba(var(--text-primary)) / .3}.category-tile figcaption{display:flex;align-items:flex-end;position:absolute;left:0;bottom:0;width:100%;padding:10px;font-size:clamp(16px,1.6vw,22px);color:#fff;z-index:3;font-weight:600;line-height:normal}.category-tile figcaption svg{min-width:clamp(20px,3.3vw,29px);max-width:clamp(20px,3.3vw,28px);height:clamp(20px,3.3vw,28px);margin-left:5px}.category-tile figure:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;display:inline-block;border-radius:var(--rounded);background:0 0;background:-webkit-linear-gradient(top,rgba(0,0,0,50) 0%,rgba(0,0,0,.85) 100%);background:linear-gradient(to bottom,#0000 50%,#000000d9)}.category-tile a{display:block}.category-tile figure:hover,.category-tile figure:focus-within{transform:scale(1.015)}.category-tile figure:active{transform:scale(.985)}.category-tile:first-child img{aspect-ratio:5/3}@media only screen and (min-width: 750px){.category-tile:first-child img{aspect-ratio:1 / 1}.category-tile figcaption{padding:20px}}@media only screen and (min-width: 750px) and (max-width: 1049px){.category-tiles{grid-template:repeat(3,auto) / repeat(6,1fr);gap:20px}.category-tiles>li:nth-child(-2n+3){grid-column:1 / span 3}.category-tiles>li:nth-child(-2n+4){grid-column:4 / span 3}.category-tiles>li:nth-child(n+5){grid-column:span 2}.category-tile figcaption{font-size:clamp(22px,2.5vw,26px)}}@media only screen and (min-width: 1050px){.category-tiles{grid-template:repeat(2,auto)/ repeat(5,1fr);gap:20px}.category-tiles>li:nth-child(1){grid-column:1 / span 2;grid-row:1 / span 2}.category-tile figcaption{font-size:clamp(16px,1.6vw,22px)}}.icon-box-link{padding:25px;background-color:rgb(var(--color-background));height:100%}.icon-box-link a{text-decoration:none}.icon-box-wrapper{display:flex;justify-content:center;margin-bottom:10px}.icon-box-container{position:relative;background:rgb(var(--color-background-negative));border-radius:50%;height:65px;width:65px}.icon-box-container svg{position:absolute;height:100%;width:100%;padding:5px;fill:rgb(var(--color-foreground-negative));top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 400px){section.g-row__col--s2:has(.management-tile){grid-template-columns:1fr}}.product-tile,.management-tile a{background-color:rgb(var(--color-background-white));box-shadow:0 4px 4px 1px rgba(var(--text-primary) / .1);overflow:hidden}.management-tile a{border-radius:var(--rounded)}.product-tile a,.management-tile a{height:100%;width:100%}.management-tile p,.management-tile h2{word-break:break-word}.product-tile a{padding:10px}.product-tile figure,.management-tile figure{height:100%;display:flex;flex-direction:column}.product-tile img,.management-tile img{width:100%;height:auto;object-fit:cover;object-position:center center}.product-tile img{aspect-ratio:1 / 1;padding:10px;mix-blend-mode:multiply}.management-tile img{aspect-ratio:5 / 4}.product-tile figcaption,.management-tile figcaption{padding:calc(2 * var(--content-padding));color:rgb(var(--text-primary))}:is(.product-tile figcaption,.management-tile figcaption) h2{font-size:var(--text-h3)}@media screen and (max-width: 450px){.product-tile figcaption,.management-tile figcaption{padding:calc(var(--content-padding))}}.product-tile figcaption{text-align:center;font-size:clamp(110%,4vw,125%);font-weight:700;margin-top:auto;margin-bottom:auto}.management-tile figcaption svg{height:30px;min-width:30px;max-width:30px}.management-tile figcaption h2{display:flex;align-items:center}.product-tile figcaption:visited{color:rgb(var(--text-primary))}.product-tile a:focus-visible,.management-tile:focus-visible{border:1px solid rgb(var(--color-background-negative))}
/*# sourceMappingURL=/cdn/shop/t/39/assets/ortlieb-homepage.css.map?v=84802647004617455381733303062 */