.elementor-kit-8{--e-global-color-primary:#0D173D;--e-global-color-secondary:#2E4A6F;--e-global-color-text:#26334A;--e-global-color-accent:#61CE70;--e-global-color-1af68e6:#F2F2E6;--e-global-color-fc0c346:#FFFFFF;--e-global-color-13d8614:#E1E1C4;--e-global-typography-primary-font-family:"Manrope";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Manrope";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Manrope";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================================
   AKSIOM RESEARCH
   MASTER CSS 3.2
   ========================================================= */


/* =========================================================
   1. BASE
   ========================================================= */

:root {
  --ar-navy: #0D173D;
  --ar-blue: #2E4A6F;
  --ar-text: #26334A;
  --ar-cream: #F2F2E6;
  --ar-sand: #E1E1C4;
  --ar-light: #F7F7F1;
  --ar-line: #C9CCCE;
  --ar-dark-line: #536079;
  --ar-width: 1280px;
  --ar-side: 32px;
}

html,
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

body {
  background: var(--ar-cream);
}

#page,
#content,
.site-main {
  margin: 0;
  padding: 0;
}


/* =========================================================
   2. ELEMENTOR – UNDERSIDER
   ========================================================= */

body.page-id-80 .elementor[data-elementor-type="wp-page"] > .e-con,
body.page-id-82 .elementor[data-elementor-type="wp-page"] > .e-con,
body.page-id-84 .elementor[data-elementor-type="wp-page"] > .e-con,
body.page-id-86 .elementor[data-elementor-type="wp-page"] > .e-con,
body.page-id-88 .elementor[data-elementor-type="wp-page"] > .e-con,
body.page-id-185 .elementor[data-elementor-type="wp-page"] > .e-con {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;

  --padding-top: 0px;
  --padding-right: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
}

body.page-id-80 .elementor[data-elementor-type="wp-page"] .elementor-widget-html,
body.page-id-82 .elementor[data-elementor-type="wp-page"] .elementor-widget-html,
body.page-id-84 .elementor[data-elementor-type="wp-page"] .elementor-widget-html,
body.page-id-86 .elementor[data-elementor-type="wp-page"] .elementor-widget-html,
body.page-id-88 .elementor[data-elementor-type="wp-page"] .elementor-widget-html,
body.page-id-185 .elementor[data-elementor-type="wp-page"] .elementor-widget-html,

body.page-id-80 .elementor[data-elementor-type="wp-page"] .elementor-widget-html > .elementor-widget-container,
body.page-id-82 .elementor[data-elementor-type="wp-page"] .elementor-widget-html > .elementor-widget-container,
body.page-id-84 .elementor[data-elementor-type="wp-page"] .elementor-widget-html > .elementor-widget-container,
body.page-id-86 .elementor[data-elementor-type="wp-page"] .elementor-widget-html > .elementor-widget-container,
body.page-id-88 .elementor[data-elementor-type="wp-page"] .elementor-widget-html > .elementor-widget-container,
body.page-id-185 .elementor[data-elementor-type="wp-page"] .elementor-widget-html > .elementor-widget-container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================================
   3. HEADER
   ========================================================= */

.elementor-location-header {
  margin: 0 !important;
  padding: 0 !important;
  background: var(--ar-cream);
}

.aksiom-start {
  width: 100%;
  background: var(--ar-cream);
  color: var(--ar-navy);
  font-family: Manrope, sans-serif;
}

.aksiom-start * {
  box-sizing: border-box;
}

.aksiom-header {
  max-width: var(--ar-width);
  margin: 0 auto;
  padding: 24px var(--ar-side);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 36px;
}

.aksiom-logo {
  display: block;
  width: 250px;
  height: auto;
}

.aksiom-nav {
  display: flex;
  align-items: center;
  gap: 26px;
}

.aksiom-nav a {
  color: var(--ar-navy);
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  white-space: nowrap;
}

.aksiom-nav a:hover {
  text-decoration: underline;
  text-underline-offset: 6px;
}

.aksiom-mobile {
  display: none;
}

.aksiom-start a:focus-visible,
.aksiom-start summary:focus-visible {
  outline: 2px solid var(--ar-blue);
  outline-offset: 6px;
}


/* =========================================================
   4. GENERELT
   ========================================================= */

.ar-section,
.ar-subpage,
.ar-subcta,
.ar-collaboration,
.ar-services-cta,
.ar-projects-cta,
.ar-about-cta,
.ar-portfolio,
.ar-data-projects,
.ar-other-work {
  font-family: Manrope, sans-serif;
}

.ar-section,
.ar-subpage {
  width: 100%;
  margin: 0;
  background: var(--ar-cream);
  color: var(--ar-navy);
}

.ar-section *,
.ar-subpage *,
.ar-subcta *,
.ar-collaboration *,
.ar-services-cta *,
.ar-projects-cta *,
.ar-about-cta *,
.ar-portfolio *,
.ar-data-projects *,
.ar-other-work * {
  box-sizing: border-box;
}

.ar-wrap {
  max-width: var(--ar-width);
  margin: 0 auto;
  padding: 80px var(--ar-side);
}

.ar-section h2,
.ar-section h3,
.ar-section p {
  font-family: inherit;
  color: inherit;
}

.ar-section h2 {
  margin: 0 0 28px;
  font-size: 42px;
  line-height: 1.18;
  letter-spacing: -1.2px;
  font-weight: 600;
}

.ar-section h3 {
  margin: 0 0 16px;
  font-size: 25px;
  line-height: 1.3;
  letter-spacing: -.45px;
  font-weight: 600;
}

.ar-section p {
  margin: 0 0 18px;
  font-size: 17px;
  line-height: 1.7;
}

.ar-section img {
  display: block;
  width: 100%;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}


/* =========================================================
   5. FORSIDE – HERO
   ========================================================= */

.aksiom-hero {
  max-width: var(--ar-width);
  margin: 0 auto;
  padding: 56px var(--ar-side) 78px;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(380px, .85fr);
  gap: 72px;
  align-items: center;
}

.aksiom-copy {
  max-width: 680px;
}

.aksiom-copy h1 {
  margin: 0 0 28px;
  font-family: Manrope, sans-serif;
  font-size: 62px;
  line-height: 1.08;
  letter-spacing: -2px;
  font-weight: 700;
  color: var(--ar-navy);
}

.aksiom-copy p {
  max-width: 540px;
  margin: 0 0 30px;
  font-size: 20px;
  line-height: 1.6;
  color: var(--ar-text);
}

.aksiom-cta {
  display: inline-block;
  padding: 17px 26px;
  background: var(--ar-navy);
  color: var(--ar-cream) !important;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
}

.aksiom-cta:hover {
  background: var(--ar-blue);
}

.aksiom-portrait {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--ar-navy);
}

.aksiom-portrait img {
  display: block;
  width: 100%;
  height: auto;
}


/* =========================================================
   6. GRID / NUMMERERING
   ========================================================= */

.ar-three {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 54px;
}

.ar-field-number {
  margin-bottom: 28px;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .08em;
  font-weight: 600;
  color: var(--ar-blue);
}


/* =========================================================
   7. FORSIDE – HOVEDOMRÅDER
   ========================================================= */

.ar-fields .ar-wrap {
  border-top: 1px solid var(--ar-line);
  padding-top: 44px;
  padding-bottom: 68px;
}

.ar-fields h3 {
  max-width: 310px;
  margin-bottom: 18px;
}

.ar-fields p {
  max-width: 350px;
  margin: 0;
  color: var(--ar-text);
}


/* =========================================================
   8. INTRO / PROCES
   ========================================================= */

.ar-intro {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 80px;
  margin-bottom: 38px;
}

.ar-intro p {
  margin: 0 0 18px;
}

.ar-process {
  margin-top: 30px !important;
  padding-top: 24px;
  border-top: 1px solid var(--ar-line);
  font-size: 15px !important;
}

.ar-process-clean {
  margin-top: 26px !important;
  padding-top: 0;
  border-top: 0;
  color: var(--ar-blue) !important;
  font-weight: 500;
}

.ar-wide {
  aspect-ratio: 1.95;
  object-fit: cover;
}


/* =========================================================
   9. FORSIDE – PROJEKTER
   ========================================================= */

.ar-projects .ar-wrap {
  border-top: 1px solid var(--ar-line);
}

.ar-project-row {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 48px;
  align-items: start;
  margin-top: 44px;
}

.ar-project-row.reverse {
  grid-template-columns: 1fr 1.3fr;
  margin-top: 68px;
}

.ar-project-row article:nth-child(2) {
  padding-top: 88px;
}

.ar-project-media {
  margin-bottom: 24px;
  overflow: hidden;
  background: var(--ar-sand);
}

