/**
 * Referanser page (#127) — PSD grid, approved homepage card/filter language.
 * Original layered PSD: 1500 × 3248; projects begin y=888.
 * Only card and filter styles are shared with Forside.
 * Do not copy homepage's left-hand project intro, full-width two-column
 * section composition, or fixed 843px height into Referanser.
 * Preserves WordPress-managed reference cards, filters, AJAX listing and links.
 */
html body.page-id-127 .dkr-projects .dkr-featured,
html body.page-id-127 .dkr-projects .dkr-catalog-all {
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  background:transparent!important;
  padding:51px 0 10px!important;
  margin:0!important;
}
html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-managed-references {
  position:relative!important;
  isolation:auto!important;
  overflow:visible!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  color:#fff!important;
  font-family:'Poppins',Arial,sans-serif!important;
}
html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-managed-references::before,
html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-managed-references::after {
  display:none!important;
}
html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-projects-inner {
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
}
html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-project-intro {
  display:none!important; /* There is no left-side project text in the PSD. */
}
html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-projects-gallery {
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  width:100%!important;
  max-width:none!important;
  gap:53px!important;
  margin:0 auto!important;
  padding:0!important;
}
/* Homepage's pill sizing, font, hover and active state in the PSD's
 * centered four-pill filter row. Keep category controls functional. */
html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-project-filters {
  display:flex!important;
  flex-flow:row wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:47px!important;
  margin:0 auto!important;
  padding:0!important;
}
html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-ref-filter {
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:47px!important;
  min-height:47px!important;
  margin:0!important;
  padding:0 23px!important;
  border:1px solid #3edfd0!important;
  border-radius:24px!important;
  background:transparent!important;
  color:#fff!important;
  font:400 16px/1 'Poppins',Arial,sans-serif!important;
  letter-spacing:0!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease!important;
}
html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-ref-filter:is(.is-active,:hover,:focus-visible),
html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-ref-filter[aria-current=page] {
  background:#3edfd0!important;
  border-color:#3edfd0!important;
  color:#001b1b!important;
}
/* PSD's centered six-card portfolio grid: 282px cards with 29–30px gutters.
 * Mobile/tablet keep the page's original centered project-page composition. */
html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-project-list {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,282px))!important;
  grid-auto-flow:row!important;
  justify-content:center!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:906px!important;
  gap:28px 29px!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:visible!important;
}
html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-reference-card {
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-width:0!important;
  height:292px!important;
  min-height:292px!important;
  max-height:292px!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  overflow:hidden!important;
  border:1px solid rgba(62,223,208,.55)!important;
  border-radius:15px!important;
  background:rgba(14,16,17,.95)!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background-color .2s,border-color .2s,box-shadow .2s!important;
}
html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-reference-card:hover {
  background:rgba(255,255,255,.14)!important;
  border-color:#3edfd0!important;
  box-shadow:0 0 18px rgba(62,223,208,.12)!important;
  transform:none!important;
}
html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-reference-thumb {
  --dkr-thumb-height:188px!important;
  --dk-home-ref-window:188px!important;
  position:relative!important;
  display:block!important;
  flex:0 0 188px!important;
  width:100%!important;
  height:188px!important;
  min-height:188px!important;
  max-height:188px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:14px 14px 8px 8px!important;
  background:#f8fffd!important;
}
html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-reference-thumb img {
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:top center!important;
  transform:none!important;
}
html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-project-card-content {
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-height:0!important;
  height:104px!important;
  max-height:104px!important;
  gap:8px!important;
  margin:0!important;
  padding:20px 17px 12px!important;
  background:rgba(8,11,13,.72)!important;
  text-align:left!important;
}
html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-project-name,
html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-project-kind {
  width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}
