.portfolio{padding:1rem 5% 4rem;background:#000}.portfolio-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem;margin-bottom:0}.portfolio-item{position:relative;overflow:hidden;aspect-ratio:16/9;background:#111;border-radius:1rem;cursor:pointer;grid-column:span 6}.portfolio-item.large{grid-column:span 12;aspect-ratio:21/9}.portfolio-video,.portfolio-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .8s cubic-bezier(.215,.61,.355,1),opacity .6s ease-in-out}.portfolio-video.video-loading{opacity:0}.portfolio-video.video-loaded{opacity:1}.portfolio-info{position:absolute;bottom:0;left:0;right:0;color:#fff;z-index:2;opacity:0;transform:translateY(0);transition:opacity .3s ease-out;padding:1.5rem;min-height:-moz-fit-content;min-height:fit-content;max-height:25%;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden}.portfolio-info h3{font-size:1rem;font-weight:400;margin:.15rem 0;letter-spacing:-.02em}.category{font-size:.7rem;opacity:.7;text-transform:uppercase;letter-spacing:.1em}.portfolio-item:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:30%;background:linear-gradient(to top,#0000004d,#0000);opacity:0;transition:opacity .6s ease}.portfolio-item:hover .portfolio-info{opacity:1;transform:translateY(0)}.portfolio-item:hover:after{opacity:1}.portfolio-quote{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.portfolio-quote .quote-text{font-size:.95rem;line-height:1.4;opacity:.8;font-weight:300;font-family:Playfair Display,serif;letter-spacing:.02em;font-style:italic;display:inline}.portfolio-quote .quote-attribution{display:inline;margin-left:.35rem;font-size:.85rem;opacity:.5;font-style:normal;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.portfolio-info{padding:1.5rem}.portfolio-info h3{font-size:1.25rem}.category{font-size:.8rem}}