.experiences h1+p{color:#011627;font-size:1.125rem}.experiences .get-in-touch{color:#011627;font-size:4.5rem;position:absolute;top:3.75rem;right:2.5rem}.experiences .projects-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.experiences .project-summary{background-color:#fff;border-radius:.625rem;flex-direction:column;padding:1.25rem;text-decoration:none;display:flex}.experiences .project-summary h3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.experiences .project-summary p{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:0;display:-webkit-box;overflow:hidden}.experiences .screenshots-container{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.875rem;display:grid}.experiences .screenshots-container .screenshot-container{flex-direction:column;display:flex}.experiences .screenshots-container .screenshot-container p{margin-top:unset}.experiences .screenshots-container img{object-fit:cover;object-position:center top;cursor:pointer;width:100%;height:25rem;margin-bottom:.3125rem}@media (max-width:650px){.experiences .get-in-touch{display:none}}dialog{background-color:#fff;border:0;flex-direction:column;max-height:92vh;padding:3.125rem;display:none;position:fixed;inset:4vh 4vw;overflow-y:auto}dialog[open]{z-index:11;display:flex}dialog[open] .close-button{display:block}dialog[open]+.modal-mask{z-index:10;display:block}dialog img{width:100%}dialog+.modal-mask{background-color:#000000e6;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}dialog .close-button{border:unset;cursor:pointer;background-color:#fff;border-radius:100%;width:3.125rem;height:3.125rem;display:none;position:fixed;top:1.5625rem;right:1.5625rem}dialog .close-button span{flex-direction:column;align-self:center;font-size:2.5rem;display:flex}
