.hero{display:flex;background-size:cover;background-position:center center;height:calc(60vw - 71px)}@media only screen and (min-width: 768px){.hero{height:calc(60vh - 100px);min-height:400px;max-height:660px}}@media only screen and (min-width: 1024px){.hero{height:calc(90vh - 100px);min-height:550px}}.hero.hero--collection-all{min-height:200px;max-height:400px;background-image:url(/cdn/shop/files/collections-all-hero.jpg?v=1520484454) !important}.hero--collection-list{align-items:center;justify-content:center;padding:25px}@media only screen and (min-width: 768px){.hero--collection-list{padding:50px}}@media only screen and (min-width: 992px){.hero--collection-list{justify-content:flex-start;align-items:flex-end}}.collection-list-hero-title{text-transform:uppercase;font-size:36px;font-weight:400;margin:0;text-align:center}@media only screen and (min-width: 768px){.collection-list-hero-title{font-size:48px}}@media only screen and (min-width: 992px){.collection-list-hero-title{text-align:right}}@media only screen and (min-width: 1024px){.collection-list-hero-title{font-size:55px}}.collections-list{padding:50px 10px}@media only screen and (min-width: 1024px){.collections-list{padding:75px 50px}}.collections-list .collection-grid-item{width:calc(100% - 20px);margin:0 10px 20px;height:55vw}@media only screen and (min-width: 768px){.collections-list .collection-grid-item{width:calc(50% - 20px);height:30vw}}@media only screen and (min-width: 1024px){.collections-list .collection-grid-item{height:25vw;width:calc(33% - 20px)}}.collections-list .collection-grid-item-title{font-size:16px}@media only screen and (min-width: 768px){.collections-list .collection-grid-item-title{font-size:20px}}@media only screen and (min-width: 992px){.collections-list .collection-grid-item-title{font-size:24px}}.collections-list-header{font-size:24px;font-weight:300;text-align:center;color:#326266;margin-bottom:45px}@media only screen and (min-width: 768px){.collections-list-header{font-size:36px}}.collections-list-cta-wrap{text-align:center;margin-top:75px}.collection-grid{display:flex;flex-wrap:wrap;justify-content:center}.collection-grid-item{display:block;background-size:cover;background-position:center center;width:100%;height:60vw;position:relative}@media only screen and (min-width: 768px){.collection-grid-item{width:50%;height:30vw}}@media only screen and (min-width: 1024px){.collection-grid-item{max-height:500px}.collection-grid-item:hover .collection-grid-item-overlay{opacity:1}.collection-grid-item:hover .collection-grid-item-cta .underline{transform:scaleX(1);opacity:1}}.collection-grid-item-overlay{position:absolute;display:block;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.25);opacity:.25;-webkit-transition:opacity .35s;transition:opacity .35s}@media only screen and (min-width: 1024px){.collection-grid-item-overlay{background-color:rgba(0,0,0,.4)}}.collection-grid-item-title{color:#fff;position:absolute;text-align:center;width:100%;left:0;top:50%;transform:translateY(-50%);font-size:24px;text-transform:uppercase;font-weight:500}@media only screen and (min-width: 768px){.collection-grid-item-title{font-size:32px}}.collection-grid-item-cta-wrap{position:absolute;width:100%;left:0;bottom:0;padding-bottom:25px;text-align:center}.collection-grid-item-cta{color:#fff;display:inline-block;text-transform:uppercase;font-weight:500;text-align:center;line-height:1;font-size:13px}@media only screen and (min-width: 1024px){.collection-grid-item-cta{font-size:16px}}.collection-grid-item-cta .underline{display:block;margin-top:4px;width:100%;border-bottom:2px solid #fff;-webkit-transition:transform .25s,opacity .35s;transition:transform .25s,opacity .35s}@media only screen and (min-width: 1024px){.collection-grid-item-cta .underline{opacity:.25;transform:scaleX(0)}}
