:root { --colour-1: #2A97BC; --white: #ffffff; --black: #2F3134; --transparent: #ffffff00; --pale: #EEF8FB; --colour-2: #0890A5; --lighter: #A0E2F8; --darker: #2686A6; --mid: #79D0ED; --dark: #0F3A6B; --darkest: #0A2747; --h1: clamp(4rem, calc(0.015686274509803925 * (100vw - 39rem) + 4rem), 6.4rem); --h2: clamp(2rem, calc(0.0026143790849673196 * (100vw - 39rem) + 2rem), 2.4rem); --h3: clamp(3.2rem, calc(0.010457516339869279 * (100vw - 39rem) + 3.2rem), 4.8rem); --h4: clamp(2.4rem, calc(0.005228758169934642 * (100vw - 39rem) + 2.4rem), 3.2rem); --h5: clamp(2rem, calc(0.0026143790849673196 * (100vw - 39rem) + 2rem), 2.4rem); --text-body: clamp(1.6rem, calc(0.0013071895424836598 * (100vw - 39rem) + 1.6rem), 1.8rem); --text-hero: clamp(3.6rem, calc(0.013071895424836598 * (100vw - 39rem) + 3.6rem), 5.6rem); --text-lead: clamp(1.8rem, calc(0.002614379084967321 * (100vw - 39rem) + 1.8rem), 2.2rem); --space-80to48: clamp(4.8rem, calc(0.020915032679738564 * (100vw - 39rem) + 4.8rem), 8rem); --space-48to24: clamp(2.4rem, calc(0.01568627450980392 * (100vw - 39rem) + 2.4rem), 4.8rem); --space-24to16: clamp(1.6rem, calc(0.005228758169934639 * (100vw - 39rem) + 1.6rem), 2.4rem); --space-48to0: clamp(1.6rem, calc(0.0026143790849673196 * (100vw - 39rem) + 1.6rem), 2rem); --space-24to0: clamp(2rem, calc(0.004379084967320261 * (100vw - 39rem) + 2rem), 2.67rem); --space-32to24: clamp(2.4rem, calc(0.005228758169934642 * (100vw - 39rem) + 2.4rem), 3.2rem); --space-24to12: clamp(1.2rem, calc(0.00784313725490196 * (100vw - 39rem) + 1.2rem), 2.4rem); --size-Corner: clamp(12rem, calc(0.01282051282051282 * (100vw - 36rem) + 12rem), 14rem);}