@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/lato-light-italic.woff2") format("woff2");
}
.apak-metal-services{ grid-row: 3; padding-block: 101px 95px; color: var(--apak-white); background: var(--apak-ink); }
.apak-metal-services > .apak-container{ width: min(calc(100% - 160px), 1120px); }
@media  (min-width: 1201px) and (max-width: 1500px) {.apak-metal-services > .apak-container{ width: min(calc(100% - 160px), 1080px); }
}
@media  (min-width: 1025px) and (max-width: 1200px) {.apak-metal-services > .apak-container{ width: min(calc(100% - 120px), 1080px); }
}
@media  (min-width: 768px) and (max-width: 1024px) {.apak-metal-services > .apak-container{ width: min(calc(100% - 80px), 1080px); }
}
@media  (max-width: 767px) {.apak-metal-services > .apak-container{ width: min(calc(100% - 40px), 1080px); }
}
.apak-metal-services__row{ max-inline-size: none; margin-inline: auto; column-gap: 52px; row-gap: 57px; }
.apak-metal-services__row > .apak-col{ grid-column: span 6; display: grid; }
.apak-metal-service{ display: grid; grid-template-columns: minmax(0, 1fr); min-inline-size: 0; isolation: isolate; }
.apak-metal-service__photo{ grid-area: 1 / 1; display: grid; inline-size: 100%; block-size: 100%; min-inline-size: 0; aspect-ratio: 514 / 397; contain: size; min-block-size: 0; }
.apak-metal-service__photo > source{ display: none; }
.apak-metal-service__photo img{ grid-area: 1 / 1; width: 100%; height: 100%; min-block-size: 0; object-fit: cover; }
.apak-metal-service::before{ content: ""; grid-area: 1 / 1; z-index: 1; background: linear-gradient(to right, rgb(29 29 27 / 80%) min(187px, 60%), transparent min(187px, 60%)); mix-blend-mode: multiply; pointer-events: none; }
.apak-metal-service__content{ grid-area: 1 / 1; z-index: 2; align-self: end; min-inline-size: 0; padding: 32px 24px 35px 39px; }
.apak-metal-service__icon{ max-inline-size: 100%; object-fit: contain; object-position: left bottom; }
.apak-metal-service__rule{ inline-size: min(180px, 100%); block-size: 1px; margin-block: var(--apak-service-icon-gap, 18px) 11px; background: var(--apak-lime); }
.apak-metal-service__title{ max-inline-size: 214px; margin: 0 0 0 3px; font-size: 18px; font-weight: 700; line-height: 20px; text-transform: uppercase; overflow-wrap: anywhere; }
.apak-metal-service--single .apak-metal-service__content{ padding-block-end: 55px; }
.apak-metal-service--satijn .apak-metal-service__content{ padding-inline-start: 42px; padding-block-end: 55px; }
.apak-metal-service--satijn .apak-metal-service__rule{ margin-block: 20px 14px; }
.apak-metal-service--satijn .apak-metal-service__title,.apak-metal-service--featured .apak-metal-service__title{ margin-inline-start: 0; }
.apak-metal-service--slijpen,.apak-metal-service--voorbehandeling,.apak-metal-service--bronzeren{ --apak-service-icon-gap: 20px; }
.apak-metal-service--trommel{ --apak-service-icon-gap: 17px; }
.apak-metal-service--stralen{ --apak-service-icon-gap: 21px; }
.apak-metal-service--ontbramen .apak-metal-service__icon{ margin-inline-start: -3px; }
.apak-metal-service--slijpen .apak-metal-service__icon{ margin-inline-start: -1px; }
.apak-metal-service--vernissen .apak-metal-service__icon{ block-size: 52.7373px; margin-inline-start: 4px; }
.apak-metal-service--wide-title .apak-metal-service__title{ max-inline-size: 340px; }
.apak-metal-service--vernissen{ --apak-service-icon-gap: 52.48px; }
.apak-metal-service--featured .apak-metal-service__photo{ aspect-ratio: 514 / 398; }
.apak-metal-service--featured::before{ background: rgb(29 29 27 / 80%); }
.apak-metal-service--featured .apak-metal-service__content{ align-self: start; padding: 38px 24px 46px 58px; }
.apak-metal-service--featured .apak-metal-service__icon{ margin-inline-start: -2px; }
.apak-metal-service--featured .apak-metal-service__rule{ margin-block: 19px 14px; }
.apak-metal-service__body{ max-inline-size: 432px; margin-block-start: 13px; font-size: 15px; line-height: 21px; overflow-wrap: anywhere; }
.apak-metal-service__body p{ margin: 0; }
.apak-metal-service__body p + p{ margin-block-start: 20px; }
.apak-metal-service__summary{ display: none; grid-area: 1 / 1; z-index: 3; align-self: end; min-inline-size: 0; padding: 32px 24px 55px 42px; pointer-events: none; }
.apak-metal-service__summary .apak-metal-service__title{ display: block; }
.apak-metal-service .apak-metal-service__summary .apak-metal-service__rule{ margin-block: 20px 14px; }
.apak-metal-service .apak-metal-service__summary .apak-metal-service__icon{ margin-inline-start: 0; }
.apak-metal-service:focus-visible{ outline: 2px solid var(--apak-lime); outline-offset: 4px; }
@media  (hover: hover) and (pointer: fine) {.apak-metal-services .apak-metal-service::before{
    background: linear-gradient(to right, rgb(29 29 27 / 80%) min(187px, 60%), transparent min(187px, 60%));
    opacity: 1;
    transition: opacity 300ms ease;
  }
.apak-metal-service::after{
    content: "";
    grid-area: 1 / 1;
    z-index: 1;
    background: rgb(29 29 27 / 80%);
    mix-blend-mode: multiply;
    pointer-events: none;
    opacity: 0;
    transition: opacity 300ms ease;
  }
.apak-metal-service > .apak-metal-service__summary{
    display: block;
    opacity: 1;
    transition: opacity 250ms ease;
  }
.apak-metal-service > .apak-metal-service__content{
    opacity: 0;
    pointer-events: none;
    transform: none;
    filter: none;
    transition: opacity 300ms ease;
  }
.apak-metal-service:is(:hover, :focus-within)::before,
  .apak-metal-service:is(:hover, :focus-within) > .apak-metal-service__summary{ opacity: 0; }
.apak-metal-service:is(:hover, :focus-within)::after,
  .apak-metal-service:is(:hover, :focus-within) > .apak-metal-service__content{ opacity: 1; }
.apak-metal-service:is(:hover, :focus-within) > .apak-metal-service__content{ pointer-events: auto; }
}
@media  (prefers-reduced-motion: reduce) {.apak-metal-services .apak-metal-service::before,.apak-metal-service::after,.apak-metal-service > .apak-metal-service__summary,.apak-metal-service > .apak-metal-service__content{ transition: none; }
}
@media  print {.apak-metal-service > .apak-metal-service__summary{ display: none !important; }
.apak-metal-service > .apak-metal-service__content{ opacity: 1 !important; }
.apak-metal-service::before{ background: rgb(29 29 27 / 80%) !important; opacity: 1 !important; }
.apak-metal-service::after{ display: none; }
}
@media  (max-width: 1000px) {.apak-metal-services{ padding-block: 64px; }
.apak-metal-services__row{ column-gap: 32px; row-gap: 32px; }
}
@media  (max-width: 760px) {.apak-metal-services__row{ column-gap: 0; }
.apak-metal-services__row > .apak-col{ grid-column: span 12; }
.apak-metal-service--featured .apak-metal-service__content{ padding: 32px 24px; }
}
@media  (max-width: 420px) {.apak-metal-service__content{ padding-inline: 24px; }
}
.apak-metal-service:not(.apak-metal-service--featured) > .apak-metal-service__content{
  align-self: start;
  padding: 38px 24px 46px 58px;
}
.apak-metal-service:not(.apak-metal-service--featured) .apak-metal-service__rule{ margin-block: 19px 14px; }
.apak-metal-service:not(.apak-metal-service--featured) .apak-metal-service__title{ margin-inline-start: 0; }
.apak-metal-service .apak-metal-service__summary .apak-metal-service__rule{ margin-block: 20px 14px; }
.apak-metal-service .apak-metal-service__summary .apak-metal-service__icon{ margin-inline-start: 0; }
@media  (hover: none), (pointer: coarse) {.apak-metal-service::before{ background: rgb(29 29 27 / 80%); }
}
@media  (max-width: 760px) {.apak-metal-service:not(.apak-metal-service--featured) > .apak-metal-service__content{ padding: 32px 24px; }
}

/* Optional whole-card link; preserve independent links in the description. */
.apak-metal-service{ position: relative; }
.apak-metal-service:has(> .apak-metal-service__link){ cursor: pointer; }
.apak-metal-service__link{ position: absolute; inset: 0; z-index: 4; display: block; color: inherit; text-decoration: none; }
.apak-metal-service__link:focus-visible{ outline: 3px solid var(--apak-lime); outline-offset: 3px; }
.apak-metal-service:has(> .apak-metal-service__link) .apak-metal-service__body a{ position: relative; z-index: 6; }
.apak-metal-service:has(> .apak-metal-service__link) > .apak-metal-service__content{ z-index: 5; pointer-events: none !important; }
.apak-metal-service:has(> .apak-metal-service__link) .apak-metal-service__body a{ pointer-events: auto; }


/* Laser Engraving card: keep the icon white in normal and hover states. */
.apak-metal-service[aria-labelledby="apak-metaalafwerkingen-service-11"] .apak-metal-service__icon {
  filter: brightness(0) invert(1) !important;
}