:root{--page-background-color:#f3f3f3;--project-header-bkg:#f9f9f9;--header-nav-bkg:color-mix(in srgb, var(--project-header-bkg) 80%, transparent);--project-menu-bkg:var(--project-header-bkg)}.project-header{background-color:var(--project-header-bkg)}.project-header .flex-container{flex-direction:column;height:100%;display:flex}.project-header .flex-container .card-title{margin-top:auto}.project-header .flex-container>*{z-index:1;position:relative}.project-header .flex-container .card-title{text-shadow:none;font-size:1.2em}.project-header .project-header-image{background-color:color-mix(in srgb, var(--page-background-color) 95%, black);width:100%;height:40vh;box-shadow:none;transition:all .6s;position:relative;overflow:hidden;transform:none}.project-header .project-header-image:hover{transform:none}.project-header .project-header-image:before{content:"";background-image:var(--project-header-bg-image);opacity:0;background-position:100% 100%;background-size:cover;transition:all .6s;position:absolute;top:0;bottom:0;left:0;right:0}@media (min-width:576px){.project-header .project-header-image{height:50vh}.project-header .project-header-image:before{background-image:var(--project-header-bg-image-lg,var(--project-header-bg-image))}}.project-header .project-header-image.bg-loaded:before{opacity:1}.alert{color:#115b7a;background:#e9f3f7;border:1px solid #c0e3ee;border-radius:8px;padding:1.5em 2em 1em;font-size:16px}.alert header{margin-bottom:.5em;font-size:1.1em;font-weight:450}.alert p{color:#115b7a!important}.alert-yellow{color:#4a3408;background:#f9f4d8;border:1px solid #e7e0b9;padding:1em}.alert-yellow p{color:#4a3408!important}.intro{padding:2.5em 0 4em}.intro h2{letter-spacing:-.025em;font-size:1.175em;font-weight:370}.intro p{color:var(--gray-700);letter-spacing:-.025em;margin-bottom:2em;font-size:1em}.case-bullets-container{display:flex}.case-bullets-container .case-bullets{margin:0;list-style:none}.case-bullets-container .case-bullets li{letter-spacing:-.025em;color:var(--gray-600);margin-bottom:1em;font-size:16px;font-weight:500;line-height:1.3}.case-bullets-container .case-bullets .label{color:var(--gray-600);margin:0;font-size:14px}.case-bullets-container .case-bullets strong{color:#000;font-size:1.8em;line-height:1.2em;display:block}.project-block{border-top:.75px solid #00000030;padding-top:calc(3.5em + 4vw);padding-bottom:calc(2em + 4vw);overflow:hidden}@media (min-width:768px){.project-block .l-container{margin-right:0}.project-block .l-container .l-grid{gap:3em}}.project-block .project-title{letter-spacing:-.025em;margin-bottom:1em;font-size:1.45em;font-weight:400;line-height:1.15}.project-block p{color:var(--gray-700);margin-bottom:.5em;font-size:.95em}.project-block p strong{color:#000;font-weight:450}.project-block .project-bullets{margin-top:1.5em;margin-bottom:2em;padding:0 1em;font-size:.95em;font-weight:450}.project-block .project-bullets li{margin-bottom:1em;line-height:1.3}.project-block .project-image{width:100%;height:auto}.project-banner{color:#000;text-align:left;letter-spacing:-.02em;background:#fff;padding:2em 0;font-size:1.2em}.project-banner.outcome{padding:2em 0;font-size:1em;font-weight:400}.project-banner.outcome .label{color:var(--gray-600);margin-bottom:1em;font-size:14px}@media (min-width:1048px){.project-banner .l-col-12{grid-column:2/12}.project-banner .l-col-12 span{display:block}}footer{margin-top:0}:root{--project-header-bg-image:url(https://ik.imagekit.io/patrikgarde/skn-labs-sm2.avif);--project-header-bg-image-lg:url(https://ik.imagekit.io/patrikgarde/skn/hero.avif)}.project-header .project-header-image{height:50vh}@media (min-width:576px){.project-header .project-header-image{height:50vh}}.project-header .project-header-image:before{background-position:100%}@media (min-width:576px){.project-header .project-header-image:before{background-position:100% 80%}}.project-header .project-header-image .card-image{margin:2em 0 auto auto}.project-header .project-header-image .card-image img{width:100px;height:auto}@media (min-width:576px){.project-header .project-header-image .card-image{margin:2.5em auto auto 0}.project-header .project-header-image .card-image img{width:calc(80px + 3em)}.project-header .project-header-image .card-tags .tag{color:#fff;background:#00000030;border:1px solid #fff}}.alert{display:none}@media (min-width:768px){.alert{display:block}}.card-title{color:#000}@media (min-width:768px){.card-title{color:#fff}}.branding .l-container{margin-right:0}@media (min-width:768px){.branding .l-col-6{grid-column:7/13}}.packaging{background:#fff}@media (min-width:768px){.packaging .l-col-6{grid-column:7/12}}