@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{hanging-punctuation:first last;text-size-adjust:none;scroll-padding-top:3rem}body{min-height:100svh}img,picture,svg,video,canvas{max-width:100%;height:auto;display:block}a,a:visited{color:inherit;text-decoration:none}li{list-style:none}button,input[type=submit]{cursor:pointer}input,button,textarea,select{font:inherit}textarea{field-sizing:content}h1,h2,h3,h4,h5,h6{text-wrap:balance;overflow-wrap:break-word}p{text-wrap:pretty;overflow-wrap:break-word;max-width:75ch}.wrapper{width:min(1600px,100% - 4rem);margin:0 auto}@media (prefers-reduced-motion:no-preference){:has(:target){scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@font-face{font-family:Georgia;src:url(/fonts/georgiai.ttf);font-style:italic}:root{--theme:light;@media (prefers-color-scheme:dark){--theme:dark}}:root{color-scheme:light dark;--paper-color:#f7f3e8;--dark-paper-color:hsl(from var(--paper-color) h calc(s - 1) calc(l - 5));--ink-color:#18201f;--light-ink-color:hsl(from var(--ink-color) h calc(s - 10) calc(l + 2));--dark-color:#101716;--pink-color:#ec8f94;--blue-color:#9fc0f7;--green-color:#91ddb8;--yellow-color:#f4cb66;--light-green-color:#dfe9de;--strong-green-color:#17794f;--strong-red-color:#a83e46;--dark-green-color:#17231f;--background-color:light-dark(var(--paper-color),var(--dark-color));--text-color:light-dark(var(--ink-color),var(--paper-color));--shadow-color:rgb(from var(--blue-color) r g b / .72);--button-hover-color:light-dark(var(--dark-paper-color),var(--light-ink-color));--outline-color:var(--text-color);--filled-button-color:light-dark(var(--ink-color),var(--paper-color));--filled-button-hover-color:light-dark(var(--light-ink-color),var(--dark-paper-color));--empty-button-color:light-dark(var(--paper-color),var(--ink-color));--banner-color:light-dark(var(--ink-color),var(--yellow-color));--star-color:light-dark(var(--pink-color),var(--strong-red-color));--hero-highlight-color:light-dark(var(--light-green-color),var(--dark-green-color));--text-font:"Arial";--button-font:"Arial";--accent-font:"Courier New";--title-font:"Manrope";--title-accent-font:"Georgia"}.hidden{display:none!important}body{color-scheme:var(--theme);background-color:var(--background-color);color:var(--text-color);font-family:var(--text-font);counter-reset:section-count}h3{font-family:var(--title-font);letter-spacing:-.352rem;font-size:6.4rem;font-style:normal;font-weight:700;line-height:96%;& span{font-family:var(--title-accent-font);letter-spacing:-.448rem;font-style:italic;font-weight:400;line-height:6.144rem}}section{min-height:100vh;padding:10rem 0}a{width:fit-content;display:block}.section-title{font-family:var(--accent-font);text-transform:uppercase;color:var(--accent-color);letter-spacing:.08rem;font-size:.8rem;font-style:normal;font-weight:700;line-height:150%;&:before{counter-increment:section-count;content:"0" counter(section-count);border:1.5px solid;border-radius:50%;margin-right:.5rem;padding:.5rem}}.link{position:relative;&:after{content:"";transform-origin:100% 100%;background-color:currentColor;width:100%;height:2px;transition:transform .25s ease-out;position:absolute;bottom:-5px;left:0;transform:scaleX(0)}&:hover:after,&:has(a:focus-visible):after{transform-origin:0 100%;transform:scaleX(1)}}.filled-button{background-color:var(--filled-button-color);color:var(--empty-button-color);font-family:var(--button-font);cursor:pointer;border:none;border-radius:100px;padding:.8125rem 1.125rem;transition:all .3s ease-in-out;&:hover,&:focus-visible{background-color:var(--filled-button-hover-color)}}a:focus-visible .filled-button{background-color:var(--filled-button-hover-color)}.outlined-button{background-color:var(--empty-button-color);color:var(--filled-button-color);border:2px solid var(--filled-button-color);font-family:var(--button-font);cursor:pointer;border-radius:100px;padding:.5rem 1rem;transition:all .3s ease-in-out;&:hover,&:focus-visible{background-color:var(--button-hover-color)}}a:focus-visible .outlined-button{background-color:var(--button-hover-color)}@container style(--theme:dark){.inverted{--theme:light;color-scheme:var(--theme)}}@container style(--theme:light){.inverted{--theme:dark;color-scheme:var(--theme)}}.shadow-button{background-color:var(--background-color);box-shadow:0 4px 0 0 var(--text-color);gap:.5rem;padding:1rem 2rem;font-weight:700;transition:all .3s ease-in-out;display:flex;& path{stroke:var(--text-color);display:inline-block}&:hover,&:focus-visible{box-shadow:0 2px 0 0 var(--text-color);translate:0 2px}}a:focus-visible .shadow-button{box-shadow:0 2px 0 0 var(--text-color);translate:0 2px}@media screen and (width<900px){h3{letter-spacing:0;font-size:4rem;& span{letter-spacing:inherit;line-height:inherit}}}@media screen and (width<450px){h3{font-size:2.8rem;line-height:100%;& span{letter-spacing:-.2rem;line-height:inherit}}}
