section.portfolio{padding:calc(40 / var(--size) * var(--size-end)) 0}@media (max-width:767px){section.portfolio{padding:0}}section.portfolio .masonry{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}section.portfolio .block{width:33.3333333333%;padding:calc(32 / var(--size) * var(--size-end)) calc(30 / var(--size) * var(--size-end));position:relative;border-top:1px solid var(--sand);border-right:1px solid var(--sand)}@media (max-width:767px){section.portfolio .block{width:100%;border-right:0;padding:calc(32 / var(--size) * var(--size-end)) 0}section.portfolio .block:first-child{border-top:0}}@media (min-width:768px){section.portfolio .block:nth-child(3n+3){border-right-color:transparent}section.portfolio .block:first-child,section.portfolio .block:nth-child(2),section.portfolio .block:nth-child(3){border-top-color:transparent}}@media (min-width:1025px){section.portfolio .block:hover:after{-webkit-box-shadow:inset 0 0 0 calc(10 / var(--size) * var(--size-end)) var(--sand);box-shadow:inset 0 0 0 calc(10 / var(--size) * var(--size-end)) var(--sand)}section.portfolio .block:hover .btn-alt{opacity:1}}section.portfolio .block:after{content:"";display:block;position:absolute;width:calc(100% + 1px);height:calc(100% + 1px);top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-box-shadow:inset 0 0 0 0 var(--sand);box-shadow:inset 0 0 0 0 var(--sand);-webkit-transition:-webkit-box-shadow 0.5s ease;transition:-webkit-box-shadow 0.5s ease;transition:box-shadow 0.5s ease;transition:box-shadow 0.5s ease,-webkit-box-shadow 0.5s ease}section.portfolio .block a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}section.portfolio .block .image{background:var(--cream);margin-bottom:calc(40 / var(--size) * var(--size-end))}section.portfolio .block .image img{mix-blend-mode:darken}section.portfolio .block .intro{font-weight:300;font-size:calc(16 / var(--size) * var(--size-end));line-height:150%;margin-top:calc(8 / var(--size) * var(--size-end))}@media (max-width:1023px) and (min-width:768px){section.portfolio .block .intro{font-size:calc(20 / var(--size) * var(--size-end))}}section.portfolio .block .btn-alt{display:inline-block;margin-top:calc(20 / var(--size) * var(--size-end));opacity:0;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease}@media (max-width:1199px){section.portfolio .block .btn-alt{opacity:1;color:#A6967B}}@media (min-width:768px){section.blog+section.portfolio{padding-top:calc(70 / var(--size) * var(--size-end))}}