@import url("https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200;0,300;0,500;0,600;0,700;1,300;1,400&display=swap");body{margin:0;min-height:100vh;font-family:"Crimson Pro",serif}body.has-modal{overflow:hidden}[v-cloak]{display:none}body *{box-sizing:border-box}h3{font-size:1.5em;font-weight:500}p{font-weight:300;line-height:1.2}strong{font-weight:600}.w-light{font-weight:200}.project-title{font-weight:500;text-transform:uppercase;margin:0}[role="button"]{cursor:pointer}.tags{display:block}.tags span{color:#ff006b;font-weight:400;font-style:italic}.tags span:not(:last-child)::after{content:', '}.tags span:hover{opacity:0.8}.tags span.active-tag{color:#00d2d6}.site-header{display:flex;align-items:flex-start;justify-content:space-between;position:fixed;top:0;left:0;width:100%;height:200px;line-height:1.3;background-image:url("../assets/splash.svg");background-repeat:no-repeat;background-size:cover;background-position:bottom left;padding:15px 30px 0;pointer-events:none}.site-header>*{pointer-events:all}.site-header .overflow-button{display:none;position:absolute;top:30px;right:20px;width:30px;height:30px;z-index:1;transition:width 200ms, height 200ms, top 200ms, right 200ms}.site-header .overflow-button:hover{opacity:0.8}.site-header .close-menu{top:15px;right:3%;width:20px;height:20px}.site-header .sesh-logo{display:block;width:95px}.site-header nav{font-size:1.5em;font-weight:200;text-align:right}.site-header nav .menu{max-width:500px;margin-left:30px}.site-header nav .menu [role="button"]{text-decoration:underline #ddd}.site-header nav .menu .active{color:#ff006b;font-style:italic}main .portfolio-grid{display:grid;grid-template-columns:repeat(3, 32%);gap:24px 2%;padding:4% 2% 1%}main .portfolio-grid .image-pane{width:100%;height:300px;overflow:hidden;margin-bottom:5px}main .portfolio-grid .image-pane img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}main .portfolio-grid .project-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main .portfolio-grid .tags{float:right;margin-top:5px}main .detail-modal{display:block;position:fixed;top:0;width:100vw;height:100vh;background-color:#fff;border:none;opacity:1;padding:5%}main .detail-modal.fade-modal{opacity:0}main .detail-modal .close-modal{display:block;position:absolute;top:15px;right:30px;width:30px;height:30px;cursor:pointer}main .detail-modal .close-modal:hover{opacity:0.5}main .detail-modal>div{display:flex;align-items:flex-start;width:100%;height:100%;overflow-y:auto}main .detail-modal .linkedin-logo{display:block;width:50px;height:auto;margin:30px 0 0 auto}main .detail-modal .linkedin-logo img{width:100%;height:100%}main .detail-modal section{flex:none;display:flex;flex-direction:column;width:30%;height:100%;margin-right:3%}main .detail-modal section .project-title+p{margin-top:0.5em}main .detail-modal section .tags{margin-top:auto;text-align:right}main .detail-modal .image-area{flex:auto;display:flex;align-items:center;width:100%;height:100%}main .detail-modal .image-area>img{flex:none;width:30px;height:30px;cursor:pointer}main .detail-modal .image-area>img:hover{opacity:0.5}main .detail-modal .image-area>img.next-arrow{transform:rotate(180deg)}main .detail-modal .image-area .image-pane{flex:auto;position:relative;height:100%;overflow:hidden}main .detail-modal .image-area .image-pane>img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}@media only screen and (max-width: 1025px){main .portfolio-grid{padding-top:12%}}@media only screen and (max-width: 800px){.site-header{padding-left:2%}main .portfolio-grid{grid-template-columns:1fr 1fr;padding-top:16%}main .detail-modal{height:auto;min-height:100vh;padding:0}main .detail-modal .close-modal{top:auto;bottom:10px;right:10px;width:20px;height:20px}main .detail-modal>div{flex-direction:column-reverse}main .detail-modal section{flex:auto;width:100%;height:auto;padding:20px 30px 10px;margin:0}main .detail-modal section p{-moz-column-count:2;column-count:2}main .detail-modal section .tags{margin-top:0}main .detail-modal .image-area{flex:none;height:50vh}}@media only screen and (max-width: 500px){.site-header .overflow-button{display:block}.site-header nav{align-items:center}.site-header nav strong{font-weight:700}.site-header nav .menu{position:absolute;top:0;left:100vw;width:100%;height:100vh;color:#fff;font-size:1.8em;font-weight:200;background-color:#ff006b;padding:10% 3% 3%;margin:0;transition:left 200ms}.site-header nav .menu.overflow-open{left:0}.site-header nav .menu .active{color:#00d2d6}main .portfolio-grid{grid-template-columns:1fr;padding-top:29%;padding-bottom:10%}main .portfolio-grid .project-title{white-space:initial}main .detail-modal{height:100vh;padding:10px}main .detail-modal section p{-moz-column-count:1;column-count:1;padding-bottom:30px}}

/*# sourceMappingURL=sesh.css.map */