.main-scriptorium-container{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;width:100%;height:auto;margin:7.5rem 0;animation:fadeUpEnter75-0 .9s ease-in-out forwards}.article-card-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-6);grid-template-rows:auto;width:80%;height:auto}.script-article{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;border-radius:25px;height:37.5rem;transition:transform .4s ease-in-out;cursor:pointer}.full-link-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}.script-article:hover{transform:scale(1.025)}.script-article:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;background:inherit;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:inherit;background-color:var(--opacity-color-3-5);box-shadow:inset 0 0 16px 2px var(--opacity-color-3-5);backdrop-filter:brightness(1) blur(2px) url(#displacementFilter);-webkit-backdrop-filter:brightness(1) blur(2px)}.script-article-img{display:flex;align-items:center;justify-content:center;width:100%;height:45%;border-radius:25px;z-index:1}.script-article-img img{width:100%;height:100%;object-fit:cover;display:block;border-radius:25px}.script-article-info{width:100%;height:55%;display:flex;box-sizing:border-box;flex-direction:column;align-items:left;text-align:left;padding:var(--space-1);z-index:1}.script-article-info h2{font-size:1.75rem;font-weight:600;margin-top:var(--space-1);margin-bottom:var(--space-1);color:var(--color-1);filter:drop-shadow(0 0 10px var(--opacity-color-1-6));-webkit-line-clamp:2}.script-article-info h2,.script-article-info p{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal}.script-article-info p{font-size:1rem;font-family:var(--font-body),monospace;color:var(--font-high);margin:0;-webkit-line-clamp:6}.script-article-tags{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-top:auto;height:auto}.script-article-info span{flex:1 1;height:3.5rem;border-radius:100px;margin:var(--space-1);color:var(--opacity-color-1-6);background-color:var(--opacity-color-1-3);font-family:var(--font-display),sans-serif;display:flex;justify-content:center;align-items:center;transition:background-color .5s ease-in-out,color .5s ease-in-out;position:relative;z-index:1;box-shadow:inset 0 0 8px 1px var(--opacity-color-1-2);backdrop-filter:brightness(1) blur(2px) url(#displacementFilter);-webkit-backdrop-filter:brightness(1) blur(2px)}.script-article-info span h4{font-size:1rem;font-weight:500}.article-text-container{display:flex;flex-direction:column;justify-content:center;align-items:stretch;width:100%;height:auto;color:var(--font-high);box-sizing:border-box;font-family:Exo\ 2,monospace;overflow:hidden;transition:max-height 1.2s ease-in-out,opacity 1.2s ease-in-out,padding 1.2s ease-in-out,color 1.2s ease-in-out,background-color 1.2s ease-in-out,border-radius 1.2s ease-in-out}.article-text-container a{text-decoration:none}.article-text-container ul{color:black}.canvas-script{width:100%;height:100%;background-color:black;border-radius:40px}.component-container-article{flex-direction:column}.component-container-article,.image-container-article{display:flex;justify-content:center;align-items:center}.image-container-article{width:100%;height:auto;margin-top:var(--space-2);margin-bottom:var(--space-2)}.image-container-article img{max-width:90%;max-height:60vh;width:auto;height:auto;border-radius:20px;object-fit:contain;box-shadow:0 0 20px rgba(0,0,0,.4);background:#111}code,pre{color:rgba(255,255,255,.7);padding:var(--space-1);margin:var(--space-1);font-family:monospace;line-height:1.5;overflow-x:auto;box-sizing:border-box}p{white-space:normal;word-break:break-word;margin:.5em 0}code{padding:.2em .4em}@media (max-width:1500px){.article-card-container{grid-gap:var(--space-3)}}@media (max-width:1000px){.article-card-container{grid-template-columns:repeat(2,1fr);width:90%}}@media (max-width:800px){.script-article{height:30rem}.script-article-info h2{font-size:1.4rem}.script-article-info p,.script-article-info span h4{font-size:.8rem}}@media (max-width:500px){.article-card-container{grid-template-columns:repeat(1,1fr)}.script-article{height:37.5rem}.script-article-info h2{font-size:1.75rem}.script-article-info p,.script-article-info span h4{font-size:1rem}}