.project-header[data-astro-cid-wc7k3la2]{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;aspect-ratio:1 / 1;height:100%;border-radius:1rem 1rem 0 0;position:relative;background-color:var(--blogElementBg);padding:1rem;overflow:hidden;@media(min-width:1024px){flex-direction:row;justify-content:center;height:65vh;padding:unset}.project-title{position:relative;font-size:1.75rem;margin:0;letter-spacing:3px;color:var(--blue);font-weight:900;margin-block:2rem;width:100%;@media(min-width:360px){font-size:2rem}@media(min-width:1024px){position:absolute;bottom:0;left:3.5rem;font-size:1.75rem}@media(min-width:1200px){font-size:2.25rem}@media(min-width:1600px){font-size:3rem}}.project-header-img{display:block;width:100%;max-width:200px;aspect-ratio:1 / 1;object-fit:contain;object-position:center;@media(min-width:768px){max-width:240px}@media(min-width:1024px){max-width:260px}@media(min-width:1440px){max-width:fit-content}}}.img-wrapper[data-astro-cid-wc7k3la2]{transition:all .4s ease;padding:1rem}.post-header[data-astro-cid-wc7k3la2]{padding:0rem;overflow:hidden;.post-title[data-astro-cid-wc7k3la2]{color:var(--mainWhite);position:absolute;left:0;bottom:0rem;margin-inline-start:unset;z-index:8;width:100%;padding-inline:1rem;@media(min-width:768px){padding-inline:2rem}@media(min-width:1024px){padding-inline:3.5rem;font-size:2.5rem;max-width:30ch}@media(min-width:1490px){font-size:2.75rem}@media(min-width:1600px){font-size:3rem}}.post-header-img{width:100%;max-width:100%;height:100%;object-fit:cover;object-position:center center;padding:0;border-radius:1rem;@media(min-width:768px){min-height:100%}@media(min-width:1024px){height:100%;object-fit:fill}@media(min-width:1600px){height:65vh;object-fit:fill}@media(min-width:1800px){object-fit:cover}}.img-wrapper{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;padding:0}.img-wrapper:before{content:"";position:absolute;inset:0;z-index:7;background:linear-gradient(to bottom,transparent 20%,rgba(0,0,0,.8) 100%);@media(min-width:768px){background:linear-gradient(to bottom,transparent 70%,rgba(0,0,0,.8) 100%)}}.img-wrapper:after{animation:changeOpacity .5s ease-out .5s forwards;opacity:0}}.img-wrapper[data-astro-cid-wc7k3la2]:after{content:"";background-image:url(/images/resources/vhs-texture.png);display:block;mix-blend-mode:multiply;inset:0;position:absolute;pointer-events:none;overflow:hidden;opacity:.1;z-index:9}.logo-sign-container[data-astro-cid-wc7k3la2]{display:none;align-items:center;justify-content:center;background-color:var(--tagBackground);border:1px solid var(--borderTagColor);width:2.25rem;height:2.25rem;bottom:.75rem;right:.75rem;position:absolute;border-radius:50%;z-index:8;@media(min-width:1024px){display:flex}@media(min-width:1200px){width:2.25rem;height:2.25rem;bottom:1.125rem;right:1.125rem}@media(min-width:1440px){width:2.75rem;height:2.75rem;bottom:1.5rem;right:1.5rem}@media(min-width:1600px){bottom:1.5rem;right:3.5rem}.logo-sign{mix-blend-mode:color-dodge;width:1.5rem}}.project-title[data-astro-cid-wc7k3la2].animated,.post-title[data-astro-cid-wc7k3la2].animated,.project-header-img[data-astro-cid-wc7k3la2].animated{animation:fadeInUp .5s ease-out .4s forwards}@keyframes changeOpacity{0%{opacity:0}to{opacity:.2}}.main-button[data-astro-cid-eq2huavs]{background:var(--coalColor);border-radius:1rem;box-shadow:inset 0 -6px 18px -6px #02071600,inset #d9d9d94d -1px -1px 6px,inset 12px 0 12px -6px #02071600,inset -12px 0 12px -6px #02071600,var(--coalColor) -1px -1px 6px 0;border:solid 2px var(--secondBlack);cursor:pointer;padding:.7em 1.7em;outline:none;transition:all .3s;user-select:none;position:relative;display:inline-block;text-decoration:none;text-align:center;font-size:.7rem;width:100%;max-width:fit-content;@media(min-width:360px){font-size:1.25rem}@media(min-width:768px){font-size:1.5rem}.text-btn{color:var(--orange);font-weight:700;margin:auto;transition:all .3s;width:fit-content;letter-spacing:0px;font-size:1.25rem;font-family:var(--textFont);display:block;letter-spacing:1px}&:active .text-btn{transform:scale(.9)}@media(min-width:1200px){&:hover{box-shadow:inset 0 -6px 18px -6px #020716,inset 0 6px 18px -6px #020716,inset 12px 0 12px -6px #02071600,inset -12px 0 12px -6px #02071600,var(--coalColor) -1px -1px 6px 0}&:hover .text-btn{transform:scale(.9)}&:active .text-btn{transform:scale(.8)}}&:active{box-shadow:inset 0 -12px 12px -6px #020716,inset 0 12px 12px -6px #020716,inset 12px 0 12px -6px #020716,inset -12px 0 12px -6px #020716,var(--coalColor) -1px -1px 6px 0}}.main-project-container[data-astro-cid-lez6zhug]{display:flex;flex-direction:column-reverse;gap:2px;width:100%;@media(min-width:1024px){flex-direction:row}.markdown-content{padding-inline:1rem;padding-block:2rem 5rem;width:100%;background-color:var(--blogElementBg);position:relative;@media(min-width:768px){padding-inline:2rem}@media(min-width:1024px){padding-inline:3.5rem;width:70%}h2,h3,h4{color:var(--mainWhite);font-family:var(--textFont);font-size:1.5rem;line-height:1.85rem;color:var(--blogTitleColor);margin-block-start:2rem;@media(min-width:1024px){margin-block-start:3rem}}h3{font-size:1.25rem}p{font-size:1rem;color:var(--blogTextColor);max-width:50ch;font-size:1.125rem;line-height:1.75rem}img{display:block;border-radius:1rem;object-fit:cover;width:100%;margin-block:4rem;-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%);mask-image:linear-gradient(to bottom,black 70%,transparent 100%);border:solid 1px var(--secondBlack);@media(min-width:1490px){min-width:680px;max-height:400px;aspect-ratio:16 / 16}}pre{padding:1rem;border-radius:1rem;width:fit-content;text-wrap:wrap;max-width:65ch;border:3px solid var(--borderTagColor)}li{color:var(--blogTextColor);width:fit-content;line-height:1.75rem;max-width:60ch;font-size:1.125rem;margin-block:1rem}.like-btn-container{position:absolute;top:2rem;right:4rem;width:100%;display:flex;justify-content:flex-end;transition:transform .4s ease-in-out}}.aside-project-info{width:100%;padding:1rem;background-color:var(--blogElementBg);@media(min-width:768px){padding:2rem}@media(min-width:1024px){position:sticky;top:0;width:30%;overflow-y:auto;height:96.75vh;align-self:flex-start}@media(min-width:1440px){overflow-y:hidden}.aside-project-info-section{margin-block-start:2rem;display:flex;flex-direction:column;gap:1rem;@media(min-width:1024px){margin-block-start:3rem}.heading-list{margin:0;display:none;display:flex;flex-direction:column;gap:.25rem;li a{color:var(--headingLinks);font-size:.85rem;user-select:none;-webkit-user-drag:none;user-drag:none;transition:color .3s ease;&:hover{color:var(--orange)}}.active-heading{color:var(--mainWhite);font-weight:900}}.role-tags-container{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;position:relative;margin-block-start:.5rem}.text-info-section{color:var(--blogTextColor);font-size:.85rem;margin:0}&.heading-content-section{display:none;@media(min-width:1024px){display:flex}}&.date-section,&.topic-section{margin-block-end:3rem}}}}