@font-face{font-family:Fraktif;src:url("../fonts/Fracktif-Regular.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Fraktif;src:url("../fonts/Fracktif-RegularItalic.woff2") format("woff2");font-display:swap;font-style:italic;font-weight:400}@font-face{font-family:Fraktif;src:url("../fonts/Fracktif-Medium.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:500}@font-face{font-family:Fraktif;src:url("../fonts/Fracktif-MediumItalic.woff2") format("woff2");font-display:swap;font-style:italic;font-weight:500}@font-face{font-family:Fraktif;src:url("../fonts/Fracktif-Bold.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:700}@font-face{font-family:Fraktif;src:url("../fonts/Fracktif-BoldItalic.woff2") format("woff2");font-display:swap;font-style:italic;font-weight:700}section{margin:0 0;padding:0;scroll-margin-top:8rem;padding-bottom:var(--paddingBottom, 0);padding-top:var(--paddingTop, 0);margin-bottom:var(--marginBottom, 0);margin-top:var(--marginTop, 0)}@media(max-width: 768px){section{margin-top:var(--marginMobileTop, var(--marginTop, 0)) !important}}section:first-child{margin-top:0}section:last-child{margin-bottom:0}section .container{display:grid;grid-auto-rows:1fr;grid-gap:3rem;grid-template-columns:repeat(12, 1fr);grid-template-rows:auto;margin:0 auto;max-width:min(100vw,87rem);padding:0;width:100%}@media(max-width: 768px){section .container{display:flex;flex-direction:column;gap:0rem}}section[data-fullwidth]{max-width:100vw;padding:0;margin:0;padding-bottom:var(--paddingBottom, 1rem);padding-top:var(--paddingTop, 1rem);margin-bottom:var(--marginBottom, 0);margin-top:var(--marginTop, 0)}section[data-fullwidth] .container{max-width:none;margin:0;padding:0;margin-left:0;margin-right:0}@media(min-width: 768px)and (max-width: 1024px){section[data-fullwidth]{margin:0}}section[data-extendbackground]{max-width:100vw;padding:0;display:block;background:var(--background);background-size:cover;background-position:center}section .column{grid-column:span var(--span)}@media(max-width: 768px){section .column{margin:.75rem 0}section .column:first-child{margin:24px 0 .75rem 0}section .column:last-child{margin:.75rem 0 24px 0}section .column:not(:has(*)){display:none}}section .column img{display:block;max-width:100%;height:auto}section[data-alignment=left]{text-align:left}section[data-alignment=center]{text-align:center}section[data-alignment=center] .icon{margin:0 auto;width:auto}section[data-alignment=center] .buttongroup{justify-content:center}section[data-alignment=right]{text-align:right}section[data-alignment=justify]{text-align:justify}*{box-sizing:border-box}::-moz-selection{background:#5bc3f5;color:#fff}::selection{background:#5bc3f5;color:#fff}html{margin:0;padding:0;scroll-behavior:smooth}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Fraktif,Inter,sans-serif;font-size:16px;line-height:1.5;margin:0;overflow-wrap:break-word;padding:0}header{left:0;position:fixed;right:0;top:0;z-index:10;position:sticky;top:0;transition:all 300ms ease}header.scrolled{background:hsla(0,0%,100%,.6);backdrop-filter:blur(40px)}header.scrolled .logo svg{height:36px}header.scrolled .container{padding:1rem 3rem}@media(max-width: 768px){header.scrolled .container{padding:1rem}}header.scrolled button{top:.5rem}header.scrolled nav{top:0}header .container{display:flex;justify-content:space-between;margin:0 auto;max-width:min(100vw,87rem);padding:1.5rem 3rem;padding-top:3rem;width:100%;position:relative;transition:all 300ms ease}@media(max-width: 768px){header .container{padding:1rem}}header .logo{color:#003b4a}@media(max-width: 768px){header .logo{padding-left:1rem}}header .logo svg{width:auto;height:48px;display:block;transition:all 300ms ease}header button{background:none;border:none;z-index:2;position:absolute;top:3rem;right:4.5rem;transition:all 300ms ease}@media(max-width: 768px){header button{top:1rem;right:1rem}}header button .icon-x{display:none}header nav{background:#38a0a8;border-radius:.25rem;display:block;padding:3rem 12rem 3rem 4.5rem;position:absolute;right:3rem;top:24px;z-index:1;opacity:0;pointer-events:none;scale:.9;transition:scale 250ms cubic-bezier(0.34, 1.56, 0.64, 1)}@media(max-width: 768px){header nav{position:fixed;padding:2rem;inset:0;height:100svh}}header nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}header nav ul.standalone{padding-top:24px;margin-top:24px;border-top:1px solid hsla(0,0%,100%,.25)}header nav ul.standalone a{font-size:17px;line-height:1.5rem}header nav ul li{line-height:2.25rem}header nav ul a{color:#fff;text-decoration:none;font-size:25.888px;line-height:3.5rem;font-weight:700}header.nav-active button{color:#fff}header.nav-active button svg{display:none}header.nav-active button svg.icon-x{display:block}header.nav-active nav{opacity:1;pointer-events:all;scale:1}footer{display:none}main{padding:4.5rem 3rem}@media(max-width: 768px){main{padding:1rem}}h1{font-size:67.772816512px;line-height:4.5rem;margin:1.5rem 0 2.5rem 0;text-wrap:balance;font-weight:500}h1:first-child{margin-top:0}@media(max-width: 768px){h1{font-size:41.886784px;line-height:3rem;margin:12px 0 24px 0}}h2{font-size:41.886784px;line-height:3rem;margin:1.5rem 0;text-wrap:balance;font-weight:500}h2:first-child{margin-top:0}@media(max-width: 768px){h2{font-size:25.888px;line-height:2.25rem;margin:12px 0 24px 0}}h3{font-size:25.888px;line-height:2.25rem;margin:1.5rem 0;text-wrap:balance;font-weight:500}h3:first-child{margin-top:0}@media(max-width: 768px){h3{font-size:19.416px;line-height:1.5;margin:12px 0 24px 0}}.eyebrow{font-size:18px;line-height:1.5;text-transform:uppercase;margin:1.5rem 0;letter-spacing:2px}.eyebrow:first-child{margin-top:0}.eyebrow p{margin:0;font-size:inherit;line-height:inherit}@media(max-width: 768px){.eyebrow{margin:12px 0;font-size:12px}}span.coral{text-decoration:underline;text-decoration-color:#e18e76;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;text-decoration-thickness:1rem;text-underline-offset:.25rem}span.turquoise{text-decoration:underline;text-decoration-color:#38a0a8;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;text-decoration-thickness:1rem;text-underline-offset:.25rem}span.palegreen{text-decoration:underline;text-decoration-color:#bee6d8;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;text-decoration-thickness:1rem;text-underline-offset:.25rem}span.paleblue{text-decoration:underline;text-decoration-color:#a0bfe2;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;text-decoration-thickness:1rem;text-underline-offset:.25rem}p{margin-top:1.5rem;margin-bottom:1.5rem;font-size:17px;line-height:1.5rem}p:first-child{margin-top:0}@media(max-width: 768px){p{margin-top:.75rem;margin-bottom:.75rem}}p.s{font-size:14px;line-height:1.5rem}p.l{font-size:22px;line-height:2.25rem}p a{color:currentColor}ul{margin:1.5rem 0;padding-left:1.5rem}ul li{font-size:17px;line-height:2.25rem}ul li::marker{line-height:0}figure{margin:0;padding:0}figure img{width:100%;height:auto;display:block;border-radius:.25rem}figure figcaption{font-size:14px;line-height:1.5rem;margin:.75rem 0;text-align:center;display:block}figure figcaption a{color:currentColor}.column:has(blockquote){display:flex;flex-direction:column;justify-content:center}section.zitat .column:has(.image) .image{display:flex;justify-content:flex-end}blockquote{color:#003b4a;display:flex;flex-direction:column;align-items:flex-start;font-size:2.25rem;font-family:Fraktif,Inter,sans-serif;font-weight:600;line-height:1.2;margin:0;padding:1rem 0;position:relative;z-index:2;left:4rem}@media(max-width: 768px){blockquote{font-size:2rem;padding:5rem 0}}blockquote:before{background:url("../images/quote.svg") 0 0 no-repeat;display:block;position:absolute;content:" ";width:110px;opacity:.25;height:90px;z-index:-1;transform:translateX(-50%) translateY(-30%)}@media(max-width: 768px){blockquote:before{transform:translateX(0%) translateY(-30%)}}blockquote cite{background:#bee6d8;color:#003b4a;font-size:1rem;margin:1rem 0 0 0;padding:.5rem 1rem;display:inline-block;font-style:normal;font-family:Fraktif,Inter,sans-serif;font-weight:400}ablockquote{font-size:22px;line-height:2.25rem;border-left:1px solid currentColor;border-left-color:color-mix(in srgb, currentColor 50%, transparent);margin:1.5rem 0;padding:3rem 1.5rem;font-style:italic}ablockquote cite{margin-top:24px;display:block;font-size:17px;line-height:1.5rem;opacity:.5}.spacer{height:var(--spaceDesktop)}@media(max-width: 768px){.spacer{height:var(--spaceMobile)}}a,button,input,textarea{transition:all .2s ease}.buttongroup{display:flex;gap:1.5rem}@media(max-width: 768px){.buttongroup{flex-direction:column}}.button{border:none;background:none;font-size:14px;line-height:2.25rem;text-decoration:none;color:currentColor;transition:scale 100ms cubic-bezier(0.34, 1.56, 0.64, 1);display:inline-block;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:12px;text-decoration-color:color-mix(in srgb, currentColor 25%, transparent)}.button:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:12px}.button-arrow{border-bottom:1px solid color-mix(in srgb, currentColor 50%, transparent);text-decoration:none;display:inline-flex;align-items:center;gap:.25rem;transition:all 300ms ease;text-transform:uppercase;font-weight:500}.button-arrow svg{width:1rem;height:1rem}.button-arrow:hover{gap:.75rem;text-decoration:none;border-bottom:1px solid color-mix(in srgb, currentColor 100%, transparent)}.button-primary{border:1px solid #003b4a;background:#003b4a;color:#fff;padding:2px 1.5rem 0 1.5rem;border-radius:.25rem;text-transform:uppercase;text-decoration:none}.button-primary:hover{background:rgb(0,79.3310810811,99.5);scale:1.05;text-decoration:none}.button-secondary{border:1px solid #003b4a;background:#fff;color:#003b4a;padding:2px 1.5rem 0 1.5rem;border-radius:.25rem;text-transform:uppercase;text-decoration:none}.button-secondary:hover{background:#fff;scale:1.05;text-decoration:none}@keyframes fadeUp{from{opacity:0;transform:translateY(48px) scale(0.5)}to{opacity:1;transform:translateY(0) scale(1)}}section{background:#fff;color:#003b4a;animation:fadeUp linear both;animation-duration:auto;animation-timeline:view();animation-range:entry 0% cover 25%}section .container{padding:1.5rem 3rem;border-radius:.25rem}@media(max-width: 768px){section .container{padding:0 1rem}}section.hero{padding-top:15vh}body.casestudy section.hero{padding-top:10vh}body.casestudy .teaser{margin-bottom:2rem}.casestudies{display:grid;grid-auto-rows:1fr;grid-gap:3rem;grid-template-columns:repeat(12, 1fr);grid-template-rows:auto;margin:0 auto 3rem auto;max-width:min(100vw,87rem);padding:0;width:100%}.casestudies .column{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;justify-content:flex-start}.casestudies .column .spacer{display:none}.casestudies .column p{margin:0}.casestudies .column a{margin-top:auto}section.background-petrol .container{background:#003b4a;color:#fff}section.background-petrol+section.background-petrol{margin-top:0 !important}section.background-petrol+section.background-petrol .container{padding-top:0;margin-top:0}section.background-warmgrey .container{background:#d8d3ca;color:#121212}section.background-warmgrey+section.background-warmgrey{margin-top:0 !important}section.background-warmgrey+section.background-warmgrey .container{padding-top:0;margin-top:0}section.background-lightblue .container{background:#5bc3f5;color:#fff}section.background-lightblue+section.background-lightblue{margin-top:0 !important}section.background-lightblue+section.background-lightblue .container{padding-top:0;margin-top:0}section.background-offwhite .container{background:#f9f6ee;color:#121212}section.background-offwhite+section.background-offwhite{margin-top:0 !important}section.background-offwhite+section.background-offwhite .container{padding-top:0;margin-top:0}section.background-turquoise .container{background:#38a0a8;color:#fff}section.background-turquoise+section.background-turquoise{margin-top:0 !important}section.background-turquoise+section.background-turquoise .container{padding-top:0;margin-top:0}section.background-coral .container{background:#e18e76;color:#fff}section.background-coral+section.background-coral{margin-top:0 !important}section.background-coral+section.background-coral .container{padding-top:0;margin-top:0}section.background-palegreen .container{background:#bee6d8;color:#003b4a}section.background-palegreen+section.background-palegreen{margin-top:0 !important}section.background-palegreen+section.background-palegreen .container{padding-top:0;margin-top:0}section.background-paleblue .container{background:#a0bfe2;color:#003b4a}section.background-paleblue+section.background-paleblue{margin-top:0 !important}section.background-paleblue+section.background-paleblue .container{padding-top:0;margin-top:0}figure.infografik-eco{position:relative}figure.infografik-eco img{z-index:1}figure.infografik-eco .hotspots{z-index:2}@media(max-width: 768px){figure.infografik-eco .hotspots{display:none}}figure.infografik-eco .hotspots div{cursor:pointer;display:block;height:1rem;position:absolute;width:1rem}figure.infografik-eco .hotspots div[data-type=circle]{animation:pulse 2000ms infinite ease-in-out;background:none;border:5px solid #5bc3f5;border-radius:100%}figure.infografik-eco .hotspots div[data-type=dot]{animation:pulse-dot 2000ms infinite ease-in-out;background:#5bc3f5;border-radius:100%;width:2rem;height:2rem}figure.infografik-eco .overlays{z-index:3}@media(max-width: 768px){figure.infografik-eco .overlays{display:none}}figure.infografik-eco .overlays div{background:#fff;box-shadow:0 0 1rem rgba(0,0,0,.13);color:#121212;display:block;min-width:25rem;max-width:30rem;opacity:0;padding:1.5rem;pointer-events:none;position:absolute;transform:translateY(2rem);transition:transform 250ms ease-in,opacity 250ms ease-in}figure.infografik-eco .overlays div.visible{transform:translateY(0);opacity:1}figure.infografik-eco .overlays div h4{margin:-1.5rem;margin-bottom:1.5rem;background:#5294ab;color:#fff;padding:.5rem 1.5rem}figure.infografik-eco .overlays-mobile{margin:2rem 0;display:none;flex-direction:column;gap:.5rem}@media(max-width: 768px){figure.infografik-eco .overlays-mobile{display:flex}}figure.infografik-eco .overlays-mobile details{border-bottom:1px solid #ccc;padding:.5rem 0}figure.infografik-eco .overlays-mobile details .content{padding-left:1.5rem}figure.infografik-eco .overlays-mobile details summary{position:relative;cursor:pointer;list-style:none;font-weight:600;padding-left:1.5rem;margin-bottom:.5rem}figure.infografik-eco .overlays-mobile details summary::before{content:"+";position:absolute;left:0;top:0;font-weight:700}figure.infografik-eco .overlays-mobile details[open] summary::before{content:"−"}figure.infografik-eco .overlays-mobile h4{display:inline;margin:0}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.65}100%{transform:scale(1);opacity:1}}@keyframes pulse-dot{0%{transform:scale(1);opacity:1}50%{transform:scale(0.3);opacity:.65}100%{transform:scale(1);opacity:1}}section#timeline{margin:0 0;padding:0}section#timeline .slider{display:grid;grid-auto-rows:1fr;grid-gap:3rem;grid-template-columns:4fr 8fr;grid-template-rows:auto;margin:0 auto;max-width:min(100vw,87rem);width:100%;padding:1.5rem 3rem;border-radius:.25rem}@media(max-width: 768px){section#timeline .slider{padding:1rem;display:block}}section#timeline .timeline{display:flex;flex-direction:column;gap:1.5rem}@media(max-width: 768px){section#timeline .timeline{margin-bottom:2rem}}section#timeline .timeline-item{color:#003b4a;cursor:pointer;font-size:41.886784px;font-weight:700;line-height:1;opacity:.15;height:64px}@media(max-width: 768px){section#timeline .timeline-item{font-size:16px;height:auto;border-bottom:1px solid #38a0a8}section#timeline .timeline-item span{display:flex;justify-content:space-between;align-items:center}}section#timeline .timeline-item time{display:block;font-size:14px}section#timeline .timeline-item:hover{opacity:.6}section#timeline .timeline-item.active{opacity:1;color:#38a0a8}section#timeline .nav-buttons{display:none}section#timeline .slides{position:relative}@media(max-width: 768px){section#timeline .slides{position:static}}section#timeline .slide{display:none;flex-direction:column-reverse;left:0;position:absolute;top:0}@media(max-width: 768px){section#timeline .slide{position:static}}section#timeline .slide.active{display:flex}div#gallery{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem}@media(max-width: 768px){div#gallery{grid-template-columns:1fr}}div#gallery button{border:none;background:none;font-size:14px;line-height:2.25rem;text-decoration:none;color:currentColor;transition:scale 100ms cubic-bezier(0.34, 1.56, 0.64, 1);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:12px;text-decoration-color:color-mix(in srgb, currentColor 25%, transparent)}div#gallery button:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:12px}div#gallery img{animation:fadeUp linear both;animation-duration:auto;animation-timeline:view();animation-range:entry 0% cover 25%}div#gallery button.more{border:1px solid #003b4a;background:#fff;color:#003b4a;padding:0 1.5rem;border-radius:.25rem;text-transform:uppercase;text-decoration:none}div#gallery button.more:hover{background:#fff;scale:1.05;text-decoration:none}.logos{display:flex;flex-wrap:wrap;gap:2rem 3rem;align-items:center;justify-content:center}.logos .logo{cursor:pointer}.logos .logo img{height:5rem;width:auto;-o-object-fit:contain;object-fit:contain;filter:grayscale(100%);opacity:.6;transition:filter .3s,opacity .3s}.logos .logo img:hover{filter:grayscale(0%);opacity:1}.sib-form-message-panel{display:none;border:1px solid #fff;padding:1rem;margin:2rem 0;border-radius:1rem}.sib-form-message-panel .sib-form-message-panel__text{align-items:center;display:flex;gap:1rem}.sib-form-message-panel svg{width:1rem;height:1rem;fill:#fff}.input--hidden{display:none}.sib-input{margin:1rem 0}.entry__field input{padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-family:Fraktif,Inter,sans-serif;margin:0;border:none;width:20rem}.entry__specification{font-size:14px}.sib-form-block__button{align-items:center;display:flex;gap:1rem;background:rgba(0,0,0,.3);color:#fff;font-family:Fraktif,Inter,sans-serif;font-size:1rem;padding:.5rem 1rem;border-radius:.5rem;margin:0;border:none;cursor:pointer}.sib-form-block__button:hover{background:rgba(0,0,0,.4)}.sib-form-block__button svg{display:none}.presskit-files .title{color:#38a0a8;font-size:1rem;font-weight:600;margin-bottom:1.5rem;line-height:1.5rem;text-transform:uppercase}.presskit-files a{text-decoration:none;color:#003b4a}.presskit-files .files{display:flex;flex-direction:column;gap:.5rem}.presskit-files .file{border-radius:4px;border:1px solid #e0e0e0;cursor:pointer;padding:.75rem 1rem}.presskit-files .file:hover{background:#f9f9f9}.presskit-files .file-details{display:flex;align-items:center;gap:.75rem;font-size:.8rem;color:#888}.presskit-files .filetype{font-weight:bold;color:#555;padding:.2rem .5rem;background:#f0f0f0;border-radius:3px}.presskit-factsheet+.presskit-factsheet{margin-top:2rem}.presskit-factsheet .title{font-size:1rem;font-weight:600;margin-bottom:1.5rem;line-height:1.5rem;text-transform:uppercase;color:#38a0a8}.presskit-factsheet .facts{display:flex;flex-direction:column;gap:1rem}.presskit-factsheet .fact .label{font-size:1rem;font-weight:600;line-height:1.5rem;text-transform:uppercase;margin-bottom:0}.presskit-factsheet .fact .text{font-size:1rem;line-height:1.5rem}.presskit-factsheet .fact p{margin:0}.presskit-links .title{font-size:1rem;font-weight:600;margin-bottom:1.5rem;line-height:1.5rem;text-transform:uppercase;color:#38a0a8}.presskit-links .links{display:flex;flex-direction:column;gap:.5rem}.presskit-links .link{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:1px solid #e0e0e0;border-radius:4px;text-decoration:none;color:inherit}.presskit-links .link:hover{background:#f9f9f9}.presskit-links .link-main{display:flex;flex-direction:column;gap:.2rem}.presskit-links .link-label{font-weight:500}.presskit-links .link-outlet{font-size:.8rem;color:#888}.presskit-links .link-date{font-size:.8rem;color:#888;flex-shrink:0;margin-left:1rem}