.item{overflow:hidden;display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.item img{grid-column:1 / -1;grid-row:1 / -1;width:100%;height:100%;object-fit:cover}.item__overlay{background:#cdd9eab3;grid-column:1 / -1;grid-row:1 / -1;position:relative;display:grid;justify-items:center;align-items:center;transition:.2s;transform:translateY(100%)}.item__overlay p{font-weight:600;color:#fff;width:90%;margin:0 auto}.item__overlay button{background:none;border:2px solid white;color:#fff;text-transform:uppercase;background:#000000b3;padding:5px}.item:hover .item__overlay{transform:translateY(0)}.heroContainer{position:relative;background-position:center;background-size:cover;width:100%;display:flex;flex-flow:column;justify-content:center;align-items:flex-start;aspect-ratio:28/9}.heroContainer img{width:100%;height:100%;object-fit:cover}.heroText{width:40%;position:absolute;top:50%;transform:translateY(-50%);left:3vw}.heroText h1{font-size:48px;color:#111029;line-height:1.2;margin-bottom:1rem}.heroText .rte p{font-size:16px;color:#6b6b6b;line-height:1.5;margin-bottom:1rem}.heroButton{background-color:#394971;color:#fff;padding:19px;border-radius:12px;width:auto;display:inline-block}.heroButton svg{display:inline-block}.contentContainer{margin-top:10vh;margin-bottom:10vh;text-align:center;width:60%;margin-left:auto;margin-right:auto}.contentContainer p{line-height:36px;font-size:18px;font-weight:400;color:#6b6b6b}.contentContainer h2{font-size:30px;letter-spacing:14px;text-transform:uppercase;font-weight:400}.grid{margin:0 auto;max-width:1024px;width:90%;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;grid-auto-rows:1fr}.grid-item{margin-bottom:32px;position:relative}.grid-item .grid-titles{position:absolute;bottom:20px;left:20px;z-index:2;color:#fff}.grid-item .grid-titles h2:first-child{font-size:18px;font-weight:600}.grid-item .grid-titles h2:last-child{font-size:14px;font-weight:400}.grid-item img{width:100%;filter:brightness(.7);aspect-ratio:3 / 4}.gridHeading{text-align:center;margin-bottom:10vh}.gridHeading p{font-size:18px;font-weight:400;line-height:28px}.gridHeading h2{font-size:42px;font-weight:600;line-height:56px}@media screen and (max-width:768px){.grid-item{width:100%}.grid{grid-template-columns:repeat(1,1fr)}.heroContainer{aspect-ratio:16/9}.contentContainer,.heroText{width:90%}.heroText h1{font-size:32px}.heroText .rte p{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/15/compiled_assets/styles.css.map */