:root{--clr-dark:black;--clr-light:white;--clr-medium: grey;--size-xxs: .5rem ;--size-xs: .75rem;--size-sm: .875rem;--size-base: 1rem;--size-lg: 1.125rem;--size-xl: 1.25rem;--size-2xl: 1.5rem;--size-3xl: 1.875rem;--size-4xl: 2.25rem;--size-5xl: 3rem;--size-6xl: 3.75rem;--size-7xl: 4.5rem;--size-8xl: 6rem;--size-9xl: 8rem;--size-10xl: 10rem}*{margin:0}html{scroll-behavior:smooth}html,body{font-family:Tasa,sans-serif;background-color:var(--clr-dark);color:var(--clr-light);display:flex;flex-direction:column;height:100%;scroll-behavior:smooth;padding-top:5.5rem}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}@font-face{font-family:TASAOrbiter;src:local("TASAOrbiterText-Regular"),url(./assets/fonts/TASA\ Orbiter/TASAOrbiterText-Regular.otf)}main{flex:1 0 auto}img,picture,video,canvas,svg{display:block;max-width:100%;-webkit-user-select:none;user-select:none}button{display:inline-block;padding:0;border:none;background:none;cursor:pointer;color:inherit}.header{display:flex;flex-flow:row wrap;align-items:flex-start;justify-content:space-between;padding-top:2rem;padding-bottom:1.2rem;position:fixed;top:0;left:0;right:0;width:100%;z-index:9999;background:#0006;box-sizing:border-box;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header__logo{font-size:var(--size-sm);font-weight:400}.header__menu{display:none}.header__bars{color:var(--clr-light);width:var(--size-2xl);height:var(--size-2xl);display:block}.header__link{font-size:var(--size-sm);text-decoration:none;font-weight:400;color:var(--clr-light);transform:color .3s}.header__link:hover{color:var(--clr-medium)}@media(min-width:768px){.header__logo,.header__link{font-size:var(--size-lg)}.header__menu{display:flex;justify-content:flex-end;align-items:center;list-style:none;padding:0;gap:2em}.header__bars{display:none}}@media(min-width:1024px){.header__link,.header__logo{font-size:var(--size-lg)}}.header.container{max-width:none;padding-left:2rem;padding-right:2rem}@media(min-width:640px){.header.container{padding-left:3rem;padding-right:3rem}}@media(min-width:1024px){.header.container{padding-left:4rem;padding-right:4rem}}.index{align-items:center;display:flex;flex-flow:column wrap;align-items:flex-start;justify-content:center;padding-top:.5rem;padding-bottom:.5rem}.index__link{margin-top:.2rem;font-size:var(--size-xl);text-decoration:none;font-weight:400;color:var(--clr-medium);transition:color .3s,transform .3s;display:inline-block;position:relative;overflow:hidden}.index__link:after{content:"";display:block;position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--clr-light);transition:width .3s cubic-bezier(.4,0,.2,1);z-index:1}.index__link:hover:after,.index__link:focus:after{width:100%}.index__item:hover .index__link:after,.index__item:focus-within .index__link:after{width:100%}.header__link.active{text-decoration:underline}.index__img{pointer-events:none;position:absolute;height:50vh;max-height:400px;opacity:0;left:95%;top:45%;transform:translate3d(calc(-100% - 6vw),-30%,0) translate3d(0,20px,0);border-radius:1rem;overflow:hidden;box-shadow:0 4px 24px #0000001f}.index__item{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:2.5rem}.index__meta{font-size:.4rem;color:var(--clr-medium);margin-bottom:.2rem;font-weight:300;text-transform:none;transition:color .3s,transform .3s;display:inline-block;line-height:1.1}.index__item:hover .index__meta,.index__item:hover .index__link,.index__link:hover,.index__meta:hover{color:var(--clr-light);transform:translate(12px)}.index__bg-image{position:fixed;top:0;left:0;width:100vw;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;pointer-events:none;z-index:0;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.index__link:hover~.index__bg-image,.index__link:focus~.index__bg-image{opacity:1}@media(min-width:475px){.container{max-width:475px}.index__link{font-size:var(--size-xl)}.index__link:hover+.index__img{opacity:1;transform:translate3d(calc(-100% - 6vw),-30%,0) rotate3d(0,0,1,0);transition:all .4s}}@media(min-width:640px){.container{max-width:640px}.index__link{font-size:var(--size-3xl)}.index__item{margin-bottom:3rem}.index__meta,.index__link{font-size:var(--size-3xl)}.index__meta{font-size:.7rem}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}.section{margin-top:10rem}.index__meta,.index__link{font-size:var(--size-4xl)}.index__meta{font-size:.8rem}}@media(min-width:1536px){.container{max-width:1536px}}