:root{--colour1: #fff0ea;--colour2: #f9e5dd;--colour3: #dfc4bb;--colour4: #ce7351;--colour5: #a18579;--colour6: #46362f;--colour7: #3a2016;--colour8: #2b211d;--bg-colour: var(--colour1);--text-colour: var(--colour7);--text2-colour: var(--colour3);--link-colour: var(--colour4);font-family:Jost,sans-serif;color-scheme:light dark;scroll-behavior:smooth}:root:has(header input:checked){--bg-colour: var(--colour8);--text-colour: var(--colour2);--text2-colour: var(--colour6)}::selection{background-color:var(--colour4)}body{margin:8% auto;padding:0 40px;max-width:768px;background-color:var(--bg-colour);color:var(--text-colour)}header{text-align:center;font-weight:400}label{cursor:pointer}header label{position:absolute;top:0;right:0;padding:20px}header label svg{opacity:.3}header label input{display:none}header span{font-size:13px;position:absolute;top:46px;right:20px;width:max-content;opacity:0;transition:opacity .15s ease-out}@media(hover:hover){header label:hover span{opacity:1;transition:opacity .15s ease-out .5s}}h1{font-size:50px;font-weight:400;letter-spacing:3px;margin:0}h1 a{color:inherit;text-decoration:none}h2{font-size:21px;font-weight:350;letter-spacing:3px;margin:0}h3{margin:0;font-size:20px;font-weight:500;letter-spacing:1px}h3 a{color:inherit;text-decoration:none}h4{margin:0;font-size:16px;font-weight:400;color:var(--colour5)}nav{display:flex;place-content:center;gap:.4em;margin:60px 0 40px;font-size:20px;font-weight:500;letter-spacing:1px}nav a{color:var(--colour5);text-decoration:none}figure{margin:40px auto}figure img{width:100%;border-radius:4px}:root:not(:has(:target)) a[href="#work"],:root:has(#work:target) a[href="#work"],:root:has(#about:target) a[href="#about"]{text-decoration:underline;color:var(--text-colour)}:root:has(#about:target) #about{display:block}:root:has(#about:target) #work{display:none}#about{display:none}#work,#about{scroll-margin-top:12vh}a{color:var(--link-colour)}.asterism{color:var(--text2-colour);font-size:60px;text-align:center}.article{margin:50px 0 0}.article:after{margin-top:50px;display:block;text-align:center;content:"⁂";color:var(--text2-colour)}.article__top{display:flex;justify-content:space-between;align-items:baseline}@media(max-width:768px){body{margin:20% 6%;padding:0 24px}h1{font-size:40px}h2{font-size:18px}}