:root{--font-title: "Bitter", Georgia, serif;--font-body: "Source Sans 3", system-ui, sans-serif;--colour-text: #1a1a1a;--colour-text-muted: #999;--colour-counter-total: #999;--max-content: 80ch}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;overscroll-behavior:none}body{margin:0;font-family:var(--font-body);font-size:1.125rem;line-height:1.65;color:var(--colour-text);background:#fff}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(/flag2.svg);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.03;pointer-events:none;z-index:-1}.colour-reveal{position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(/flag.svg);background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none;z-index:-1;transition:opacity .6s ease}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(40ch,var(--max-content)) minmax(0,1fr);min-height:100vh}.nav-titles{position:sticky;top:0;height:100vh;padding:0;padding-left:2rem;display:flex;align-items:flex-end}.nav-titles__list{width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding-bottom:2rem;text-align:left}.nav-titles__link{display:block;font-family:var(--font-title);font-weight:700;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:var(--colour-text);opacity:.3;text-decoration:none;padding:.25em 0;transition:opacity .4s ease;will-change:transform}.nav-titles__link:hover{opacity:.6}.nav-titles__link.is-active{opacity:1}.essay{padding:3rem 2rem 6rem;max-width:var(--max-content)}.essay__section{scroll-margin-top:2rem;margin-bottom:4rem}.essay__section:last-child{margin-bottom:0;min-height:60vh}.essay__section-title{font-family:var(--font-title);font-weight:700;margin:0 0 1rem;line-height:1.25}h1.essay__section-title{font-size:2rem}h2.essay__section-title{font-size:1.5rem}.essay h3{font-family:var(--font-body);font-size:1.125rem;font-weight:600;margin:1.5rem 0 .5rem}.essay p{margin:0 0 1rem}.essay p:last-child{margin-bottom:0}.section-counter{position:sticky;top:0;height:100vh;padding:.5rem 2rem 0 0;display:flex;align-items:flex-start;justify-content:flex-end;font-family:var(--font-title);overflow:hidden}.section-counter__inner{display:flex;align-items:baseline;gap:.35em;will-change:transform}.section-counter__current{font-size:clamp(3rem,6vw,5rem);font-weight:700;line-height:1;letter-spacing:-.02em}.section-counter__total{font-size:clamp(1rem,2vw,1.5rem);font-weight:400;color:var(--colour-counter-total)}.scroll-progress-bar{display:none;position:fixed;bottom:0;left:0;right:0;height:4px;background:#00000014;z-index:10;pointer-events:none}.scroll-progress-bar__fill{height:100%;background:var(--colour-text);transition:width .1s ease-out}@media(max-width:1024px){.layout{grid-template-columns:minmax(0,auto) 1fr}.section-counter{display:none}}@media(max-width:768px){.layout{grid-template-columns:1fr;grid-template-rows:1fr}.nav-titles,.section-counter{display:none}.essay{padding:2rem 1.5rem 3rem}.essay__section:last-child{min-height:auto}.scroll-progress-bar{display:block}}