@media screen and (min-width:769px){.columbia-lop-better-thant-banner-section{display:flex;width:100%;max-width:min(96.667vw,1856px);height:clamp(320px,26.667vw,512px);min-height:clamp(320px,26.667vw,512px);padding:clamp(100px,8.365vw,160.6px) 0 clamp(100px,8.365vw,160.6px) clamp(32px,3.333vw,64px);align-items:center;position:relative;box-sizing:border-box;overflow:hidden;margin:clamp(20px,1.667vw,32px) auto}.columbia-lop-better-thant-banner--full-width.columbia-lop-better-thant-banner-section{max-width:100%;margin-left:0;margin-right:0}.columbia-lop-better-thant-banner-image-wrapper{display:flex;width:100%;height:clamp(320px,26.692vw,512.25px);min-height:clamp(320px,26.667vw,512px);flex-direction:column;justify-content:center;align-items:flex-start;position:absolute;top:0;left:0;z-index:0;overflow:hidden}.columbia-lop-better-thant-banner-image{width:100%;height:clamp(320px,26.667vw,512px);flex-shrink:0;object-fit:cover;object-position:top;position:relative;z-index:0;display:block}.columbia-lop-better-thant-banner-image-desktop{display:block}.columbia-lop-better-thant-banner-image-mobile{display:none}.columbia-lop-better-thant-banner-image-bottom-section{width:100%;height:clamp(320px,26.667vw,512px);flex-shrink:0;background:var(--Degradados-Degradado_01, linear-gradient(0deg, #000 0%, rgba(0, 0, 0, .4) 29.79%, rgba(0, 0, 0, 0) 59.62%));position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.columbia-lop-better-thant-banner-content-wrapper{display:flex;width:clamp(400px,44.479vw,854px);max-width:clamp(400px,44.479vw,854px);height:auto;min-height:clamp(200px,19.583vw,376px);flex-direction:column;justify-content:flex-end;align-items:flex-start;flex-shrink:0;position:relative;z-index:2}.columbia-lop-better-thant-banner-content-inner{display:flex;width:100%;align-items:center}.columbia-lop-better-thant-banner-content-container{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(10px,.833vw,16px);flex-shrink:0;align-self:stretch}.columbia-lop-better-thant-banner-content-item-1{display:flex;width:100%;align-items:flex-start;gap:clamp(6px,.521vw,10px)}.columbia-lop-better-thant-banner-title{width:100%;max-width:100%;color:#fff;font-family:GerTT,sans-serif;font-size:clamp(28px,2.5vw,48px);font-style:normal;font-weight:700;line-height:clamp(26px,2.292vw,44px);margin:0;padding:0}.columbia-lop-better-thant-banner-content-item-2{display:flex;width:100%;min-width:0;padding-right:clamp(8px,.816vw,15.66px);flex-direction:column;align-items:flex-start}.columbia-lop-better-thant-banner-description{width:100%;color:#fff;font-family:GerTT,sans-serif;font-size:clamp(14px,.938vw,18px);font-style:normal;font-weight:300;line-height:clamp(20px,1.25vw,24px);margin:0;padding:0}.columbia-lop-better-thant-banner-content-item-3{display:flex;padding-top:clamp(6px,.417vw,8px);align-items:flex-start;gap:clamp(10px,.729vw,14px)}.columbia-lop-better-thant-banner-button{display:flex;min-width:var(--width-32, 32px);padding:clamp(10px,.625vw,12px) clamp(18px,1.25vw,24px);justify-content:center;align-items:center;border-radius:9999px;background:#fff;border:none;cursor:pointer;text-decoration:none}.columbia-lop-better-thant-banner-button-inner{display:flex;height:14px;flex-direction:column;align-items:center}.columbia-lop-better-thant-banner-button-text{color:#000;text-align:center;font-family:GerTT,sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:15px}}@media screen and (min-width:426px)and (max-width:768px){.columbia-lop-better-thant-banner-section{display:flex;width:100%;max-width:min(96.667vw,1856px);height:clamp(350px,66.667vw,512px);min-height:clamp(350px,66.667vw,512px);padding:clamp(110px,20.917vw,160.6px) 0 clamp(110px,20.917vw,160.6px) clamp(20px,3.813vw,64px);align-items:center;position:relative;box-sizing:border-box;overflow:hidden;margin:clamp(18px,3.429vw,32px) auto}.columbia-lop-better-thant-banner--full-width.columbia-lop-better-thant-banner-section{max-width:100%;margin-left:0;margin-right:0}.columbia-lop-better-thant-banner-image-wrapper{display:flex;width:100%;height:clamp(350px,66.719vw,512.25px);min-height:clamp(350px,66.667vw,512px);flex-direction:column;justify-content:center;align-items:flex-start;position:absolute;top:0;left:0;z-index:0;overflow:hidden}.columbia-lop-better-thant-banner-image{width:100%;height:clamp(350px,66.667vw,512px);flex-shrink:0;object-fit:cover;object-position:top;position:relative;z-index:0;display:block}.columbia-lop-better-thant-banner-image-desktop{display:block}.columbia-lop-better-thant-banner-image-mobile{display:none}.columbia-lop-better-thant-banner-image-bottom-section{width:100%;height:clamp(350px,66.667vw,512px);flex-shrink:0;background:var(--Degradados-Degradado_01, linear-gradient(0deg, #000 0%, rgba(0, 0, 0, .4) 29.79%, rgba(0, 0, 0, 0) 59.62%));position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.columbia-lop-better-thant-banner-content-wrapper{display:flex;width:clamp(380px,72.396vw,854px);max-width:clamp(380px,72.396vw,854px);height:auto;min-height:clamp(220px,41.667vw,376px);flex-direction:column;justify-content:flex-end;align-items:flex-start;flex-shrink:0;position:relative;z-index:2}.columbia-lop-better-thant-banner-content-inner{display:flex;width:100%;align-items:center}.columbia-lop-better-thant-banner-content-container{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(12px,2.083vw,16px);flex-shrink:0;align-self:stretch}.columbia-lop-better-thant-banner-content-item-1{display:flex;width:100%;align-items:flex-start;gap:clamp(8px,1.302vw,10px)}.columbia-lop-better-thant-banner-title{width:100%;max-width:100%;color:#fff;font-family:GerTT,sans-serif;font-size:clamp(32px,6.25vw,48px);font-style:normal;font-weight:700;line-height:clamp(30px,5.729vw,44px);margin:0;padding:0}.columbia-lop-better-thant-banner-content-item-2{display:flex;width:100%;min-width:0;padding-right:clamp(10px,2.042vw,15.66px);flex-direction:column;align-items:flex-start}.columbia-lop-better-thant-banner-description{width:100%;color:#fff;font-family:GerTT,sans-serif;font-size:clamp(15px,2.865vw,18px);font-style:normal;font-weight:300;line-height:clamp(21px,4.167vw,24px);margin:0;padding:0}.columbia-lop-better-thant-banner-content-item-3{display:flex;padding-top:clamp(7px,1.042vw,8px);align-items:flex-start;gap:clamp(12px,1.823vw,14px)}.columbia-lop-better-thant-banner-button{display:flex;min-width:var(--width-32, 32px);padding:clamp(11px,1.563vw,12px) clamp(20px,3.125vw,24px);justify-content:center;align-items:center;border-radius:9999px;background:#fff;border:none;cursor:pointer;text-decoration:none}.columbia-lop-better-thant-banner-button-inner{display:flex;height:14px;flex-direction:column;align-items:center}.columbia-lop-better-thant-banner-button-text{color:#000;text-align:center;font-family:GerTT,sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:15px}}@media screen and (max-width:435px){.columbia-lop-better-thant-banner-section{display:flex;min-width:320px;width:clamp(320px,84.706vw,360px);max-width:clamp(320px,84.706vw,390px);height:clamp(280px,74.588vw,317px);min-height:clamp(280px,74.588vw,317px);max-height:clamp(280px,74.588vw,317px);margin:clamp(12px,3.529vw,15px) auto;position:relative;justify-content:center;align-items:center;overflow:hidden;padding:0 clamp(4px,.941vw,8px);box-sizing:border-box}.columbia-lop-better-thant-banner--full-width.columbia-lop-better-thant-banner-section{max-width:100%;width:100%;margin-left:0;margin-right:0}.columbia-lop-better-thant-banner-image-wrapper{display:flex;width:100%;height:clamp(280px,74.588vw,317px);min-height:clamp(280px,74.588vw,317px);flex-direction:column;justify-content:center;align-items:flex-start;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden}.columbia-lop-better-thant-banner-image{display:block;width:100%;height:clamp(280px,74.588vw,317px);flex-shrink:0;align-self:stretch;object-fit:cover;object-position:top;position:relative;z-index:0}.columbia-lop-better-thant-banner-image-desktop{display:none}.columbia-lop-better-thant-banner-image-mobile{display:block}.columbia-lop-better-thant-banner-image-bottom-section{width:100%;height:100%;min-height:clamp(280px,74.588vw,317px);background:linear-gradient(0deg,#000000b3,#0000);position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.columbia-lop-better-thant-banner-content-wrapper{display:flex;width:100%;max-width:100%;height:clamp(190px,51.294vw,218px);max-height:clamp(190px,51.294vw,218px);flex-direction:column;align-items:flex-start;justify-content:flex-end;position:absolute;bottom:0;left:0;z-index:2;padding:0;box-sizing:border-box;overflow:hidden;flex-shrink:0}.columbia-lop-better-thant-banner-content-inner{display:flex;width:100%;padding:0 clamp(8px,2.353vw,16px) clamp(20px,5.647vw,24px) clamp(8px,2.353vw,16px);justify-content:flex-start;align-items:flex-start;align-self:stretch;box-sizing:border-box}.columbia-lop-better-thant-banner-content-container{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:clamp(6px,1.882vw,8px);flex:0 0 auto;align-self:stretch;flex-shrink:0}.columbia-lop-better-thant-banner-content-item-1{display:flex;width:auto;height:auto;padding-right:clamp(20px,6.012vw,25.55px);flex-direction:column;align-items:flex-start;gap:0}.columbia-lop-better-thant-banner-title{width:auto;height:auto;color:#fff;font-family:GerTT,sans-serif;font-size:clamp(22px,6.118vw,26px);font-style:normal;font-weight:700;line-height:clamp(20px,5.647vw,24px);margin:0;padding:0}.columbia-lop-better-thant-banner-content-item-2{display:flex;width:auto;min-width:clamp(0px,76.706vw,326px);padding-right:clamp(0px,.221vw,.94px);flex-direction:column;align-items:flex-start}.columbia-lop-better-thant-banner-description{width:auto;color:#fff;font-family:GerTT,sans-serif;font-size:clamp(13px,3.294vw,14px);font-style:normal;font-weight:300;line-height:clamp(18px,4.706vw,20px);margin:0;padding:0}.columbia-lop-better-thant-banner-content-item-3{display:flex;width:auto;padding-top:8px;align-items:flex-start;gap:14px}.columbia-lop-better-thant-banner-button{display:flex;min-width:var(--width-32, 32px);padding:12px 24px;justify-content:center;align-items:center;border-radius:9999px;background:#fff;border:none;cursor:pointer;text-decoration:none;width:auto}.columbia-lop-better-thant-banner-button-inner{display:flex;height:14px;flex-direction:column;align-items:center;justify-content:center;width:100%}.columbia-lop-better-thant-banner-button-text{color:#000;text-align:center;font-family:GerTT,sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:15px;white-space:nowrap}}.columbia-lop-better-thant-banner--no-shadow .columbia-lop-better-thant-banner-image-bottom-section{background:transparent}.columbia-lop-better-thant-banner-link{display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;text-decoration:none;color:inherit}
/*# sourceMappingURL=/cdn/shop/t/73/assets/columbia-lop-better-thant-banner.css.map */