.portfolio-intro{max-width:620px;color:var(--muted);margin:.8rem 0 0}.portfolio-heading{align-items:flex-end}.portfolio-social-link{font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-underline-offset:5px}.portfolio-gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:250px;gap:1rem}.portfolio-item{margin:0;position:relative;overflow:hidden;background:#17191a}.portfolio-feature{grid-column:span 2;grid-row:span 2}.portfolio-tall{grid-row:span 2}.portfolio-wide{grid-column:span 2}.portfolio-image-button{display:block;width:100%;height:100%;padding:0;border:0;background:#17191a;cursor:zoom-in;overflow:hidden}.portfolio-image-button img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .45s ease}.portfolio-feature img{object-position:center 42%}.portfolio-tall img{object-position:center 24%}.portfolio-wide img{object-position:center 34%}.portfolio-promo img{object-position:center}.portfolio-image-button:hover img,.portfolio-image-button:focus-visible img{transform:scale(1.035);filter:brightness(.88)}.portfolio-image-button:focus-visible{outline:3px solid var(--copper);outline-offset:-3px}.portfolio-item figcaption{position:absolute;left:0;right:0;bottom:0;padding:2.8rem 1rem 1rem;background:linear-gradient(transparent,#111315e8);color:#fff;pointer-events:none}.portfolio-item figcaption strong,.portfolio-item figcaption span{display:block}.portfolio-item figcaption strong{font:700 1.15rem 'Barlow Condensed';letter-spacing:.05em;text-transform:uppercase}.portfolio-item figcaption span{font-size:.68rem;color:#d0d0cc}.portfolio-permission-note{font-size:.72rem;color:var(--muted);margin-top:1.2rem}.portfolio-lightbox{width:min(94vw,1100px);height:min(92vh,900px);padding:0;border:0;background:#111315;color:#fff;overflow:hidden}.portfolio-lightbox::backdrop{background:#000d;backdrop-filter:blur(6px)}.portfolio-lightbox figure{height:100%;margin:0;display:grid;grid-template-rows:1fr auto}.portfolio-lightbox figure img{width:100%;height:100%;min-height:0;object-fit:contain}.portfolio-lightbox figure figcaption{padding:.8rem 4.5rem;text-align:center;font:700 1rem 'Barlow Condensed';text-transform:uppercase}.portfolio-lightbox-close,.portfolio-lightbox-nav{position:absolute;z-index:2;border:1px solid #ffffff44;background:#111315cc;color:#fff;cursor:pointer}.portfolio-lightbox-close{right:1rem;top:1rem;width:44px;height:44px;font-size:1.6rem}.portfolio-lightbox-nav{top:50%;translate:0 -50%;width:48px;height:58px;font-size:1.3rem}.portfolio-lightbox-prev{left:1rem}.portfolio-lightbox-next{right:1rem}@media(max-width:900px){.portfolio-gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:240px}.portfolio-feature{grid-column:span 2}.portfolio-wide{grid-column:span 2}.portfolio-heading{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.portfolio-gallery{grid-auto-rows:210px;gap:.65rem}.portfolio-feature{grid-row:span 2}.portfolio-tall{grid-row:span 2}.portfolio-item figcaption{padding:.9rem .7rem .7rem}.portfolio-item figcaption span{display:none}.portfolio-lightbox{width:100vw;height:100dvh;max-width:none;max-height:none}.portfolio-lightbox-nav{top:auto;bottom:1rem}.portfolio-lightbox figure figcaption{padding:.8rem 4rem}}@media(prefers-reduced-motion:reduce){.portfolio-image-button img{transition:none}}