:root{--primaryColor: #110F0E;--secondaryColor: #B4ADA3;--highlight: #7F7EFF;--color1: #EE2E31;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#fffc;background-color:#110f0e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%}body{padding:0;margin:0}body header{position:fixed;width:100%;top:0}body h1{font-size:3.2em;line-height:1.1;text-align:center}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}#app{max-width:1280px;margin:0 auto;padding:4rem;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#canvas-container{width:100%;height:100%;margin:0 auto;border:1px solid #ccc;position:relative}#canvas{display:block;width:100%;height:100%}#menu{margin:2rem auto;gap:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}#title{color:#fff;font-size:4rem;font-family:Space Mono,monospace;letter-spacing:4px;margin:0 auto}#title:after{content:" - ";color:#7b68ee}#title:before{content:" - ";color:#7b68ee}#nav-segments{font-family:Consolas,Menlo,Monaco,Courier New,monospace;font-size:1.1rem;color:#b4ada3;color:var(--secondaryColor);cursor:pointer}.nav-segment{position:relative;-webkit-text-decoration:none;text-decoration:none;color:#b4ada3;color:var(--secondaryColor);transition:all .1s}.nav-segment:hover,.nav-segment:has(~:hover){color:#7f7eff;color:var(--highlight)}.nav-segment:hover{filter:brightness(110%)}.nav-segment:hover~:not(:hover){opacity:.7}@keyframes test{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}}.poiesis-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;gap:30px}@media (max-width: 1280px){.poiesis-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.poiesis-container{grid-template-columns:repeat(1,1fr)}}#logos-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;padding:20px}@media (max-width: 768px){#logos-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){#logos-container{grid-template-columns:1fr}}.article{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:transform .3s,box-shadow .3s}.article:hover{transform:translateY(-5px);background-color:#e0e0e0;box-shadow:0 4px 10px #0000001a}.article-image img{width:100%;height:auto;display:block}.article-content{padding:15px}.article-title{font-size:1.2rem;margin-bottom:10px}.article-description{font-size:.9rem;color:#555}.article-container{max-width:95%;margin:0 auto;font-size:1.1rem;padding:1rem;line-height:1.7;color:#efefef;background-color:#121212;border-radius:8px;box-shadow:0 4px 8px #0003;text-align:left}.article-container img{max-width:100%;height:auto;border-radius:4px}.article-container a{color:#90caf9;-webkit-text-decoration:none;text-decoration:none}.article-container a:hover{-webkit-text-decoration:underline;text-decoration:underline}.article-date{font-size:.85rem;color:#b4ada3;color:var(--secondaryColor);margin-bottom:10px}.card-video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#7f7eff;background-color:var(--highlight);opacity:0;display:flex;justify-content:center;align-items:center;transition:opacity .2s ease}.card{overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;background-color:#b4ada3;background-color:var(--secondaryColor);color:#110f0e;color:var(--primaryColor);border:1px solid #7F7EFF;border:1px solid var(--highlight);border-radius:8px;text-align:center;box-shadow:0 4px 10px #0003;width:100%;max-width:400px;min-width:400px;height:300px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease}.card:hover{transform:scale(1.05);background-color:#7f7eff;background-color:var(--highlight);color:#fff;transition:transform .2s ease,background-color .2s ease,color .2s ease}.card:hover .card-overlay{opacity:.8}.card:before,.card:after{content:"";position:absolute;width:0;height:0;z-index:1}.card:before{left:0;top:0;border-top:1.5px solid #7F7EFF;border-top:1.5px solid var(--highlight);border-right:1.5x solid #7F7EFF;border-right:1.5x solid var(--highlight);animation:border-top-right 6s infinite alternate}.card:after{right:0;bottom:0;border-bottom:1.5px solid #7F7EFF;border-bottom:1.5px solid var(--highlight);border-left:1.5px solid #7F7EFF;border-left:1.5px solid var(--highlight);animation:border-bottom-left 6s infinite alternate}@media (max-width: 768px){.card{margin:0 auto}}@keyframes border-top-right{0%{left:0;width:0}50%{left:0;width:100%}to{left:100%;width:100%}}@keyframes border-bottom-left{0%{right:0;width:0}50%{right:0;width:100%}to{right:100%;width:100%}}.ludus-card{display:flex;flex-direction:column;align-items:center;text-align:center;width:400px}.ludus-card:hover .card{transform:scale(1.05);box-shadow:0 4px 8px #0003}.ludus-card:hover .card-title{cursor:pointer;letter-spacing:10px}.card-title{margin-top:20px;font-size:1.3rem;font-weight:700;color:#b4ada3;color:var(--secondaryColor);transition:letter-spacing .2s ease}.overlay-text{font-size:2rem;color:#fff;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}#card-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;gap:30px;justify-content:center}@media (max-width: 1280px){#card-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){#card-container{grid-template-columns:repeat(1,1fr)}}@media (max-width: 600px){#card-container{grid-template-columns:1fr}}.card-row{display:flex;flex-direction:row;margin-bottom:50px}.card-row:hover .card{transform:scale(1.05);box-shadow:0 4px 8px #0003}.card-row:hover .card-description{color:#007bff;cursor:pointer}@media (max-width: 768px){.card-row{flex-direction:column}}.card-description{margin:100px;transition:all .3s ease}.card-link{-webkit-text-decoration:none;text-decoration:none}.card-link:nth-child(2n) .card-row{flex-direction:row-reverse}@media (max-width: 768px){.card-link:nth-child(2n) .card-row{flex-direction:column}}.card-link:nth-child(1):has(>article){grid-column:span 3;grid-row:1}@media (max-width: 768px){.card-link:nth-child(1):has(>article){grid-column:span 2;grid-row:1}}@media (max-width: 600px){.card-link:nth-child(1):has(>article){grid-column:span 1;grid-row:1}}.card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;cursor:pointer;border:1px solid #ccc;border-radius:5px;transition:transform .3s ease}.card-image:hover{transform:scale(1.05)}#orpheus-container{font-size:1.2rem}.orpheus-part p:nth-child(odd){transform:translate(10px)}.orpheus-part p:nth-child(2n){transform:translate(55px)}.orpheus-part{text-align:left;width:60%;padding:2em;margin:auto;border-bottom:2px dotted blue}.orpheus-part:last-child{border-bottom:none}.normal-ul{list-style:none;padding-left:0}