:root{--spacing-padding: clamp(1.5rem, 6vw, 5rem);--spacing-margin: clamp(1.5rem, 2vw, 5rem);--spacing-borderradius: .5rem;--color-background1: rgba(255, 255, 255, 1);--color-background2: rgba(215, 215, 215, 1);--color-text: rgba(0, 0, 0, 1);--color-subtletext: rgba(0, 0, 0, .5);--color-shadow: rgba(0, 0, 0, .3);--color-imageborder: rgba(0, 0, 0, .1)}.dark{--color-background1: rgba(0, 0, 0, 1);--color-background2: rgba(40, 40, 40, 1);--color-text: rgba(255, 255, 255, 1);--color-subtletext: rgba(255, 255, 255, .6);--color-shadow: rgba(255, 255, 255, .35);--color-imageborder: rgba(255, 255, 255, .1)}@font-face{font-family:Sentient-Variable;src:url(/fonts/Sentient-Variable.woff2) format("woff2"),url(/fonts/Sentient-Variable.woff) format("woff");font-weight:200 700;font-display:swap}@font-face{font-family:Sentient-VariableItalic;src:url(/fonts/Sentient-VariableItalic.woff2) format("woff2"),url(/fonts/Sentient-VariableItalic.woff) format("woff");font-weight:200 700;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:light dark;color:var(--color-text);background:var(--color-background1);word-break:break-word;scroll-behavior:smooth;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dark{background:var(--color-background2)}::selection{background:var(--color-text);color:var(--color-background1)}::-moz-selection{background:var(--color-text);color:var(--color-background1)}body{font-family:"Sentient-Variable",Garamond,Serif;font-size:1.125rem;font-weight:400;line-height:1.675;letter-spacing:-.02rem;margin:0;display:flex;place-items:center;min-height:100vh}h1{font-family:"Sentient-VariableItalic",Garamond,Serif;font-size:clamp(2.5rem,10vw,2.75rem);font-weight:425;line-height:1;font-style:italic;letter-spacing:-.1rem;margin-top:96px;margin-bottom:16px;scroll-margin-top:var(--spacing-padding)}h2{font-family:"Sentient-VariableItalic",Garamond,Serif;font-size:clamp(1.5rem,9vw,2.1rem);font-weight:450;font-style:italic;line-height:1.1;letter-spacing:-.08rem;margin-top:48px;margin-bottom:16px}h3{font-family:"Sentient-VariableItalic",Garamond,Serif;font-size:1.35em;font-weight:475;font-style:italic;line-height:1.25;letter-spacing:-.06rem;margin-top:24px;margin-bottom:16px}p{font-family:"Sentient-Variable",Garamond,Serif;font-size:1.125rem;font-weight:400;line-height:1.675;letter-spacing:-.02rem;margin-bottom:16px}.dark p{font-weight:350}ul,ol{margin-left:24px;margin-bottom:16px}a{font-weight:500;color:#ec974c;text-decoration:inherit}a:hover{color:#f34d4d}blockquote p{color:var(--color-subtletext);font-family:"Sentient-VariableItalic",Garamond,Serif;font-style:italic}hr{color:var(--color-text);opacity:.2;margin-bottom:24px;height:1px}.large-image{width:100%;height:auto;border-radius:var(--spacing-borderradius);border:1px var(--color-imageborder) solid}.large-illustration{width:100%;justify-items:center}img.large-illustration{filter:none;max-width:100%;height:18vw;min-height:80px;max-height:240px}.dark img.large-illustration{filter:invert(1)}.inline-icon,.inline-coloredicon{width:20px;transform:translateY(3px)}img.inline-icon{filter:none}.dark img.inline-icon{filter:invert(1)}.chapters{display:flex;flex-direction:column;gap:16px}.chapters p{color:var(--color-subtletext);margin-top:0;margin-bottom:0}.chapters p:last-of-type{color:var(--color-subtletext);margin-top:24px;margin-bottom:0}.chapter-button{display:flex;flex-direction:row;gap:.5rem;align-items:baseline;cursor:pointer;margin-top:0;margin-bottom:0;transition:all .2s ease-out}.chapter-button h3{font-size:1.5rem;font-weight:400;margin:0}.chapter-button:hover{transform:translate(.75rem)}.scroll-to-top-button{display:flex;align-items:center;justify-content:center;position:fixed;bottom:var(--spacing-padding);right:var(--spacing-padding);width:3.5rem;height:3.5rem;border-radius:50%;background:var(--color-text);color:var(--color-background1);font-size:1.5rem;cursor:pointer;z-index:1;transition:transform .4s ease-out;box-shadow:0 8px 16px var(--color-shadow),0 2px 0 var(--color-background2)}.scroll-to-top-button:active{transform:translateY(-1.5rem)}.scroll-to-top-button img{width:24px;height:24px;filter:invert(1)}.dark .scroll-to-top-button img{filter:none}.accordion{margin-bottom:24px}.accordion h3{transition:all .2s ease-out}.accordion h3:hover{transform:translate(.75rem)}.scrolltracker{display:flex;flex-direction:row;justify-content:flex-start;position:fixed;top:0;left:0;right:0;width:100%;height:.125rem}.scrollposition{width:50%;height:100%;background-color:var(--color-text)}.cover{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;left:0;top:0;z-index:3;width:100vw;height:100vh;height:100dvh;outline:1px var(--color-imageborder) solid;border-radius:var(--spacing-borderradius);background:linear-gradient(to right,var(--color-background1) 2%,var(--color-background2) 3.5%,var(--color-background1) 5%);overflow:hidden;transform-style:preserve-3d;transform-origin:50% 75%;transform:perspective(60em) scale(.9) rotateX(30deg);backface-visibility:hidden;box-shadow:1.5rem 1.5rem 1.5rem #0000004d}.cover:before{display:flex;position:absolute;left:0;top:0;z-index:3;width:100vw;height:100vh;height:100dvh;background:linear-gradient(to bottom,transparent 50%,var(--color-imageborder) 100%);overflow:hidden;content:""}.dark .cover:before{background:linear-gradient(to top,transparent 50%,var(--color-imageborder) 100%)}.cover img{width:55vw;min-width:96px;max-width:256px}.dark .cover img{filter:invert(1)}.screen{display:flex;flex-direction:column;gap:48px;padding:var(--spacing-padding);background:var(--color-background1);max-height:100vh;max-height:100dvh;overflow:hidden;opacity:0}.page{display:flex;flex-direction:column;gap:48px}.page:first-of-type::-webkit-scrollbar{display:none}@media (max-width: 899px){html.dark{background-color:var(--color-background1)}.cover{animation:standUp 2s ease-in-out forwards 1s,flipOut 2s ease-in forwards 3s}.screen{animation:showScreen .5s linear forwards 3s}.page:first-of-type{animation:layOut .1s ease-out forwards 3.75s}.accordion:hover,.chapter-button:hover{transform:translate(0)}}@media (min-width: 900px){.scrolltracker{display:none}img.large-illustration{height:16vw;min-height:80px;max-height:120px}.cover{transform-style:preserve-3d;width:calc(50vw - var(--spacing-margin));height:calc(100vh - calc(var(--spacing-margin) * 2));height:calc(100dvh - calc(var(--spacing-margin) * 2));border-radius:var(--spacing-borderradius);margin-top:var(--spacing-margin);left:auto;right:var(--spacing-margin);animation:standUp 2s ease-in-out forwards 1s,flipOut 2s ease-in forwards 3s}.screen{flex-direction:row;gap:0;padding:0;width:100vw;background:linear-gradient(to bottom,var(--color-background1) 5%,var(--color-background2) 30%);animation:showScreen 1s linear forwards 3s}.dark .screen{background:var(--color-background2)}.page{flex:1;padding:var(--spacing-padding);max-height:calc(100vh - calc(var(--spacing-margin) * 2));margin-top:var(--spacing-margin);margin-bottom:var(--spacing-margin);overflow-x:hidden;overflow-y:scroll;box-shadow:1rem .5rem 1rem #0003}.page:first-of-type{border-top-left-radius:var(--spacing-borderradius);border-bottom-left-radius:var(--spacing-borderradius);border-top-right-radius:clamp(1rem,5vw,4rem);border-bottom-right-radius:clamp(1rem,5vw,4rem);margin-left:var(--spacing-margin);transform-style:preserve-3d;transform-origin:right center;transform:perspective(60em) rotateY(180deg);backface-visibility:hidden;animation:layOut 2s ease-out forwards 3.75s;background:linear-gradient(to right,var(--color-background1) 80%,var(--color-background2) 100%)}.page:last-of-type{border-top-left-radius:clamp(1rem,5vw,4rem);border-bottom-left-radius:clamp(1rem,5vw,4rem);border-top-right-radius:var(--spacing-borderradius);border-bottom-right-radius:var(--spacing-borderradius);margin-right:var(--spacing-margin);background:linear-gradient(to right,var(--color-background2) 0%,var(--color-background1) 20%,var(--color-background1) 75%)}.content{display:flex;flex-direction:column;gap:96px}.content h1:first-of-type{margin-top:0}}@media (min-width: 1727px){:root{--spacing-padding: clamp(1.5rem, 6vw, 8rem);--spacing-margin: clamp(5rem, 8vw, 10rem)}}@keyframes flipOut{0%{transform:perspective(60em) rotateY(0);transform-origin:left center;z-index:3}to{transform:perspective(60em) rotateY(-180deg);transform-origin:left center;z-index:-1}}@keyframes layOut{0%{transform:perspective(60em) rotateY(180deg);transform-origin:right center}to{transform:perspective(60em) rotateY(0);transform-origin:right center}}@keyframes standUp{0%{transform:perspective(60em) scale(.9) rotateX(30deg);box-shadow:1.5rem 1.5rem 1.5rem #0000004d}to{transform:perspective(60em) scale(1) rotateX(0);box-shadow:1.5rem 30rem 30rem #0000004d}}@keyframes showScreen{0%{max-height:100vh;max-height:100dvh;opacity:0}to{max-height:none;opacity:1}}