.ar-project-media img {
  aspect-ratio: 1.55;
  object-fit: cover;
}

.ar-project-media.screen {
  padding: 24px;
}

.ar-project-media.screen img {
  aspect-ratio: auto;
  object-fit: contain;
}

.ar-project-row article > p {
  margin-bottom: 15px;
}

.ar-tags {
  margin: 0 !important;
  padding-top: 13px;
  border-top: 1px solid var(--ar-line);
  color: var(--ar-blue) !important;
  font-size: 12px !important;
  line-height: 1.7 !important;
}


/* =========================================================
   10. FORSIDE – FORMAT
   ========================================================= */

.ar-dark {
  background: var(--ar-navy);
  color: var(--ar-cream);
}

.ar-dark .ar-intro {
  margin-bottom: 48px;
}

.ar-format-media {
  height: 280px;
  margin-bottom: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #182447;
}

.ar-format-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ar-format-media.cover img {
  object-fit: contain;
}

.ar-format-media.platform {
  padding: 16px;
  background: var(--ar-sand);
}

.ar-format-media.platform img {
  object-fit: contain;
}

.ar-example {
  margin-top: 24px !important;
  padding-top: 15px;
  border-top: 1px solid var(--ar-dark-line);
  color: var(--ar-sand) !important;
  font-size: 13px !important;
}


/* =========================================================
   11. FORSIDE – SPLIT
   ========================================================= */

.ar-split {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 72px;
  align-items: center;
}

.ar-split > img {
  height: 490px;
  object-fit: cover;
}


/* =========================================================
   12. FORSIDE – NETVÆRK
   ========================================================= */

.ar-network .ar-wrap {
  border-top: 1px solid var(--ar-line);
}

.ar-network-intro {
  max-width: 810px;
  margin-bottom: 46px !important;
}

.ar-four {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
}

.ar-person img {
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center 28%;
  margin-bottom: 22px;
}

.ar-person h3 {
  margin-bottom: 10px;
  font-size: 20px;
}

.ar-person p {
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
}


/* =========================================================
   13. FORSIDE – LOGOER
   ========================================================= */

.ar-clients .ar-wrap {
  padding-top: 62px;
  padding-bottom: 72px;
  border-top: 1px solid var(--ar-line);
  border-bottom: 1px solid var(--ar-line);
}

.ar-clients h2 {
  margin-bottom: 38px;
  font-size: 30px;
}

.ar-logo-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-top: 1px solid var(--ar-line);
  border-left: 1px solid var(--ar-line);
}

.ar-logo-item {
  height: 142px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--ar-light);
  border-right: 1px solid var(--ar-line);
  border-bottom: 1px solid var(--ar-line);
}

.ar-logo-item img {
  width: auto !important;
  height: auto !important;
  max-width: 78%;
  max-height: 68px;
  object-fit: contain;
}

.logo-energyacademy img { max-width: 82%; }
.logo-efdk img { max-height: 76px; }
.logo-greenlab img { max-width: 88%; }
.logo-atv img { max-width: 84%; }
.logo-di img { max-width: 80%; }
.logo-cbs img { max-width: 72%; }
.logo-dmjx img { max-height: 72px; }
.logo-dania img { max-width: 84%; }
.logo-vand img { max-width: 92%; }
.logo-ltf img { transform: scale(1.32); }
.logo-kruger img { max-width: 90%; }
.logo-kls img { max-width: 72%; }
.logo-sbs img { transform: scale(1.35); }
.logo-scandiwear img { max-width: 88%; }
.logo-base img { max-width: 70%; }


/* =========================================================
   14. FORSIDE – OM AKSIOM
   ========================================================= */

.ar-about .ar-wrap {
  padding-top: 90px;
  padding-bottom: 96px;
}

.ar-about .ar-split {
  grid-template-columns: 1fr 1.1fr;
}

.ar-about .ar-split > img {
  height: 490px;
  object-position: 48% center;
}

.ar-links {
  display: flex;
  gap: 30px;
  margin-top: 32px;
}

.ar-links a,
.ar-project-more a {
  display: inline-block;
  padding-bottom: 7px;
  border-bottom: 1px solid var(--ar-navy);
  color: var(--ar-navy);
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
}


/* =========================================================
   15. FOOTER
   ========================================================= */

.elementor-location-footer {
  margin: 0 !important;
  padding: 0 !important;
  background: var(--ar-navy);
}

.ar-footer {
  width: 100%;
  background: var(--ar-navy);
  color: var(--ar-cream);
  font-family: Manrope, sans-serif;
}

.ar-footer * {
  box-sizing: border-box;
}

.ar-footer-inner {
  max-width: var(--ar-width);
  margin: 0 auto;
  padding: 50px var(--ar-side) 28px;
}

.ar-footer-brand {
  margin-bottom: 34px;
}

.ar-footer-name {
  font-size: 28px;
  line-height: 1.2;
  font-weight: 700;
}

.ar-footer-tagline {
  margin-top: 8px;
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--ar-sand);
}

.ar-footer-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 30px;
  padding-bottom: 36px;
}

.ar-footer-nav a {
  color: var(--ar-cream);
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
}

.ar-footer-bottom {
  padding-top: 20px;
  border-top: 1px solid var(--ar-dark-line);
  display: flex;
  justify-content: space-between;
  gap: 24px;
  color: var(--ar-sand);
  font-size: 11px;
}

.ar-footer-bottom a {
  color: inherit;
  text-decoration: none;
}


/* =========================================================
   16. UNDERSIDE – HERO
   ========================================================= */

.ar-subhero {
  width: 100%;
  background: var(--ar-cream);
}

.ar-subhero-inner {
  max-width: var(--ar-width);
  margin: 0 auto;
  padding: 58px var(--ar-side) 70px;
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(460px, 1.05fr);
  gap: 78px;
  align-items: center;
}

.ar-subhero-copy {
  max-width: 600px;
}

.ar-subhero-copy h1 {
  margin: 0 0 32px;
  font-size: 62px;
  line-height: 1.06;
  letter-spacing: -2px;
  font-weight: 700;
}

.ar-subhero-copy p {
  max-width: 550px;
  margin: 0 0 16px;
  color: var(--ar-text);
  font-size: 18px;
  line-height: 1.68;
}

.ar-subhero-copy .ar-subhero-lead {
  color: var(--ar-navy);
  font-size: 21px;
  line-height: 1.55;
}

.ar-subhero-image {
  overflow: hidden;
}

.ar-subhero-image img {
  display: block;
  width: 100%;
  height: 430px;
  object-fit: cover;
}


/* =========================================================
   17. UNDERSIDE – POSITION
   ========================================================= */

.ar-position .ar-wrap {
  padding-top: 58px;
  padding-bottom: 38px;
  border-top: 1px solid var(--ar-line);
}

.ar-position .ar-intro {
  margin-bottom: 0;
}

.ar-position h2 {
  max-width: 470px;
}

.ar-position p {
  max-width: 620px;
}


/* =========================================================
   18. BÆREDYGTIG OMSTILLING
   ========================================================= */

.ar-subfields .ar-wrap {
  padding-top: 18px;
  padding-bottom: 62px;
  border-top: 0;
}

.ar-subfields .ar-field {
  padding-top: 26px;
  border-top: 1px solid var(--ar-line);
}

.ar-subfields h3 {
  max-width: 330px;
}

.ar-subfields p {
  max-width: 365px;
}

.ar-subprojects .ar-wrap {
  padding-top: 64px;
  padding-bottom: 38px;
  border-top: 1px solid var(--ar-line);
}

.ar-subsection-head {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 80px;
  margin-bottom: 46px;
}

.ar-subsection-head h2,
.ar-subsection-head p {
  margin-top: 0;
}

.ar-project-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 34px;
}

.ar-project-card-media {
  height: 255px;
  margin-bottom: 24px;
  overflow: hidden;
  background: var(--ar-sand);
}

.ar-project-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ar-project-card-screen {
  padding: 20px;
}

.ar-project-card-screen img {
  object-fit: contain;
}

.ar-project-card h3 {
  font-size: 23px;
}

.ar-project-more {
  margin-top: 30px;
}

body.page-id-80 .ar-subcta {
  width: 100%;
  margin: 0;
  background: var(--ar-sand);
  color: var(--ar-navy);
  font-family: Manrope, sans-serif;
}

body.page-id-80 .ar-subcta-inner {
  max-width: var(--ar-width);
  margin: 0 auto;
  padding: 68px var(--ar-side) 72px;
  display: grid;
  grid-template-columns: 1.3fr .7fr;
  gap: 80px;
  align-items: center;
}

