/* Shared type, colour and spacing for the portfolio and its case studies. */
:root{
 --portfolio-paper:#faf9f6;--portfolio-surface:#efeee8;--portfolio-ink:#23251f;
 --portfolio-muted:#62655c;--portfolio-rule:#dedfd6;--portfolio-accent:#294cdb;
 --portfolio-sans:Archivo,Arial,sans-serif;--portfolio-serif:Newsreader,Georgia,serif;
 --portfolio-width:1320px;--portfolio-gutter:clamp(20px,4vw,64px);--portfolio-gap:32px;
 --paper:var(--portfolio-paper);--ink:var(--portfolio-ink);--muted:var(--portfolio-muted);
 --rule:var(--portfolio-rule);--accent:var(--portfolio-accent);--sans:var(--portfolio-sans);
 --serif:var(--portfolio-serif);color-scheme:light;
}
body{background:var(--portfolio-paper);color:var(--portfolio-ink);font-family:var(--portfolio-sans);-webkit-font-smoothing:antialiased}
:focus-visible{outline:2px solid var(--portfolio-accent);outline-offset:5px}
::selection{background:var(--portfolio-accent);color:#fff}
html{scroll-padding-top:80px}
[hidden]{display:none!important}