.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}@font-face{font-family:LiteOn;src:url(/fonts/LiteOn.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Rengok;src:url(/fonts/Rengok.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lora;src:url(/fonts/Lora-Italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}:root{--background: #FFFAEF;--accent: #6F2207;--black: #000000;--white: #FFFFFF;--font: #222222}.dark{--background: #080808;--font: #FFFAEF;--black: #ffffff;--white: #000000}html{height:100%}body{min-height:100%}body{font-family:LiteOn;font-size:clamp(.9rem,2cqi,1.8rem);line-height:calc(1.1em + .5vw);margin:0;padding:1em;background-color:var(--white);color:var(--font);transition:all .26s ease-out}ul{margin:0;padding:0 0 0 1em}h1,h2,h3{font-family:Rengok}h1{font-size:3em;line-height:.9em;color:var(--accent)}h2{color:var(--accent)}h1 span{display:block}a,a:visited,a:hover{color:var(--accent);text-decoration:none}.icon{width:24px}.icon path{fill:var(--accent)}.dark .icon path{fill:var(--font);transition:fill .3s ease-in-out}.nav{display:flex;justify-content:space-between;padding:1em}.nav-links{display:flex;align-content:center;flex-wrap:wrap}.nav-links a{padding:0 1em}.nav-links span,#themeToggle span{font-weight:700;font-size:clamp(.8rem,2cqi,1.8rem)}#themeToggle{border:0;background:none;cursor:pointer;padding:0}#themeToggle span{color:var(--accent)}.sun{fill:var(--accent)}.moon{fill:transparent}:global(.dark) .sun{fill:transparent}:global(.dark) .moon{fill:var(--white)}.noise{position:absolute;right:0;top:0;width:100%;height:100%;background:radial-gradient(circle at 70% 50%,#000,#0000),url("data:image/svg+xml,%3Csvg viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");filter:contrast(145%) brightness(650%) invert(100%);mix-blend-mode:screen}.dark .noise{filter:contrast(125%) brightness(80%) invert(100%);background:radial-gradient(circle at 50% 50%,#0000001a,#fff0),url("data:image/svg+xml,%3Csvg viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");transition:all .26s ease-out}@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm){.noise{filter:contrast(125%) brightness(650%) invert(100%);mix-blend-mode:color-dodge}}.main{background-color:var(--background);border-radius:1em;min-height:calc(100vh - 2em);position:relative;overflow:hidden}.dark .main{transition:background-color .3s ease-out}.grid{display:grid;padding:clamp(2rem,4cqi,8rem);grid-template-rows:1fr;max-width:1900px}.homepage .grid{position:absolute;text-align:center;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;grid-template-rows:calc(100% / 3) 1fr;overflow:hidden}.header{position:absolute;display:flex;justify-content:center;inset:.6em .6em auto auto;width:auto;z-index:9;cursor:pointer}.left{order:1}.homepage .right{display:flex;justify-content:center;align-items:start;order:2;position:relative;container:rightSection / size}.infoWrapper{display:grid;container:infoWrapper / inline-size}.imageWrapper{display:flex;flex-direction:column-reverse;width:100%;justify-content:center}.imageWrapper img{border-radius:50%;max-width:50%;margin:0 auto}.intro{display:none;margin-bottom:2em}.name{margin-bottom:1em}.info{display:grid;margin-bottom:2em;font-family:Lora;font-style:italic}.mainImage{width:100cqb;margin-top:-2em}.smallImage{max-width:33cqb;border-radius:50%;z-index:2}.socials{display:flex;gap:1em;padding-top:1em;justify-content:center}.socials .icon{width:1.2em}.article{display:grid;gap:1em;container:article / inline-size}.iso-wrapper{width:100%;height:0;padding-top:56.25%;position:relative;backface-visibility:visible;transform-style:preserve-3d;transform:rotateX(53deg) rotate(-45deg) translateZ(0);box-shadow:0 0 25px #00000026}.screen{position:absolute;width:100%;height:100%;top:0;left:0;border:16px solid var(--black);border-radius:16px;background:var(--white);z-index:1}@container article (inline-size > 640px){.articleContent{max-width:80%}}@media screen and (orientation: portrait){.noise{right:auto;top:auto;background:radial-gradient(circle at 50% 50%,#000,#0000),url("data:image/svg+xml,%3Csvg viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.right{display:flex}.imageWrapper img{width:50%}}@media screen and (orientation: portrait) and (min-width: 320px){.imageWrapper img{max-width:33%}}@media screen and (orientation: landscape){.smallImage{max-width:33cqi}}@media screen and (min-width: 640px){.homepage .grid{padding:clamp(4rem,8cqi,8rem)}}@media screen and (min-width: 640px) and (orientation: portrait){.header{order:1;inset:0 0 auto auto;width:auto;box-shadow:none}.nav{background-color:transparent;flex-direction:column}.nav-links{display:flex;flex-direction:column}.nav-links a{padding:0 0 1em}.imageWrapper{width:100%}}@media screen and (min-width: 480px) and (orientation: landscape){.nav{background-color:transparent;padding:0}.homepage .grid{text-align:left;grid-template-columns:1fr 1fr;grid-template-rows:none}.socials{justify-content:start}.homepage .left{align-content:center}.homepage .right{align-items:center}.right .imageWrapper{position:relative;bottom:auto}}@media screen and (max-height: 400px) and (orientation: landscape){body{font-size:clamp(.9rem,3cqi,1rem)}.grid{padding:clamp(1rem,2cqi,2rem)}.info{margin-bottom:0}.mainImage{width:80%}}