body.page-id-80 .ar-subcta h2 {
  max-width: 760px;
  margin: 0 0 20px;
  color: var(--ar-navy);
  font-size: 42px;
  line-height: 1.16;
  letter-spacing: -1.2px;
  font-weight: 600;
}

body.page-id-80 .ar-subcta p {
  max-width: 680px;
  margin: 0;
  color: var(--ar-text);
  font-size: 17px;
  line-height: 1.7;
}

body.page-id-80 .ar-subcta-action {
  display: flex;
  justify-content: flex-end;
}

body.page-id-80 .ar-subcta-action a {
  display: inline-block;
  padding: 17px 24px;
  background: var(--ar-navy);
  color: var(--ar-cream);
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
}


/* =========================================================
   19. YDELSER – OVERSIGT
   ========================================================= */

.ar-services-page .ar-position .ar-wrap {
  padding-bottom: 40px;
}

.ar-services-page .ar-services .ar-wrap {
  padding-top: 52px;
  padding-bottom: 76px;
  border-top: 1px solid var(--ar-line);
}

.ar-services-page .ar-services-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 82px;
}

.ar-services-page .ar-service-item {
  padding: 0 0 48px;
}

.ar-services-page .ar-services-grid-top .ar-service-item:nth-child(n + 3) {
  padding-top: 42px;
  border-top: 1px solid var(--ar-line);
}

.ar-services-page .ar-service-item h3 {
  max-width: 480px;
  margin: 0 0 18px;
  font-size: 27px;
  line-height: 1.3;
}

.ar-services-page .ar-service-item p {
  max-width: 530px;
  color: var(--ar-text);
}

.ar-services-page .ar-service-item p:last-child {
  margin-bottom: 0;
}


/* =========================================================
   20. YDELSER – VISUEL PAUSE
   ========================================================= */

.ar-services-page .ar-services-visual {
  width: 100%;
  margin: 18px 0 62px;
  overflow: hidden;
}

.ar-services-page .ar-services-visual img {
  display: block;
  width: 100%;
  aspect-ratio: 2.15 / 1;
  object-fit: cover;
  object-position: center;
}

.ar-services-page .ar-services-grid-bottom .ar-service-item {
  padding-bottom: 0;
}


/* =========================================================
   21. YDELSER – SAMARBEJDSFORMER
   ========================================================= */

.ar-services-page .ar-collaboration {
  width: 100%;
  background: var(--ar-sand);
  color: var(--ar-navy);
}

.ar-services-page .ar-collaboration-inner {
  max-width: var(--ar-width);
  margin: 0 auto;
  padding: 72px var(--ar-side) 76px;
}

.ar-services-page .ar-collaboration-head {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 80px;
  margin-bottom: 54px;
}

.ar-services-page .ar-collaboration-head h2 {
  max-width: 500px;
  margin: 0;
  font-size: 42px;
  line-height: 1.18;
  letter-spacing: -1.2px;
  font-weight: 600;
}

.ar-services-page .ar-collaboration-head p {
  max-width: 610px;
  margin: 0;
  color: var(--ar-text);
  font-size: 17px;
  line-height: 1.7;
}

.ar-services-page .ar-collaboration-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 58px;
}

.ar-services-page .ar-collaboration-number {
  margin-bottom: 20px;
  color: var(--ar-blue);
  font-size: 12px;
  line-height: 1;
  letter-spacing: .08em;
  font-weight: 600;
}

.ar-services-page .ar-collaboration-grid h3 {
  margin: 0 0 15px;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 600;
}

.ar-services-page .ar-collaboration-grid p {
  margin: 0;
  color: var(--ar-text);
  font-size: 16px;
  line-height: 1.7;
}


/* =========================================================
   22. YDELSER – CTA
   ========================================================= */

.ar-services-page .ar-services-cta {
  width: 100%;
  background: var(--ar-cream);
  color: var(--ar-navy);
}

.ar-services-page .ar-services-cta-inner {
  max-width: var(--ar-width);
  margin: 0 auto;
  padding: 72px var(--ar-side) 76px;
  display: grid;
  grid-template-columns: 1.35fr .65fr;
  gap: 82px;
  align-items: center;
}

.ar-services-page .ar-services-cta h2 {
  max-width: 760px;
  margin: 0 0 22px;
  font-size: 42px;
  line-height: 1.16;
  letter-spacing: -1.2px;
  font-weight: 600;
}

.ar-services-page .ar-services-cta p {
  max-width: 680px;
  margin: 0;
  color: var(--ar-text);
  font-size: 17px;
  line-height: 1.7;
}

.ar-services-page .ar-services-cta-action {
  display: flex;
  justify-content: flex-end;
}

.ar-services-page .ar-services-cta-action a {
  display: inline-block;
  padding: 17px 24px;
  background: var(--ar-navy);
  color: var(--ar-cream);
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
}


/* =========================================================
   23. PROJEKTER – HERO
   ========================================================= */

.ar-projects-page .ar-projects-hero {
  position: relative;
  width: 100%;
  height: 560px;
  overflow: hidden;
  background: #dce6ef;
}

.ar-projects-page .ar-projects-hero-image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.ar-projects-page .ar-projects-hero-inner {
  position: relative;
  z-index: 2;
  max-width: var(--ar-width);
  height: 100%;
  margin: 0 auto;
  padding: 0 var(--ar-side);
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.ar-projects-page .ar-projects-hero-copy {
  grid-column: 2;
  max-width: 510px;
  margin-left: auto;
}

.ar-projects-page .ar-projects-hero h1 {
  margin: 0 0 28px;
  color: var(--ar-navy);
  font-size: 62px;
  line-height: 1.06;
  letter-spacing: -2px;
  font-weight: 700;
}

.ar-projects-page .ar-projects-hero p {
  margin: 0;
  color: var(--ar-text);
  font-size: 19px;
  line-height: 1.68;
}


/* =========================================================
   24. PROJEKTER – HOVEDCASES
   ========================================================= */

.ar-projects-page .ar-portfolio {
  width: 100%;
  background: var(--ar-cream);
  color: var(--ar-navy);
}

.ar-projects-page .ar-portfolio-inner {
  max-width: var(--ar-width);
  margin: 0 auto;
  padding: 72px var(--ar-side) 92px;
}

.ar-projects-page .ar-portfolio-head,
.ar-projects-page .ar-data-projects-head {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 80px;
  margin-bottom: 54px;
}

.ar-projects-page .ar-portfolio-head h2,
.ar-projects-page .ar-data-projects-head h2 {
  margin: 0;
  font-size: 42px;
  line-height: 1.18;
  letter-spacing: -1.2px;
  font-weight: 600;
}

.ar-projects-page .ar-portfolio-head p,
.ar-projects-page .ar-data-projects-head p {
  max-width: 620px;
  margin: 0;
  color: var(--ar-text);
  font-size: 17px;
  line-height: 1.7;
}

.ar-projects-page .ar-portfolio-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 72px 54px;
}

.ar-projects-page .ar-portfolio-case {
  min-width: 0;
}

.ar-projects-page .ar-portfolio-image {
  width: 100%;
  aspect-ratio: 1.55 / 1;
  margin-bottom: 25px;
  overflow: hidden;
  background: var(--ar-sand);
}

.ar-projects-page .ar-portfolio-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ar-projects-page .ar-portfolio-screen {
  padding: 24px;
}

.ar-projects-page .ar-portfolio-screen img {
  object-fit: contain;
}

.ar-projects-page .ar-portfolio-case h3 {
  margin: 0 0 15px;
  font-size: 27px;
  line-height: 1.25;
  letter-spacing: -.4px;
  font-weight: 600;
}

.ar-projects-page .ar-portfolio-case > p {
  max-width: 560px;
  margin: 0 0 15px;
  color: var(--ar-text);
  font-size: 17px;
  line-height: 1.68;
}

.ar-projects-page .ar-case-tags {
  margin-top: 20px;
  padding-top: 14px;
  border-top: 1px solid var(--ar-line);
  color: var(--ar-blue);
  font-size: 12px;
  line-height: 1.7;
}


/* =========================================================
   25. PROJEKTER – ANALYSE, DATA OG AI
   ========================================================= */

.ar-projects-page .ar-data-projects {
  width: 100%;
  background: var(--ar-light);
  color: var(--ar-navy);
}

.ar-projects-page .ar-data-projects-inner {
  max-width: var(--ar-width);
  margin: 0 auto;
  padding: 78px var(--ar-side) 90px;
}

.ar-projects-page .ar-applied-image {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 54px;
  background: var(--ar-cream);
}

.ar-projects-page .ar-applied-image img {
  width: auto;
  height: auto;
  max-width: 64%;
  max-height: 78%;
  margin: 0 auto;
  object-fit: contain;
}


