.project-hub>.large-container{align-items:center;display:flex;flex-direction:column;gap:2rem}@media (min-width:640px){.project-hub>.large-container{flex-direction:row;gap:2rem}}@media (min-width:1180px){.project-hub>.large-container{gap:8rem}}.project-hub>.large-container .left-col,.project-hub>.large-container .right-col{flex:1}@media (max-width:639px){.project-hub>.large-container .left-col,.project-hub>.large-container .right-col{width:100%}}.project-hub>.large-container .left-col{position:relative}@media (min-width:640px){.project-hub>.large-container .left-col{padding-bottom:3rem}}@media (max-width:639px){.project-hub>.large-container .left-col{width:100%}}.project-hub>.large-container .left-col .sticker{display:none;height:8.4375rem;position:absolute;right:-4rem;top:-5rem;transform:rotate(-15deg);width:auto;z-index:1}@media (min-width:1180px){.project-hub>.large-container .left-col .sticker{display:block}}.project-hub>.large-container .left-col .img-wrap{aspect-ratio:6/4.5;border-radius:1.25rem;overflow:hidden;position:relative}.project-hub>.large-container .left-col .img-wrap img{font-family:object-fit;height:100%;left:0;object-fit:cover;object-position:50% 50%;opacity:0;position:absolute;top:0;transition:all .3s ease-in-out;width:100%}.project-hub>.large-container .left-col .img-wrap img.active{opacity:1}.project-hub>.large-container .right-col .project-wrap .project-item{border-bottom:1px solid rgba(0,0,0,.2);cursor:pointer;display:block;opacity:.5;padding-bottom:1.5rem;padding-top:1.5rem;transition:all .3s ease-in-out}.project-hub>.large-container .right-col .project-wrap .project-item .project-head{display:flex;justify-content:space-between}.project-hub>.large-container .right-col .project-wrap .project-item .project-head h3{margin:0}@media (max-width:1179px){.project-hub>.large-container .right-col .project-wrap .project-item .project-head h3{font-size:1.5rem}}.project-hub>.large-container .right-col .project-wrap .project-item .project-content{display:none;padding-bottom:.5rem}.project-hub>.large-container .right-col .project-wrap .project-item .project-content.active{display:block}.project-hub>.large-container .right-col .project-wrap .project-item .project-content>p{margin-bottom:2rem;padding-top:.5rem}@media (min-width:1180px){.project-hub>.large-container .right-col .project-wrap .project-item .project-content>p{font-size:1.25rem}}.project-hub>.large-container .right-col .project-wrap .project-item .link-wrap{display:block;margin-top:1.5rem;text-align:right}@media (min-width:1180px){.project-hub>.large-container .right-col .project-wrap .project-item .link-wrap{display:none}}.project-hub>.large-container .right-col .project-wrap .project-item .link-wrap button{padding:0}.project-hub>.large-container .right-col .project-wrap .project-item.disabled{max-height:160px;overflow:hidden}.project-hub>.large-container .right-col .project-wrap .project-item.active{max-height:1175px;opacity:1}.project-hub>.large-container .right-col .project-wrap .project-item.active .project-head svg{height:15px;width:15px}@media (min-width:1180px){.project-hub>.large-container .right-col .project-wrap .project-item.active .project-head svg{height:30px;width:30px}}.pupil-animation{animation:pupil1 2s ease-in-out infinite}@keyframes pupil1{0%{transform:translate(0)}50%{transform:translate(-1px,-13px)}to{transform:translate(0)}}
/*# sourceMappingURL=project-hub.css.map*/