:root {
--maroon: var(--gcid-primary-color, #94004a);
--lightBordeaux: var(--gcid-secondary-color, #ab1254);
--white: var(--gcid-gill-white, #fff);
--black: #000;
--lightGrey: var(--gcid-gill-grey-light, #d9dada);
--lightestGrey: var(--gcid-gill-grey-lightest, #e9e9e9);
--darkGrey: var(--gcid-gill-grey-dark, #484847);
--fontSize: var(--gvid-gill-fs, clamp(16px, 1.2vw, 22px));
--fontSizeSmall: var(--gvid-gill-fs-s, clamp(13px, 1vw, 18px));
--fontSizeBiggest: clamp(20px, 2.6vw, 50px);
--lineHeightFactor: 1.7;
--gap: var(--gvid-gill-gap, 1.3542%);
--gapY: calc(1em * 1.7);
--jennyCaps: "Jenny Caps", "Jenny", Georgia, serif;
--jennyKursif: "Jenny Kursif", "Jenny", Georgia, serif;
--brickBackground: #000;
--brickFontColor: #fff; --fontFamily: "Gillrath Sans", "Monsal", "Merriweather Sans", Arial, sans-serif;
--fontSizeBig: 34px;
--fontSizeSmallest: 12px;
--dark: #000;
--brickSelectedColor: #fff;
--brickDeselectedColor: #999;
--objectBackground: #fff;
--objectFontColor: #000;
--objectSelectedColor: #000;
--objectDeselectedColor: #999;
--colorSelected: #000;
--colorDeselected: #999;
--selectTransform: uppercase;
--selectLetterspacing: 0.07em;
--selectWeight: normal;
--gridTemplateColumns: repeat(auto-fill, minmax(400px, 1fr)); }
@media (max-width: 480px) { :root { --gridTemplateColumns: repeat(auto-fill, minmax(200px, 1fr)); } } #gill-references-and-products, .gill-filter-sheet { --fontSizeSmall: 16px; }