/* =========================================================
   26. PROJEKTER – ANDRE OPGAVER / LOGOER
   ========================================================= */

.ar-projects-page .ar-other-work {
  width: 100%;
  background: var(--ar-cream);
  color: var(--ar-navy);
}

.ar-projects-page .ar-other-work-inner {
  max-width: var(--ar-width);
  margin: 0 auto;
  padding: 74px var(--ar-side) 82px;
}

.ar-projects-page .ar-other-work-head {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 90px;
  align-items: start;
}

.ar-projects-page .ar-other-work h2 {
  max-width: 430px;
  margin: 0;
  font-size: 38px;
  line-height: 1.18;
  letter-spacing: -1px;
  font-weight: 600;
}

.ar-projects-page .ar-other-work p {
  max-width: 570px;
  margin: 0;
  color: var(--ar-text);
  font-size: 16px;
  line-height: 1.7;
}

.ar-projects-page .ar-other-logo-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 34px 48px;
  margin-top: 52px;
  padding-top: 40px;
  border-top: 1px solid var(--ar-line);
}

.ar-projects-page .ar-other-logo {
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ar-projects-page .ar-other-logo img {
  display: block;
  width: auto;
  height: auto;
  max-width: 78%;
  max-height: 58px;
  object-fit: contain;
}

.ar-projects-page .ar-other-logo-dania img { max-width: 82%; }
.ar-projects-page .ar-other-logo-dmjx img { max-height: 64px; }
.ar-projects-page .ar-other-logo-di img { max-width: 70%; }
.ar-projects-page .ar-other-logo-greenlab img { max-width: 86%; }
.ar-projects-page .ar-other-logo-kls img { max-width: 68%; }
.ar-projects-page .ar-other-logo-kruger img { max-width: 88%; }
.ar-projects-page .ar-other-logo-ltf img { max-width: 86%; }
.ar-projects-page .ar-other-logo-vand img { max-width: 92%; }


/* =========================================================
   27. PROJEKTER – CTA
   ========================================================= */

.ar-projects-page .ar-projects-cta {
  width: 100%;
  background: var(--ar-sand);
  color: var(--ar-navy);
}

.ar-projects-page .ar-projects-cta-inner {
  max-width: var(--ar-width);
  margin: 0 auto;
  padding: 68px var(--ar-side) 72px;
  display: grid;
  grid-template-columns: 1.3fr .7fr;
  gap: 80px;
  align-items: center;
}

.ar-projects-page .ar-projects-cta h2 {
  max-width: 700px;
  margin: 0 0 20px;
  font-size: 42px;
  line-height: 1.16;
  letter-spacing: -1.2px;
  font-weight: 600;
}

.ar-projects-page .ar-projects-cta p {
  max-width: 650px;
  margin: 0;
  color: var(--ar-text);
  font-size: 17px;
  line-height: 1.7;
}

.ar-projects-page .ar-projects-cta-action {
  display: flex;
  justify-content: flex-end;
}

.ar-projects-page .ar-projects-cta-action a {
  display: inline-block;
  padding: 17px 24px;
  background: var(--ar-navy);
  color: var(--ar-cream);
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
}


/* =========================================================
   28. OM AKSIOM – HERO
   ========================================================= */

.ar-about-page .ar-about-hero-image img {
  object-position: 46% center;
}


/* =========================================================
   29. OM AKSIOM – NAVNET
   ========================================================= */

.ar-about-page .ar-about-name {
  width: 100%;
  background: var(--ar-sand);
}

.ar-about-page .ar-about-name-inner {
  max-width: var(--ar-width);
  margin: 0 auto;
  padding: 82px var(--ar-side) 88px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 84px;
  align-items: start;
}

.ar-about-page .ar-about-kicker {
  margin: 0 0 22px;
  color: var(--ar-blue);
  font-size: 12px;
  line-height: 1;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 600;
}

.ar-about-page .ar-about-name h2,
.ar-about-page .ar-about-founder h2,
.ar-about-page .ar-about-network h2,
.ar-about-page .ar-about-cta h2 {
  margin: 0;
  color: var(--ar-navy);
  font-size: 42px;
  line-height: 1.18;
  letter-spacing: -1.2px;
  font-weight: 600;
}

.ar-about-page .ar-about-name-title {
  max-width: 535px;
}

.ar-about-page .ar-about-name-definition {
  margin: 30px 0 0;
  color: var(--ar-text);
  font-size: 17px;
  line-height: 1.72;
}

.ar-about-page .ar-about-name-definition + .ar-about-name-definition {
  margin-top: 20px;
}

.ar-about-page .ar-about-name-title .ar-about-emphasis {
  margin: 38px 0 0;
  padding: 25px 0;
  border-top: 1px solid rgba(13,23,61,.22);
  border-bottom: 1px solid rgba(13,23,61,.22);
  color: var(--ar-navy);
  font-size: 22px;
  line-height: 1.52;
  font-weight: 600;
}

.ar-about-page .ar-about-name-copy {
  max-width: 590px;
  padding-top: 39px;
}

.ar-about-page .ar-about-name-copy p {
  margin: 0 0 24px;
  color: var(--ar-text);
  font-size: 17px;
  line-height: 1.72;
}


/* =========================================================
   30. OM AKSIOM – KLAUS
   ========================================================= */

.ar-about-page .ar-about-founder {
  width: 100%;
  background: var(--ar-cream);
}

.ar-about-page .ar-about-founder-inner {
  max-width: var(--ar-width);
  margin: 0 auto;
  padding: 86px var(--ar-side) 94px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 84px;
  align-items: start;
}

.ar-about-page .ar-about-founder-title {
  max-width: 480px;
}

.ar-about-page .ar-about-founder-intro {
  margin: 30px 0 0;
  color: var(--ar-text);
  font-size: 18px;
  line-height: 1.65;
}

.ar-about-page .ar-about-founder-photo {
  display: block;
  width: 100%;
  margin-top: 42px;
  aspect-ratio: 1.5 / 1;
  object-fit: cover;
  object-position: center center;
}

.ar-about-page .ar-about-founder-copy {
  max-width: 620px;
}

.ar-about-page .ar-about-founder-copy p {
  margin: 0 0 22px;
  color: var(--ar-text);
  font-size: 17px;
  line-height: 1.72;
}

.ar-about-page .ar-about-founder-copy .ar-about-founder-ending {
  margin-top: 34px;
  padding-top: 26px;
  border-top: 1px solid var(--ar-line);
  color: var(--ar-navy);
  font-size: 19px;
  line-height: 1.65;
  font-weight: 500;
}


/* =========================================================
   31. OM AKSIOM – METODE
   ========================================================= */

.ar-about-page .ar-about-method {
  width: 100%;
  background: var(--ar-navy);
  color: var(--ar-cream);
}

.ar-about-page .ar-about-method-inner {
  max-width: var(--ar-width);
  margin: 0 auto;
  padding: 72px var(--ar-side) 88px;
}

.ar-about-page .ar-about-method-head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 84px;
  align-items: center;
  margin-bottom: 62px;
}

.ar-about-page .ar-about-method-brand {
  max-width: 390px;
}

.ar-about-page .ar-about-method-brand img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 110px;
  object-fit: contain;
  object-position: left center;
}

.ar-about-page .ar-about-method-head > p {
  max-width: 530px;
  margin: 0;
  color: var(--ar-sand);
  font-size: 18px;
  line-height: 1.72;
  font-weight: 500;
}

.ar-about-page .ar-about-method-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 54px;
}

.ar-about-page .ar-about-method-item {
  padding-top: 28px;
  border-top: 1px solid var(--ar-dark-line);
}

.ar-about-page .ar-about-method-number {
  margin-bottom: 24px;
  color: var(--ar-sand);
  font-size: 12px;
  letter-spacing: .08em;
  font-weight: 600;
}

.ar-about-page .ar-about-method-item h3 {
  margin: 0 0 20px;
  color: var(--ar-cream);
  font-size: 27px;
  line-height: 1.3;
  font-weight: 600;
}

.ar-about-page .ar-about-method-item p {
  margin: 0 0 16px;
  color: var(--ar-cream);
  font-size: 16px;
  line-height: 1.72;
}

.ar-about-page .ar-about-method-item p:first-of-type {
  color: var(--ar-sand);
  font-weight: 500;
}


/* =========================================================
   32. OM AKSIOM – NETVÆRK
   ========================================================= */

.ar-about-page .ar-about-network {
  width: 100%;
  background: var(--ar-cream);
}

.ar-about-page .ar-about-network-inner {
  max-width: var(--ar-width);
  margin: 0 auto;
  padding: 82px var(--ar-side) 88px;
}

