html{font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;background:#0b171c;color:#fff}.block.block--pattern-colours{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:96px;height:auto;padding:48px 96px;overflow:hidden;color:#8d8985;background:-webkit-gradient(linear,left top,left bottom,from(#fbfbfb),color-stop(10%,#f2f1f0),color-stop(20%,#e7e6e5),color-stop(30%,#e7e5e3),color-stop(40%,#e0ddda),color-stop(50%,#d8d5d1),color-stop(60%,#d0ccc7),color-stop(70%,#c8c3be),color-stop(80%,#c0bbb5),color-stop(90%,#b9b3ac),to(#b1aba3));background:linear-gradient(180deg,#fbfbfb 0,#f2f1f0 10%,#e7e6e5 20%,#e7e5e3 30%,#e0ddda 40%,#d8d5d1 50%,#d0ccc7 60%,#c8c3be 70%,#c0bbb5 80%,#b9b3ac 90%,#b1aba3 100%);border-bottom-left-radius:20px;border-bottom-right-radius:20px}.block--pattern-colours__heading{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:148px;margin:-18px 0;container-type:size;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase;color:#1d1d1d}.block--pattern-colours__heading span{display:inline-block;white-space:nowrap;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);font-size:calc((100cqh - 24px)/ 7.04 * .85);line-height:1}.block--pattern-colours__list{-webkit-box-flex:0;-ms-flex:0 1 820px;flex:0 1 820px;width:min(820px,62%);margin:0;padding:0;list-style:none}.block--pattern-colours__item{width:100%}.block--pattern-colours__item+.block--pattern-colours__item{margin-top:32px}.block--pattern-colours__name{display:inline-block;margin:0 0 24px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;font-weight:600;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;color:#8d8985;background-image:-webkit-gradient(linear,left top,left bottom,from(currentColor),to(currentColor));background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 100%;background-size:0 1px;-webkit-transition:color .55s cubic-bezier(.76,0,.24,1),letter-spacing .55s cubic-bezier(.76,0,.24,1),background-size .55s cubic-bezier(.76,0,.24,1);transition:color .55s cubic-bezier(.76,0,.24,1),letter-spacing .55s cubic-bezier(.76,0,.24,1),background-size .55s cubic-bezier(.76,0,.24,1)}.block--pattern-colours__photo{display:block;width:100%;height:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;scale:1!important;-webkit-filter:saturate(1) brightness(1);filter:saturate(1) brightness(1);-webkit-transition:scale .7s cubic-bezier(.76,0,.24,1),-webkit-filter .7s cubic-bezier(.76,0,.24,1);transition:scale .7s cubic-bezier(.76,0,.24,1),-webkit-filter .7s cubic-bezier(.76,0,.24,1);transition:scale .7s cubic-bezier(.76,0,.24,1),filter .7s cubic-bezier(.76,0,.24,1);transition:scale .7s cubic-bezier(.76,0,.24,1),filter .7s cubic-bezier(.76,0,.24,1),-webkit-filter .7s cubic-bezier(.76,0,.24,1)}.block--pattern-colours__list:has(.block--pattern-colours__item:hover) .block--pattern-colours__item:not(:hover) .block--pattern-colours__photo{scale:.985!important;-webkit-filter:saturate(.65) brightness(.94);filter:saturate(.65) brightness(.94)}.block--pattern-colours__item:hover .block--pattern-colours__name{color:#1d1d1d;letter-spacing:.22em;background-size:100% 1px}.block--pattern-colours__item:hover .block--pattern-colours__photo{scale:1.045!important;-webkit-filter:saturate(1.15) brightness(1.04) drop-shadow(0 14px 22px rgba(20, 16, 12, .22));filter:saturate(1.15) brightness(1.04) drop-shadow(0 14px 22px rgba(20, 16, 12, .22))}@media (prefers-reduced-motion:reduce){.block--pattern-colours__name,.block--pattern-colours__photo{-webkit-transition:none;transition:none}.block--pattern-colours__item:hover .block--pattern-colours__photo,.block--pattern-colours__list:has(.block--pattern-colours__item:hover) .block--pattern-colours__item:not(:hover) .block--pattern-colours__photo{scale:1!important}}@media (min-width:768px) and (max-width:1279px){.block.block--pattern-colours{gap:56px;padding:48px 40px}.block--pattern-colours__heading{width:108px;margin:-20px 0}.block--pattern-colours__list{-ms-flex-preferred-size:640px;flex-basis:640px;width:min(640px,68%)}.block--pattern-colours__name{font-size:13px;letter-spacing:.14em}}@media (max-width:767px){.block.block--pattern-colours{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:20px;padding:64px 24px}.block--pattern-colours__heading{-ms-flex-item-align:start;align-self:flex-start;width:auto;height:auto;margin:0;container-type:normal}.block--pattern-colours__heading span{font-size:36px;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;-webkit-transform:none;-ms-transform:none;transform:none}.block--pattern-colours__list{-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%}.block--pattern-colours__photo{width:100%;max-width:100%;margin-left:0}.block--pattern-colours__item+.block--pattern-colours__item{margin-top:24px}.block--pattern-colours__name{font-size:12px;letter-spacing:.12em}}