:root{--font-sans:var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:var(--font-display-family,var(--font-sans));--text-xs:clamp(.75rem, .73rem + .1vw, .813rem);--text-sm:clamp(.875rem, .85rem + .12vw, .938rem);--text-base:clamp(1rem, .97rem + .15vw, 1.075rem);--text-lg:clamp(1.125rem, 1.07rem + .28vw, 1.3rem);--text-xl:clamp(1.3rem, 1.2rem + .5vw, 1.65rem);--text-2xl:clamp(1.65rem, 1.45rem + 1vw, 2.35rem);--text-3xl:clamp(2.1rem, 1.7rem + 2vw, 3.4rem);--text-4xl:clamp(2.6rem, 1.9rem + 3.4vw, 4.75rem);--text-display:clamp(3.2rem, 1.6rem + 7vw, 9rem);--text-display-xl:clamp(4rem, 1rem + 13vw, 15rem);--leading-none:1;--leading-tight:1.06;--leading-snug:1.24;--leading-normal:1.55;--leading-relaxed:1.72;--tracking-tighter:-.035em;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.06em;--tracking-wider:.14em;--tracking-widest:.26em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:900;--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:8rem;--space-5xl:12rem;--section-padding-block:clamp(4rem, 8vw, 9rem);--container-max:78rem;--container-narrow:44rem;--container-wide:92rem;--container-gutter:clamp(1.25rem, 4vw, 3.5rem);--header-height:4.5rem;--radius-sm:.25rem;--radius-md:.625rem;--radius-lg:1.25rem;--radius-xl:2rem;--radius-pill:999px;--duration-fast:.16s;--duration-base:.28s;--duration-slow:.52s;--duration-slower:.9s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-water:cubic-bezier(.4, .05, .2, 1);--z-below:-1;--z-base:0;--z-raised:10;--z-sticky:50;--z-nav-panel:90;--z-header:100;--z-overlay:500;--z-skip-link:900}
:root{--brand-petrol:#1a5d78;--brand-navy:#164e66;--brand-teal:#2e93ab;--brand-teal-light:#47a9bd;--brand-aqua:#63c3d3;--brand-aqua-light:#93d8e2;--brand-gold:#f2b32c;--brand-gold-deep:#d99a17;--ocean-950:#0a2833;--ocean-900:#0f3a4b;--ocean-800:#164e66;--ocean-700:#1a5d78;--ocean-600:#22758f;--ocean-500:#2e93ab;--teal-600:#21798f;--teal-500:#2e93ab;--teal-400:#47a9bd;--aqua-400:#63c3d3;--aqua-300:#86d3df;--aqua-200:#ade3eb;--aqua-100:#d3f0f5;--aqua-050:#eefafc;--white:#fff;--sand-050:#fbf9f5;--sand-100:#f4f0e9;--sand-200:#e6e0d6;--ink-900:#0d1417;--ink-700:#2c3a40;--ink-500:#536268;--ink-400:#6c7a80;--gold-500:#d99a17;--gold-400:#f2b32c;--pack-reserve-magenta:#d9264b;--pack-reserve-pink:#e1587c;--colour-background:var(--white);--colour-background-soft:var(--sand-050);--colour-surface:var(--white);--colour-text:var(--ink-900);--colour-text-secondary:var(--ink-700);--colour-text-muted:var(--ink-500);--colour-accent:var(--teal-600);--colour-accent-hover:var(--ocean-700);--colour-focus-ring:var(--teal-500);--colour-border:#0d14171f;--colour-border-soft:#0d141712;--colour-text-on-dark:var(--white);--colour-text-on-dark-secondary:#ffffffc2;--colour-text-on-dark-muted:#ffffff94;--colour-border-on-dark:#ffffff2e;--shadow-sm:0 1px 2px #0626330f;--shadow-md:0 8px 28px #06263317;--shadow-lg:0 26px 70px #06263329;--shadow-product:0 40px 90px #06263338;--button-primary-surface:var(--brand-petrol);--button-primary-surface-hover:var(--ocean-900);--button-primary-ink:var(--white);--button-secondary-ink:var(--brand-petrol);--button-secondary-border:#1a5d7859;--button-secondary-border-hover:var(--brand-petrol);--button-secondary-surface-hover:var(--aqua-050);--button-on-dark-primary-surface:var(--brand-gold);--button-on-dark-primary-surface-hover:var(--gold-500);--button-on-dark-primary-ink:var(--ocean-950);--button-on-dark-secondary-ink:var(--white);--button-on-dark-secondary-border:#fff6;--button-on-dark-secondary-border-hover:var(--white);--button-on-dark-secondary-surface-hover:#ffffff1a}
*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{margin:0;padding:0;list-style:none}html{-moz-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html:focus-within{scroll-behavior:smooth}}html{scroll-padding-top:var(--space-2xl)}body{text-rendering:optimizespeed;min-height:100svh}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}h1,h2,h3,h4,h5,h6,p,li{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{text-wrap:balance}p,li{text-wrap:pretty}:focus-visible{outline:3px solid var(--colour-focus-ring);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
body{background-color:var(--colour-background);color:var(--colour-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:inherit}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5,h6{font-size:var(--text-base)}a{color:var(--colour-accent);text-underline-offset:.22em;transition:color var(--duration-fast) var(--ease-out);text-decoration-thickness:1px}a:hover{color:var(--colour-accent-hover)}hr{border:0;border-top:1px solid var(--colour-border);margin:var(--space-lg) 0}::selection{background-color:var(--aqua-300);color:var(--ocean-950)}.onDark{color:var(--colour-text-on-dark)}body.navOpen{overflow:hidden}