.go-back-btn{font-weight:800;margin:2rem !important}.content{max-width:1200px;margin-top:1rem;margin-left:auto;margin-right:auto}.project-title{text-transform:uppercase;font-weight:800;font-size:1.75rem;margin:0;line-height:1.5rem;color:rgba(255, 255, 255, 0.4)}.project-name{text-transform:uppercase;font-weight:800;font-size:min(2.75rem, 10vw);margin:0;line-height:2.25rem}.project-description{font-weight:500;color:rgba(255, 255, 255, 0.6);font-size:1.2rem;max-width:550px}.project-title,.project-name,.project-description{margin-left:1rem;margin-right:1rem}.project-overview{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.project-overview>*{margin:1rem}.preview-images{--scale: calc(min(600, calc(var(--window-width) * 0.9)) / 600);position:relative;display:block;aspect-ratio:1.5;width:600px;height:calc(400px);transform:scale(var(--scale));margin-top:calc(calc(var(--scale) - 1) * 10rem);margin-bottom:calc(calc(var(--scale) - 1) * 8rem)}.images{display:flex;flex-wrap:wrap;width:min(40rem, 80vw);flex-grow:10;gap:0.5rem}.images .image{width:100%;height:auto}.images .image:not(:first-child){width:calc(100%/3 - 0.333rem);object-fit:cover;aspect-ratio:1}.technologies .value{color:rgba(255, 255, 255, 0.8);font-size:1.5rem;font-weight:800;text-transform:uppercase;margin-bottom:2rem}.technologies .value i{width:40px;color:rgba(255, 255, 255, 0.6)}.technologies .value>*{line-height:1.8rem;margin:0}.aside .fact .fact-title,.technologies .fact-title{color:rgba(255, 255, 255, 0.4);font-size:1.2rem;font-weight:800;text-transform:uppercase}.aside{width:15rem;flex-grow:1;display:flex;flex-direction:column;align-items:center}.aside .fact .fact-value,.aside .fact .fact-value>*{margin:0;color:rgba(255, 255, 255, 0.8);font-size:2rem;font-weight:800;text-transform:uppercase;line-height:1.75rem}.aside .fact .fact-value{transform:translateY(-12px)}.actions{margin-top:min(3rem, 4vw);margin-bottom:3rem}.actions>*{margin:1rem !important}.image-overlay{position:fixed;top:0;left:0;width:100%;height:100%;backdrop-filter:brightness(50%);transition:opacity 0.2s ease;display:flex;justify-content:space-between;align-items:center;z-index:10;pointer-events:none;opacity:0}.image-overlay.visible{opacity:1;pointer-events:unset}.image-overlay button{display:block;color:rgba(255, 255, 255, 0.8);border-color:transparent;font-size:2rem;background-color:transparent;padding:1rem;margin:1rem;cursor:pointer;opacity:1;transition:color 0.2s ease}.image-overlay button:not([disabled]):hover{color:white}.image-overlay button[disabled]{color:rgba(255, 255, 255, 0.3);cursor:default;border-color:transparent}.image-overlay .image{top:0;left:0;transform:translateX(calc(50vw - 50%)) translateY(calc(50vh - 50%)) scale(var(--device-scale))}.image-overlay .image:not(.is-visible){display:none}.go-back-btn{font-weight:800;margin:2rem}.speedometers{display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:1.2rem}.speedometer{position:relative;width:100px;height:100px;--progress: .87}.speedometer .dial{width:100px;height:50px;position:relative;overflow:hidden}.speedometer .dial .dial-progress-wrp{width:100px;height:50px;position:absolute;top:0;left:0;overflow:hidden;transform:rotateZ(calc(180deg + var(--progress) * 180deg));transform-origin:bottom}.speedometer .dial .dial-progress,.speedometer .dial .dial-background{position:absolute;width:100%;height:200%;border-radius:100%;mask-image:radial-gradient(circle at center, transparent 45%, black 46%)}.speedometer .dial .dial-background{background-color:rgba(255, 255, 255, 0.2)}.speedometer .dial .dial-progress{background-color:#eee}.speedometer .value{position:absolute;font-size:1.75rem;font-weight:bold;top:20%;left:50%;transform:translate(-50%, 0)}.speedometer .label{color:rgba(255, 255, 255, 0.7);font-weight:400;text-align:center;margin-top:4px;font-size:0.9rem}.speedometer .label a{transition:color 0.2s ease}.speedometer .label a:hover{color:#eee}