{"id":1175,"date":"2026-06-09T07:19:56","date_gmt":"2026-06-09T07:19:56","guid":{"rendered":"https:\/\/arvinge.se\/?page_id=1175"},"modified":"2026-06-29T12:00:27","modified_gmt":"2026-06-29T12:00:27","slug":"kommunikationsbyra-2","status":"publish","type":"page","link":"https:\/\/arvinge.se\/en\/","title":{"rendered":"Kommunikationsbyr\u00e5"},"content":{"rendered":"<section class=\"bde-section-1175-100 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-1175-104 bde-div\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-dual-heading-1175-301 bde-dual-heading\">\n\n\n            <span data-style=\"primary\" class=\"dual-heading--primary  \">F\u00f6r dig som vill l\u00e5ta smart<\/span>\n\n            <span data-style=\"secondary\" class=\"dual-heading--secondary  \">utan att anv\u00e4nda ordet disruption<\/span>\n\n\n\n<\/h1><div class=\"bde-text-1175-108 bde-text\">\nArvinge \u00e4r en kommunikationsbyr\u00e5 som hj\u00e4lper f\u00f6retag att bli enklare att f\u00f6rst\u00e5 och sv\u00e5rare att v\u00e4lja bort.\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-1175-316 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-shortcode-1175-320 bde-shortcode\">\r\n<div class=\"arv-stack\" id=\"arvStack\">\r\n  <div class=\"arv-stage\" id=\"arvStage\">\r\n\r\n    <div class=\"arv-card\" id=\"arvC1\">\r\n      <div class=\"arv-bg\" style=\"background-image:url('https:\/\/arvinge.se\/wp-content\/uploads\/2026\/06\/terranor-case1.png');\"><\/div>\r\n      <div class=\"arv-overlay\"><\/div>\r\n      <div class=\"arv-content\">\r\n        <div class=\"arv-case-label\">CASE<\/div>\r\n        <h3>Konceptuell utveckling av webben<\/h3>\r\n        <p>En digital helhetsupplevelse som g\u00f6r ett komplext erbjudande enklare att f\u00f6rst\u00e5.<\/p>\r\n        <div class=\"arv-tags\"><span>Webb<\/span><span>Kommunikation<\/span><span>Digital strategi<\/span><\/div>\r\n        <a href=\"#\" class=\"arv-readmore\" data-case=\"terranor\">L\u00e4s mer \u2192<\/a>\r\n      <\/div>\r\n      <div class=\"arv-hint\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"arv-card\" id=\"arvC2\">\r\n      <div class=\"arv-bg\" style=\"background-image:url('https:\/\/arvinge.se\/wp-content\/uploads\/2026\/06\/transformant-case-2.png');\"><\/div>\r\n      <div class=\"arv-overlay\"><\/div>\r\n      <div class=\"arv-content\">\r\n        <div class=\"arv-case-label\">CASE<\/div>\r\n        <h3>Nya platser och destinationer i kundresan<\/h3>\r\n        <p>Kommunikation och marknadsf\u00f6ring f\u00f6r aff\u00e4rssystem och intelligent teknik.<\/p>\r\n        <div class=\"arv-tags\"><span>PR<\/span><span>Webb<\/span><span>Thought leadership<\/span><\/div>\r\n        <a href=\"#\" class=\"arv-readmore\" data-case=\"transformant\">L\u00e4s mer \u2192<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"arv-card\" id=\"arvC3\">\r\n      <div class=\"arv-bg\" style=\"background-image:url('https:\/\/arvinge.se\/wp-content\/uploads\/2026\/06\/sal-navigation-case-3.png');\"><\/div>\r\n      <div class=\"arv-overlay\"><\/div>\r\n      <div class=\"arv-content\">\r\n        <div class=\"arv-case-label\">CASE<\/div>\r\n        <h3>Kommunikation f\u00f6r Sverige och v\u00e4rlden<\/h3>\r\n        <p>Ny webbplats med f\u00f6rb\u00e4ttrad struktur och st\u00f6d f\u00f6r ett internationellt distribut\u00f6rsn\u00e4t.<\/p>\r\n        <div class=\"arv-tags\"><span>Webb<\/span><span>Digital strategi<\/span><span>Internationell n\u00e4rvaro<\/span><\/div>\r\n        <a href=\"#\" class=\"arv-readmore\" data-case=\"sal\">L\u00e4s mer \u2192<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<div class=\"arv-popup-bg\" id=\"arvPopupBg\"><\/div>\r\n<div class=\"arv-popup\" id=\"arvPopup\">\r\n  <button class=\"arv-popup-close\" id=\"arvPopupClose\">\u2715<\/button>\r\n  <div class=\"arv-popup-inner\" id=\"arvPopupInner\"><\/div>\r\n<\/div>\r\n\r\n<script type=\"application\/json\" id=\"arvCaseData\">\r\n{\r\n  \"terranor\": {\r\n    \"client\": \"Terranor\",\r\n    \"title\": \"Fr\u00e5n m\u00e5nga tj\u00e4nster till en tydligare webbupplevelse\",\r\n    \"image\": \"https:\/\/arvinge.se\/wp-content\/uploads\/2026\/06\/terranor-case1.png\",\r\n    \"intro\": \"Terranor ansvarar f\u00f6r drift och underh\u00e5ll av v\u00e4gar samt bidrar till s\u00e4krare och mer h\u00e5llbara trafikmilj\u00f6er. Arvinge utvecklade en ny webbplats med tydligare struktur, inneh\u00e5ll och anv\u00e4ndarupplevelse.\",\r\n    \"points\": [\r\n      \"Ny webbplats: Koncept, struktur, inneh\u00e5ll och produktion.\",\r\n      \"Tydligare erbjudande: Omarbetning av tj\u00e4nster, verksamhetsomr\u00e5den och kundresor.\",\r\n      \"F\u00f6rb\u00e4ttrad digital n\u00e4rvaro: SEO, anv\u00e4ndarupplevelse och st\u00f6d f\u00f6r rekrytering.\"\r\n    ],\r\n    \"tags\": [\"Webb\", \"Digital strategi\", \"Anv\u00e4ndarupplevelse\"]\r\n  },\r\n  \"transformant\": {\r\n    \"client\": \"Transformant\",\r\n    \"title\": \"Konsten att g\u00f6ra komplex teknik enklare att v\u00e4lja\",\r\n    \"image\": \"https:\/\/arvinge.se\/wp-content\/uploads\/2026\/06\/transformant-case-2.png\",\r\n    \"intro\": \"Transformant hj\u00e4lper f\u00f6retag och organisationer att utveckla verksamheten med aff\u00e4rssystem och intelligent teknik. Arvinge ansvarar f\u00f6r kommunikation och marknadsf\u00f6ring.\",\r\n    \"points\": [\r\n      \"Lansering av f\u00f6retagets samarbete med Microsoft: PR, pressmaterial, LinkedIn och kampanj.\",\r\n      \"Lansering av tj\u00e4nsten Ezypay: Paid social, film, webb och s\u00e4ljst\u00f6dsmaterial.\",\r\n      \"Konceptet \\\"Att v\u00e4lja \u00e4r att leda\\\": Thought leadership, content marketing, webbinarium och event.\"\r\n    ],\r\n    \"tags\": [\"PR\", \"Webb\", \"Thought leadership\"]\r\n  },\r\n  \"sal\": {\r\n    \"client\": \"SAL Navigation\",\r\n    \"title\": \"En digital plattform f\u00f6r en global marknad\",\r\n    \"image\": \"https:\/\/arvinge.se\/wp-content\/uploads\/2026\/06\/sal-navigation-case-3.png\",\r\n    \"intro\": \"SAL Navigation utvecklar maritim teknik f\u00f6r s\u00e4krare, effektivare och mer h\u00e5llbara sj\u00f6fartsoperationer. Arvinge utvecklade en ny webbplats med f\u00f6rb\u00e4ttrad struktur, inneh\u00e5ll och st\u00f6d f\u00f6r ett internationellt distribut\u00f6rsn\u00e4t.\",\r\n    \"points\": [\r\n      \"Ny webbplats: Koncept, struktur, inneh\u00e5ll och produktion.\",\r\n      \"Global navigering: Produkter, marknader och distribut\u00f6rer i ett gemensamt gr\u00e4nssnitt.\",\r\n      \"Internationell n\u00e4rvaro: SEO, anv\u00e4ndarupplevelse och st\u00f6d f\u00f6r f\u00f6rs\u00e4ljning p\u00e5 flera marknader.\"\r\n    ],\r\n    \"tags\": [\"Webb\", \"Digital strategi\", \"Internationell n\u00e4rvaro\"]\r\n  }\r\n}\r\n<\/script>\r\n\r\n<style>\r\n.arv-stack {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 100%;\r\n  height: 300vh;\r\n  background: #000;\r\n  overflow: hidden;\r\n}\r\n\r\n.arv-stage {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  width: 100%;\r\n  max-width: 100%;\r\n  height: 100vh;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: start;\r\n}\r\n\r\n.arv-card {\r\n  position: absolute;\r\n  width: calc(100% - 64px);\r\n  max-width: calc(100% - 64px);\r\n  height: min(720px, 80vh);\r\n  border-radius: 28px;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(255,255,255,.22);\r\n  box-shadow:\r\n    0 0 0 1px rgba(255,255,255,.05),\r\n    0 40px 80px rgba(0,0,0,.8),\r\n    0 80px 160px rgba(0,0,0,.6);\r\n  will-change: transform, opacity;\r\n}\r\n\r\n#arvC1 { z-index:1; }\r\n#arvC2 { z-index:2; }\r\n#arvC3 { z-index:3; }\r\n\r\n.arv-card::before {\r\n  content:'';\r\n  position:absolute;\r\n  inset:0;\r\n  border-radius:28px;\r\n  background:linear-gradient(150deg,rgba(255,255,255,.08) 0%,transparent 50%);\r\n  z-index:4;\r\n  pointer-events:none;\r\n}\r\n\r\n.arv-bg {\r\n  position:absolute;\r\n  inset:0;\r\n  background-size:cover;\r\n  background-position:center;\r\n}\r\n\r\n.arv-overlay {\r\n  position:absolute;\r\n  inset:0;\r\n  background:\r\n    linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.52) 42%,rgba(0,0,0,.05) 78%),\r\n    linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.65));\r\n}\r\n\r\n.arv-content {\r\n  position:absolute;\r\n  z-index:5;\r\n  left:clamp(32px,4vw,70px);\r\n  bottom:clamp(32px,4vw,70px);\r\n  max-width:520px;\r\n}\r\n\r\n.arv-case-label{\r\n  margin-bottom:14px;\r\n  color:rgba(255,255,255,.55);\r\n  font-size:11px;\r\n  font-weight:700;\r\n  letter-spacing:.24em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.arv-content h3 {\r\n  margin:0 0 16px;\r\n  color:#fff;\r\n  font-size:clamp(2.4rem,3.8vw,3.1rem);\r\n  text-wrap: balance;\r\n  line-height:1.12;\r\n  letter-spacing:-.04em;\r\n  font-weight:500;\r\n}\r\n\r\n.arv-content p {\r\n  margin:0;\r\n  color:rgba(255,255,255,.68);\r\n  font-size:17px;\r\n  line-height:1.65;\r\n  max-width:420px;\r\n}\r\n\r\n.arv-tags {\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:8px;\r\n  margin-top:22px;\r\n}\r\n\r\n.arv-tags span {\r\n  height:34px;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  padding:0 16px;\r\n  border-radius:999px;\r\n  border:1px solid rgba(255,255,255,.2);\r\n  background:rgba(255,255,255,.08);\r\n  color:rgba(255,255,255,.85);\r\n  font-size:12px;\r\n  font-weight:500;\r\n}\r\n\r\n.arv-content a.arv-readmore {\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  margin-top:30px;\r\n  color:#fff;\r\n  font-size:15px;\r\n  text-decoration:none;\r\n  border-bottom:1px solid rgba(255,255,255,.28);\r\n  padding-bottom:6px;\r\n  cursor:pointer;\r\n}\r\n\r\n.arv-hint {\r\n  position:absolute;\r\n  z-index:6;\r\n  bottom:clamp(32px,4vw,70px);\r\n  right:clamp(32px,4vw,70px);\r\n  width:1px;\r\n  height:48px;\r\n  background:linear-gradient(to bottom,rgba(255,255,255,.4),transparent);\r\n  animation:arv-pulse 1.8s ease-in-out infinite;\r\n}\r\n\r\n@keyframes arv-pulse {\r\n  0%,100%{ opacity:.35; transform:scaleY(1); }\r\n  50%{ opacity:1; transform:scaleY(1.3); }\r\n}\r\n\r\n\/* POPUP *\/\r\n.arv-popup-bg {\r\n  position: fixed;\r\n  inset: 0;\r\n  background: rgba(0,0,0,.75);\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n  z-index: 9998;\r\n  opacity: 0;\r\n  pointer-events: none;\r\n  transition: opacity .35s ease;\r\n}\r\n\r\n.arv-popup-bg.arv-open {\r\n  opacity:1;\r\n  pointer-events:auto;\r\n}\r\n\r\n.arv-popup {\r\n  position: fixed;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -46%);\r\n  width: min(820px, 92vw);\r\n  max-height: 88vh;\r\n  background: #0e0e12;\r\n  border: 1px solid rgba(255,255,255,.12);\r\n  border-radius: 28px;\r\n  box-shadow: 0 40px 100px rgba(0,0,0,.85);\r\n  z-index: 9999;\r\n  opacity: 0;\r\n  pointer-events: none;\r\n  transition: opacity .35s ease, transform .4s cubic-bezier(.16,1,.3,1);\r\n  overflow: hidden;\r\n}\r\n\r\n.arv-popup.arv-open {\r\n  opacity: 1;\r\n  pointer-events: auto;\r\n  transform: translate(-50%, -50%);\r\n  overflow-y: auto;\r\n}\r\n\r\n.arv-popup-close {\r\n  position: absolute;\r\n  top: 20px;\r\n  right: 20px;\r\n  width: 36px;\r\n  height: 36px;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(255,255,255,.15);\r\n  background: rgba(0,0,0,.4);\r\n  color: rgba(255,255,255,.7);\r\n  font-size: 14px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 10;\r\n}\r\n\r\n.arv-popup-image {\r\n  width: 100%;\r\n  aspect-ratio: 16\/7;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n.arv-popup-body {\r\n  padding: clamp(28px,4vw,52px);\r\n}\r\n\r\n.arv-popup-client {\r\n  color: rgba(255,255,255,.55);\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: .2em;\r\n  text-transform: uppercase;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.arv-popup-title {\r\n  color: #fff;\r\n  font-size: clamp(1.5rem,2.8vw,2.1rem);\r\n  font-weight: 500;\r\n  line-height: 1.15;\r\n  letter-spacing: -.03em;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n.arv-popup-intro {\r\n  color: rgba(255,255,255,.62);\r\n  font-size: 16px;\r\n  line-height: 1.75;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.arv-popup-points {\r\n  list-style: none;\r\n  margin-bottom: 30px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 14px;\r\n}\r\n\r\n.arv-popup-points li {\r\n  color: rgba(255,255,255,.8);\r\n  font-size: 15px;\r\n  line-height: 1.6;\r\n  padding-left: 20px;\r\n  position: relative;\r\n}\r\n\r\n.arv-popup-points li::before {\r\n  content:'';\r\n  position:absolute;\r\n  left:0;\r\n  top:9px;\r\n  width:6px;\r\n  height:6px;\r\n  border-radius:50%;\r\n  background:#9b8fff;\r\n}\r\n\r\n.arv-popup-tags {\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:8px;\r\n}\r\n\r\n.arv-popup-tags span {\r\n  height:30px;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  padding:0 14px;\r\n  border-radius:999px;\r\n  border:1px solid rgba(255,255,255,.18);\r\n  background:rgba(255,255,255,.06);\r\n  color:rgba(255,255,255,.75);\r\n  font-size:11px;\r\n}\r\n\r\n\/* MOBIL *\/\r\n@media(max-width:767px){\r\n  .arv-stack{\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n    padding:0 1.5rem 28px 0 !important;\r\n    margin:0 !important;\r\n    box-sizing:border-box !important;\r\n  }\r\n\r\n  .arv-stage{\r\n    position:relative !important;\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n    height:auto !important;\r\n    display:flex !important;\r\n    flex-direction:column !important;\r\n    gap:18px !important;\r\n    transform:none !important;\r\n    box-sizing:border-box !important;\r\n  }\r\n\r\n  .arv-card{\r\n    position:relative !important;\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n    min-height:460px !important;\r\n    margin:0 !important;\r\n    transform:none !important;\r\n    opacity:1 !important;\r\n    box-sizing:border-box !important;\r\n  }\r\n\r\n  .arv-card::before{\r\n    border-radius:22px !important;\r\n  }\r\n\r\n  .arv-bg{\r\n    background-position:center top !important;\r\n  }\r\n\r\n  .arv-overlay{\r\n    background:\r\n      linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.34) 38%,rgba(0,0,0,.94) 100%) !important;\r\n  }\r\n\r\n  .arv-content{\r\n    left:16px !important;\r\n    right:16px !important;\r\n    bottom:18px !important;\r\n    max-width:none !important;\r\n  }\r\n\r\n  .arv-case-label{\r\n    font-size:10px !important;\r\n    margin-bottom:10px !important;\r\n  }\r\n\r\n  .arv-content h3{\r\n    font-size:24px !important;\r\n    line-height:1.06 !important;\r\n    max-width:270px !important;\r\n    margin-bottom:8px !important;\r\n  }\r\n\r\n  .arv-content p{\r\n    font-size:14px !important;\r\n    line-height:1.45 !important;\r\n    max-width:270px !important;\r\n  }\r\n\r\n  .arv-tags{\r\n    margin-top:14px !important;\r\n    gap:7px !important;\r\n  }\r\n\r\n  .arv-tags span{\r\n    height:28px !important;\r\n    font-size:10px !important;\r\n    padding:0 10px !important;\r\n  }\r\n\r\n  .arv-content a.arv-readmore{\r\n    margin-top:18px !important;\r\n    font-size:14px !important;\r\n  }\r\n\r\n  .arv-hint{\r\n    display:none !important;\r\n  }\r\n\r\n  .arv-popup{\r\n    width:calc(100vw - 24px) !important;\r\n    max-height:86vh !important;\r\n    border-radius:22px !important;\r\n  }\r\n\r\n  .arv-popup-image{\r\n    aspect-ratio:16\/10 !important;\r\n  }\r\n\r\n  .arv-popup-body{\r\n    padding:26px 22px 30px !important;\r\n  }\r\n\r\n  .arv-popup-title{\r\n    font-size:25px !important;\r\n  }\r\n\r\n  .arv-popup-intro,\r\n  .arv-popup-points li{\r\n    font-size:14px !important;\r\n    line-height:1.6 !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  function init(){\r\n    var stack = document.getElementById(\"arvStack\");\r\n    if(!stack){\r\n      setTimeout(init,80);\r\n      return;\r\n    }\r\n\r\n    var stage    = document.getElementById(\"arvStage\");\r\n    var c1       = document.getElementById(\"arvC1\");\r\n    var c2       = document.getElementById(\"arvC2\");\r\n    var c3       = document.getElementById(\"arvC3\");\r\n    var popupBg  = document.getElementById(\"arvPopupBg\");\r\n    var popup    = document.getElementById(\"arvPopup\");\r\n    var popupIn  = document.getElementById(\"arvPopupInner\");\r\n    var closeBtn = document.getElementById(\"arvPopupClose\");\r\n    var caseData = JSON.parse(document.getElementById(\"arvCaseData\").textContent);\r\n\r\n    function isMobile(){\r\n      return window.innerWidth <= 767;\r\n    }\r\n\r\n    function resetMobileCards(){\r\n      stage.style.transform = \"\";\r\n      c1.style.transform = \"\";\r\n      c1.style.opacity = \"\";\r\n      c2.style.transform = \"\";\r\n      c2.style.opacity = \"\";\r\n      c3.style.transform = \"\";\r\n      c3.style.opacity = \"\";\r\n    }\r\n\r\n    function clamp(v,lo,hi){\r\n      return v < lo ? lo : v > hi ? hi : v;\r\n    }\r\n\r\n    function ease(t){\r\n      t = clamp(t,0,1);\r\n      return t < 0.5 ? 4*t*t*t : 1 - Math.pow(-2*t+2,3)\/2;\r\n    }\r\n\r\n    function seg(p,s,e){\r\n      return ease(clamp((p-s)\/(e-s),0,1));\r\n    }\r\n\r\n    var secTop = 0;\r\n    var secH = 0;\r\n    var lastScroll = -1;\r\n\r\n    function cacheLayout(){\r\n      var scroll = document.documentElement.scrollTop || window.pageYOffset || 0;\r\n      secTop = stack.getBoundingClientRect().top + scroll;\r\n      secH = stack.offsetHeight;\r\n    }\r\n\r\n    function apply(scroll){\r\n      if(isMobile()){\r\n        resetMobileCards();\r\n        return;\r\n      }\r\n\r\n      var vh = window.innerHeight;\r\n      var total = secH - vh;\r\n      if(total <= 0) return;\r\n\r\n      var p = clamp((scroll-secTop)\/total,0,1);\r\n\r\n      stage.style.transform = \"translateY(\" + clamp(scroll-secTop,0,total) + \"px)\";\r\n\r\n      var t2 = seg(p,.05,.40);\r\n      var t3 = seg(p,.58,.93);\r\n\r\n      c1.style.transform = \"translateY(\" + (-65*t2) + \"px) scale(\" + (1-0.06*t2) + \")\";\r\n      c1.style.opacity = \"\" + (1-0.55*t2);\r\n\r\n      c2.style.transform = \"translateY(\" + (vh*(1-t2)+(-65*t3)) + \"px) scale(\" + (0.9+0.1*t2-0.06*t3) + \")\";\r\n      c2.style.opacity = \"\" + clamp(t2*2.5,0,1) * (1-0.55*t3);\r\n\r\n      c3.style.transform = \"translateY(\" + (vh*(1-t3)) + \"px) scale(\" + (0.9+0.1*t3) + \")\";\r\n      c3.style.opacity = \"\" + clamp(t3*2.5,0,1);\r\n    }\r\n\r\n    function loop(){\r\n      var scroll = document.documentElement.scrollTop || window.pageYOffset || 0;\r\n      if(scroll !== lastScroll){\r\n        lastScroll = scroll;\r\n        apply(scroll);\r\n      }\r\n      requestAnimationFrame(loop);\r\n    }\r\n\r\n    window.addEventListener(\"resize\",function(){\r\n      cacheLayout();\r\n      apply(document.documentElement.scrollTop || window.pageYOffset || 0);\r\n    });\r\n\r\n    cacheLayout();\r\n    loop();\r\n\r\n    function openPopup(key){\r\n      var d = caseData[key];\r\n      if(!d) return;\r\n\r\n      var points = d.points.map(function(p){\r\n        return '<li>' + p + '<\/li>';\r\n      }).join('');\r\n\r\n      var tags = d.tags.map(function(t){\r\n        return '<span>' + t + '<\/span>';\r\n      }).join('');\r\n\r\n      popupIn.innerHTML =\r\n        (d.image ? '<img decoding=\"async\" class=\"arv-popup-image\" src=\"' + d.image + '\" alt=\"' + d.client + '\">' : '') +\r\n        '<div class=\"arv-popup-body\">' +\r\n          '<div class=\"arv-popup-client\">' + d.client + '<\/div>' +\r\n          '<div class=\"arv-popup-title\">' + d.title + '<\/div>' +\r\n          '<div class=\"arv-popup-intro\">' + d.intro + '<\/div>' +\r\n          (points ? '<ul class=\"arv-popup-points\">' + points + '<\/ul>' : '') +\r\n          '<div class=\"arv-popup-tags\">' + tags + '<\/div>' +\r\n        '<\/div>';\r\n\r\n      popupBg.classList.add(\"arv-open\");\r\n      popup.classList.add(\"arv-open\");\r\n      document.body.style.overflow = \"hidden\";\r\n    }\r\n\r\n    function closePopup(){\r\n      popupBg.classList.remove(\"arv-open\");\r\n      popup.classList.remove(\"arv-open\");\r\n      document.body.style.overflow = \"\";\r\n    }\r\n\r\n    document.querySelectorAll(\".arv-readmore\").forEach(function(a){\r\n      a.addEventListener(\"click\",function(e){\r\n        e.preventDefault();\r\n        openPopup(this.getAttribute(\"data-case\"));\r\n      });\r\n    });\r\n\r\n    closeBtn.addEventListener(\"click\", closePopup);\r\n    popupBg.addEventListener(\"click\", closePopup);\r\n\r\n    document.addEventListener(\"keydown\",function(e){\r\n      if(e.key === \"Escape\") closePopup();\r\n    });\r\n  }\r\n\r\n  init();\r\n})();\r\n<\/script>\r\n\r\n<\/div><\/div>\n<\/section><section id=\"om-oss\" class=\"bde-section-1175-272 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-1175-274 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-1175-276 bde-text\">\nDet v\u00e4rlden har brist p\u00e5 \u00e4r eftertanke. Inneh\u00e5ll finns redan i \u00f6verfl\u00f6d. Vi tror p\u00e5 id\u00e9er som h\u00e5ller l\u00e4ngre \u00e4n algoritmer och p\u00e5 kommunikation som stannar kvar. Som f\u00e5r m\u00e4nniskor att f\u00f6rst\u00e5, k\u00e4nna och agera. Mod \u00e5ldras inte.\n<\/div>\n<\/div><div class=\"bde-code-block-1175-289 bde-code-block\">\n\n  <section class=\"arvinge-logos\">\n  <div class=\"arvinge-logos-grid\">\n\n    <div class=\"logo-card logo-kc\">\n      <img decoding=\"async\" src=\"https:\/\/arvinge.se\/wp-content\/uploads\/2026\/03\/KC-Group.-Logo.webp\" alt=\"KC Group\">\n    <\/div>\n\n    <div class=\"logo-card logo-ezypay\">\n      <img decoding=\"async\" src=\"https:\/\/arvinge.se\/wp-content\/uploads\/2026\/03\/ezypay-arvinge-e1773318255502.png\" alt=\"EzyPay\">\n    <\/div>\n\n    <div class=\"logo-card logo-ata\">\n      <img decoding=\"async\" src=\"https:\/\/arvinge.se\/wp-content\/uploads\/2026\/03\/Namnlos-design-1.svg\" alt=\"ATA\">\n    <\/div>\n\n    <div class=\"logo-card logo-transformant\">\n      <img decoding=\"async\" src=\"https:\/\/arvinge.se\/wp-content\/uploads\/2026\/01\/cropped-TRANSFORMANT_transp-1-1.png\" alt=\"Transformant\">\n    <\/div>\n\n    <div class=\"logo-card logo-fa\">\n      <img decoding=\"async\" src=\"https:\/\/arvinge.se\/wp-content\/uploads\/2026\/06\/FA-Logo-01-small.webp\" alt=\"Framg\u00e5ngsakademin\">\n    <\/div>\n\n    <div class=\"logo-card logo-terranor\">\n      <img decoding=\"async\" src=\"https:\/\/arvinge.se\/wp-content\/uploads\/2026\/01\/Logo-full-horizontal.svg\" alt=\"Terranor\">\n    <\/div>\n\n    <div class=\"logo-card logo-koffein\">\n      <img decoding=\"async\" src=\"https:\/\/arvinge.se\/wp-content\/uploads\/2026\/04\/Namnlos_design__17_-removebg-preview-e1776863558706.png\" alt=\"Koffeinfritt\">\n    <\/div>\n\n    <div class=\"logo-card logo-kontoret\">\n      <img decoding=\"async\" src=\"https:\/\/arvinge.se\/wp-content\/uploads\/2026\/06\/kontoret-logo.svg\" alt=\"Kontoret\">\n    <\/div>\n\n    <div class=\"logo-card logo-korrosion\">\n      <img decoding=\"async\" src=\"https:\/\/arvinge.se\/wp-content\/uploads\/2026\/06\/Korrosionsgruppen-Logo-registered-843x300-transparent-300x107-1.webp\" alt=\"Korrosionsgruppen\">\n    <\/div>\n\n    <div class=\"logo-card logo-neon\">\n      <img decoding=\"async\" src=\"https:\/\/arvinge.se\/wp-content\/uploads\/2026\/06\/Neon.Transparent-1-e1747023522889.png\" alt=\"Neon\">\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\n.arvinge-logos{\n    padding:80px 0;\n}\n\n.arvinge-logos-grid{\n    max-width:1200px;\n    margin:0 auto;\n    display:grid;\n    grid-template-columns:repeat(5,1fr);\n\n    border-top:1px solid rgba(255,255,255,.06);\n    border-left:1px solid rgba(255,255,255,.06);\n}\n\n.logo-card{\n    height:140px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    padding:24px;\n\n    border-right:1px solid rgba(255,255,255,.06);\n    border-bottom:1px solid rgba(255,255,255,.06);\n\n    background:rgba(255,255,255,.01);\n    transition:.25s ease;\n}\n\n.logo-card:hover{\n    background:rgba(255,255,255,.025);\n}\n\n.logo-card img{\n    width:auto;\n    height:auto;\n    object-fit:contain;\n    opacity:.58;\n    transition:.25s ease;\n}\n\n\/* Alla loggor utom Korrosionsgruppen och Neon blir vita *\/\n\n.logo-card:not(.logo-korrosion):not(.logo-neon) img{\n    filter:brightness(0) invert(1);\n}\n\n.logo-card:hover img{\n    opacity:.9;\n}\n\n\/* -------------------- *\/\n\/* OPTISK BALANSERING   *\/\n\/* -------------------- *\/\n\n.logo-kc img{\n    max-width:160px;\n    max-height:44px;\n}\n\n.logo-ezypay img{\n    max-width:165px;\n    max-height:42px;\n}\n\n.logo-ata img{\n    max-width:142px;\n    max-height:56px;\n}\n\n.logo-transformant img{\n    max-width:175px;\n    max-height:40px;\n}\n\n.logo-fa img{\n    max-width:180px;\n    max-height:60px;\n}\n\n\/* ST\u00d6RRE TERRANOR *\/\n\n.logo-terranor img{\n    max-width:290px;\n    max-height:80px;\n}\n\n.logo-koffein img{\n    max-width:150px;\n    max-height:42px;\n}\n\n.logo-kontoret img{\n    max-width:88px;\n    max-height:60px;\n}\n\n\/* -------------------- *\/\n\/* KORROSIONSGRUPPEN    *\/\n\/* -------------------- *\/\n\n.logo-korrosion img{\n    max-width:175px;\n    max-height:52px;\n    filter:grayscale(100%);\n    opacity:.7;\n}\n\n.logo-korrosion:hover img{\n    opacity:1;\n}\n\n\/* -------------------- *\/\n\/* NEON                 *\/\n\/* -------------------- *\/\n\n.logo-neon img{\n    max-width:170px;\n    max-height:90px;\n    filter:grayscale(100%);\n    opacity:.7;\n}\n\n.logo-neon:hover img{\n    opacity:1;\n}\n\n\/* -------------------- *\/\n\/* TABLET               *\/\n\/* -------------------- *\/\n\n@media(max-width:991px){\n\n    .arvinge-logos-grid{\n        grid-template-columns:repeat(2,1fr);\n    }\n\n    .logo-card{\n        height:120px;\n        padding:20px;\n    }\n\n}\n\n\/* -------------------- *\/\n\/* MOBIL                *\/\n\/* -------------------- *\/\n\n@media(max-width:640px){\n\n    .logo-card{\n        height:100px;\n        padding:16px;\n    }\n\n    .logo-kc img{\n        max-width:130px;\n    }\n\n    .logo-ezypay img{\n        max-width:130px;\n    }\n\n    .logo-transformant img{\n        max-width:140px;\n    }\n\n    .logo-fa img{\n        max-width:155px;\n    }\n\n    .logo-terranor img{\n        max-width:250px;\n    }\n\n    .logo-korrosion img{\n        max-width:145px;\n    }\n\n    .logo-neon img{\n        max-width:195px;\n    }\n\n}\n\n<\/style>\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-1175-166 bde-section\">\n              \n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-1175-292 bde-columns\"><div class=\"bde-column-1175-293 bde-column\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-dual-heading-1175-300 bde-dual-heading\">\n\n\n            <span data-style=\"primary\" class=\"dual-heading--primary  \">S\u00e4nk r\u00f6sten<\/span>\n\n            <span data-style=\"secondary\" class=\"dual-heading--secondary  \">s\u00e5 h\u00f6rs du b\u00e4ttre<\/span>\n\n\n\n<\/h2><div class=\"bde-text-1175-299 bde-text\">\nSynlighet kan k\u00f6pas. F\u00f6rtroende m\u00e5ste f\u00f6rtj\u00e4nas.\n<\/div><div class=\"bde-text-1175-321 bde-text\">\nDe flesta f\u00f6retag producerar redan tillr\u00e4ckligt mycket inneh\u00e5ll. Flit \u00e4r s\u00e4llan en bristvara. Men m\u00e4nniskor lyssnar inte mer bara f\u00f6r att n\u00e5gon publicerar oftare. R\u00e4tt argument, i ett behagligt tonl\u00e4ge, vinner \u00f6ver utropstecken. Starka varum\u00e4rken k\u00e4nns s\u00e4llan stressade.\n<\/div>\n<\/div><div class=\"bde-column-1175-294 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1175-175 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-icon-1175-176 bde-icon\">\n\n    \n                    \n            \n                           \n                       \n                 \n\n    \n    \n    \n                    \n    \n    <a class=\"breakdance-link bde-icon-icon breakdance-icon-atom\" href=\"#\" target=\"_self\" data-type=\"action\"  data-action='{\"type\":\"popup\",\"popupOptions\":{\"popupAction\":\"open\",\"popupId\":\"222\"}}' >\n\n    \n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><!--! Font Awesome Free 6.5.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d=\"M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80V432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z\"\/><\/svg>\n        \n        \n        \n                <\/a>\n\n    \n\n\n<\/div><div class=\"bde-text-1175-177 bde-text\">\nArvinge p\u00e5 1 minut\n<\/div>\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-1175-319 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-code-block-1175-318 bde-code-block\">\n\n  <section class=\"arv-testimonial-slider\">\n\n  <div class=\"arv-testimonial-track\" id=\"arvTestimonialTrack\">\n\n    <article class=\"arv-testimonial-card\">\n      <p>\u2014 En samarbetspartner som alltid levererar smidigt och p\u00e5litligt, med en imponerande kunskap om branschen och f\u00f6rm\u00e5ga att snabbt s\u00e4tta sig in i v\u00e5ra behov.<\/p>\n      <div class=\"arv-testimonial-bottom\">\n        <div><strong>Matias Rodriguez<\/strong><span>ABAX<\/span><\/div>\n      <\/div>\n    <\/article>\n\n    <article class=\"arv-testimonial-card\">\n      <p>\u2013 Det b\u00e4sta med Arvinge \u00e4r att de inte bara beskriver v\u00e5ra tj\u00e4nster, utan hj\u00e4lper oss att f\u00f6rklara v\u00e4rdet f\u00f6r kunderna och formulera budskap som st\u00e4rker b\u00e5de aff\u00e4ren och varum\u00e4rket.<\/p>\n      <div class=\"arv-testimonial-bottom\">\n        <div><strong>Calle Andersson<\/strong><span>Transformant<\/span><\/div>\n      <\/div>\n    <\/article>\n\n    <article class=\"arv-testimonial-card\">\n      <p>\u2014 En samarbetspartner som alltid levererar smidigt och p\u00e5litligt, med en imponerande kunskap om branschen och f\u00f6rm\u00e5ga att snabbt s\u00e4tta sig in i v\u00e5ra behov.<\/p>\n      <div class=\"arv-testimonial-bottom\">\n        <div><strong>Matias Rodriguez<\/strong><span>ABAX<\/span><\/div>\n      <\/div>\n    <\/article>\n\n    <article class=\"arv-testimonial-card\">\n      <p>\u2014 En samarbetspartner som alltid levererar smidigt och p\u00e5litligt, med en imponerande kunskap om branschen och f\u00f6rm\u00e5ga att snabbt s\u00e4tta sig in i v\u00e5ra behov.<\/p>\n      <div class=\"arv-testimonial-bottom\">\n        <div><strong>Matias Rodriguez<\/strong><span>ABAX<\/span><\/div>\n      <\/div>\n    <\/article>\n\n    <article class=\"arv-testimonial-card\">\n      <p>\u2014 En samarbetspartner som alltid levererar smidigt och p\u00e5litligt, med en imponerande kunskap om branschen och f\u00f6rm\u00e5ga att snabbt s\u00e4tta sig in i v\u00e5ra behov.<\/p>\n      <div class=\"arv-testimonial-bottom\">\n        <div><strong>Matias Rodriguez<\/strong><span>ABAX<\/span><\/div>\n      <\/div>\n    <\/article>\n\n  <\/div>\n\n  <div class=\"arv-slider-controls\">\n    <button type=\"button\" class=\"arv-slider-btn\" id=\"arvPrev\">\u2190<\/button>\n    <button type=\"button\" class=\"arv-slider-btn\" id=\"arvNext\">\u2192<\/button>\n  <\/div>\n\n<\/section>\n\n<style>\n.arv-testimonial-slider{\n  width:100%;\n  position:relative;\n  overflow:hidden;\n}\n.arv-testimonial-track{\n  display:flex;\n  gap:16px;\n  overflow-x:auto;\n  scroll-snap-type:x mandatory;\n  scroll-behavior:smooth;\n  padding-bottom:18px;\n  -webkit-overflow-scrolling:touch;\n}\n.arv-testimonial-track::-webkit-scrollbar{\n  display:none;\n}\n.arv-testimonial-card{\n  flex:0 0 calc((100% - 32px) \/ 3);\n  min-height:240px;\n  padding:28px 32px;\n  background:#1a1a1a;\n  border:1px solid rgba(255,255,255,.08);\n  border-radius:10px;\n  scroll-snap-align:start;\n  display:flex;\n  flex-direction:column;\n  justify-content:space-between;\n  transition:\n    transform .3s cubic-bezier(.16,1,.3,1),\n    border-color .3s ease,\n    background .3s ease,\n    box-shadow .3s ease;\n}\n.arv-testimonial-card:hover{\n  transform:translateY(-4px);\n  background:#222;\n  border-color:rgba(255,255,255,.18);\n  box-shadow:\n    0 0 0 1px rgba(255,255,255,.06),\n    0 20px 60px rgba(0,0,0,.6),\n    0 0 40px rgba(155,143,255,.06);\n}\n.arv-testimonial-card p{\n  margin:0;\n  color:#fff;\n  font-size:1.2rem;\n  line-height:1.5;\n  letter-spacing:-0.03em;\n  font-weight:400;\n  transition:color .3s ease;\n}\n.arv-testimonial-card:hover p{\n  color:#fff;\n}\n.arv-testimonial-bottom{\n  display:flex;\n  align-items:flex-end;\n  justify-content:flex-end;\n  margin-top:32px;\n}\n.arv-testimonial-bottom strong{\n  display:block;\n  color:#fff;\n  font-size:15px;\n  font-weight:600;\n  line-height:1.35;\n}\n.arv-testimonial-bottom span{\n  display:block;\n  color:rgba(255,255,255,.5);\n  font-size:15px;\n  line-height:1.35;\n  transition:color .3s ease;\n}\n.arv-testimonial-card:hover .arv-testimonial-bottom span{\n  color:rgba(255,255,255,.7);\n}\n.arv-slider-controls{\n  display:flex;\n  justify-content:flex-end;\n  gap:10px;\n  margin-top:18px;\n}\n.arv-slider-btn{\n  width:46px;\n  height:46px;\n  border-radius:999px;\n  border:1px solid rgba(255,255,255,.14);\n  background:rgba(255,255,255,.04);\n  color:#fff;\n  font-size:18px;\n  cursor:pointer;\n  transition:.2s ease;\n}\n.arv-slider-btn:hover{\n  background:#fff;\n  color:#000;\n  border-color:#fff;\n  transform:translateY(-2px);\n}\n@media(max-width:1100px){\n  .arv-testimonial-card{\n    flex-basis:calc((100% - 16px) \/ 2);\n  }\n}\n@media(max-width:640px){\n  .arv-testimonial-card{\n    flex-basis:88%;\n    min-height:200px;\n    padding:24px;\n  }\n  .arv-testimonial-card p{\n    font-size:1.1rem;\n  }\n  .arv-slider-controls{\n    justify-content:flex-start;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n  var track = document.getElementById(\"arvTestimonialTrack\");\n  var prev  = document.getElementById(\"arvPrev\");\n  var next  = document.getElementById(\"arvNext\");\n  if(!track || !prev || !next) return;\n  function getScrollAmount(){\n    var card = track.querySelector(\".arv-testimonial-card\");\n    return card ? card.offsetWidth + 16 : 400;\n  }\n  prev.addEventListener(\"click\", function(){ track.scrollBy({ left:-getScrollAmount(), behavior:\"smooth\" }); });\n  next.addEventListener(\"click\", function(){ track.scrollBy({ left:getScrollAmount(),  behavior:\"smooth\" }); });\n});\n<\/script>\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-1175-227 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-1175-228 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1175-236 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-1175-290 bde-text\">\nKunskapsportal\n<\/div><h2 class=\"bde-dual-heading-1175-291 bde-dual-heading\">\n\n\n            <span data-style=\"primary\" class=\"dual-heading--primary  \">F\u00f6r m\u00e4nniskor som fattar beslut<\/span>\n\n\n\n<\/h2>\n<\/div><div class=\"bde-button-1175-237 bde-button\">\n        \n    \n    \n    \n    \n            \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--custom bde-button__button\" href=\"https:\/\/arvinge.se\/blogg\/\" target=\"_self\" data-type=\"url\">\n\n    \n        <span class=\"button-atom__text\">Alla artiklar<\/span>\n\n        \n        \n                <\/a>\n\n    \n\n\n<\/div>\n<\/div><div class=\"bde-shortcode-1175-322 bde-shortcode\">\r\n    <section class=\"ak-cards-wrap\">\r\n        <div class=\"ak-cards\">\r\n\r\n                            \r\n                    <article class=\"ak-card\">\r\n                        <a class=\"ak-card-link\" href=\"https:\/\/arvinge.se\/en\/naringslivet-och-ai-kan-lara-politiken-vad-ansvar-egentligen-betyder\/\" aria-label=\"N\u00e4ringslivet och AI kan l\u00e4ra politiken vad ansvar egentligen betyder\">\r\n\r\n                                                            <div class=\"ak-img\" style=\"background-image:url('https:\/\/arvinge.se\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2026-02-09-at-17.16.26-1-1024x683.jpeg');\">\r\n                                    <span class=\"ak-readtime\">4 min l\u00e4sning<\/span>\r\n                                <\/div>\r\n                            \r\n                            <div class=\"ak-body\">\r\n                                <span class=\"ak-cat\">Kommunikation<\/span>\r\n                                <h3>N\u00e4ringslivet och AI kan l\u00e4ra politiken vad ansvar egentligen betyder<\/h3>\r\n                                <p>En regering kan lansera en reform utan att definiera vad framg\u00e5ng inneb\u00e4r och \u00e4nd\u00e5 beh\u00e5lla sin auktoritet. Ett...<\/p>\r\n                            <\/div>\r\n\r\n                        <\/a>\r\n                    <\/article>\r\n\r\n                \r\n                    <article class=\"ak-card\">\r\n                        <a class=\"ak-card-link\" href=\"https:\/\/arvinge.se\/en\/gardagen-hade-manga-ratt-vi-slutade-bara-lyssna\/\" aria-label=\"G\u00e5rdagen hade m\u00e5nga r\u00e4tt. Vi slutade bara lyssna.\">\r\n\r\n                                                            <div class=\"ak-img\" style=\"background-image:url('https:\/\/arvinge.se\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2026-02-09-at-17.16.26-1024x574.jpeg');\">\r\n                                    <span class=\"ak-readtime\">9 min l\u00e4sning<\/span>\r\n                                <\/div>\r\n                            \r\n                            <div class=\"ak-body\">\r\n                                <span class=\"ak-cat\">Kommunikation<\/span>\r\n                                <h3>G\u00e5rdagen hade m\u00e5nga r\u00e4tt. Vi slutade bara lyssna.<\/h3>\r\n                                <p>Vi \u00e4lskar framtiden. Kanaler, AI, automatisering och allt som glittrar nytt. Men i jakten p\u00e5 n\u00e4sta stora sak...<\/p>\r\n                            <\/div>\r\n\r\n                        <\/a>\r\n                    <\/article>\r\n\r\n                \r\n                    <article class=\"ak-card\">\r\n                        <a class=\"ak-card-link\" href=\"https:\/\/arvinge.se\/en\/bara-barn-tror-pa-superhjaltar\/\" aria-label=\"Bara barn tror p\u00e5 superhj\u00e4ltar\">\r\n\r\n                                                            <div class=\"ak-img\" style=\"background-image:url('https:\/\/arvinge.se\/wp-content\/uploads\/2025\/11\/ales-nesetril-Im7lZjxeLhg-unsplash-1024x725.jpg');\">\r\n                                    <span class=\"ak-readtime\">4 min l\u00e4sning<\/span>\r\n                                <\/div>\r\n                            \r\n                            <div class=\"ak-body\">\r\n                                <span class=\"ak-cat\">Kommunikation<\/span>\r\n                                <h3>Bara barn tror p\u00e5 superhj\u00e4ltar<\/h3>\r\n                                <p>N\u00e4r en roll blir fem yrken: om varf\u00f6r tillv\u00e4xtbolag rekryterar fel och hur du g\u00f6r r\u00e4tt fr\u00e5n b\u00f6rjan....<\/p>\r\n                            <\/div>\r\n\r\n                        <\/a>\r\n                    <\/article>\r\n\r\n                \r\n                    <article class=\"ak-card\">\r\n                        <a class=\"ak-card-link\" href=\"https:\/\/arvinge.se\/en\/marknadsforing-utan-konflikt-ar-bara-dekoration\/\" aria-label=\"Marknadsf\u00f6ring utan konflikt \u00e4r bara dekoration.\">\r\n\r\n                                                            <div class=\"ak-img\" style=\"background-image:url('https:\/\/arvinge.se\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2026-06-09-at-13.28.45-1024x683.jpeg');\">\r\n                                    <span class=\"ak-readtime\">3 min l\u00e4sning<\/span>\r\n                                <\/div>\r\n                            \r\n                            <div class=\"ak-body\">\r\n                                <span class=\"ak-cat\">Kommunikation<\/span>\r\n                                <h3>Marknadsf\u00f6ring utan konflikt \u00e4r bara dekoration.<\/h3>\r\n                                <p>Marknadsf\u00f6ring har de senaste \u00e5ren blivit chockerande f\u00f6rsiktig. Den ska vara trygg, bred, inkluderande, okontroversiell. Resultatet blir kommunikation...<\/p>\r\n                            <\/div>\r\n\r\n                        <\/a>\r\n                    <\/article>\r\n\r\n                                            \r\n        <\/div>\r\n    <\/section>\r\n\r\n    <style>\r\n    .ak-cards-wrap{\r\n      width:100%;\r\n      padding:0;\r\n      background:transparent;\r\n      font-family:Inter, system-ui, sans-serif;\r\n    }\r\n\r\n    .ak-cards{\r\n      width:100%;\r\n      margin:0;\r\n      display:grid;\r\n      grid-template-columns:repeat(4, 1fr);\r\n      gap:12px;\r\n    }\r\n\r\n    .ak-card{\r\n      background:#070707;\r\n      border:1px solid rgba(255,255,255,.10);\r\n      border-radius:0;\r\n      overflow:hidden;\r\n      transition:\r\n        transform .25s ease,\r\n        border-color .25s ease,\r\n        background .25s ease;\r\n    }\r\n\r\n    .ak-card:hover{\r\n      transform:translateY(-4px);\r\n      border-color:rgba(255,255,255,.22);\r\n      background:#0c0c0c;\r\n    }\r\n\r\n    .ak-card-link{\r\n      display:block;\r\n      height:100%;\r\n      color:inherit;\r\n      text-decoration:none;\r\n    }\r\n\r\n    .ak-img{\r\n      position:relative;\r\n      height:190px;\r\n      background-size:cover;\r\n      background-position:center;\r\n      overflow:hidden;\r\n      transition:transform .45s ease, opacity .25s ease;\r\n      opacity:.86;\r\n    }\r\n\r\n    .ak-card:hover .ak-img{\r\n      transform:scale(1.035);\r\n      opacity:1;\r\n    }\r\n\r\n    .ak-img::after{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:0;\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          rgba(0,0,0,.05) 0%,\r\n          rgba(0,0,0,.35) 100%\r\n        );\r\n    }\r\n\r\n    .ak-ai-img{\r\n      background:\r\n        radial-gradient(circle at 62% 38%, rgba(145,120,255,.50), transparent 26%),\r\n        radial-gradient(circle at 28% 72%, rgba(255,255,255,.10), transparent 30%),\r\n        linear-gradient(135deg, #080808, #161616 55%, #050505);\r\n    }\r\n\r\n    .ak-readtime{\r\n      position:absolute;\r\n      top:14px;\r\n      left:14px;\r\n      z-index:2;\r\n      padding:7px 11px;\r\n      border-radius:999px;\r\n      background:rgba(0,0,0,.54);\r\n      border:1px solid rgba(255,255,255,.16);\r\n      color:rgba(255,255,255,.88);\r\n      font-size:11px;\r\n      font-weight:500;\r\n      line-height:1;\r\n      backdrop-filter:blur(14px);\r\n      -webkit-backdrop-filter:blur(14px);\r\n    }\r\n\r\n    .ak-body{\r\n      padding:22px 20px 24px;\r\n    }\r\n\r\n    .ak-cat{\r\n      display:block;\r\n      margin-bottom:14px;\r\n      color:rgba(255,255,255,.48);\r\n      font-size:11px;\r\n      font-weight:600;\r\n      letter-spacing:.14em;\r\n      text-transform:uppercase;\r\n    }\r\n\r\n    .ak-body h3{\r\n      margin:0 0 12px;\r\n      color:#fff;\r\n      font-size:18px;\r\n      line-height:1.25;\r\n      letter-spacing:-0.03em;\r\n      font-weight:500;\r\n    }\r\n\r\n    .ak-body p{\r\n      margin:0;\r\n      color:rgba(255,255,255,.62);\r\n      font-size:13px;\r\n      line-height:1.65;\r\n    }\r\n\r\n    @media(max-width:1100px){\r\n      .ak-cards{\r\n        grid-template-columns:repeat(2, 1fr);\r\n      }\r\n    }\r\n\r\n    @media(max-width:640px){\r\n      .ak-cards{\r\n        grid-template-columns:1fr;\r\n        gap:12px;\r\n      }\r\n\r\n      .ak-img{\r\n        height:210px;\r\n      }\r\n    }\r\n    <\/style>\r\n\r\n    <\/div><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_breakdance_hide_in_design_set":false,"_breakdance_tags":"","footnotes":""},"class_list":["post-1175","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/arvinge.se\/en\/wp-json\/wp\/v2\/pages\/1175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arvinge.se\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arvinge.se\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arvinge.se\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arvinge.se\/en\/wp-json\/wp\/v2\/comments?post=1175"}],"version-history":[{"count":205,"href":"https:\/\/arvinge.se\/en\/wp-json\/wp\/v2\/pages\/1175\/revisions"}],"predecessor-version":[{"id":2785,"href":"https:\/\/arvinge.se\/en\/wp-json\/wp\/v2\/pages\/1175\/revisions\/2785"}],"wp:attachment":[{"href":"https:\/\/arvinge.se\/en\/wp-json\/wp\/v2\/media?parent=1175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}