/* "Want to work together?" footer, shared by every page. Same face as the W.I.P. tile on the home page;
   muted, with the page grid inside it; the colours follow the home page's Tune the room mood (mood-0 Sky, mood-1 Rich, mood-2 Orbs). */
body .site-footer{position:relative; overflow:hidden; box-sizing:border-box; max-width:880px; margin:0 auto 24px; display:flex; align-items:center; justify-content:space-between; gap:24px 40px; flex-wrap:nowrap; text-align:left; padding:48px 52px; border-radius:16px; border:1px solid rgba(255,255,255,.18); color:#fff; backdrop-filter:none; -webkit-backdrop-filter:none;
  background:radial-gradient(90% 120% at 0% 0%, rgba(255,255,255,.08), transparent 60%), linear-gradient(135deg, #5B4F96 0%, #4A407F 55%, #3B3368 100%);
  box-shadow:0 30px 60px -40px rgba(42,31,77,.45)}
html.mood-2 body .site-footer{background:radial-gradient(90% 120% at 0% 0%, rgba(255,255,255,.08), transparent 60%), linear-gradient(135deg, #8E5577 0%, #764663 55%, #5E3850 100%); box-shadow:0 30px 60px -40px rgba(94,56,80,.45)}
html.mood-1 body .site-footer{background:radial-gradient(90% 120% at 0% 0%, rgba(255,255,255,.05), transparent 60%), linear-gradient(135deg, #2F2754 0%, #241D40 60%, #1A1530 100%); border-color:rgba(255,255,255,.12)}
body .site-footer::before{content:""; display:block; position:absolute; inset:0; filter:none; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px); background-size:32px 32px; background-position:-1px -1px; -webkit-mask-image:radial-gradient(120% 140% at 0% 0%, #000 30%, rgba(0,0,0,.35) 100%); mask-image:radial-gradient(120% 140% at 0% 0%, #000 30%, rgba(0,0,0,.35) 100%)}
body .site-footer::after{display:none}
body .site-footer > *{position:relative}

body .site-footer h2{font:500 clamp(28px, 3.6vw, 42px)/1.15 "PP Valve", "Schibsted Grotesk", sans-serif; letter-spacing:-.01em; color:#fff; margin:0; max-width:none; flex:1 1 auto; min-width:0; text-align:left}
body .site-footer h2 em{font-style:italic; color:#fff}

body .site-footer .links{display:flex; gap:10px; margin:0; justify-content:flex-end; flex:none; flex-wrap:wrap}
body .site-footer .links a{display:inline-flex; align-items:center; min-height:0; color:#4A407F; background:#fff; border:1px solid #fff; border-radius:999px; padding:12px 18px; font:600 13px/1 "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif; letter-spacing:0; text-transform:none; text-decoration:none; transition:background-color .3s ease, color .3s ease, border-color .3s ease}
body .site-footer .links a + a{color:#fff; background:transparent; border-color:rgba(255,255,255,.6)}
body .site-footer .links a:hover{background:#1E1A2E; color:#fff; border-color:#1E1A2E}

@media (max-width:640px){ body .site-footer{flex-direction:column; align-items:flex-start; flex-wrap:wrap; padding:40px 28px} body .site-footer .links{justify-content:flex-start} body .site-footer .links a{min-height:44px} }