.apak-projects-gallery > .apak-container{ width: min(calc(100% - 160px), 1120px); }
@media  (min-width: 1201px) and (max-width: 1500px) {.apak-projects-gallery > .apak-container{ width: min(calc(100% - 160px), 1080px); }
}
@media  (min-width: 1025px) and (max-width: 1200px) {.apak-projects-gallery > .apak-container{ width: min(calc(100% - 120px), 1080px); }
}
@media  (min-width: 768px) and (max-width: 1024px) {.apak-projects-gallery > .apak-container{ width: min(calc(100% - 80px), 1080px); }
}
@media  (max-width: 767px) {.apak-projects-gallery > .apak-container{ width: min(calc(100% - 40px), 1080px); }
}
.apak-projects-gallery{ grid-row: 3; padding-block-start: 101px; background: var(--apak-footer); isolation: isolate; }
.apak-projects-gallery__row{ margin-inline: 0; column-gap: 32px; grid-template-columns: repeat(12, minmax(0, 1fr)); }
.apak-projects-gallery__row + .apak-projects-gallery__row{ margin-block-start: 61px; }
.apak-projects-gallery__row > .apak-col{ grid-column: span 5; display: grid; }
.apak-projects-gallery__row > .apak-col:nth-child(2){ grid-column: span 7; }
.apak-projects-gallery__row--middle > .apak-col:nth-child(n){ grid-column: span 4; }
.apak-projects-gallery__row--transition{ position: relative; }
.apak-projects-gallery__row--last > .apak-col:first-child{ grid-column: span 7; }
.apak-projects-gallery__row--last > .apak-col:nth-child(2){ grid-column: span 5; }
.apak-projects-gallery__row--transition::before{ content: ""; position: absolute; z-index: -1; inset-inline-start: calc((100% - 100cqw) / 2); inline-size: 100cqw; inset-block: calc(100% * 231 / 439) 0; background: var(--apak-ink); pointer-events: none; }
.apak-project{ margin: 0; display: grid; grid-template-columns: minmax(0, 1fr); min-inline-size: 0; isolation: isolate; position: relative; container-type: inline-size; --apak-project-ratio: 418 / 439; }
.apak-project__card-link{ display: grid; color: inherit; text-decoration: none; }
.apak-project--handle{ --apak-project-ratio: 615 / 439; }
.apak-project--round-pendant,.apak-project--tubular-pendant,.apak-project--bracket{ --apak-project-ratio: 332 / 419; }
.apak-project__photo{ grid-area: 1 / 1; display: grid; inline-size: 100%; block-size: 100%; min-inline-size: 0; min-block-size: 0; aspect-ratio: var(--apak-project-ratio); contain: size; }
.apak-project__photo > source{ display: none; }
.apak-project__photo img{ grid-area: 1 / 1; inline-size: 100%; block-size: 100%; min-block-size: 0; object-fit: cover; object-position: center; }
.apak-project--featured::before{ content: ""; grid-area: 1 / 1; z-index: 1; inline-size: min(241px, 100%); background: rgb(29 29 27 / 80%); mix-blend-mode: multiply; pointer-events: none; }
.apak-project__caption{ grid-area: 1 / 1; z-index: 2; align-self: end; inline-size: min(241px, 100%); padding: 40px 26px 38px 51px; color: var(--apak-white); overflow-wrap: anywhere; }
.apak-project__title{ margin: 0; font-size: 15px; font-weight: 700; line-height: 20px; }
.apak-project__dimensions{ margin: 5px 0 0; font-size: 15px; line-height: 21px; }
.apak-project__rule{ inline-size: 218px; max-inline-size: calc(100cqw - 51px); block-size: 1px; margin-block: 15px 10px; background: var(--apak-lime); }
.apak-project__finishes{ margin: 0; padding: 0; list-style: none; font-size: 15px; line-height: 21px; }
/* Linked cards use a full-card anchor; captions remain in flow for longer text. */
.apak-project__link{ position: absolute; inset: 0; z-index: 3; }
.apak-project:focus-visible,.apak-project__link:focus-visible,.apak-project__card-link:focus-visible{ outline: 3px solid var(--apak-lime); outline-offset: 3px; }
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .apak-project--featured::before,.apak-project__caption{ opacity: 0; transition: opacity 250ms ease; }
  .apak-project--featured:hover::before,.apak-project--featured:focus-within::before,
  .apak-project__card-link:hover .apak-project--featured::before,.apak-project__card-link:focus-visible .apak-project--featured::before,
  .apak-project:hover .apak-project__caption,.apak-project:focus-within .apak-project__caption,.apak-project__card-link:hover .apak-project__caption,.apak-project__card-link:focus-visible .apak-project__caption{ opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .apak-project--featured::before,.apak-project__caption{ transition: none; }
}
@media print {
  .apak-project--featured::before,.apak-project__caption{ opacity: 1; }
}
@media  (max-width: 1000px) {.apak-projects-gallery{ padding-block-start: 56px; }
.apak-projects-gallery__row,.apak-projects-gallery__row--middle{ column-gap: 32px; }
.apak-projects-gallery__row + .apak-projects-gallery__row{ margin-block-start: 32px; }
}
@media  (max-width: 767px) {.apak-projects-gallery__row,.apak-projects-gallery__row--middle,.apak-projects-gallery__row--last{ grid-template-columns: minmax(0, 1fr); column-gap: 0; row-gap: 32px; }
.apak-projects-gallery__row > .apak-col:nth-child(n){ grid-column: 1; }
.apak-project{ display: block; }
.apak-project__photo{ display: block; contain: none; block-size: auto; }
.apak-project__photo img{ block-size: auto; }
.apak-project--featured::before{ display: none; }
.apak-project__caption{ inline-size: 100%; padding: 28px 24px; background: var(--apak-ink); }
.apak-project__dimensions,.apak-project__finishes{ font-size: 16px; }
.apak-project__rule{ max-inline-size: 100%; }
}

/* A lone final project keeps the same width as a card in the three-column row. */
@media(min-width:768px){.apak-projects-gallery__row--single > .apak-col:nth-child(n){grid-column:span 4}}