.meet-fredrik  {

}


.meet-fredrik h2 {
  color: var(--primary-ultra-dark);
}

.meet-fredrik figure, .meet-fredrik img {
  border-radius: 50%;
}

.meet-fredrik h4 {
  font-size: var(--h3);
  color: var(--base);
}

.meet-fredrik__story-header {
  background-color: var(--white-trans-30);
  border-radius: var(--radius-l);
}


.meet-fredrik__story-header[aria-expanded="true"] {
  background-color: var(--white-trans-50);
}


.fr-accordion__item:has(.meet-fredrik__story-header[aria-expanded="true"]) {
  background-color: var(--white-trans-50);
}


.meet-fredrik__story-accordion .fr-accordion__item {
  gap: 0;
}


.meet-fredrik__story-accordion .fr-accordion__item:not(:last-child) {
  margin-bottom: var(--grid-gap); 
}


.meet-fredrik__container {
  display: grid;
  grid-template-columns: 1fr 1.2fr; 
  grid-template-rows: auto 1fr;
  align-items: start;
}


.meet-fredrik__heading-wrapper {
  grid-column: 1;
  grid-row: 1;
  width: fit-content;
}


.meet-fredrik__profile-wrapper {
  grid-column: 1;
  grid-row: 2;
  width: 100%;
  overflow: hidden;
}


.meet-fredrik__story-wrapper {
  grid-column: 2;
  grid-row: 1 / span 2;
  overflow: visible;
}

.meet-fredrik__heading {
  padding-bottom: var(--section-space-xs);
  padding-left: var(--section-space-m);
}

.meet-fredrik__heading-wrapper .accent-heading2 { 
  padding-left: var(--section-space-m);
}




.meet-fredrik__image-wrapper {
  max-width: 100%;
}

.meet-fredrik__image-wrapper img {
  max-width: calc(0.9*var(--width-m));
}

.meet-fredrik__image {
  max-width: 100%;
  height: auto;
  border-radius: 50;
}



.meet-fredrik__reflection-wrapper {
  max-width: calc(0.9*var(--width-m));
  background-color: var(--primary-ultralight-trans-5);
  border-radius: var(--radius-l);
  padding: var(--space-m);
  position: relative;
  box-shadow: 0 5px 15px rgba(0,0,0,0.03);
}

.meet-fredrik__reflection-title {
  position: absolute;
  top: 0;
  left: var(--space-m);
  transform: translateY(-50%);
  background-color: var(--primary);
  color: white;
  font-size: var(--text-xs);
  padding: 6px 15px;
  border-radius: 20px;
    */
}

.meet-fredrik__reflection {
  font-size: var(--text-m);
  line-height: 1.6;
  margin: var(--space-xs) 0 0 0;
  font-style: italic;
}