.envs__grid{display:grid;gap:var(--space-sm);grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:var(--space-md) 0 0;padding:0}.envs__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.envs__grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.envs__card{background:var(--colour-white);border:1px solid var(--colour-hairline);border-radius:var(--border-radius-small,20px);padding:var(--space-md)}.envs__title{font-size:var(--font-size-medium);line-height:1.25;margin:0 0 .5rem}.envs__copy{color:var(--colour-black-80);line-height:1.625;margin:0}.envs__chips{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem 1rem;margin-top:var(--space-md)}.envs__chips-label{color:var(--colour-black-60);font-family:var(--font-mono);font-size:var(--font-size-tiny);letter-spacing:.12em;text-transform:uppercase}.envs__chips ul{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.envs__chips li{align-items:center;background:var(--colour-white);border:1px solid var(--colour-hairline);border-radius:100px;display:inline-flex;font-size:.9375rem;min-height:36px;padding:.35rem .9rem}@media (max-width:1024px){.envs__grid,.envs__grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.envs__grid,.envs__grid--2,.envs__grid--3{grid-template-columns:minmax(0,1fr)}}.envs__chip--floor{cursor:default;position:relative}.envs__chip--floor:focus-visible{outline:2px solid var(--colour-signal-deep);outline-offset:2px}.envs__tex{background-color:#d9e5ea;border:5px solid #fff;border-radius:50%;bottom:calc(100% + 12px);box-shadow:0 14px 34px rgba(19,53,71,.22);height:78px;left:50%;opacity:0;pointer-events:none;position:absolute;transform:translate(-50%,8px) scale(.86);transition:opacity .16s ease,transform .16s ease,visibility .16s;visibility:hidden;width:78px;z-index:5}.envs__tex:after{border:8px solid transparent;border-top-color:#fff;content:"";left:50%;position:absolute;top:calc(100% + 5px);transform:translateX(-50%)}.envs__chip--floor:focus .envs__tex,.envs__chip--floor:hover .envs__tex{opacity:1;transform:translate(-50%) scale(1);visibility:visible}.envs__tex--marble{background:radial-gradient(circle at 28% 25%,hsla(0,0%,100%,.95) 0 18%,transparent 19%),linear-gradient(120deg,#f5f4ef 0 35%,#c8c9c5 36% 39%,#f9f8f3 40% 62%,#b8bbc0 63% 66%,#ecebe7 67%)}.envs__tex--granite{background:radial-gradient(circle at 25% 30%,#fafafa 0 4px,transparent 4.5px),radial-gradient(circle at 68% 58%,#2f3437 0 4px,transparent 4.5px),radial-gradient(circle at 48% 78%,#9ea3a7 0 3px,transparent 3.5px),#c6c8c9;background-size:20px 20px,24px 24px,17px 17px,auto}.envs__tex--cement{background:radial-gradient(circle at 35% 32%,hsla(0,0%,100%,.24) 0 2px,transparent 2.5px),radial-gradient(circle at 62% 70%,rgba(54,63,68,.18) 0 2px,transparent 2.5px),#9ca4a8;background-size:16px 16px,20px 20px,auto}.envs__tex--tile{background:linear-gradient(90deg,transparent 46%,#c6d2d8 47% 53%,transparent 54%),linear-gradient(transparent 46%,#c6d2d8 47% 53%,transparent 54%),#eef3f5;background-size:24px 24px}.envs__tex--epoxy{background:radial-gradient(circle at 28% 24%,hsla(0,0%,100%,.65),transparent 22%),linear-gradient(145deg,#92bbc8,#5b8898)}.envs__tex--vinyl{background:repeating-linear-gradient(90deg,#b9885e 0 8px,#c79a72 8px 15px,#a97952 15px 19px)}.envs__tex--wood{background:repeating-linear-gradient(90deg,#a9784e 0 7px,#c19064 7px 14px,#8f633f 14px 17px)}.envs__tex--carpet{background:repeating-linear-gradient(45deg,#6d777c 0 4px,#8a9499 4px 8px),repeating-linear-gradient(-45deg,hsla(0,0%,100%,.18) 0 2px,transparent 2px 6px)}@media (prefers-reduced-motion:reduce){.envs__tex{transform:translate(-50%);transition:none}}