﻿:root{--fluid-min-width: 320;--fluid-max-width: 1140;--fluid-screen: 100vw;--fluid-bp: calc( (var(--fluid-screen) - var(--fluid-min-width) / 16 * 1rem) / (var(--fluid-max-width) - var(--fluid-min-width)) );--f--2-min: 12.5;--f--2-max: 12.8;--step--2: calc( ((var(--f--2-min) / 16) * 1rem) + (var(--f--2-max) - var(--f--2-min)) * var(--fluid-bp) );--f--1-min: 15;--f--1-max: 16;--step--1: calc( ((var(--f--1-min) / 16) * 1rem) + (var(--f--1-max) - var(--f--1-min)) * var(--fluid-bp) );--f-0-min: 18;--f-0-max: 20;--step-0: calc( ((var(--f-0-min) / 16) * 1rem) + (var(--f-0-max) - var(--f-0-min)) * var(--fluid-bp) );--f-1-min: 21.6;--f-1-max: 25;--step-1: calc( ((var(--f-1-min) / 16) * 1rem) + (var(--f-1-max) - var(--f-1-min)) * var(--fluid-bp) );--f-2-min: 25.92;--f-2-max: 31.25;--step-2: calc( ((var(--f-2-min) / 16) * 1rem) + (var(--f-2-max) - var(--f-2-min)) * var(--fluid-bp) );--f-3-min: 31.1;--f-3-max: 39.06;--step-3: calc( ((var(--f-3-min) / 16) * 1rem) + (var(--f-3-max) - var(--f-3-min)) * var(--fluid-bp) );--f-4-min: 37.32;--f-4-max: 48.83;--step-4: calc( ((var(--f-4-min) / 16) * 1rem) + (var(--f-4-max) - var(--f-4-min)) * var(--fluid-bp) );--f-5-min: 44.79;--f-5-max: 61.04;--step-5: calc( ((var(--f-5-min) / 16) * 1rem) + (var(--f-5-max) - var(--f-5-min)) * var(--fluid-bp) );--colour-primary: #386}@media screen and (min-width: 1140px){:root{--fluid-screen: calc(var(--fluid-max-width) * 1px)}}*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}body{display:flex;flex-direction:column;justify-content:flex-start}body>*{margin:0 auto;max-width:70ch;width:100%}a{color:var(--colour-primary);text-decoration:underline}a[aria-current=page]{text-decoration-style:double}hr{border:none}hr::before{content:"⁂";display:block;text-align:center;width:100%}body,.p{font-family:Alegreya,serif;font-size:var(--step-0)}ol[role=list],ul[role=list]{padding-inline-start:0}h1,h2,h3,.h1,.h2,.h3{font-family:Montserrat,sans-serif;font-weight:normal}h1,.h1{font-size:var(--step-3)}h2,.h2{font-size:var(--step-2)}h3,.h3{font-size:var(--step-1)}.vh{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}[role=banner]{padding-inline:var(--step-0)}main{padding:var(--step-2) var(--step-0) var(--step-5)}main>*+*,section>*+*{margin-block-start:1em}[role=contentinfo]{margin-block-start:auto;padding-inline:var(--step-0);text-align:center}[role=contentinfo] .wrapper{border-top:1px solid var(--colour-primary);padding-block:var(--step-0)}[role=contentinfo] .wrapper>*+*{margin-top:1em}[role=contentinfo] p{font-size:var(--step--1)}[role=contentinfo] nav{width:100%}[role=contentinfo] ul{display:flex;flex-direction:row;justify-content:center;width:100%}[role=contentinfo] li+li{margin-inline-start:1em}[role=contentinfo] ul li a{align-items:center;display:flex;flex-direction:row}[role=contentinfo] svg{height:var(--step-1);width:var(--step-1)}.brand{display:flex;flex-direction:column}button{background-color:var(--colour-primary);border:none;color:#fff;padding:.125em .5em}input+button{margin-left:.25em}figcaption{font-style:italic;text-align:center}label{display:block;font-weight:bold}input{width:50%}label+input{margin-top:.5em}form>*+*{margin-block-start:1em}nav ul{display:flex;flex-direction:column}nav a{display:block;padding:.5rem}@media(max-width: 768px){nav [aria-expanded=false]+*{display:none}}@media(min-width: 768px){nav [aria-expanded]{display:none}nav ul{flex-direction:row}nav li+li{margin-inline-start:1rem}nav a{display:block;padding:0}}.pictures{display:flex;flex-direction:column}.pictures a{display:block}.pictures picture img{height:auto;width:100%}.pictures a+a{margin-block-start:var(--step--2)}@media screen and (min-width: 1140px){.pictures{flex-direction:row}.pictures a picture img{margin-block-start:0;width:300px}.pictures a+a{margin-block-start:0;margin-inline-start:var(--step--2)}}.post article *+*{margin-top:1em}article img{margin-inline:auto}.meta{color:#444}
