:root{--colour1: #fff0ea;--colour2: #f9e5dd;--colour3: #dfc4bb;--colour4: #ce7351;--colour5: #a18579;--colour6: #46362f;--colour7: #3a2016;--colour8: #2b211d;--colour9: #ecd5cc;--colour10: #745e54;--bg-colour: var(--colour1);--border-colour: var(--colour9);--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);--border-colour: var(--colour10);--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:20px auto;display:block;padding:20px}figure img{width:100%;display:block;border-radius:6px}figcaption{font-size:13px;font-style:italic;color:var(--colour5);margin-top:10px}:root:not(:has(:target)) a[href="#work"],:root:has(#work:target) a[href="#work"],:root:has(#capsule: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);display:inline-block}.asterism{color:var(--text2-colour);font-size:60px;text-align:center;margin:1em}.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}.timeline{display:none;list-style:none;padding:20px 0;margin:30px;position:relative;border-left:1px solid var(--border-colour)}@media(max-width:768px){.timeline{margin-left:10px;margin-right:0}}:root:has(#capsule:target) .timeline{display:block}:root:has(#capsule:target) .read-more{display:none}.timeline>li{position:relative;margin:0 0 0 34px}.timeline>li:not(:last-child){margin-bottom:50px}.timeline time{font-weight:500;display:block}.timeline h4{margin-top:30px}.timeline time+h4{margin-top:20px}.timeline>li:before{display:block;content:"";width:11px;height:11px;position:absolute;left:-40px;top:7px;border-radius:50%;background-color:var(--colour3)}p{margin:16px 0}ul{margin:16px 0;padding:0}ul>li{margin-left:20px;padding-left:4px;list-style:disc}ul>li::marker{color:var(--colour3)}@media(max-width:768px){body{margin:20% 6%;padding:0 24px}h1{font-size:40px}h2{font-size:18px}}
