@font-face{font-family:'Literata';font-style:italic;font-weight:400 700;font-display:swap;src:url(fonts/literata-italic-latin.woff2) format('woff2')}
@font-face{font-family:'Literata';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/literata-normal-latin.woff2) format('woff2')}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/schibsted-grotesk-normal-latin.woff2) format('woff2')}

html{-webkit-text-size-adjust:100%}
body{margin:0;background:#F3F4F6}
a{color:#1F2150;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:#B4234F}
:focus-visible{outline:2px solid #B4234F;outline-offset:3px}
mark{color:inherit}
[hidden]{display:none!important}
.skip{position:absolute;left:-9999px;top:8px;z-index:10;padding:10px 16px;border-radius:999px;background:#1F2150;color:#FFFFFF;font-weight:600}
.skip:focus{left:12px}
/* Pill buttons on dark and brand backgrounds keep their own colour on hover. */
a[style*="background: #B4234F"]:hover{background:#9A1D43!important;color:#FFFFFF!important}
section[style*="#1F2150"] a:hover{color:#FFFFFF}
/* Full-size screenshot viewer (case studies). */
#hs-zoom{width:min(1400px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;border:0;border-radius:16px;background:#FFFFFF;box-shadow:0 32px 64px -24px rgba(31,33,80,.5);overflow:auto}
#hs-zoom::backdrop{background:rgba(31,33,80,.72)}
#hs-zoom img{display:block;width:100%;height:auto}
#hs-zoom form{position:sticky;top:0;display:flex;justify-content:flex-end;padding:12px;background:#FFFFFF;border-bottom:1px solid #D9DBE6}
.hs-zoom-close{min-height:44px;padding:0 20px;border:1px solid #1F2150;border-radius:999px;background:#FFFFFF;color:#1F2150;font:600 15px 'Schibsted Grotesk',Arial,sans-serif;cursor:pointer}
a[data-zoom]:hover{box-shadow:0 1px 0 #D9DBE6,0 24px 48px -24px rgba(31,33,80,.5)!important}
