.catalogue-swatch{width:112px;align-items:center;text-align:center;gap:10px}.catalogue-swatch .colour-disc{width:72px;height:72px;flex:none;margin:0;border:1px solid #0002;background:var(--swatch-colour);transition:outline-color .2s,transform .2s}.catalogue-swatch:hover .colour-disc{transform:scale(1.04)}.catalogue-swatch[aria-pressed=true] .colour-disc{outline:2px solid var(--ink);outline-offset:5px}.catalogue-swatch>span{font-size:15px;line-height:1.4}.colour-note{flex-basis:100%;font-size:14px;color:var(--muted);max-width:60ch}.material-feature>figure figcaption{position:absolute;z-index:1;bottom:20px;left:22px;max-width:calc(100% - 44px);border-radius:999px;padding:10px 18px;background:#f4f1ebed;font-size:15px;color:var(--ink)}.material-feature>figure figcaption[hidden]{display:none}.texture-gallery{align-items:start}.texture-gallery .finish-choice{align-self:stretch}.texture-gallery .finish-choice figure{aspect-ratio:1.1;margin:0;width:100%;height:auto;min-height:0}.texture-gallery .texture-triptych{position:relative;overflow:hidden}.texture-gallery .texture-triptych img{position:absolute;top:50%;left:50%;width:340%;max-width:none;height:auto;transform:translate(-16%,-50%);object-fit:initial}.texture-gallery .texture-triptych.texture-column-2 img{transform:translate(-49%,-50%)}.home-manifesto{display:grid;grid-template-columns:1fr 1.15fr;gap:8vw;background:var(--green);color:var(--white)}.home-manifesto h2{font-size:clamp(39px,4.8vw,68px);max-width:15ch;margin-top:24px}.home-manifesto .eyebrow{color:inherit;opacity:.72}.home-manifesto-copy{align-self:center}.home-manifesto-copy>p{font-size:clamp(20px,2.1vw,29px);line-height:1.65;max-width:40ch}.home-manifesto-copy .text-link{margin-top:30px}@media(max-width:640px){.catalogue-swatch{width:88px}.catalogue-swatch .colour-disc{width:58px;height:58px}.catalogue-swatches{gap:24px 16px}.catalogue-swatch>span{font-size:14px}.texture-gallery .finish-choice figure{aspect-ratio:1.1}.home-manifesto{grid-template-columns:1fr;gap:30px}.home-manifesto h2{font-size:43px}.home-manifesto-copy>p{font-size:21px}.material-feature>figure figcaption{font-size:14px;bottom:15px;left:16px}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/chx-v64.css.map */