.portfolio-page{max-width:1280px;margin:0 auto;padding:12rem 1.5rem}.fade-in{animation:.6s forwards fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.portfolio-header{text-align:center;max-width:768px;margin:0 auto 4rem}.portfolio-header h1{text-transform:uppercase;letter-spacing:.3em;color:#111;margin-bottom:1.5rem;font-size:1.875rem;font-weight:300}@media (min-width:768px){.portfolio-header h1{font-size:2.25rem}}.dark .portfolio-header h1{color:#fff}.portfolio-header p{color:#777;font-size:.875rem;line-height:1.7}@media (min-width:768px){.portfolio-header p{font-size:1rem}}.dark .portfolio-header p{color:#aaa}.portfolio-grid{-moz-column-count:1;column-count:1;-moz-column-gap:2rem;column-gap:2rem}@media (min-width:768px){.portfolio-grid{-moz-column-count:2;column-count:2}}@media (min-width:1024px){.portfolio-grid{-moz-column-count:3;column-count:3}}.portfolio-item{-moz-column-break-inside:avoid;break-inside:avoid;cursor:pointer;margin-bottom:2rem}.portfolio-image{background:0 0;justify-content:center;align-items:flex-start;height:509px;margin-bottom:.75rem;display:flex;position:relative;overflow:hidden}.dark .portfolio-image{background:#1e1e1e}.portfolio-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:auto;transition:transform .7s}.portfolio-image:hover img{transform:scale(1.05)}.portfolio-overlay{opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.portfolio-overlay span{text-transform:uppercase;letter-spacing:.2em;color:#fff;border:1px solid #fff;padding:.75rem 1.5rem;font-size:.75rem;transition:all .3s}.portfolio-overlay span:hover{color:#000;background:#fff}.portfolio-image:hover .portfolio-overlay{opacity:1}.portfolio-meta{justify-content:space-between;align-items:baseline;display:flex}.portfolio-meta h3{color:#111;font-size:.875rem;font-weight:500;font-family:var(--font-sans),serif}.dark .portfolio-meta h3{color:#fff}.portfolio-meta span{color:#999;font-size:1rem;font-style:italic}.dark .portfolio-meta span{color:#777}.portfolio-cta{border-top:1px solid #eee;flex-direction:column;align-items:center;gap:2rem;margin-top:5rem;padding-top:3rem;display:flex}.dark .portfolio-cta{border-top:1px solid #2a2a2a}@media (min-width:768px){.portfolio-cta{flex-direction:row;justify-content:space-between}}.cta-content{text-align:center}@media (min-width:768px){.cta-content{text-align:left}}.cta-content h2{text-transform:uppercase;letter-spacing:.15em;color:#111;margin-bottom:.5rem;font-size:1.25rem;font-weight:300}.dark .cta-content h2{color:#fff}.cta-content p{color:#777;max-width:420px;font-size:.875rem}.dark .cta-content p{color:#aaa}.cta-button{text-transform:uppercase;letter-spacing:.2em;color:#111;border:1px solid #111;padding:.75rem 2rem;font-size:.75rem;text-decoration:none;transition:all .3s;display:inline-block}.cta-button:hover{color:#fff;background:#111}.dark .cta-button{color:#fff;border-color:#fff}.dark .cta-button:hover{color:#111;background:#fff}