.ar-about-page .ar-about-network-head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 84px;
  margin-bottom: 58px;
}

.ar-about-page .ar-about-network-head p {
  max-width: 590px;
  margin: 0;
  color: var(--ar-text);
  font-size: 17px;
  line-height: 1.7;
}

.ar-about-page .ar-about-network-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 34px;
  padding-top: 34px;
  border-top: 1px solid var(--ar-line);
}

.ar-about-page .ar-about-network-person {
  min-width: 0;
}

.ar-about-page .ar-about-network-person img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  margin: 0 0 22px;
  object-fit: cover;
  object-position: center 25%;
}

.ar-about-page .ar-about-network-person:nth-child(1) img {
  object-position: center center;
}

.ar-about-page .ar-about-network-person:nth-child(2) img {
  object-position: center 25%;
}

.ar-about-page .ar-about-network-person:nth-child(3) img {
  object-position: center 25%;
}

.ar-about-page .ar-about-network-person h3 {
  margin: 0 0 12px;
  color: var(--ar-navy);
  font-size: 23px;
  line-height: 1.3;
  font-weight: 600;
}

.ar-about-page .ar-about-network-person p {
  max-width: 330px;
  min-height: 46px;
  margin: 0;
  color: var(--ar-text);
  font-size: 14px;
  line-height: 1.65;
}

.ar-about-page .ar-about-person-link {
  display: inline-block;
  margin-top: 18px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--ar-navy);
  color: var(--ar-navy);
  text-decoration: none;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
}

.ar-about-page .ar-about-person-link:hover {
  color: var(--ar-blue);
  border-color: var(--ar-blue);
}


/* =========================================================
   33. OM AKSIOM – CTA
   ========================================================= */

.ar-about-page .ar-about-cta {
  width: 100%;
  background: var(--ar-sand);
  color: var(--ar-navy);
}

.ar-about-page .ar-about-cta-inner {
  max-width: var(--ar-width);
  margin: 0 auto;
  padding: 68px var(--ar-side) 72px;
  display: grid;
  grid-template-columns: 1.3fr .7fr;
  gap: 80px;
  align-items: center;
}

.ar-about-page .ar-about-cta h2 {
  max-width: 720px;
  margin-bottom: 20px;
}

.ar-about-page .ar-about-cta p {
  max-width: 670px;
  margin: 0;
  color: var(--ar-text);
  font-size: 17px;
  line-height: 1.7;
}

.ar-about-page .ar-about-cta-action {
  display: flex;
  justify-content: flex-end;
}

.ar-about-page .ar-about-cta-action a {
  display: inline-block;
  padding: 17px 24px;
  background: var(--ar-navy);
  color: var(--ar-cream);
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
}


/* =========================================================
   34. KONTAKT – HERO
   ========================================================= */

.ar-contact-page .ar-contact-hero {
  width: 100%;
  background: var(--ar-cream);
}

.ar-contact-page .ar-contact-hero-inner {
  max-width: var(--ar-width);
  margin: 0 auto;
  padding: 92px var(--ar-side) 100px;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 110px;
  align-items: start;
}

.ar-contact-page .ar-contact-kicker {
  margin: 0 0 22px;
  color: var(--ar-blue);
  font-size: 12px;
  line-height: 1;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 600;
}

.ar-contact-page .ar-contact-intro {
  max-width: 610px;
}

.ar-contact-page .ar-contact-intro h1 {
  max-width: 580px;
  margin: 0 0 34px;
  color: var(--ar-navy);
  font-size: 62px;
  line-height: 1.06;
  letter-spacing: -2px;
  font-weight: 700;
}

.ar-contact-page .ar-contact-lead {
  max-width: 570px;
  margin: 0 0 22px;
  color: var(--ar-navy);
  font-size: 21px;
  line-height: 1.58;
}

.ar-contact-page .ar-contact-intro > p:last-child {
  max-width: 550px;
  margin: 0;
  color: var(--ar-text);
  font-size: 17px;
  line-height: 1.72;
}


/* =========================================================
   35. KONTAKT – OPLYSNINGER
   ========================================================= */

.ar-contact-page .ar-contact-details {
  max-width: 500px;
  width: 100%;
  margin-left: auto;
  padding-top: 44px;
  border-top: 1px solid var(--ar-line);
}

.ar-contact-page .ar-contact-name {
  margin: 0 0 8px;
  color: var(--ar-navy);
  font-size: 28px;
  line-height: 1.3;
  font-weight: 600;
}

.ar-contact-page .ar-contact-role {
  margin: 0 0 40px;
  color: var(--ar-blue);
  font-size: 15px;
  line-height: 1.6;
}

.ar-contact-page .ar-contact-list {
  border-top: 1px solid var(--ar-line);
}

.ar-contact-page .ar-contact-row {
  min-height: 76px;
  padding: 19px 0;
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 24px;
  align-items: center;
  border-bottom: 1px solid var(--ar-line);
}

.ar-contact-page .ar-contact-row span {
  color: var(--ar-blue);
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-weight: 600;
}

.ar-contact-page .ar-contact-row a {
  color: var(--ar-navy);
  text-decoration: none;
  font-size: 17px;
  line-height: 1.5;
  font-weight: 500;
}

.ar-contact-page .ar-contact-row a:hover {
  color: var(--ar-blue);
}

.ar-contact-page .ar-contact-button {
  display: inline-block;
  margin-top: 38px;
  padding: 17px 25px;
  background: var(--ar-navy);
  color: var(--ar-cream);
  text-decoration: none;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 600;
}

.ar-contact-page .ar-contact-button:hover {
  background: var(--ar-blue);
}


/* =========================================================
   36. KONTAKT – EMNER
   ========================================================= */

.ar-contact-page .ar-contact-topics {
  width: 100%;
  background: var(--ar-sand);
  color: var(--ar-navy);
}

.ar-contact-page .ar-contact-topics-inner {
  max-width: var(--ar-width);
  margin: 0 auto;
  padding: 76px var(--ar-side) 84px;
}

.ar-contact-page .ar-contact-topics-head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 84px;
  margin-bottom: 58px;
}

.ar-contact-page .ar-contact-topics-head h2 {
  max-width: 520px;
  margin: 0;
  font-size: 42px;
  line-height: 1.18;
  letter-spacing: -1.2px;
  font-weight: 600;
}

.ar-contact-page .ar-contact-topics-head p {
  max-width: 570px;
  margin: 0;
  color: var(--ar-text);
  font-size: 17px;
  line-height: 1.7;
}

.ar-contact-page .ar-contact-topics-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 52px;
}

.ar-contact-page .ar-contact-topic {
  padding-top: 26px;
  border-top: 1px solid rgba(13,23,61,.23);
}

.ar-contact-page .ar-contact-number {
  margin-bottom: 24px;
  color: var(--ar-blue);
  font-size: 12px;
  line-height: 1;
  letter-spacing: .08em;
  font-weight: 600;
}

.ar-contact-page .ar-contact-topic h3 {
  max-width: 330px;
  margin: 0 0 17px;
  color: var(--ar-navy);
  font-size: 25px;
  line-height: 1.3;
  letter-spacing: -.4px;
  font-weight: 600;
}

.ar-contact-page .ar-contact-topic p {
  max-width: 350px;
  margin: 0;
  color: var(--ar-text);
  font-size: 16px;
  line-height: 1.7;
}


/* =========================================================
   37. LYT TIL AKSIOM – HERO
   ========================================================= */

.ar-listen-page {
  font-family: Manrope, sans-serif;
}

.ar-listen-page .ar-listen-hero {
  width: 100%;
  background: var(--ar-navy);
  color: var(--ar-cream);
}

.ar-listen-page .ar-listen-hero-inner {
  max-width: var(--ar-width);
  margin: 0 auto;
  padding: 64px var(--ar-side) 68px;
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 78px;
  align-items: center;
}

.ar-listen-page .ar-listen-hero-copy {
  max-width: 560px;
}

.ar-listen-page .ar-listen-kicker {
  margin: 0 0 24px;
  color: var(--ar-sand);
  font-size: 11px;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 600;
}

.ar-listen-page .ar-listen-hero h1 {
  margin: 0 0 28px;
  color: var(--ar-cream);
  font-size: 62px;
  line-height: 1.04;
  letter-spacing: -2px;
  font-weight: 700;
}

.ar-listen-page .ar-listen-hero-copy p {
  max-width: 520px;
  margin: 0 0 16px;
  color: var(--ar-cream);
  font-size: 16px;
  line-height: 1.7;
}

.ar-listen-page .ar-listen-hero-copy .ar-listen-lead {
  color: var(--ar-sand);
  font-size: 21px;
  line-height: 1.55;
  font-weight: 500;
}

