:root{--colour-claret:#7a263a;--colour-blue:#1bb1e7;--colour-blue-light:#e9f3ff;--colour-blue-dark:#0f6e90;--colour-gold:#d7aa2b;--colour-grey:#f0f0f0;--colour-text-dark:#292929;--colour-bg-dark:#141414;--colour-text-light:#666;--colour-ui-grey:#d2d2d2;--colour-ui-card-bg:#313131;--colour-ui-card-shadow:#222;--motion-duration:.18s;--motion-easing:cubic-bezier(.2,.9,.2,1);--focus-ring-color:color-mix(in srgb,var(--colour-blue)40%,white)}html,body{color:var(--colour-text-dark);box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Rubik,Lucida Grande,sans-serif;font-size:18px;line-height:1.6}*{box-sizing:border-box}a{color:var(--colour-blue);text-decoration:none}a:hover,a:focus-visible{text-decoration:underline;transform:translateY(-2px)}.card{background-color:var(--colour-ui-card-bg);box-shadow:-4px 6px 0 var(--colour-ui-card-shadow);transition:transform var(--motion-duration)var(--motion-easing),box-shadow var(--motion-duration)var(--motion-easing);will-change:transform}.card:hover,.card:focus-within{transform:translateY(-6px);box-shadow:-6px 18px 24px #00000047}img{max-width:100%;display:block}@media (prefers-color-scheme:dark){body{color:var(--colour-grey);background:var(--colour-bg-dark)}}:where(button,a,input,textarea,[role=button]) :focus{outline:none}:where(button,a,input,textarea,[role=button]) :focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:3px}@media (prefers-reduced-motion:reduce){:root{--motion-duration:0s}.card,.button{transition:none!important}}
