@import"https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap";*{margin:0;padding:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}:root{--color-primary: #EFEFEF;--color-secondary: #0A0E1C;--color-highlight: #E8A6D7;--rotateAngle: 0deg;--progress: 0%}html{background:var(--color-secondary)}#preloader{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-secondary);z-index:1000;color:var(--color-primary);font-size:1.5rem}.preloader__progress{width:20vw;height:.5rem;border-radius:2rem;border:1px solid var(--color-primary);background:linear-gradient(to right,var(--color-primary) var(--progress),var(--color-secondary) var(--progress))}.webgl{position:fixed;top:0;left:0;outline:none;z-index:-1;width:100vw}::selection{background:var(--color-highlight);color:var(--color-primary)}.talk{position:absolute;top:1rem;right:1rem;font-size:.75rem;display:flex;align-items:center;gap:.5rem;z-index:100;font-family:Cabin,sans-serif;text-decoration:none;color:var(--color-highlight);border:1px solid var(--color-highlight);border-radius:4rem;padding:.25rem .75rem;max-width:fit-content}.talk:hover{cursor:url(/@.png),pointer;color:var(--color-primary)}.talk__at{display:inline-block;line-height:100%;transform:rotate(var(--rotateAngle)) translateY(-2px);transform-origin:center;font-size:24px}.talk:hover .talk__at{transform:rotate(calc(var(--rotateAngle) + 360deg));transition:transform .3s ease-in-out}.talk__details{display:none;flex-direction:column;position:absolute;align-items:flex-end;top:6rem;right:1rem;gap:1rem;padding-bottom:2rem;font-size:1rem;background-color:oklch(from var(--color-secondary)l c h/ 80%);z-index:100}.talk__detail{color:var(--color-primary);text-decoration:underline;font-family:Cabin,sans-serif;z-index:100}.talk__detail:hover{color:var(--color-highlight);transition:color .3s ease-in}.section{display:flex;height:100vh;position:relative;font-family:Cabin,sans-serif;color:var(--color-primary);padding-left:10%;padding-right:10%}h1{font-size:4rem;margin-top:0rem}h1,h2{font-family:Times New Roman,Times,serif;font-weight:700;font-style:italic}h2{font-size:2rem;padding-top:0}.subtitle{font-size:1.5rem}.intro{flex-direction:column;align-items:center;justify-content:center}.section__text{font-size:1rem;width:80vw;margin-top:.75rem;line-height:1.6;font-family:Cabin,sans-serif;font-weight:400;text-wrap:balance}.intro__text{text-align:center;margin-top:.5rem;width:80vw}.intro svg{transform:scale(.5);margin-top:-1rem;transform:translateY(0);animation:fadeIn infinite ease-in-out 3s alternate}.intro svg:first-of-type{margin-top:2rem}.intro svg:nth-of-type(2){animation-delay:.3s}.intro svg:last-of-type{animation-delay:.6s}.intro__hint{font-family:Times New Roman,Times,serif;margin-top:1rem;font-size:.75rem}@keyframes fadeIn{0%{transform:translateY(0);opacity:0}50%{opacity:1;transform:translateY(6px)}to{opacity:0}}.highlight{color:var(--color-highlight)}.project__links{display:flex;gap:0;flex-direction:column;align-items:flex-start}.link{margin-top:2rem;display:inline-block;padding:.75rem 1.5rem;border:2px solid var(--color-primary);text-decoration:none;border-radius:2rem;font-size:1rem;transition:color .3s ease}.button--interactive{position:relative;overflow:hidden;color:var(--color-primary);background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(249,249,249,.8) var(--gradient-size, 0%),rgba(255,255,255,0) var(--gradient-size, 0%));transition:background .3s ease-in}.button--interactive:hover{color:var(--color-secondary);transition:color .4s ease-in}.section--footer{justify-content:center;padding-top:0;padding-bottom:0}.footer__title{font-size:2rem;margin-top:2vh;margin-bottom:2rem;text-align:center}.footer__text{font-size:1.125rem;line-height:1.6;text-align:center}.footer__contacts{display:flex;flex-direction:column;justify-content:center;margin-top:2rem;gap:1rem}.footer__contact{text-align:center;font-size:1.125rem;text-decoration:none;color:var(--color-highlight);border:1px solid var(--color-highlight);border-radius:4rem;padding:.75rem 1.5rem;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),oklch(from var(--color-highlight) l c h / 80%)var(--gradient-size, 0%),rgba(255,255,255,0) var(--gradient-size, 0%));transition:background .3s ease-in}.footer__contact:hover{color:var(--color-primary);transition:color .3s ease-in}@media screen and (min-width: 769px){.intro{justify-content:flex-end}.project__links{gap:1rem;flex-direction:row}.intro__hint{font-size:.8rem}.talk{position:fixed;top:1rem;right:1rem;font-size:1rem}.talk__at{font-size:1.5rem}.talk__details{flex-direction:row;position:fixed;align-items:center;top:6rem;right:1rem;gap:3rem;padding-bottom:0;font-size:1.5rem;background-color:transparent}.talk__detail{text-decoration:none}h1{font-size:4rem;margin-top:-6rem}h2{font-size:2rem;padding-top:4rem}.subtitle{font-size:2rem}.section__text{font-size:1.25rem;line-height:1.5;width:36ch;margin-top:1.5rem}.intro{justify-content:center}.intro__text{width:50ch}.intro svg:first-of-type{margin-top:4rem}.footer__title{font-size:4rem;margin-top:20vh}.footer__text{font-size:1.5rem}.footer__contacts{flex-direction:row}.footer__contact{font-size:1.25rem;padding:.75rem 1.5rem}}