/* The holding page at /: the approved stacked logo on its own cream,
   one line, and a small footer. The ground is the logo file's cream, so the mark sits on the page with no edge. */
@font-face{font-family:'Schibsted Grotesk';src:url('/assets/fonts/schibsted-grotesk-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Schibsted Grotesk';src:url('/assets/fonts/schibsted-grotesk-700.woff2') format('woff2');font-weight:700;font-display:swap}

:root{--cream:#FFF6E6;--ink:#1B212B}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{background:var(--cream);color:var(--ink)}
body{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;
  font-family:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.4;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:focus-visible{outline:2px solid currentColor;outline-offset:3px}

main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px 16px;text-align:center}
main img{display:block;width:min(76vw,340px);height:auto}
h1{font-weight:700;font-size:26px;line-height:1.2;letter-spacing:-.01em}

footer{flex:none;padding:16px 20px 28px;text-align:center;font-size:13px}

@media (min-width:900px){
  main img{width:400px}
  h1{font-size:32px}
  footer{font-size:14px}
}