@import "https://fonts.googleapis.com/css2?family=Montserrat&display=swap";:root{--extraLarge:1.8rem;--large:1.5rem;--medium:1.25rem;--small:1rem;--extraSmall:.9rem;--extraExtraSmall:.8rem;--navHeight:80px;--mainLeftPadding:30px;--mainRightPadding:10%;--pageWidth:786px;--pageWidthMobile:100%;--pagePaddingX:100px;--spacingExtraExtraSmall:3px;--spacingExtraSmall:6px;--spacingSmall:12px;--spacingMedium:18px;--spacingLarge:24px;--spacingExtraLarge:36px;--spacingExtraExtraLarge:48px;--spacingBlockGap:96px;--artworkImageVerticalHeight:650px;--artworkImageHorizontalWidth:700px;--artworkImageTabletVerticalHeight:650px;--artworkImageTabletHorizontalWidth:500px;--artworkImageModalVerticalHeight:90%;--artworkImageModalHorizontalWidth:55%;--artworkImageModalTabletVerticalHeight:80%;--artworkImageModalTabletHorizontalWidth:85%;--detailsWidth:275px;--detailsTabletWidth:250px;--backgroundColor:white;--fontColor:#333}*{margin:0;padding:0}body{box-sizing:border-box;background-color:var(--backgroundColor);width:100%;color:var(--fontColor);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Montserrat,Tahoma,Verdana,Arial,sans-serif;font-weight:400}h1{font-size:var(--extraLarge);margin:0;padding:0;font-weight:400}h2{margin:0 0 var(--spacingExtraLarge);font-size:var(--large);padding:0;font-weight:400}h3{font-size:var(--small);font-weight:400}h4{font-size:var(--extraSmall);font-weight:400}h5{font-size:var(--extraExtraSmall);font-weight:400}p{font-size:var(--extraSmall);line-height:1.6}a,a:hover,a:active,a:visited{color:var(--fontColor);text-decoration:none}hr{background-color:#777;border:0;height:.75px;margin-bottom:5px}.bio-container{margin-bottom:var(--spacingBlockGap);text-align:justify;text-justify:inter-word;width:100%}.bio-container p{font-size:var(--small)}.cv-container{text-align:left;width:100%}.cv-container .row{padding-bottom:var(--spacingLarge);width:100%;font-size:var(--small);flex-wrap:wrap;display:flex}.cv-container .row.heading{margin-top:var(--spacingLarge)}.cv-container .row.heading h3{font-size:var(--medium)}.cv-container .row .left-column{width:200px}.cv-container .row .right-column{width:calc(100% - 200px)}@media only screen and (width<=600px){.cv-container .row .left-column{width:100px}.cv-container .row .right-column{width:calc(100% - 100px)}}.contact-link{text-align:left;margin-bottom:50px}.contact-link a{font-size:var(--small)}.portrait{margin-top:var(--spacingExtraSmall);margin-bottom:var(--spacingExtraExtraLarge);box-sizing:border-box;width:300px;min-width:250px}.portrait img{width:100%;height:auto}.works-container{padding:var(--spacingExtraLarge) 0;width:calc(var(--artworkImageHorizontalWidth) + var(--detailsWidth));box-sizing:border-box;text-align:left;margin:0 auto}@media only screen and (width<=1000px){.works-container{width:100%;padding:var(--spacingLarge) var(--spacingLarge)}}main .page-container{padding:var(--spacingExtraLarge) var(--pagePaddingX);width:var(--pageWidth);box-sizing:border-box;text-align:left}@media only screen and (width<=800px){main .page-container{padding-left:var(--spacingLarge);width:var(--pageWidthMobile)}}@media only screen and (width<=600px){main .page-container{padding:var(--spacingLarge) var(--spacingLarge);display:block}}.artwork{margin-bottom:calc(4 * var(--spacingBlockGap));box-sizing:border-box;text-align:left;flex-wrap:wrap;width:100%;display:flex}.artwork button{text-align:left;cursor:pointer;background-color:#0000;border:0;margin:0;padding:0}.artwork.vertical img{height:var(--artworkImageVerticalHeight);width:auto}.artwork.horizontal img{height:auto;width:var(--artworkImageHorizontalWidth)}.artwork img.no-modal{display:none}.artwork dialog{box-sizing:border-box;background-color:#0000;border:0;width:100vw;height:100vh;overflow:hidden}.artwork.vertical dialog button{box-sizing:border-box;text-align:center;border:0;flex-flow:row;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}.artwork.horizontal dialog button{box-sizing:border-box;text-align:center;border:0;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}.artwork.vertical dialog button img{height:var(--artworkImageModalVerticalHeight);width:auto}.artwork.horizontal dialog button img{height:auto;width:var(--artworkImageModalHorizontalWidth)}.artwork dialog button .details{color:#fff;font-weight:700}.artwork.vertical dialog button .details{padding:10% 60px 10% var(--spacingMedium);box-sizing:border-box;flex-flow:column;justify-content:space-between;align-items:flex-start;height:100%;display:flex}.artwork.horizontal dialog button .details{margin-top:var(--spacingSmall);padding:0 var(--spacingExtraExtraSmall);width:var(--artworkImageModalHorizontalWidth);box-sizing:border-box;flex-wrap:nowrap;justify-content:space-between;display:flex}.artwork dialog button .details p{font-family:Montserrat,Tahoma,Verdana,Arial,sans-serif;font-size:var(--extraSmall);text-align:left;font-weight:400}.artwork .artwork-details{padding-left:var(--spacingExtraExtraLarge);height:auto;width:var(--detailsWidth);box-sizing:border-box;color:var(--fontColor);flex-direction:column;justify-content:flex-end;display:flex}.artwork .artwork-details p{color:var(--fontColor);text-align:left;margin:0;padding:0;line-height:1.8}.artwork button.test-button{border:1px solid #000}::backdrop{background-color:#000c;margin:0;padding:0}@media only screen and (width<=1000px){.artwork.vertical img{height:var(--artworkImageTabletVerticalHeight)}.artwork.horizontal img{width:var(--artworkImageTabletHorizontalWidth)}.artwork dialog button{height:var(--artworkImageModalTabletVerticalHeight)}.artwork.horizontal dialog button img,.artwork.horizontal dialog button .details{width:var(--artworkImageModalTabletHorizontalWidth)}.artwork .artwork-details{padding-left:var(--spacingLarge);width:var(--detailsTabletWidth)}}@media only screen and (width<=800px){.artwork{display:block}.artwork .artwork-details{margin-top:var(--spacingExtraSmall);padding-left:var(--spacingExtraExtraSmall);width:100%}}@media only screen and (width<=600px){.artwork button.modal-trigger{display:none}.artwork img.no-modal{display:block}.artwork.vertical img,.artwork.artwork.horizontal img{width:100%;height:auto}.artwork dialog{display:none}}footer{padding-left:var(--mainLeftPadding);box-sizing:border-box;width:100%;height:100px}@media only screen and (width<=600px){footer{padding:0 var(--mainPaddingMobile)}}nav{padding:0 var(--mainRightPadding) 0 var(--mainLeftPadding);min-height:var(--navHeight);box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;display:flex}nav .name-section{height:100%;margin-right:var(--spacingLarge);padding:var(--spacingMedium) 0;flex-grow:1,;justify-content:flex-start;align-items:center;display:flex}nav .link-section{width:350px;height:100%;padding:var(--spacingMedium) 0;box-sizing:border-box;flex-wrap:nowrap;justify-content:space-between;display:flex}nav .link-section .link-block{box-sizing:border-box;height:100%;font-size:var(--small);justify-content:center;align-items:center;display:flex}nav .link-section .link-block a,nav .link-section .link-block a:hover,nav .link-section .link-block a:active,nav .link-section .link-block a:visited{font-size:var(--small)}@media only screen and (width<=900px){nav .link-section{width:200px}}@media only screen and (width<=600px){nav{padding:0 var(--spacingLarge);height:auto}nav .link-section{width:200px}}