.ar-listen-page .ar-listen-hero-image {
  width: 100%;
  overflow: hidden;
}

.ar-listen-page .ar-listen-hero-image img {
  display: block;
  width: 100%;
  height: 405px;
  object-fit: cover;
  object-position: center center;
}


/* =========================================================
   38. LYT TIL AKSIOM – PODCASTCASES
   ========================================================= */

.ar-listen-page .ar-podcast-case {
  width: 100%;
  background: var(--ar-cream);
}

.ar-listen-page .ar-podcast-case + .ar-podcast-case {
  border-top: 1px solid var(--ar-line);
}

.ar-listen-page .ar-podcast-first {
  border-top: 0;
}

.ar-listen-page .ar-podcast-case-inner {
  max-width: var(--ar-width);
  margin: 0 auto;
  padding: 56px var(--ar-side) 60px;
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 92px;
  align-items: center;
}

.ar-listen-page .ar-podcast-case-copy {
  max-width: 500px;
}

.ar-listen-page .ar-podcast-case-number {
  margin: 0 0 22px;
  color: var(--ar-blue);
  font-size: 11px;
  line-height: 1;
  letter-spacing: .09em;
  font-weight: 600;
}

.ar-listen-page .ar-podcast-client {
  min-height: 46px;
  margin: 0 0 23px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 7px;
}

.ar-listen-page .ar-podcast-client span {
  color: var(--ar-blue);
  font-size: 10px;
  line-height: 1.3;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 600;
}

.ar-listen-page .ar-podcast-client strong {
  color: var(--ar-navy);
  font-size: 15px;
  line-height: 1.4;
  font-weight: 600;
}

.ar-listen-page .ar-podcast-client-logo img {
  display: block;
  width: auto;
  height: auto;
  max-width: 145px;
  max-height: 34px;
  object-fit: contain;
  object-position: left center;
}

.ar-listen-page .ar-podcast-client-efdk img {
  max-width: 190px;
  max-height: 42px;
  transform: scale(1.22);
  transform-origin: left center;
}

.ar-listen-page .ar-podcast-client-logo img.ar-client-cbs {
  max-width: 95px;
  max-height: 31px;
}

.ar-listen-page .ar-podcast-case-copy h2 {
  max-width: 500px;
  margin: 0 0 17px;
  color: var(--ar-navy);
  font-size: 36px;
  line-height: 1.15;
  letter-spacing: -.8px;
  font-weight: 600;
}

.ar-listen-page .ar-podcast-case-lead {
  max-width: 490px;
  margin: 0 0 13px;
  color: var(--ar-navy);
  font-size: 18px;
  line-height: 1.58;
  font-weight: 500;
}

.ar-listen-page .ar-podcast-case-copy > p:not(.ar-podcast-case-lead):not(.ar-podcast-format) {
  max-width: 490px;
  margin: 0 0 18px;
  color: var(--ar-text);
  font-size: 15px;
  line-height: 1.7;
}

.ar-listen-page .ar-podcast-format {
  margin: 24px 0 0;
  padding-top: 14px;
  border-top: 1px solid var(--ar-line);
  color: var(--ar-blue);
  font-size: 12px;
  line-height: 1.55;
  font-weight: 500;
}

.ar-listen-page .ar-podcast-case-player {
  width: 100%;
  max-width: 650px;
  margin-left: auto;
}

.ar-listen-page .ar-podcast-player {
  width: 100%;
  margin: 0 0 18px;
}

.ar-listen-page .ar-podcast-player iframe {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  border: 0 !important;
}

.ar-listen-page .ar-podcast-link {
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--ar-navy);
  color: var(--ar-navy);
  text-decoration: none;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 600;
}

.ar-listen-page .ar-podcast-link:hover {
  color: var(--ar-blue);
  border-color: var(--ar-blue);
}


/* =========================================================
   39. LYT TIL AKSIOM – YDELSE / AFSLUTNING
   ========================================================= */

.ar-listen-page .ar-podcast-service {
  width: 100%;
  background: var(--ar-sand);
  color: var(--ar-navy);
  border-top: 1px solid var(--ar-line);
}

.ar-listen-page .ar-podcast-service-inner {
  max-width: var(--ar-width);
  margin: 0 auto;
  padding: 72px var(--ar-side) 76px;
  display: grid;
  grid-template-columns: .78fr 1.22fr;
  gap: 82px;
  align-items: stretch;
}

.ar-listen-page .ar-podcast-service-image {
  overflow: hidden;
  min-height: 560px;
}

.ar-listen-page .ar-podcast-service-image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 560px;
  object-fit: cover;
  object-position: center center;
}

.ar-listen-page .ar-podcast-service-content {
  max-width: 650px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ar-listen-page .ar-podcast-service-kicker {
  margin: 0 0 20px;
  color: var(--ar-blue);
  font-size: 11px;
  line-height: 1;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 600;
}

.ar-listen-page .ar-podcast-service-content > h2 {
  max-width: 570px;
  margin: 0 0 25px;
  color: var(--ar-navy);
  font-size: 42px;
  line-height: 1.14;
  letter-spacing: -1.1px;
  font-weight: 600;
}

.ar-listen-page .ar-podcast-service-lead {
  max-width: 590px;
  margin: 0 0 15px;
  color: var(--ar-navy);
  font-size: 19px;
  line-height: 1.6;
  font-weight: 500;
}

.ar-listen-page .ar-podcast-service-content > p:not(.ar-podcast-service-kicker):not(.ar-podcast-service-lead) {
  max-width: 590px;
  margin: 0;
  color: var(--ar-text);
  font-size: 15px;
  line-height: 1.7;
}


/* =========================================================
   40. LYT TIL AKSIOM – PROCES
   ========================================================= */

.ar-listen-page .ar-podcast-process {
  margin-top: 38px;
  border-bottom: 1px solid rgba(13,23,61,.2);
}

.ar-listen-page .ar-podcast-process > div {
  padding: 16px 0 17px;
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 18px;
  align-items: center;
  border-top: 1px solid rgba(13,23,61,.2);
}

.ar-listen-page .ar-podcast-process span {
  color: var(--ar-blue);
  font-size: 11px;
  line-height: 1;
  letter-spacing: .08em;
  font-weight: 600;
}

.ar-listen-page .ar-podcast-process h3 {
  margin: 0;
  color: var(--ar-navy);
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
}


/* =========================================================
   41. LYT TIL AKSIOM – INTEGRERET CTA
   ========================================================= */

.ar-listen-page .ar-podcast-service-cta {
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px solid rgba(13,23,61,.28);
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 36px;
  align-items: end;
}

.ar-listen-page .ar-podcast-service-cta h3 {
  max-width: 440px;
  margin: 0 0 9px;
  color: var(--ar-navy);
  font-size: 23px;
  line-height: 1.3;
  letter-spacing: -.35px;
  font-weight: 600;
}

.ar-listen-page .ar-podcast-service-cta p {
  max-width: 450px;
  margin: 0;
  color: var(--ar-text);
  font-size: 14px;
  line-height: 1.65;
}

.ar-listen-page .ar-podcast-service-cta > a {
  display: inline-block;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--ar-navy);
  color: var(--ar-navy);
  text-decoration: none;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
  white-space: nowrap;
}

.ar-listen-page .ar-podcast-service-cta > a:hover {
  color: var(--ar-blue);
  border-color: var(--ar-blue);
}


/* =========================================================
   42. RESPONSIVE – TABLET
   ========================================================= */