html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-project-name a {
  display:block!important;
  color:#fff!important;
  font:600 18px/1.35 'Poppins',Arial,sans-serif!important;
  letter-spacing:0!important;
  text-decoration:none!important;
  overflow-wrap:normal!important;
}
html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-project-kind {
  color:#d7dddb!important;
  font:400 16px/1.4 'Poppins',Arial,sans-serif!important;
  letter-spacing:0!important;
}
/* Preserve the full-page CTA (rather than the homepage intro's CTA). */
html body.page-id-127 .dkr-projects .dkr-more:not(.is-expanded) {
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  margin:40px auto 0!important;
}
html body.page-id-127 .dkr-projects .dkr-more .elementor-button {
  display:inline-flex!important;
  width:261px!important;
  min-height:62px!important;
  justify-content:center!important;
  align-items:center!important;
  font:400 16px/1.3 'Poppins',Arial,sans-serif!important;
  background:transparent!important;
  color:#fff!important;
  border:1px solid #fff!important;
  border-radius:32px!important;
}
html body.page-id-127 .dkr-projects .dkr-more .elementor-button:hover {
  border-color:#3edfd0!important;
  color:#3edfd0!important;
}
@media (min-width:768px) and (hover:hover) and (pointer:fine) {
  html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-reference-thumb img {
    height:auto!important;
    transition:transform .85s ease-out!important;
  }
  html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-reference-card:hover .dk-reference-thumb img,
  html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-reference-card:focus-within .dk-reference-thumb img {
    transform:translateY(calc(var(--dkr-thumb-height) - 100%))!important;
    transition:transform 6s linear!important;
  }
}
@media (max-width:1023px) {
  html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-project-list {
    grid-template-columns:repeat(2,minmax(0,282px))!important;
    max-width:594px!important;
    gap:24px 24px!important;
  }
  html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-project-filters {
    gap:9px!important;
    padding:0 18px!important;
  }
  html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-ref-filter {
    height:42px!important;
    min-height:42px!important;
    padding:0 17px!important;
    font-size:13px!important;
  }
}
@media(max-width:767px) {
  html body.page-id-127 .dkr-projects .dkr-reference-panel {
    padding:30px 0 10px!important;
  }
  html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-projects-gallery {
    gap:23px!important;
  }
  html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-project-filters {
    flex-flow:row nowrap!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:46px!important;
    margin:0!important;
    padding:0 12px 6px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-project-filters::-webkit-scrollbar {display:none}
  html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-project-list {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:none!important;
    grid-auto-flow:row!important;
    grid-auto-columns:auto!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:0!important;
    gap:15px!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
  }
  html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-reference-card {
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    scroll-snap-align:none!important;
  }
  html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-reference-thumb {
    --dkr-thumb-height:clamp(115px,32vw,166px)!important;
    flex:0 0 clamp(115px,32vw,166px)!important;
    height:clamp(115px,32vw,166px)!important;
    min-height:clamp(115px,32vw,166px)!important;
    max-height:clamp(115px,32vw,166px)!important;
  }
  html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-reference-thumb img {
    height:100%!important;
    transform:none!important;
  }
  html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-project-card-content {
    height:auto!important;
    max-height:none!important;
    min-height:94px!important;
    gap:6px!important;
    padding:13px 11px!important;
  }
  html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-project-name a {
    font-size:clamp(12px,3.5vw,16px)!important;
    line-height:1.32!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-project-kind {
    font-size:clamp(11px,3.1vw,14px)!important;
  }
  html body.page-id-127 .dkr-projects .dkr-more:not(.is-expanded) {
    margin:27px auto 0!important;
  }
  html body.page-id-127 .dkr-projects .dkr-more .elementor-button {
    width:230px!important;
    min-height:46px!important;
    font-size:12.5px!important;
  }
}
@media(max-width:380px) {
  html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-project-list {
    grid-template-columns:1fr!important;
    max-width:300px!important;
    gap:17px!important;
  }
  html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-reference-thumb {
    --dkr-thumb-height:185px!important;
    height:185px!important;
    min-height:185px!important;
    max-height:185px!important;
    flex:0 0 185px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-reference-card,
  html body.page-id-127 .dkr-projects .dkr-reference-panel .dk-reference-thumb img {
    transition:none!important;
    transform:none!important;
  }
}

/* Preserve the original Referanser mobile two-row swipe behavior while
 * using the approved homepage card typography, sizing and image treatment.
 * The full 'all projects' catalogue remains a standard responsive grid. */
@media(max-width:767px) {
  html body.page-id-127 .dkr-projects .dkr-featured .dk-project-list {
    --dk-ref-mobile-width:min(69.23vw,270px);
    display:grid!important;
    grid-template-columns:none!important;
    grid-template-rows:repeat(2,270px)!important;
    grid-auto-flow:column!important;
    grid-auto-columns:var(--dk-ref-mobile-width)!important;
    justify-content:start!important;
    align-content:start!important;
    row-gap:18px!important;
    column-gap:31px!important;
    width:100vw!important;
    max-width:none!important;
    margin:0 0 0 calc(50% - 50vw)!important;
    padding:3px calc((100vw - var(--dk-ref-mobile-width))/2) 8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory!important;
    scroll-padding-inline:calc((100vw - var(--dk-ref-mobile-width))/2)!important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  html body.page-id-127 .dkr-projects .dkr-featured .dk-project-list::-webkit-scrollbar{display:none}
  html body.page-id-127 .dkr-projects .dkr-featured .dk-reference-card {
    width:100%!important;
    height:270px!important;
    min-height:270px!important;
    max-height:270px!important;
    border-radius:20px!important;
    scroll-snap-align:center!important;
  }
  html body.page-id-127 .dkr-projects .dkr-featured .dk-reference-thumb {
    --dkr-thumb-height:174px!important;
    flex:0 0 174px!important;
    height:174px!important;
    min-height:174px!important;
    max-height:174px!important;
  }
  html body.page-id-127 .dkr-projects .dkr-featured .dk-project-card-content {
    height:95px!important;
    min-height:95px!important;
    max-height:95px!important;
    justify-content:center!important;
    align-items:center!important;
    gap:9px!important;
    padding:10px 10px 11px!important;
    text-align:center!important;
  }
  html body.page-id-127 .dkr-projects .dkr-featured .dk-project-name,
  html body.page-id-127 .dkr-projects .dkr-featured .dk-project-kind {
    text-align:center!important;
  }
  html body.page-id-127 .dkr-projects .dkr-featured .dk-project-name a {
    font-size:clamp(14px,4.274vw,16.667px)!important;
    font-weight:600!important;
    line-height:1.3!important;
  }
  html body.page-id-127 .dkr-projects .dkr-featured .dk-project-kind {
    font-size:clamp(12px,3.74vw,14.583px)!important;
  }
}
@media(max-width:359px) {
  html body.page-id-127 .dkr-projects .dkr-featured .dk-project-list {
    grid-template-columns:none!important;
    grid-template-rows:repeat(2,256px)!important;
    row-gap:16px!important;
  }
  html body.page-id-127 .dkr-projects .dkr-featured .dk-reference-card {
    height:256px!important;min-height:256px!important;max-height:256px!important;
  }
  html body.page-id-127 .dkr-projects .dkr-featured .dk-reference-thumb {
    --dkr-thumb-height:162px!important;
    height:162px!important;min-height:162px!important;max-height:162px!important;
    flex:0 0 162px!important;
  }
}