.project-details-section{position:fixed;height:calc(100*var(--vh));width:0;padding:4rem;opacity:0;transition:opacity .6s ease-in-out .1s;pointer-events:none;z-index:90;color:#fff;display:flex;flex-direction:column;gap:1rem}@media(max-width:799px){.project-details-section{padding:2rem 1rem;height:calc(55*var(--vh));overflow-x:hidden}}.project-details-section[data-project-id="4"] .project-title{text-align:center}.project-details-section[data-project-id="4"] .project-subtitle{display:flex;flex-direction:column}.project-details-section[data-project-id="4"] .project-subtitle span{text-align:center}.project-details-section.centered{flex-wrap:wrap;max-width:100%}.project-details-section.centered>*{flex:1 1;max-width:50%}.project-details-section.centered hr{flex-basis:100%;height:100%;width:1px;opacity:0}.project-details-section.centered h3{flex:1 1 auto}.project-details-section.centered .project-cta{flex:0 1;width:100%}.project-details-section.centered .project-hashtags-fs{flex:0 1}@media(max-width:1200px){.project-details-section.centered{flex-wrap:nowrap}.project-details-section.centered>*{max-width:100%}}.project-details-section hr{display:none}.project-details-section h3{font-size:3.4vw;line-height:1.1}@media(max-width:799px){.project-details-section h3{font-size:12vw;text-align:center}}.project-details-section .project-subtitle{font-size:1.4rem;font-weight:400}.project-details-section .project-body{flex:1 1}.project-details-section ul{display:flex;flex-direction:row;gap:2rem;text-transform:uppercase;padding-left:1.2ch;flex-wrap:wrap;row-gap:.2rem}.project-details-section ul li{position:relative;color:var(--project-details-categories);font-size:1.1rem;white-space:nowrap}.project-details-section ul li:before{content:"#";position:absolute;left:-1.2ch;bottom:0}.project-details-section .project-cta{display:flex;flex-direction:row;gap:2rem;width:100%;align-items:center}@media(max-width:799px){.project-details-section .project-cta{width:100%;height:6ch;flex:1 0 auto;margin-top:2rem;margin-bottom:1rem}}.project-details-section .project-cta button{text-transform:uppercase;font-size:1rem;height:3rem;border-radius:.4rem;background:hsla(0,0%,100%,.2);color:#fff;border:none;font-weight:400;width:100%}.project-details-section .project-cta button:hover{cursor:pointer}@media(max-width:799px){.project-details-section .project-cta button{height:100%;width:100%;font-size:1rem}}.project-details-section .project-hashtags-fs{display:flex;flex-direction:row;justify-content:space-between}@media(max-width:799px){.project-details-section .project-hashtags-fs{flex-wrap:wrap;row-gap:1.4rem}.project-details-section .project-hashtags-fs ul{flex-wrap:wrap;row-gap:.4ch}}