.hexagonal-tessellation{display:grid;list-style-type:none;position:relative;width:100%;grid-template-columns:var(--grid-columns);grid-gap:var(--grid-gap-row,40px) var(--grid-gap-column,80px);padding-inline-start:0px;margin-top:100px}.hexagonal-tile{filter:drop-shadow(0 0 20px rgba(0, 0, 0, .5));aspect-ratio:1.155;position:relative;grid-column:var(--item-grid-column);grid-row:var(--item-grid-row)}.tile-content{position:absolute;width:100%;height:100%;flex-direction:column;background-color:var(--primary-bg-color);-webkit-clip-path:polygon(0% 50%,25% 0%,75% 0%,100% 50%,75% 100%,25% 100%);clip-path:polygon(0% 50%,25% 0%,75% 0%,100% 50%,75% 100%,25% 100%);transition:color 1s}.tile-content:hover .project-image{opacity:.08;transition:opacity 1s ease-in-out}.tile-content .project-image{display:block;position:relative;width:100%;z-index:2;opacity:1;transition:opacity 1s ease-in-out}.tile-content .project-image img{width:100%}.tile-content .project-description{width:100%;height:100%;position:absolute;top:0;z-index:1;flex-direction:column;align-items:center;background-color:var(--tile-bg-color);color:var(--tile-font-color);padding:30px 10px;text-align:center}.project-description-brief,.project-description-details,.project-description-title{font-family:primaryFontRegular,"Lucida Sans","Trebuchet MS"}.project-description-title{width:60%;font-size:calc(1.5rem * var(--font-size-ratio));font-weight:700}.project-description-brief{width:80%;font-size:calc(1rem * var(--font-size-ratio))}.project-description-details{width:70%;font-size:calc(.875rem * var(--font-size-ratio))}.project-description-details:last-of-type{width:60%}