section.portfolio-page{padding-inline:var(--standard-section-padding-x)}section.portfolio-page .top-content{display:grid;margin-bottom:var(--spacing-lg)}@media(min-width: 62rem){section.portfolio-page .top-content{grid-template-columns:1fr 1fr}}section.portfolio-page .top-content h1{line-height:.8;text-transform:uppercase;margin-bottom:var(--spacing-lg)}section.portfolio-page .top-content p{grid-row:2;max-width:500px}section.portfolio-page .top-content .filter{grid-row:3;margin-top:var(--spacing-md)}@media(min-width: 62rem){section.portfolio-page .top-content .filter{margin-top:unset;grid-row:2}}section.portfolio-page .top-content .filter h3{color:var(--text-color-violet);width:fit-content;font-family:var(--font-family-special);border-bottom:2px solid currentColor;line-height:90.2%;padding-bottom:var(--spacing-xs);text-transform:uppercase}section.portfolio-page .top-content .filter .buttons{display:flex;margin-top:var(--spacing-xs);gap:var(--spacing-xs);flex-wrap:wrap}section.portfolio-page .posts{display:grid;gap:var(--spacing-md)}@media(min-width: 62rem){section.portfolio-page .posts{grid-template-columns:repeat(3, 1fr)}}section.portfolio-page .posts .tease{position:relative;overflow:hidden}section.portfolio-page .posts .tease:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;position:absolute;z-index:2;background-color:rgba(0,0,0,.4)}section.portfolio-page .posts .tease .heading{position:absolute;top:0;left:0;margin-inline:auto;width:100%;height:100%;z-index:2;color:var(--text-color-primary);display:flex;justify-content:center;align-items:center;text-align:center}section.portfolio-page .posts .tease:before,section.portfolio-page .posts .tease .heading{opacity:0;transition:opacity var(--transition-duration-fast) var(--transition-timing-function)}section.portfolio-page .posts .tease:hover:before,section.portfolio-page .posts .tease:hover .heading{opacity:1}section.portfolio-page .posts .tease .img-wrapper{width:100%;height:100%;z-index:1}section.portfolio-page .posts .tease .img-wrapper img{width:100%;height:100%;object-fit:cover;object-position:center;aspect-ratio:4/3}section.portfolio-page .posts:not(:has(~.pagination-block)){margin-bottom:var(--spacing-md)}/*# sourceMappingURL=portfolio-page.css.map */