.project__page{width:100%;height:100dvh;position:relative}.back-button-container{z-index:900;position:fixed;top:1.5rem;left:1.5rem}.back-button{background-color:var(--black);color:var(--white);border-radius:var(--border-radius);border:1px solid var(--sky-blue);align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.back-button:hover{background-color:var(--dark-blue);transform:translate(-5px)}.back-button svg{width:1.2rem;height:1.2rem;color:var(--light-blue)}.project__image{z-index:800;justify-content:center;align-items:center;height:100%;transition:all .3s ease-in-out;display:flex;position:fixed;inset:0}.pswp__scroll-wrap{max-width:100%;padding:0}.project__image img{object-fit:contain;border-radius:8px;width:100%;max-width:700px;height:100%;max-height:fit-content;transition:all .3s ease-in-out;transform:translate(-208.558px)translateY(0)translateZ(0);box-shadow:0 5px 15px #0000004d}.project__image img:hover{transform:translate(-208.558px)translateY(0)translateZ(0)scale(1.02)}.project__buttons{z-index:900;pointer-events:none;gap:.5rem;display:flex;position:fixed;bottom:1rem;left:0;right:0}.buttons__container{pointer-events:all;background-color:var(--black);border-radius:var(--border-radius);gap:1.5rem;margin:0 auto;padding:.4rem;display:flex;transform:translate(-208.558px)translateY(0)translateZ(0)}.project__image-button{background-color:var(--dark-blue);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.3rem;height:2.3rem;transition:all .3s ease-in-out;display:flex}.project__image-button svg{color:var(--light-background);width:1.3rem;height:1.3rem}.project__image-button:hover{background-color:var(--dark-background);transform:scale(1.15)}.project__image-button:hover svg{color:var(--white)}.project__image .gallery-item{justify-content:center;align-items:center;display:flex}.project__image .gallery-item.active{display:flex}.project__aside-container{justify-content:flex-end;display:flex;position:absolute;inset:0;overflow:hidden scroll}.project__aside{z-index:900;background-color:var(--black);border-radius:var(--border-radius) 0 0 var(--border-radius);flex-direction:column;justify-content:space-between;gap:2rem;width:100%;min-width:25rem;max-width:30%;height:fit-content;min-height:100%;padding:2.3rem 2.6rem;display:flex;position:relative}.aside__move-top{z-index:100;font:inherit;border:none;padding:0;display:none}.aside__move-top svg{color:var(--light-background);width:1rem}[data-theme=dark] .aside__move-top svg{color:var(--dark-blue)}.aside__move-top:focus-visible{outline-offset:-3px;outline:3px solid #06283d}.aside__title{font-size:var(--step-1);text-transform:uppercase;border-bottom:5px solid var(--sky-blue);box-shadow:0 6px 3px -5px var(--sky-blue);margin-bottom:.5rem;font-weight:600}.aside__description{font-size:var(--step--1);font-weight:400}.aside__learn{font-size:var(--step--1);color:var(--white);margin-bottom:.5rem;font-weight:400}.aside__table{border-collapse:collapse;width:100%}.aside__tbody{width:100%}.aside__tr{border-bottom:3px solid var(--sky-blue);justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.5rem 0;display:flex}.aside__tr th{font-size:var(--step--1);color:var(--light-blue);text-align:left;text-transform:capitalize;font-weight:600}.aside__tr td{font-size:var(--step--1);color:var(--white);text-align:right;font-weight:500}.aside__footer{gap:1rem;width:100%;padding:0;display:flex}.aside__footer a{color:var(--white);font-size:var(--step-0);justify-content:center;align-items:center;gap:.5rem;font-weight:600;text-decoration:none;transition:all .2s ease-in-out;display:flex}.aside__footer a:hover{color:var(--light-blue);text-decoration:underline}.aside__footer a svg{color:var(--light-blue)}@media (width<=1100px){.back-button-container{top:1rem;left:1rem}.back-button{padding:.4rem .8rem;font-size:.9rem}.project__buttons{justify-content:center;bottom:6.5rem;left:0;right:0}.buttons__container{transform:none}.project__image{width:100%;transition:all .3s ease-in-out}.project__image img{height:fit-content;margin:0 auto;transition:all .3s ease-in-out;transform:none}.project__image img:hover{transform:scale(1.02)}.project__aside-container{width:100%;height:fit-content;overflow:none;z-index:900;transition:all .3s ease-in-out;position:fixed;inset:auto 0 0;transform:translateY(93%)}.project__aside-container:hover{transform:translateY(91%)}.project__aside{border-radius:var(--border-radius) var(--border-radius) 0 0;width:100%;max-width:100%;height:100%;min-height:auto;padding:1.3rem 1.6rem;overflow:auto}.aside__move-top{z-index:950;width:100%;height:1.3rem;font-size:var(--step-0);color:var(--black);background-color:var(--sky-blue);border-radius:var(--border-radius) var(--border-radius) 0 0;cursor:pointer;text-align:center;user-select:none;font-weight:600;transition:all .3s ease-in-out;display:block;position:absolute;top:0;right:0}.aside__move-top:hover{background-color:var(--light-blue);transform:scaleY(1.1)}.aside__move-top:active{background-color:var(--light-blue);transform:scaleY(1.2)}.aside__title{padding-top:.5rem}}@media (width<=480px){.back-button__text{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.back-button{padding:.4rem}.project__aside{min-width:fit-content;padding:1rem 1.3rem}.aside__tr td{font-size:var(--step--2)}.aside__footer a{font-size:var(--step--1)}}