/**
 * Digital Kreativ — Utvalgte prosjekter.
 * Filter controls, editable Elementor card content and media image slots.
 * No invented client screenshots: placeholder panels are explicitly marked.
 */
.dk-projects-section,.dk-projects-section *,.dk-projects-section *::before,.dk-projects-section *::after{box-sizing:border-box}
.dk-projects-section{--dkp-aqua:#3edfd0;position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:none!important;margin:0!important;background:#15524b;color:#f6fffd;font-family:'Poppins',Arial,sans-serif!important}
.dk-projects-section::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(55deg,rgba(3,34,34,.12) 0px,rgba(3,34,34,.12) 1px,transparent 1px,transparent 35px),repeating-linear-gradient(126deg,rgba(0,25,27,.09) 0px,rgba(0,25,27,.09) 1px,transparent 1px,transparent 43px),linear-gradient(120deg,rgba(11,67,62,.22),rgba(2,30,31,.4));}
.dk-projects-section::after{content:"";position:absolute;top:-15%;right:0;bottom:-20%;width:85%;z-index:0;pointer-events:none;opacity:.26;background:url("../textures/services-network.svg") right center / 74% auto no-repeat;transform:rotate(6deg)}
.dk-projects-section .dk-projects-inner{position:relative;z-index:1;display:grid!important;grid-template-columns:minmax(0,1.6fr) minmax(0,.88fr);gap:clamp(35px,5vw,76px);width:100%;max-width:1280px;margin:0 auto;padding:85px 40px 86px;align-items:center}
.dk-projects-section .dk-projects-gallery{display:flex;flex-direction:column;gap:22px;min-width:0}
.dk-projects-section .dk-project-filters{display:flex;flex-direction:row!important;align-items:center;gap:9px;flex-wrap:wrap}
.dk-projects-section .dk-project-filter{width:auto!important;max-width:max-content!important;margin:0!important}
.dk-projects-section .dk-project-filter .elementor-button{display:inline-flex;justify-content:center;align-items:center;min-height:35px;padding:8px 17px!important;background:rgba(1,39,38,.23)!important;border:1px solid rgba(62,223,208,.62)!important;border-radius:999px!important;color:#f5fffd!important;font:600 12px/1.2 'Poppins',Arial,sans-serif!important;transition:background .2s,border-color .2s,color .2s}
.dk-projects-section .dk-project-filter .elementor-button:hover,.dk-projects-section .dk-project-filter .elementor-button:focus-visible,.dk-projects-section .dk-project-filter .elementor-button[aria-pressed="true"]{background:#3edfd0!important;border-color:#3edfd0!important;color:#00342f!important}
.dk-projects-section .dk-project-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 14px;align-items:stretch;min-width:0}
.dk-projects-section .dk-project-card{position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:0;overflow:hidden;border-radius:12px;border:1px solid rgba(122,226,216,.39);background:rgba(2,43,42,.35);box-shadow:0 5px 13px rgba(0,0,0,.12);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.dk-projects-section .dk-project-card:hover,.dk-projects-section .dk-project-card:focus-within{transform:translateY(-4px);border-color:#3edfd0;box-shadow:0 14px 26px rgba(0,0,0,.25),0 0 22px rgba(62,223,208,.14)}
.dk-projects-section .dk-project-card[hidden]{display:none!important}
.dk-projects-section .dk-project-thumb{position:relative;min-height:138px;height:138px;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border-bottom:1px solid rgba(62,223,208,.25);background:linear-gradient(180deg,#f9fcfb 0%,#e1f1ef 40%,#d0e4e1 100%);}
.dk-projects-section .dk-project-thumb::before{content:"";height:13px;flex:0 0 13px;background:linear-gradient(90deg,#eef5f3,#e4eeeb);border-bottom:1px solid #cadbd8;}
.dk-projects-section .dk-project-thumb::after{content:"Bilde kan velges i Elementor";position:absolute;inset:28px 8px auto;max-width:calc(100% - 16px);padding:6px 9px;border-radius:5px;color:#497c76;border:1px dashed #a3c5be;font:600 10px/1.4 'Poppins',Arial,sans-serif;text-align:center}
.dk-projects-section .dk-project-thumb .elementor-widget-container,.dk-projects-section .dk-project-thumb a{width:100%;height:100%;display:block}
.dk-projects-section .dk-project-thumb:has(img)::after,.dk-projects-section .dk-project-thumb:has(img)::before{display:none}
.dk-projects-section .dk-project-thumb img{display:block!important;width:100%!important;max-width:100%!important;height:100%!important;object-fit:cover!important;object-position:top center!important;transition:transform .3s ease}
.dk-projects-section .dk-project-card:hover .dk-project-thumb img,.dk-projects-section .dk-project-card:focus-within .dk-project-thumb img{transform:scale(1.05)}
.dk-projects-section .dk-project-card-content{display:flex;flex-direction:column;align-items:stretch;min-height:89px;gap:5px;padding:14px 12px 16px}
.dk-projects-section .dk-project-name{margin:0!important}
.dk-projects-section .dk-project-name .elementor-heading-title,.dk-projects-section .dk-project-name .elementor-heading-title a{font:700 13px/1.35 'Poppins',Arial,sans-serif!important;color:#f3fffb!important;text-decoration:none!important}
.dk-projects-section .dk-project-name .elementor-heading-title a:hover{color:#3edfd0!important}
.dk-projects-section .dk-project-kind{margin:0!important}
.dk-projects-section .dk-project-kind p{margin:0!important;color:#c6e0da!important;font:400 11px/1.45 'Poppins',Arial,sans-serif!important}
.dk-projects-section .dk-project-empty{display:none!important;margin:8px 0!important}
.dk-projects-section .dk-project-empty[data-visible="true"]{display:block!important}
.dk-projects-section .dk-project-empty p{margin:0!important;font:500 13px/1.5 'Poppins',Arial,sans-serif!important;color:#e4fffc!important}
.dk-projects-section .dk-project-intro{display:flex;align-items:flex-start;flex-direction:column;gap:0;min-width:0}
.dk-projects-section .dk-project-kicker{width:auto!important;margin:0 0 29px!important}
.dk-projects-section .dk-project-kicker .elementor-heading-title{display:inline-block;padding:7px 19px;border-radius:99px;border:1px solid #3edfd0;background:rgba(1,30,30,.18);font:700 11px/1.3 'Poppins',Arial,sans-serif!important;color:#eafffa!important}
.dk-projects-section .dk-project-title-a,.dk-projects-section .dk-project-title-b{margin:0!important}
.dk-projects-section .dk-project-title-a .elementor-heading-title{font:700 clamp(27px,2.5vw,39px)/1.17 'Playfair Display',Georgia,'Times New Roman',serif!important;color:#fff!important}
.dk-projects-section .dk-project-title-b .elementor-heading-title{font:700 clamp(39px,3.8vw,56px)/1.12 'Playfair Display',Georgia,'Times New Roman',serif!important;color:#3edfd0!important}
.dk-projects-section .dk-project-description{margin:26px 0 29px!important;max-width:340px}
.dk-projects-section .dk-project-description p{margin:0!important;font:400 14px/1.8 'Poppins',Arial,sans-serif!important;color:#e4f1ec!important}
.dk-projects-section .dk-project-cta{width:auto!important}
.dk-projects-section .dk-project-cta .elementor-button{display:inline-flex;min-height:46px;align-items:center;padding:12px 24px!important;border-radius:999px!important;border:1px solid #fff!important;color:#002e2c!important;background:#fff!important;font:700 13px/1.3 'Poppins',Arial,sans-serif!important;transition:transform .2s ease,background .2s ease}
.dk-projects-section .dk-project-cta .elementor-button::after{content:'›';font-size:22px;margin-left:30px;line-height:0}
.dk-projects-section .dk-project-cta .elementor-button:hover{background:#3edfd0!important;border-color:#3edfd0!important;transform:translateY(-2px)}
.dk-projects-section :is(a,button):focus-visible{outline:2px solid #fff!important;outline-offset:3px!important}
@media(max-width:1050px){.dk-projects-section .dk-projects-inner{grid-template-columns:1.45fr 1fr;gap:28px;padding:70px 30px}.dk-projects-section .dk-project-list{gap:10px}.dk-projects-section .dk-project-thumb{height:120px;min-height:120px}}
@media(max-width:820px){.dk-projects-section .dk-projects-inner{display:flex!important;flex-direction:column-reverse;align-items:stretch;gap:31px;padding:62px 26px 75px}.dk-projects-section .dk-project-intro{max-width:630px}.dk-projects-section .dk-project-list{gap:15px}.dk-projects-section .dk-project-thumb{height:155px;min-height:155px}.dk-projects-section .dk-projects-gallery{width:100%}}
@media(max-width:590px){.dk-projects-section .dk-projects-inner{padding:51px 18px 62px;gap:30px}.dk-projects-section .dk-project-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dk-projects-section .dk-project-thumb{height:122px;min-height:122px}.dk-projects-section .dk-project-card-content{min-height:95px;padding:13px 10px}.dk-projects-section .dk-project-name .elementor-heading-title{font-size:12px!important}.dk-projects-section .dk-project-title-b .elementor-heading-title{font-size:42px!important}.dk-projects-section .dk-project-filter .elementor-button{min-height:38px;padding:9px 12px!important;font-size:11px!important}}
@media(max-width:375px){.dk-projects-section .dk-projects-inner{padding:46px 14px 60px}.dk-projects-section .dk-project-list{gap:10px}.dk-projects-section .dk-project-thumb{height:105px;min-height:105px}.dk-projects-section .dk-project-card-content{min-height:101px;padding:11px 8px}.dk-projects-section .dk-project-name .elementor-heading-title{font-size:11px!important}.dk-projects-section .dk-project-kind p{font-size:10px!important}.dk-projects-section .dk-project-filter .elementor-button{padding:9px 11px!important}}
@media(prefers-reduced-motion:reduce){.dk-projects-section .dk-project-card,.dk-projects-section .dk-project-thumb img,.dk-projects-section .dk-project-filter .elementor-button{transition:none!important;transform:none!important}}

/*
 * FORSIDE — UTVALGTE PROSJEKTER
 * Exact desktop geometry and typography extracted from the uploaded
 * 1500×5257 layered PSD. Homepage only; archive/mobile rules remain intact.
 */
@media (min-width:1024px){
  body.page-id-78 .dk-home-managed-references{
    position:relative!important;
    width:100vw!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding:0!important;
    row-gap:0!important;
  }
  /* Elementor has a second, style-only HTML widget after the project
     shortcode. Take its empty widget box out of the document flow to
     eliminate the dark 27px seam before Om Oss; the <style> inside keeps
     providing the approved project-card hover behavior. */
  body.page-id-78 .dk-home-managed-references > .dk-home-ref-hover-style{
    position:absolute!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
  body.page-id-78 .dk-home-managed-references .elementor-widget-shortcode,
  body.page-id-78 .dk-home-managed-references .elementor-widget-container,
  body.page-id-78 .dk-home-managed-references .elementor-shortcode{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-managed-references{
    position:relative!important;
    isolation:isolate;
    overflow:hidden!important;
    width:100vw!important;
    max-width:none!important;
    min-height:min(843px,56.2vw)!important;
    height:min(843px,56.2vw)!important;
    margin:0!important;
    background:#17524c!important;
    color:#fff!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-managed-references::before{
    content:""!important;
    position:absolute!important;
    z-index:0!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    background:url("https://www.digitalkreativ.no/wp-content/uploads/2026/10/joel-filipe-jU9VAZDGMzs-unsplash.jpg") center center / cover no-repeat!important;
    opacity:.72!important;
    mix-blend-mode:multiply!important;
    transform:none!important;
    pointer-events:none!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-managed-references::after{
    content:""!important;
    position:absolute!important;
    z-index:0!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    opacity:1!important;
    transform:none!important;
    background:rgb(16 78 72 / .18)!important;
    pointer-events:none!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-projects-inner{
    position:relative!important;
    z-index:1!important;
    display:grid!important;
    grid-template-columns:min(831px,55.4vw) min(413px,27.5333vw)!important;
    column-gap:min(81px,5.4vw)!important;
    width:100%!important;
    max-width:1500px!important;
    min-height:100%!important;
    margin:0 auto!important;
    padding:min(96px,6.4vw) min(73px,4.8667vw) min(89px,5.9333vw)!important;
    align-items:start!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-projects-gallery{
    display:flex!important;
    flex-direction:column!important;
    width:min(831px,55.4vw)!important;
    gap:0!important;
    margin:0!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-project-filters{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:min(8px,.5333vw)!important;
    height:min(47px,3.1333vw)!important;
    margin:0 0 min(45px,3vw)!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-ref-filter{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:min(47px,3.1333vw)!important;
    min-height:0!important;
    padding:0!important;
    border:1px solid #3edfd0!important;
    border-radius:min(24px,1.6vw)!important;
    background:transparent!important;
    color:#fff!important;
    font-family:'Poppins',Arial,sans-serif!important;
    /* Design screenshot/PSD renders the filter labels smaller than
       the initial text-engine value suggested. Keep the measured pill sizes,
       but use the visual Figma scale so long labels retain equal breathing room. */
    font-size:min(16.66667px,1.111111vw)!important;
    font-weight:400!important;
    line-height:1!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-ref-filter:nth-child(1){width:min(101px,6.7333vw)!important}
  body.page-id-78 .dk-home-managed-references .dk-ref-filter:nth-child(2){width:min(142px,9.4667vw)!important}
  body.page-id-78 .dk-home-managed-references .dk-ref-filter:nth-child(3){width:min(143px,9.5333vw)!important}
  body.page-id-78 .dk-home-managed-references .dk-ref-filter:nth-child(4){width:min(144px,9.6vw)!important}
  body.page-id-78 .dk-home-managed-references .dk-ref-filter:nth-child(n+5){display:none!important}
  body.page-id-78 .dk-home-managed-references .dk-ref-filter.is-active,
  body.page-id-78 .dk-home-managed-references .dk-ref-filter:hover,
  body.page-id-78 .dk-home-managed-references .dk-ref-filter:focus-visible{
    background:#3edfd0!important;
    border-color:#3edfd0!important;
    color:#000!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-project-list{
    display:grid!important;
    grid-template-columns:repeat(3,min(260px,17.3333vw))!important;
    grid-auto-rows:min(270px,18vw)!important;
    column-gap:min(26px,1.7333vw)!important;
    row-gap:min(25px,1.6667vw)!important;
    width:min(831px,55.4vw)!important;
    margin:0!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-ref-client-empty{
    width:min(831px,55.4vw)!important;
    margin:min(28px,1.8667vw) 0 0!important;
    color:#ffffff!important;
    font-family:'Poppins',Arial,sans-serif!important;
    font-size:min(16.66667px,1.111111vw)!important;
    font-weight:400!important;
    line-height:1.6!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-ref-client-empty[hidden]{
    display:none!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-reference-card{
    width:min(260px,17.3333vw)!important;
    height:min(270px,18vw)!important;
    min-height:0!important;
    padding:0!important;
    gap:0!important;
    overflow:hidden!important;
    border:1px solid rgb(62 223 208 / .55)!important;
    border-radius:min(15px,1vw)!important;
    background:rgb(46 40 40 / .50)!important;
    box-shadow:none!important;
    transform:none!important;
  }
  /* All cards share the same neutral default state. The lighter PSD
     "selected" appearance is an interaction state, not a permanent first-card state. */
  body.page-id-78 .dk-home-managed-references .dk-reference-card{
    background:rgb(46 40 40 / .50)!important;
    transition:background .2s ease,border-color .2s ease,box-shadow .2s ease!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-reference-card:hover{
    background:rgb(255 255 255 / .50)!important;
    border-color:#3edfd0!important;
    box-shadow:0 0 min(18px,1.2vw) rgb(62 223 208 / .12)!important;
    transform:none!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-reference-card:focus-within{
    background:rgb(46 40 40 / .50)!important;
    border-color:rgb(62 223 208 / .72)!important;
    box-shadow:0 0 0 2px rgb(62 223 208 / .16)!important;
    transform:none!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-reference-card .dk-reference-thumb{
    width:100%!important;
    height:min(174px,11.6vw)!important;
    min-height:min(174px,11.6vw)!important;
    flex:0 0 min(174px,11.6vw)!important;
    margin:0!important;
    border:0!important;
    border-radius:min(15px,1vw)!important;
    overflow:hidden!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-managed-references.dk-references-featured .dk-reference-card .dk-reference-thumb{
    --dk-home-ref-window:min(174px,11.6vw)!important;
    height:min(174px,11.6vw)!important;
    min-height:min(174px,11.6vw)!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-reference-thumb img{
    position:relative!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:top center!important;
    transform:none!important;
    transition:none!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-reference-card .dk-reference-thumb::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:5!important;
    top:min(117px,7.8vw)!important;
    right:min(13px,.8667vw)!important;
    width:min(28px,1.8667vw)!important;
    height:min(43px,2.8667vw)!important;
    inset-inline-start:auto!important;
    padding:0!important;
    border:0!important;
    border-radius:999px!important;
    background:#3edfd0 url("https://www.digitalkreativ.no/wp-content/uploads/2026/10/Digital-Kreativ-Figma-Hero-CTA-Chevron-Dark.svg") center / min(8px,.5333vw) min(12px,.8vw) no-repeat!important;
    color:transparent!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translateX(min(4px,.2667vw))!important;
    transition:opacity .18s ease,transform .18s ease!important;
    pointer-events:none!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-reference-card:hover .dk-reference-thumb::after{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-reference-card:focus-within .dk-reference-thumb::after{
    opacity:0!important;
    visibility:hidden!important;
    transform:translateX(min(4px,.2667vw))!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-project-card-content{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    gap:min(8px,.5333vw)!important;
    width:100%!important;
    height:min(96px,6.4vw)!important;
    min-height:0!important;
    padding:min(20px,1.3333vw) min(17px,1.1333vw) min(12px,.8vw)!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-project-name,
  body.page-id-78 .dk-home-managed-references .dk-project-kind{margin:0!important}
  body.page-id-78 .dk-home-managed-references .dk-project-name a{
    color:#fff!important;
    font-family:'Poppins',Arial,sans-serif!important;
    font-size:min(20.39465px,1.359643vw)!important;
    font-weight:600!important;
    line-height:min(25px,1.6667vw)!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-project-kind{
    color:#d7dddb!important;
    font-family:'Poppins',Arial,sans-serif!important;
    font-size:min(17.48113px,1.165409vw)!important;
    font-weight:400!important;
    line-height:min(25px,1.6667vw)!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-project-intro{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    width:min(413px,27.5333vw)!important;
    margin:min(101px,6.7333vw) 0 0!important;
    padding:0!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-project-kicker{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:min(234px,15.6vw)!important;
    height:min(42px,2.8vw)!important;
    margin:0 0 min(48px,3.2vw)!important;
    padding:0!important;
    border:1px solid #3edfd0!important;
    border-radius:min(21px,1.4vw)!important;
    background:transparent!important;
    color:#fff!important;
    font-family:'Poppins',Arial,sans-serif!important;
    font-size:min(16.66667px,1.111111vw)!important;
    font-weight:400!important;
    line-height:1!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-project-title-a,
  body.page-id-78 .dk-home-managed-references .dk-project-title-b{
    margin:0!important;
    font-family:'Playfair Display',Georgia,serif!important;
    font-weight:700!important;
    letter-spacing:0!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-project-title-a{
    color:#fff!important;
    font-size:min(33.33333px,2.222222vw)!important;
    line-height:min(75px,5vw)!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-project-title-b{
    color:#3edfd0!important;
    font-size:min(50px,3.333333vw)!important;
    line-height:min(75px,5vw)!important;
    /* Offset the 75px first-line box to the PSD's ~60px heading step. */
    margin-top:max(-15px,-1vw)!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-project-description{
    width:min(386px,25.7333vw)!important;
    margin:min(27px,1.8vw) 0 min(43px,2.8667vw)!important;
    color:#fff!important;
    font-family:'Poppins',Arial,sans-serif!important;
    font-size:min(16.66667px,1.111111vw)!important;
    font-weight:400!important;
    line-height:min(33.33333px,2.222222vw)!important;
    letter-spacing:0!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-project-cta{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:min(349px,23.2667vw)!important;
    height:min(60px,4vw)!important;
    min-height:0!important;
    padding:0 min(22px,1.4667vw) 0 min(27px,1.8vw)!important;
    border:0!important;
    border-radius:min(30px,2vw)!important;
    background:#fff!important;
    color:#202020!important;
    font-family:'Poppins',Arial,sans-serif!important;
    font-size:min(16.66667px,1.111111vw)!important;
    font-weight:400!important;
    line-height:1!important;
    text-decoration:none!important;
    transform:none!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-project-cta span{
    margin:0!important;
    font-size:min(24px,1.6vw)!important;
    line-height:1!important;
  }
  body.page-id-78 .dk-home-managed-references .dk-project-cta:hover,
  body.page-id-78 .dk-home-managed-references .dk-project-cta:focus-visible{
    background:#3edfd0!important;
    color:#000!important;
    transform:none!important;
  }
}



/* WordPress-managed References shortcode: same visual system as Elementor draft. */
.dk-managed-references .dk-projects-inner {min-height:520px}
.dk-managed-references .dk-project-filters {display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.dk-managed-references .dk-ref-filter {
  display:inline-flex;justify-content:center;align-items:center;
  min-height:38px;padding:9px 17px;border-radius:999px;
  border:1px solid rgba(62,223,208,.6);background:rgba(0,29,31,.22);
  color:#f4fefa!important;text-decoration:none!important;
  font:600 12px/1.3 'Poppins',Arial,sans-serif;
  transition:color .2s,background .2s,border-color .2s;
}
.dk-managed-references .dk-ref-filter:hover,
.dk-managed-references .dk-ref-filter.is-active,
.dk-managed-references .dk-ref-filter:focus-visible {
  color:#032e2a!important;background:#3edfd0;border-color:#3edfd0;
}
.dk-managed-references .dk-reference-card .dk-reference-thumb {
  position:relative;display:flex;width:100%;height:150px;
  min-height:150px;align-items:center;justify-content:center;
  text-decoration:none!important;
}
.dk-managed-references .dk-reference-thumb::before,
.dk-managed-references .dk-reference-thumb::after {display:none!important}
.dk-managed-references .dk-reference-thumb img{
  width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:top center!important;
  transition:transform .28s ease;
}
.dk-managed-references .dk-reference-card:hover .dk-reference-thumb img,
.dk-managed-references .dk-reference-card:focus-within .dk-reference-thumb img{transform:scale(1.045)}
.dk-managed-references .dk-reference-no-image {
  padding:10px 12px;border:1px dashed #94bfb8;border-radius:6px;
  background:rgba(255,255,255,.87);color:#4d837b;
  font:600 11px/1.4 'Poppins',Arial,sans-serif;text-align:center;
}
.dk-managed-references .dk-project-name {margin:0!important}
.dk-managed-references .dk-project-name a{
  color:#f5fffb!important;font:700 13px/1.4 'Poppins',Arial,sans-serif!important;
  text-decoration:none!important;
}
.dk-managed-references .dk-project-name a:hover{color:#3edfd0!important}
.dk-managed-references .dk-project-kind{
  color:#c6e0da!important;margin:0!important;font:400 11px/1.45 'Poppins',Arial,sans-serif!important;
}
.dk-managed-references .dk-project-kicker{
  display:inline-flex;border:1px solid #3edfd0;
  border-radius:99px;padding:7px 19px;margin:0 0 28px;
  font:700 11px/1.3 'Poppins',Arial,sans-serif;color:#f3ffff;
}
.dk-managed-references .dk-project-title-a{
  margin:0!important;font:700 clamp(27px,2.5vw,39px)/1.17 'Playfair Display',Georgia,'Times New Roman',serif;
  color:#fff!important;
}
.dk-managed-references .dk-project-title-b{
  margin:0!important;font:700 clamp(39px,3.8vw,56px)/1.12 'Playfair Display',Georgia,'Times New Roman',serif;
  color:#3edfd0!important;
}
.dk-managed-references .dk-project-description{
  margin:24px 0 28px!important;
  color:#e4f1ec;font:400 14px/1.8 'Poppins',Arial,sans-serif;
}
.dk-managed-references .dk-project-cta{
  display:inline-flex;align-items:center;min-height:46px;
  background:#fff;color:#002e2c!important;border-radius:99px;
  padding:12px 23px;font:700 13px/1.3 'Poppins',Arial,sans-serif;
  text-decoration:none!important;transition:background .2s,transform .2s;
}
.dk-managed-references .dk-project-cta span{font-size:22px;margin-left:25px}
.dk-managed-references .dk-project-cta:hover{background:#3edfd0;transform:translateY(-2px)}
.dk-managed-references .dk-ref-pagination{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:23px 0 0;
}
.dk-managed-references .dk-ref-pagination a {
  color:#fff!important;border:1px solid rgba(62,223,208,.7);
  border-radius:9px;min-width:43px;min-height:43px;
  display:inline-flex;align-items:center;justify-content:center;
  text-decoration:none!important;
}
.dk-managed-references .dk-ref-pagination a[aria-current=page],
.dk-managed-references .dk-ref-pagination a:hover{background:#3edfd0;color:#002e2c!important}
.dk-managed-references .dk-ref-empty{color:#fff;font:500 14px/1.6 'Poppins',Arial,sans-serif}
.dk-managed-references .dk-projects-inner {
  display:grid!important;grid-template-columns:minmax(0,1.6fr) minmax(0,.88fr);
}
.dk-references-all .dk-projects-inner {
  grid-template-columns:minmax(0,1fr)!important;
  max-width:1220px;
}
.dk-references-all .dk-projects-gallery {order:2}
.dk-references-all .dk-project-intro {order:1;max-width:850px}
.dk-references-all .dk-project-list {grid-template-columns:repeat(4,minmax(0,1fr))!important}
.dk-references-all .dk-projects-inner{gap:30px!important}
@media(max-width:820px){
  .dk-managed-references .dk-projects-inner {display:flex!important;flex-direction:column-reverse}
  .dk-references-all .dk-projects-gallery {order:2}
  .dk-references-all .dk-project-intro {order:1}
  .dk-references-all .dk-project-list {grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:590px){
 .dk-managed-references .dk-ref-filter{font-size:11px;padding:8px 12px;min-height:37px}
 .dk-managed-references .dk-reference-card .dk-reference-thumb{height:127px;min-height:127px}
 .dk-managed-references .dk-project-name a{font-size:12px!important}
 .dk-references-all .dk-project-list {grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:375px){
 .dk-managed-references .dk-reference-card .dk-reference-thumb{height:108px;min-height:108px}
 .dk-managed-references .dk-project-name a{font-size:11px!important}
 .dk-managed-references .dk-ref-filter{padding:8px 11px}
}
