.col-cards{width:100%;max-width:1440px;margin:0 auto;padding:24px 24px 96px}.col-cards__inner{width:100%;display:grid}.col-cards__direction--right{direction:rtl}.col-cards__count--4,.col-cards__count--3{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:26px}.col-cards__count--2{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(1,1fr);gap:26px}.col-card{width:100%;position:relative;padding:24px;display:flex;align-items:center;justify-content:center;flex-flow:column nowrap}.col-cards__count--4 .col-card:nth-child(1){grid-column:span 2 / span 2;grid-row:span 2 / span 2}.col-cards__count--4 .col-card:nth-child(2){grid-column:span 2 / span 2;grid-column-start:3;padding:24px 24px 50px}.col-cards__count--4 .col-card:nth-child(3){grid-column-start:3;grid-row-start:2;padding:24px 24px 50px}.col-cards__count--4 .col-card:nth-child(4){grid-column-start:4;grid-row-start:2;padding:24px 24px 50px}.col-cards__count--3 .col-card:nth-child(1){grid-column:span 2 / span 2;grid-row:span 2 / span 2}.col-cards__count--3 .col-card:nth-child(2){grid-column:span 2 / span 2;grid-column-start:3;padding:23px 23px 50px}.col-cards__count--3 .col-card:nth-child(3){grid-column:span 2 / span 2;grid-column-start:3;grid-row-start:2;padding:23px 23px 50px}.col-cards__count--2 .col-card:nth-child(1){grid-column:span 2 / span 2;padding:23px 23px 50px}.col-cards__count--2 .col-card:nth-child(2){grid-column:span 2 / span 2;grid-column-start:3;padding:23px 23px 50px}.col-cards__count--4 .col-card.col-card--bg-image:nth-child(1){grid-column:span 2 / span 2;grid-row:span 2 / span 2;height:700px}.col-cards__count--4 .col-card.col-card--bg-image:nth-child(2){grid-column:span 2 / span 2;grid-column-start:3;padding:0}.col-cards__count--4 .col-card.col-card--bg-image:nth-child(3){grid-column-start:3;grid-row-start:2;padding:0}.col-cards__count--4 .col-card.col-card--bg-image:nth-child(4){grid-column-start:4;grid-row-start:2;padding:0}.col-cards__count--3 .col-card.col-card--bg-image:nth-child(1){grid-column:span 2 / span 2;grid-row:span 2 / span 2;padding:0;height:700px}.col-cards__count--3 .col-card.col-card--bg-image:nth-child(2){grid-column:span 2 / span 2;grid-column-start:3;padding:0}.col-cards__count--3 .col-card.col-card--bg-image:nth-child(3){grid-column:span 2 / span 2;grid-column-start:3;grid-row-start:2;padding:0}.col-cards__count--2 .col-card.col-card--bg-image:nth-child(1){grid-column:span 2 / span 2;padding:0;height:700px}.col-cards__count--2 .col-card.col-card--bg-image:nth-child(2){grid-column:span 2 / span 2;grid-column-start:3;padding:0}.col-cards__count--1 .col-card.col-card--bg-image:nth-child(1){height:700px}.col-cards__count--4 .col-card:nth-child(1) .col-card__feature img{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:calc(100% - 24px)}.col-cards__count--4 .col-card:nth-child(1) .col-card__feature img.col-card__feature--full{position:absolute;bottom:0;left:0;transform:none;width:100%}.col-cards__count--1 .col-card:nth-child(1) .col-card__feature img,.col-cards__count--2 .col-card:nth-child(1) .col-card__feature img,.col-cards__count--2 .col-card:nth-child(2) .col-card__feature img,.col-cards__count--3 .col-card:nth-child(1) .col-card__feature img,.col-cards__count--3 .col-card:nth-child(2) .col-card__feature img,.col-cards__count--3 .col-card:nth-child(3) .col-card__feature img,.col-cards__count--4 .col-card:nth-child(2) .col-card__feature img{width:calc(100% - 24px)}.col-cards__count--4 .col-card:nth-child(3) .col-card__feature img,.col-cards__count--4 .col-card:nth-child(4) .col-card__feature img{width:100%;max-width:226px}.col-card--bg-image{padding:0}.col-card__background{width:100%;height:100%;max-height:734px;overflow:hidden;position:absolute;top:0;left:0}.col-card__background svg,.col-card__background picture,.col-card__background img{display:block;width:100%;height:100%;object-fit:cover}.col-card--onyx{background-color:var(--colour-onyx)}.col-card--green{background-color:var(--colour-green)}.col-card--light_green{background-color:var(--colour-light-green)}.col-card--stone{background-color:var(--colour-stone)}.col-card--blue{background-color:var(--colour-blue)}.col-card--light_blue{background-color:var(--colour-light-blue)}.col-card--mist{background-color:var(--colour-mist)}.col-card--grey{background-color:var(--colour-grey)}.col-card--red{background-color:var(--colour-red)}.col-card--yellow{background-color:var(--colour-yellow)}.col-card--sage{background-color:var(--colour-sage)}.col-card--sage .col-card__buttons .button{color:var(--colour-white)}.col-card.col-card--logo:before{content:"";width:100%;height:100%;max-width:582px;max-height:582px;background-image:var(--col-background-logo);background-position:top center;background-repeat:no-repeat}.col-card__buttons{width:100%;position:absolute;bottom:24px;left:24px;right:24px;display:flex;flex-flow:row nowrap;gap:10px}.col-card__buttons .button--text{text-decoration:underline;text-underline-offset:4px}@media only screen and (max-width: 950px){.col-cards{padding:8px}.col-card{overflow:hidden;padding:12.704px 12.704px 10.587px}.col-cards__count--4{grid-template-columns:repeat(2,1fr);grid-template-rows:auto 400px 400px;gap:8px}.col-cards__count--4 .col-card.col-card--bg-image:nth-child(1),.col-cards__count--4 .col-card:nth-child(1){grid-column:span 2 / span 2;grid-row:1;height:600px}.col-cards__count--4 .col-card.col-card--bg-image:nth-child(2),.col-cards__count--4 .col-card:nth-child(2){grid-column:span 2 / span 2;grid-row-start:2;padding:24px 24px 50px}.col-cards__count--4 .col-card.col-card--bg-image:nth-child(3),.col-cards__count--4 .col-card:nth-child(3){grid-row-start:3;grid-column-start:1;padding:24px 24px 50px}.col-cards__count--4 .col-card.col-card--bg-image:nth-child(4),.col-cards__count--4 .col-card:nth-child(4){grid-row-start:3;grid-column-start:2;padding:24px 24px 50px}.col-cards__count--4 .col-card:nth-child(1) .col-card__feature img{position:relative;transform:none;width:100%;left:0}.col-cards__count--3{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(3,1fr)}.col-cards__count--3 .col-card.col-card--bg-image:nth-child(1),.col-cards__count--3 .col-card.col-card--bg-image:nth-child(2),.col-cards__count--3 .col-card.col-card--bg-image:nth-child(3),.col-cards__count--3 .col-card:nth-child(1),.col-cards__count--3 .col-card:nth-child(2),.col-cards__count--3 .col-card:nth-child(3){grid-column:span 1;grid-row:span 1}.col-card__buttons{flex-flow:row wrap;bottom:13px;left:13px;padding-right:20px}.col-card.col-card--logo:before{position:absolute;background-size:100%}.col-card__feature{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.col-cards__count--2{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(2,1fr)}.col-cards__count--2 .col-card.col-card--bg-image:nth-child(1),.col-cards__count--2 .col-card:nth-child(1){grid-column:span 1;height:600px}.col-cards__count--2 .col-card.col-card--bg-image:nth-child(2),.col-cards__count--2 .col-card:nth-child(2){grid-column:span 1;grid-row-start:2}.col-card__background{max-height:600px}}@media only screen and (max-width: 650px){.col-cards{padding:8px}.col-card{overflow:hidden;padding:12.704px 12.704px 10.587px}.col-cards__count--4{grid-template-columns:repeat(2,1fr);grid-template-rows:auto 244px 244px;gap:8px}.col-cards__count--4 .col-card.col-card--bg-image:nth-child(1),.col-cards__count--4 .col-card:nth-child(1){grid-column:span 2 / span 2;grid-row:1;height:400px}.col-cards__count--4 .col-card.col-card--bg-image:nth-child(2),.col-cards__count--4 .col-card:nth-child(2){grid-column:span 2 / span 2;grid-row-start:2;padding:24px 24px 50px}.col-cards__count--4 .col-card.col-card--bg-image:nth-child(3),.col-cards__count--4 .col-card:nth-child(3){grid-row-start:3;grid-column-start:1;padding:24px 24px 50px}.col-cards__count--4 .col-card.col-card--bg-image:nth-child(4),.col-cards__count--4 .col-card:nth-child(4){grid-row-start:3;grid-column-start:2;padding:24px 24px 50px}.col-cards__count--4 .col-card:nth-child(1) .col-card__feature img{position:relative;transform:none;width:100%;left:0}.col-cards__count--3{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(3,1fr)}.col-cards__count--3 .col-card.col-card--bg-image:nth-child(1),.col-cards__count--3 .col-card.col-card--bg-image:nth-child(2),.col-cards__count--3 .col-card.col-card--bg-image:nth-child(3),.col-cards__count--3 .col-card:nth-child(1),.col-cards__count--3 .col-card:nth-child(2),.col-cards__count--3 .col-card:nth-child(3){grid-column:span 1;grid-row:span 1}.col-card__buttons{flex-flow:row wrap;bottom:13px;left:13px;padding-right:20px}.col-card.col-card--logo:before{position:absolute;background-size:100%}.col-card__feature{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.col-cards__count--2{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(2,1fr)}.col-cards__count--2 .col-card.col-card--bg-image:nth-child(1),.col-cards__count--2 .col-card:nth-child(1){grid-column:span 1;height:400px}.col-cards__count--2 .col-card.col-card--bg-image:nth-child(2),.col-cards__count--2 .col-card:nth-child(2){grid-column:span 1;grid-row-start:2}.col-card__background{max-height:400px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-collection-cards.css.map */