@media (max-width: 1100px) {

  .aksiom-nav {
    gap: 18px;
  }

  .aksiom-nav a {
    font-size: 13px;
  }

  .aksiom-logo {
    width: 220px;
  }

  .aksiom-hero {
    grid-template-columns: 1.1fr .9fr;
    gap: 40px;
  }

  .aksiom-copy h1 {
    font-size: 48px;
  }

  .ar-three {
    gap: 36px;
  }

  .ar-subhero-inner {
    grid-template-columns: 1fr 1fr;
    gap: 50px;
  }

  .ar-subhero-copy h1 {
    font-size: 52px;
  }

  .ar-services-page .ar-services-grid {
    column-gap: 50px;
  }

  .ar-services-page .ar-collaboration-grid {
    gap: 36px;
  }

  .ar-projects-page .ar-projects-hero-copy {
    max-width: 450px;
  }

  .ar-projects-page .ar-projects-hero h1 {
    font-size: 52px;
  }

  .ar-projects-page .ar-portfolio-grid {
    gap: 60px 38px;
  }

  .ar-projects-page .ar-other-work-head {
    gap: 60px;
  }

  .ar-projects-page .ar-other-logo-grid {
    gap: 30px 34px;
  }

  .ar-logo-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ar-about-page .ar-about-name-inner,
  .ar-about-page .ar-about-founder-inner,
  .ar-about-page .ar-about-method-head,
  .ar-about-page .ar-about-network-head {
    gap: 56px;
  }

  .ar-about-page .ar-about-method-grid {
    gap: 34px;
  }

  .ar-contact-page .ar-contact-hero-inner {
    gap: 70px;
  }

  .ar-contact-page .ar-contact-intro h1 {
    font-size: 52px;
  }

  .ar-contact-page .ar-contact-topics-grid {
    gap: 34px;
  }

  .ar-listen-page .ar-listen-hero-inner {
    gap: 54px;
  }

  .ar-listen-page .ar-listen-hero h1 {
    font-size: 52px;
  }

  .ar-listen-page .ar-listen-hero-image img {
    height: 350px;
  }

  .ar-listen-page .ar-podcast-case-inner {
    gap: 58px;
  }

  .ar-listen-page .ar-podcast-service-inner {
    gap: 56px;
  }

  .ar-listen-page .ar-podcast-service-image,
  .ar-listen-page .ar-podcast-service-image img {
    min-height: 500px;
  }
}


/* =========================================================
   43. RESPONSIVE – SMALL TABLET
   ========================================================= */

@media (max-width: 1024px) {

  .aksiom-nav {
    display: none;
  }

  .aksiom-mobile {
    display: block;
    flex-shrink: 0;
  }

  .aksiom-mobile summary {
    cursor: pointer;
    list-style: none;
    font-size: 16px;
    font-weight: 500;
  }

  .aksiom-mobile nav {
    position: absolute;
    z-index: 20;
    top: 90px;
    left: 20px;
    right: 20px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 24px;
    background: var(--ar-cream);
  }

  .aksiom-header {
    position: relative;
  }

  .ar-four {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ar-projects-page .ar-other-logo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ar-contact-page .ar-contact-hero-inner {
    gap: 54px;
  }

  .ar-listen-page .ar-listen-hero-inner {
    grid-template-columns: 1fr 1fr;
  }

  .ar-listen-page .ar-podcast-case-inner {
    grid-template-columns: .95fr 1.05fr;
    gap: 44px;
  }

  .ar-listen-page .ar-podcast-service-inner {
    grid-template-columns: .82fr 1.18fr;
    gap: 44px;
  }
}


/* =========================================================
   44. RESPONSIVE – MOBIL
   ========================================================= */

@media (max-width: 767px) {

  :root {
    --ar-side: 20px;
  }

  .aksiom-header {
    padding: 20px;
  }

  .aksiom-logo {
    width: 205px;
  }

  .aksiom-hero {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 36px 20px 56px;
  }

  .aksiom-copy h1 {
    font-size: 36px;
    letter-spacing: -1px;
  }

  .aksiom-copy p {
    font-size: 18px;
  }

  .ar-wrap {
    padding: 56px 20px;
  }

  .ar-section h2 {
    font-size: 34px;
    letter-spacing: -.8px;
  }

  .ar-intro,
  .ar-subsection-head,
  .ar-services-page .ar-collaboration-head,
  .ar-projects-page .ar-portfolio-head,
  .ar-projects-page .ar-data-projects-head {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .ar-three,
  .ar-project-grid,
  .ar-four,
  .ar-split,
  .ar-services-page .ar-services-grid,
  .ar-services-page .ar-collaboration-grid,
  .ar-projects-page .ar-portfolio-grid {
    grid-template-columns: 1fr;
  }

  .ar-project-row,
  .ar-project-row.reverse {
    grid-template-columns: 1fr;
    gap: 46px;
  }

  .ar-project-row article:nth-child(2) {
    padding-top: 0;
  }

  .ar-subhero-inner {
    grid-template-columns: 1fr;
    gap: 36px;
    padding: 38px 20px 54px;
  }

  .ar-subhero-copy h1 {
    font-size: 40px;
    letter-spacing: -1px;
  }

  .ar-subhero-copy .ar-subhero-lead {
    font-size: 19px;
  }

  .ar-subhero-image img {
    height: auto;
    aspect-ratio: 1.35;
  }

  .ar-position .ar-wrap {
    padding-top: 48px;
    padding-bottom: 26px;
  }

  .ar-subfields .ar-wrap {
    padding-top: 10px;
    padding-bottom: 48px;
  }

  .ar-subfields .ar-field {
    padding: 30px 0 34px;
  }

  .ar-subprojects .ar-wrap {
    padding-top: 54px;
    padding-bottom: 34px;
  }

  body.page-id-80 .ar-subcta-inner {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 56px 20px 60px;
  }

  body.page-id-80 .ar-subcta h2 {
    font-size: 34px;
  }

  body.page-id-80 .ar-subcta-action {
    justify-content: flex-start;
  }

  .ar-services-page .ar-services .ar-wrap {
    padding-top: 42px;
    padding-bottom: 58px;
  }

  .ar-services-page .ar-service-item,
  .ar-services-page .ar-services-grid-top .ar-service-item:nth-child(n + 3) {
    padding: 30px 0 38px;
    border-top: 1px solid var(--ar-line);
  }

  .ar-services-page .ar-service-item:first-child {
    border-top: 0;
  }

  .ar-services-page .ar-services-visual {
    margin: 12px 0 44px;
  }

  .ar-services-page .ar-services-visual img {
    aspect-ratio: 1.35;
  }

  .ar-services-page .ar-collaboration-inner {
    padding: 56px 20px 62px;
  }

  .ar-services-page .ar-collaboration-head h2 {
    font-size: 34px;
  }

  .ar-services-page .ar-collaboration-grid {
    gap: 40px;
  }

  .ar-services-page .ar-services-cta-inner {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 56px 20px 62px;
  }

  .ar-services-page .ar-services-cta h2 {
    font-size: 34px;
  }

  .ar-services-page .ar-services-cta-action {
    justify-content: flex-start;
  }


  /* Projekter */

  .ar-projects-page .ar-projects-hero {
    height: auto;
    overflow: visible;
    background: var(--ar-cream);
  }

  .ar-projects-page .ar-projects-hero-image {
    position: relative;
    inset: auto;
    width: 100%;
    height: auto;
    aspect-ratio: 1.35 / 1;
    object-fit: cover;
    object-position: 35% center;
  }

  .ar-projects-page .ar-projects-hero-inner {
    display: block;
    height: auto;
    padding: 38px 20px 52px;
  }

  .ar-projects-page .ar-projects-hero-copy {
    max-width: none;
    margin: 0;
  }

  .ar-projects-page .ar-projects-hero h1 {
    margin-bottom: 22px;
    font-size: 42px;
    letter-spacing: -1px;
  }

  .ar-projects-page .ar-projects-hero p {
    font-size: 18px;
  }

  .ar-projects-page .ar-portfolio-inner {
    padding: 54px 20px 66px;
  }

  .ar-projects-page .ar-portfolio-head h2,
  .ar-projects-page .ar-data-projects-head h2 {
    font-size: 34px;
  }

  .ar-projects-page .ar-portfolio-grid {
    gap: 50px;
  }

  .ar-projects-page .ar-portfolio-image {
    aspect-ratio: 1.4 / 1;
  }

  .ar-projects-page .ar-portfolio-case h3 {
    font-size: 24px;
  }

  .ar-projects-page .ar-data-projects-inner {
    padding: 58px 20px 66px;
  }

  .ar-projects-page .ar-applied-image {
    padding: 34px;
  }

  .ar-projects-page .ar-applied-image img {
    max-width: 78%;
  }

  .ar-projects-page .ar-other-work-inner {
    padding: 58px 20px 64px;
  }

  .ar-projects-page .ar-other-work-head {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .ar-projects-page .ar-other-work h2 {
    font-size: 34px;
  }

  .ar-projects-page .ar-other-logo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    margin-top: 40px;
    padding-top: 32px;
  }

  .ar-projects-page .ar-other-logo {
    height: 66px;
  }

  .ar-projects-page .ar-other-logo img {
    max-height: 48px;
  }

  .ar-projects-page .ar-projects-cta-inner {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 56px 20px 60px;
  }

  .ar-projects-page .ar-projects-cta h2 {
    font-size: 34px;
  }

  .ar-projects-page .ar-projects-cta-action {
    justify-content: flex-start;
  }


  /* Om Aksiom */

  .ar-about-page .ar-about-name-inner,
  .ar-about-page .ar-about-founder-inner,
  .ar-about-page .ar-about-method-head,
  .ar-about-page .ar-about-network-head,
  .ar-about-page .ar-about-cta-inner {
    grid-template-columns: 1fr;
  }

  .ar-about-page .ar-about-name-inner {
    gap: 32px;
    padding: 58px 20px 64px;
  }

  .ar-about-page .ar-about-name h2,
  .ar-about-page .ar-about-founder h2,
  .ar-about-page .ar-about-network h2,
  .ar-about-page .ar-about-cta h2 {
    font-size: 34px;
    letter-spacing: -.8px;
  }

  .ar-about-page .ar-about-name-definition {
    margin-top: 24px;
  }

  .ar-about-page .ar-about-name-title .ar-about-emphasis {
    margin-top: 30px;
    padding: 22px 0;
    font-size: 20px;
  }

  .ar-about-page .ar-about-name-copy {
    padding-top: 0;
  }

  .ar-about-page .ar-about-founder-inner {
    gap: 42px;
    padding: 60px 20px 66px;
  }

  .ar-about-page .ar-about-founder-intro {
    margin-top: 22px;
  }

  .ar-about-page .ar-about-founder-photo {
    margin-top: 30px;
  }

  .ar-about-page .ar-about-founder-copy .ar-about-founder-ending {
    margin-top: 28px;
  }

  .ar-about-page .ar-about-method-inner {
    padding: 54px 20px 66px;
  }

  .ar-about-page .ar-about-method-head {
    gap: 30px;
    margin-bottom: 44px;
  }

  .ar-about-page .ar-about-method-brand {
    max-width: 300px;
  }

  .ar-about-page .ar-about-method-grid {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .ar-about-page .ar-about-network-inner {
    padding: 58px 20px 64px;
  }

  .ar-about-page .ar-about-network-head {
    gap: 24px;
    margin-bottom: 42px;
  }

  .ar-about-page .ar-about-network-grid {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .ar-about-page .ar-about-network-person img {
    aspect-ratio: 4 / 5;
    margin-bottom: 20px;
  }

  .ar-about-page .ar-about-network-person p {
    min-height: 0;
  }

  .ar-about-page .ar-about-cta-inner {
    gap: 32px;
    padding: 56px 20px 60px;
  }

  .ar-about-page .ar-about-cta-action {
    justify-content: flex-start;
  }


  /* Kontakt */

  .ar-contact-page .ar-contact-hero-inner {
    grid-template-columns: 1fr;
    gap: 52px;
    padding: 58px 20px 66px;
  }

  .ar-contact-page .ar-contact-intro h1 {
    margin-bottom: 28px;
    font-size: 42px;
    letter-spacing: -1px;
  }

  .ar-contact-page .ar-contact-lead {
    font-size: 19px;
  }

  .ar-contact-page .ar-contact-details {
    max-width: none;
    margin: 0;
    padding-top: 32px;
  }

  .ar-contact-page .ar-contact-name {
    font-size: 25px;
  }

  .ar-contact-page .ar-contact-row {
    grid-template-columns: 82px 1fr;
    gap: 18px;
  }

  .ar-contact-page .ar-contact-topics-inner {
    padding: 56px 20px 64px;
  }

  .ar-contact-page .ar-contact-topics-head {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-bottom: 42px;
  }

  .ar-contact-page .ar-contact-topics-head h2 {
    font-size: 34px;
    letter-spacing: -.8px;
  }

  .ar-contact-page .ar-contact-topics-grid {
    grid-template-columns: 1fr;
    gap: 38px;
  }


  /* Lyt til Aksiom */

  .ar-listen-page .ar-listen-hero-inner {
    grid-template-columns: 1fr;
    gap: 34px;
    padding: 50px 20px 54px;
  }

  .ar-listen-page .ar-listen-hero h1 {
    font-size: 43px;
    letter-spacing: -1px;
  }

  .ar-listen-page .ar-listen-hero-copy .ar-listen-lead {
    font-size: 19px;
  }

  .ar-listen-page .ar-listen-hero-image img {
    height: auto;
    aspect-ratio: 1.42 / 1;
  }

  .ar-listen-page .ar-podcast-case-inner {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 46px 20px 50px;
  }

  .ar-listen-page .ar-podcast-case-copy {
    max-width: none;
  }

  .ar-listen-page .ar-podcast-case-copy h2 {
    font-size: 31px;
  }

  .ar-listen-page .ar-podcast-case-lead {
    font-size: 17px;
  }

  .ar-listen-page .ar-podcast-case-player {
    max-width: none;
    margin: 0;
  }

  .ar-listen-page .ar-podcast-client-efdk img {
    transform: none;
    max-width: 175px;
  }

  .ar-listen-page .ar-podcast-service-inner {
    grid-template-columns: 1fr;
    gap: 36px;
    padding: 52px 20px 56px;
  }

  .ar-listen-page .ar-podcast-service-image {
    min-height: 0;
  }

  .ar-listen-page .ar-podcast-service-image img {
    min-height: 0;
    height: auto;
    aspect-ratio: 1.2 / 1;
  }

  .ar-listen-page .ar-podcast-service-content > h2 {
    font-size: 34px;
  }

  .ar-listen-page .ar-podcast-service-lead {
    font-size: 18px;
  }

  .ar-listen-page .ar-podcast-service-cta {
    grid-template-columns: 1fr;
    gap: 22px;
    align-items: start;
  }

  .ar-listen-page .ar-podcast-service-cta > a {
    justify-self: start;
  }


  /* Logoer/footer */

  .ar-logo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ar-logo-item {
    height: 112px;
  }

  .ar-footer-inner {
    padding: 44px 20px 26px;
  }

  .ar-footer-nav {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 30px;
  }

  .ar-footer-bottom {
    flex-direction: column;
    gap: 12px;
  }
}/* =========================================================
   45. FORSIDE – MOBILKORREKTIONER
   Kun side ID 11
   ========================================================= */

@media (max-width: 800px) {

  /* HERO */

  body.page-id-11 .aksiom-hero {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 38px !important;
    padding: 38px 20px 56px !important;
  }

  body.page-id-11 .aksiom-copy {
    max-width: none !important;
  }

  body.page-id-11 .aksiom-copy h1 {
    font-size: 38px !important;
    line-height: 1.08 !important;
    letter-spacing: -1px !important;
  }

  body.page-id-11 .aksiom-portrait {
    width: 100% !important;
  }


  /* INTROSEKTIONER */

  body.page-id-11 .ar-intro {
    display: block !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  body.page-id-11 .ar-intro > div {
    width: 100% !important;
    max-width: none !important;
  }

  body.page-id-11 .ar-intro > div:first-child {
    margin-bottom: 24px !important;
  }

  body.page-id-11 .ar-intro h2 {
    max-width: none !important;
  }


  /* TRE FELTER / FORMATER */

  body.page-id-11 .ar-three {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 44px !important;
  }


  /* PROJEKTER */

  body.page-id-11 .ar-project-row,
  body.page-id-11 .ar-project-row.reverse {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 42px !important;
    margin-top: 40px !important;
  }

  body.page-id-11 .ar-project-row article {
    width: 100% !important;
    max-width: none !important;
  }

  body.page-id-11 .ar-project-row article:nth-child(2) {
    padding-top: 0 !important;
  }

  body.page-id-11 .ar-project-media {
    width: 100% !important;
  }


  /* SPLITSEKTIONER:
     FRA IDÉ TIL FINANSIERET PROJEKT + OM AKSIOM */

  body.page-id-11 .ar-split,
  body.page-id-11 .ar-about .ar-split {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 34px !important;
  }

  body.page-id-11 .ar-split > div {
    order: 1 !important;
    width: 100% !important;
    max-width: none !important;
  }

  body.page-id-11 .ar-split > img {
    order: 2 !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1.4 / 1 !important;
    object-fit: cover !important;
  }

  body.page-id-11 .ar-about .ar-split > img {
    height: auto !important;
    aspect-ratio: 1.4 / 1 !important;
  }


  /* NETVÆRK */

  body.page-id-11 .ar-network .ar-four {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 38px 20px !important;
  }

  body.page-id-11 .ar-network .ar-person {
    min-width: 0 !important;
  }

  body.page-id-11 .ar-network .ar-person img {
    width: 100% !important;
    aspect-ratio: 4 / 5 !important;
    margin-bottom: 16px !important;
    object-fit: cover !important;
  }

  body.page-id-11 .ar-network .ar-person h3 {
    margin-bottom: 8px !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
  }

  body.page-id-11 .ar-network .ar-person p {
    font-size: 13px !important;
    line-height: 1.55 !important;
  }


  /* KUNDER / LOGOER */

  body.page-id-11 .ar-logo-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.page-id-11 .ar-logo-item {
    height: 112px !important;
  }

}/* End custom CSS */