/*---------------------------------------------- 
	temporary
----------------------------------------------*/
.placeholder--section {
  align-items: center;
  justify-content: center;
  padding: 8vh 0;
  background-color: var(--clr-brand-neutral-100, #f6f6f5);
}

/*---------------------------------------------- 
	buttons
----------------------------------------------*/

/* button base
----------------------------------------------*/

/* button */
.c-button {
  display: inline-flex;
  flex: 0 0 auto;
  width: auto;
  max-width: max-content;
  gap: 0.8rem;
  padding: 1.1rem 1.6rem 1.3rem 1.6rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.4rem;
  transition: all 0.35s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.c-button--copy {
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 400;
  transition: all 0.35s cubic-bezier(0.65, 0.05, 0.36, 1);
}

/* button-hover */
.c-button:hover {
  transition: all 0.35s cubic-bezier(0.65, 0.05, 0.36, 1);
}

/* button icon */
.c-button--icon {
  fill: none;
  stroke-width: 0.15rem;
  width: 1.2rem;
  height: 1.2rem;
  transition: all 0.35s cubic-bezier(0.65, 0.05, 0.36, 1);
}

/* button primary
----------------------------------------------*/

/* button primary */
.c-button--primary {
  background: var(--clr-brand-primary-900);
}

.c-button--primary .c-button--copy {
  color: var(--clr-brand-primary-50);
}

/* button primary hover */
.c-button--primary:hover {
  background: var(--clr-brand-primary-800);
}

/* button primary icon */
.c-button--icon--primary {
  stroke: var(--clr-brand-primary-50);
}

/* button primary on dark
----------------------------------------------*/

/* button primary on dark */
.c-button--primary--on-dark {
  color: var(--clr-brand-primary-50);
  background: var(--clr-brand-primary-800);
}

.c-button--primary--on-dark .c-button--copy {
  color: var(--clr-brand-primary-50);
}

/* button primary hover on dark */
.c-button--primary--on-dark:hover {
  background: var(--clr-brand-primary-100);
}

.c-button--primary--on-dark:hover .c-button--copy {
  color: var(--clr-brand-primary-900);
}

/* button primary icon on dark */
.c-button--icon--primary--on-dark {
  stroke: var(--clr-brand-primary-50);
}

/* button primary icon hover on dark */
.c-button:hover .c-button--icon--primary--on-dark {
  stroke: var(--clr-brand-primary-900);
}

/* button secondary
----------------------------------------------*/

/* button secondary / on dark */
.c-button--secondary,
.c-button--secondary--on-dark {
  padding: 1rem 1.5rem 1.2rem 1.5rem;
  border: 0.1rem solid var(--clr-brand-neutral-200);
  background: var(--clr-brand-neutral-100);
}

.c-button--secondary .c-button--copy,
.c-button--secondary--on-dark .c-button--copy {
  color: var(--clr-brand-primary-900);
}

/* button secondary hover */
.c-button--secondary:hover {
  background: var(--clr-brand-primary-800);
  border: 0.1rem solid var(--clr-brand-primary-800);
}

.c-button--secondary:hover .c-button--copy {
  color: var(--clr-brand-primary-50);
}

/* button secondary icon / on dark */
.c-button--icon--secondary,
.c-button--icon--secondary--on-dark {
  stroke: var(--clr-brand-primary-900);
}

/* button secondary icon hover */
.c-button:hover .c-button--icon--secondary {
  stroke: var(--clr-brand-primary-50);
}

/* button secondary on dark hover
----------------------------------------------*/

/* button secondary hover on dark */
.c-button--secondary--on-dark:hover {
  background: var(--clr-brand-primary-100);
  border: 0.1rem solid var(--clr-brand-primary-100);
}

.c-button--secondary--on-dark:hover .c-button--copy {
  color: var(--clr-brand-primary-900);
}

/* button tertiary
----------------------------------------------*/

/* button tertiary */
.c-button--tertiary .c-button--copy {
  color: var(--clr-brand-primary-900);
}

/* button tertiary hover */
.c-button--tertiary:hover {
  background: var(--clr-brand-primary-800);
}

.c-button--tertiary:hover .c-button--copy {
  color: var(--clr-brand-primary-50);
}

/* button tertiary icon */
.c-button--icon--tertiary {
  stroke: var(--clr-brand-primary-900);
}

/* button tertiary icon hover */
.c-button:hover .c-button--icon--tertiary {
  stroke: var(--clr-brand-primary-50);
}

/* button tertiary on-dark
----------------------------------------------*/

/* button tertiary on dark */
.c-button--tertiary--on-dark .c-button--copy {
  color: var(--clr-brand-primary-50);
}

/* button tertiary hover on dark*/
.c-button--tertiary--on-dark:hover {
  background: var(--clr-brand-primary-100);
}

.c-button--tertiary--on-dark:hover .c-button--copy {
  color: var(--clr-brand-primary-900);
}

/* button tertiary icon on dark*/
.c-button--icon--tertiary--on-dark {
  stroke: var(--clr-brand-primary-50);
}

/* button tertiary icon hover on dark*/
.c-button:hover .c-button--icon--tertiary--on-dark {
  stroke: var(--clr-brand-primary-900);
}

/* button link
----------------------------------------------*/

/* button link */
.c-button--link {
  padding: 0;
}

.c-button--link .c-button--copy {
  color: var(--clr-brand-primary-900);
}

/* button link hover */
.c-button--link:hover .c-button--copy {
  color: var(--clr-brand-primary-700);
}

/* button link icon */
.c-button--icon--link {
  stroke: var(--clr-brand-primary-900);
}

/* button link icon hover */
.c-button:hover .c-button--icon--link {
  stroke: var(--clr-brand-primary-700);
}

/* button link on dark
----------------------------------------------*/

/* button link on dark */
.c-button--link--on-dark .c-button--copy {
  color: var(--clr-brand-primary-50);
}

/* button link hover on dark */
.c-button--link--on-dark:hover .c-button--copy {
  color: var(--clr-brand-primary-200);
}

/* button link icon on dark */
.c-button--icon--link--on-dark {
  stroke: var(--clr-brand-primary-50);
}

/* button link icon hover on dark */
.c-button:hover .c-button--icon--link--on-dark {
  stroke: var(--clr-brand-primary-200);
}

/* primary button portfolio
----------------------------------------------*/
.c-button--portfolio {
  width: 100%;
  max-width: none;
}

/* primary button group
----------------------------------------------*/
.primary-hero--button-group {
  display: flex;
  gap: 0.8rem;
  padding: 0.8rem;
  border-radius: 0.4rem;
  background-color: var(--clr-brand-neutral-100);
}

/*---------------------------------------------- 
	tags
----------------------------------------------*/

/* tag base
----------------------------------------------*/

/* tag */
.c-tag {
  display: inline-flex;
  flex: 0 0 auto;
  width: auto;
  max-width: max-content;
  padding: 0.4rem 0.4rem;
  background-color: var(--clr-brand-neutral-100);
  border-radius: 0.4rem;
}

/* tag bracket */
.c-tag--bracket {
  width: 0.6rem;
  height: 0.6rem;
  fill: var(--clr-brand-primary-900);
  transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
}

/* tag bracket wrapper */
.c-tag--bracket--wrapper {
  flex-direction: column;
  gap: 0.4rem;
}

.c-tag--content {
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 400;
  padding: 0 0.2rem;
  color: var(--clr-brand-primary-900);
}

/* tag brand accent
----------------------------------------------*/
.c-tag--brand--accent {
  background-color: var(--clr-brand-primary-100);
}

/* tag brand on dark
----------------------------------------------*/
.c-tag--brand--on-dark {
  background-color: var(--clr-brand-primary-800);
}

.c-tag--brand--on-dark .c-tag--content {
  color: var(--clr-brand-primary-50);
}

.c-tag--brand--on-dark .c-tag--bracket {
  fill: var(--clr-brand-primary-50);
}

/*---------------------------------------------- 
	image slider
----------------------------------------------*/

.embla__container {
  flex-direction: row;
  gap: 1.6rem;
  backface-visibility: hidden;
  touch-action: pan-y pinch-zoom;
}

.embla__buttons {
  flex-direction: row;
  gap: 1.2rem;
  margin-top: 3.2rem;
}

.embla__button {
  appearance: none;
  background-color: var(--clr-brand-neutral-100, #f6f6f5);
  border: 0;
  padding: 0;
  cursor: pointer;
  width: 5.2rem;
  height: 5.2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.35s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.embla__button:hover {
  background-color: var(--clr-brand-teal-900, #0b4446);
  transition: all 0.35s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.embla__button:disabled .embla__button__svg {
  stroke: var(--clr-brand-neutral-500, #d0cdc8);
}

.embla__button:disabled:hover {
  background-color: var(--clr-brand-neutral-100, #f6f6f5);
}

.embla__button__svg {
  width: 2rem;
  height: 2rem;
  fill: none;
  stroke-width: 0.15rem;
  stroke: var(--clr-brand-teal-900, #0b4446);
  transition: all 0.35s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.embla__button:hover .embla__button__svg {
  stroke: var(--clr-brand-teal-50, #f4fefe);
  transition: all 0.35s cubic-bezier(0.65, 0.05, 0.36, 1);
}

/*---------------------------------------------- 
	section headlines
----------------------------------------------*/

/* section headline-copy */
.section--head-copy {
  gap: 0.8rem;
  margin-bottom: 8rem;
}

.section--head-copy--wrapper {
  grid-template-rows: auto;
  gap: 0.8rem;
}

.section--head {
  max-width: 56rem;
}

.section--copy {
  max-width: 40rem;
}

/* section headline-cta */
.section--head-cta {
  gap: 0.8rem;
  margin-bottom: 8rem;
}

.section--head-cta--wrapper {
  grid-template-rows: auto;
  gap: 2.4rem;
}

.section--head--wrapper {
  gap: 0.8rem;
}

.section--head--wrapper h2 {
  max-width: 56rem;
}

.section--head--wrapper p {
  max-width: 40rem;
}

.section--head-cta--buttons {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.8rem;
}

@media (max-width: 960px) {
  .section--head-copy,
  .section--head-cta {
    margin-bottom: 4rem;
  }
}

/*---------------------------------------------- 
	copy-img
----------------------------------------------*/
.copy-img--container {
  padding-top: 4rem;
  gap: 8rem;
}

.copy-img--wrapper,
.copy-img--content-cta--wrapper {
  gap: 4rem;
}

.copy-img--wrapper-first {
  flex-direction: column-reverse;
}

.copy-img-content,
.copy-img--tag-head {
  gap: 0.8rem;
}

.copy-img-cta {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.8rem;
}

.copy-img--visual--item {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 0.8rem;
}

/* video fallback images */
#copy-img--visual--noctua-picusduoplus {
  background: url(../assets/videos/refined-diagnostics-laser-systems-noctua-picus-duo-plus.webp)
    no-repeat center;
  background-size: cover;
  border-radius: 0.8rem;
}

#copy-img--visual--picusduo {
  background: url(../assets/videos/refined-diagnostics-laser-systems-picus-duo.webp)
    no-repeat center;
  background-size: cover;
  border-radius: 0.8rem;
}

#copy-img--visual--srs-imaging-solutions {
  background: url(../assets/videos/refined-diagnostics-laser-systems-visual-2.webp)
    no-repeat center;
  background-size: cover;
  border-radius: 0.8rem;
}

#copy-img--visual--quantum-tech {
  background: url(../assets/videos/refined-diagnostics-laser-systems-visual-3.webp)
    no-repeat center;
  background-size: cover;
  border-radius: 0.8rem;
}

#copy-img--visual--aquila--video-placenta {
  background: url(../assets/videos/refined-diagnostics-aquila-video-placenta.webp)
    no-repeat center;
  background-size: cover;
  border-radius: 0.8rem;
}

@media (min-width: 720px) {
  .copy-img--content-cta--wrapper {
    width: 64%;
    min-width: 49.6rem;
  }
}

@media (min-width: 1024px) {
  .copy-img--container {
    padding-top: 8rem;
    gap: 16rem;
  }

  .copy-img--content-cta--wrapper {
    padding-top: 2.4rem;
  }

  .copy-img--wrapper {
    flex-direction: row;
    justify-content: space-between;
    gap: 8rem;
  }

  .copy-img--half-width {
    width: 100%;
    max-width: 60rem;
  }

  .copy-img--max-width--item {
    max-width: 49.6rem;
  }
}

/*---------------------------------------------- 
	blurb base
----------------------------------------------*/
/* blurb */
.blurb--wrapper {
  gap: 4rem;
  padding: 2.4rem;
}

.blurb--icon {
  width: 4rem;
  height: 4rem;
  fill: var(--clr-brand-primary-900);
}

.blurb--content--wrapper {
  gap: 0.4rem;
  max-width: 44rem;
}

/* blurb image */
.blurb-img--visual {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 0.8rem;
}

.blurb-img--content--wrapper {
  gap: 2rem;
}

.blurb-img--content {
  gap: 0.8rem;
}

/* blurb styles */
.blurb-border {
  border-left: 0.1rem solid var(--clr-brand-neutral-200, #ecebe9);
}

.blurb--background--brand {
  background-color: var(--clr-brand-primary-50);
  border-radius: 0.8rem;
}

.blurb--background--neutral {
  background-color: var(--clr-brand-neutral-100, #f6f6f5);
  border-radius: 0.8rem;
}

/* blurb layouts */
.blurb--layout--1x3 {
  grid-template-columns: 1fr;
  gap: 2.4rem;
}

.blurb--layout--2x2 {
  grid-template-columns: 1fr;
  gap: 2.4rem;
}

.blurb--layout--2x3 {
  grid-template-columns: 1fr;
  gap: 2.4rem;
}

/*---------------------------------------------- 
	100--visual
----------------------------------------------*/
.visual--100--wrapper {
  height: 32rem;
  /* background: url(../assets/videos/refined-diagnostics-laser-systems.webp)
    no-repeat center;
  background-size: cover; */
  clip-path: polygon(
    0% 2.5%,
    0% 2.5%,
    0.009% 2.094%,
    0.033% 1.71%,
    0.073% 1.351%,
    0.126% 1.024%,
    0.192% 0.732%,
    0.268% 0.482%,
    0.354% 0.279%,
    0.447% 0.127%,
    0.548% 0.033%,
    0.654% 0%,
    99.284% 0%,
    99.284% 0%,
    99.404% 0.042%,
    99.517% 0.162%,
    99.62% 0.354%,
    99.711% 0.607%,
    99.79% 0.915%,
    99.854% 1.269%,
    99.901% 1.662%,
    99.93% 2.085%,
    99.938% 2.531%,
    99.926% 2.99%,
    94.954% 97.99%,
    94.954% 97.99%,
    94.93% 98.331%,
    94.894% 98.648%,
    94.848% 98.94%,
    94.792% 99.202%,
    94.727% 99.433%,
    94.656% 99.629%,
    94.577% 99.787%,
    94.493% 99.903%,
    94.405% 99.975%,
    94.312% 100%,
    0.654% 100%,
    0.654% 100%,
    0.548% 99.967%,
    0.447% 99.873%,
    0.354% 99.721%,
    0.268% 99.518%,
    0.192% 99.268%,
    0.126% 98.976%,
    0.073% 98.649%,
    0.033% 98.29%,
    0.009% 97.905%,
    0% 97.5%,
    0% 2.5%
  );
}

.visual--100 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* video fallback images */
#clinical-benefits--visual-100--index {
  background: url(../assets/videos/refined-diagnostics-secondary-visual.webp)
    no-repeat center;
  background-size: cover;
}

#srs-imaging-cta--visual-100--index {
  background: url(../assets/videos/refined-diagnostics-primary-hero-visual.webp)
    no-repeat center;
  background-size: cover;
}

#features--ls-products--main-visual-100 {
  background: url(../assets/videos/refined-diagnostics-laser-systems-visual-3.webp)
    no-repeat center;
  background-size: cover;
}

@media (max-width: 640px) {
  .visual--100--wrapper {
    /* height: 20rem; */
    clip-path: polygon(
      0% 4%,
      0% 4%,
      0.033% 3.351%,
      0.127% 2.736%,
      0.279% 2.162%,
      0.482% 1.638%,
      0.732% 1.172%,
      1.024% 0.772%,
      1.351% 0.446%,
      1.71% 0.204%,
      2.094% 0.052%,
      2.5% 0%,
      97.5% 0%,
      97.5% 0%,
      97.905% 0.052%,
      98.29% 0.204%,
      98.649% 0.446%,
      98.976% 0.772%,
      99.268% 1.172%,
      99.518% 1.638%,
      99.721% 2.162%,
      99.873% 2.736%,
      99.967% 3.351%,
      100% 4%,
      100% 80.38%,
      100% 80.38%,
      99.971% 80.985%,
      99.889% 81.563%,
      99.755% 82.107%,
      99.576% 82.61%,
      99.354% 83.064%,
      99.093% 83.463%,
      98.799% 83.799%,
      98.474% 84.065%,
      98.122% 84.254%,
      97.749% 84.36%,
      2.749% 99.56%,
      2.749% 99.56%,
      2.314% 99.57%,
      1.898% 99.464%,
      1.506% 99.251%,
      1.145% 98.942%,
      0.822% 98.546%,
      0.544% 98.071%,
      0.316% 97.528%,
      0.145% 96.925%,
      0.037% 96.273%,
      0% 95.58%,
      0% 4%
    );
  }
}

/*---------------------------------------------- 
	33-66--visual
----------------------------------------------*/
.visual--33--wrapper {
  clip-path: polygon(
    0% 4%,
    0% 4%,
    0.033% 3.351%,
    0.127% 2.736%,
    0.279% 2.162%,
    0.482% 1.638%,
    0.732% 1.172%,
    1.024% 0.772%,
    1.351% 0.446%,
    1.71% 0.204%,
    2.094% 0.052%,
    2.5% 0%,
    97.5% 0%,
    97.5% 0%,
    97.905% 0.052%,
    98.29% 0.204%,
    98.649% 0.446%,
    98.976% 0.772%,
    99.268% 1.172%,
    99.518% 1.638%,
    99.721% 2.162%,
    99.873% 2.736%,
    99.967% 3.351%,
    100% 4%,
    100% 80.38%,
    100% 80.38%,
    99.971% 80.985%,
    99.889% 81.563%,
    99.755% 82.107%,
    99.576% 82.61%,
    99.354% 83.064%,
    99.093% 83.463%,
    98.799% 83.799%,
    98.474% 84.065%,
    98.122% 84.254%,
    97.749% 84.36%,
    2.749% 99.56%,
    2.749% 99.56%,
    2.314% 99.57%,
    1.898% 99.464%,
    1.506% 99.251%,
    1.145% 98.942%,
    0.822% 98.546%,
    0.544% 98.071%,
    0.316% 97.528%,
    0.145% 96.925%,
    0.037% 96.273%,
    0% 95.58%,
    0% 4%
  );
}

.visual--33 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.visual--66--wrapper {
  display: none;
}

@media (min-width: 960px) {
  .visual--33-66--wrapper {
    flex-direction: row;
  }

  .visual--33--wrapper {
    height: 32rem;
    width: 33.333333%;
    clip-path: polygon(
      0% 2.5%,
      0% 2.5%,
      0.027% 2.094%,
      0.104% 1.71%,
      0.228% 1.351%,
      0.395% 1.024%,
      0.599% 0.732%,
      0.838% 0.482%,
      1.106% 0.279%,
      1.399% 0.127%,
      1.714% 0.033%,
      2.046% 0%,
      82.21% 0%,
      82.21% 0%,
      82.498% 0.025%,
      82.775% 0.097%,
      83.037% 0.213%,
      83.283% 0.371%,
      83.507% 0.567%,
      83.708% 0.797%,
      83.883% 1.06%,
      84.028% 1.352%,
      84.14% 1.669%,
      84.216% 2.01%,
      99.766% 97.01%,
      99.766% 97.01%,
      99.806% 97.469%,
      99.779% 97.915%,
      99.689% 98.338%,
      99.541% 98.731%,
      99.342% 99.085%,
      99.097% 99.393%,
      98.811% 99.646%,
      98.489% 99.838%,
      98.137% 99.958%,
      97.76% 100%,
      2.046% 100%,
      2.046% 100%,
      1.714% 99.967%,
      1.399% 99.873%,
      1.106% 99.721%,
      0.838% 99.518%,
      0.599% 99.268%,
      0.395% 98.976%,
      0.228% 98.649%,
      0.104% 98.29%,
      0.027% 97.905%,
      0% 97.5%,
      0% 2.5%
    );
  }

  .visual--66--wrapper {
    display: block;
    height: 32rem;
    width: calc(66.666666% + 3.2rem);
    margin-left: -3.2rem;
    background: url(../assets/videos/refined-diagnostics-case-study-visual.webp)
      no-repeat center;
    background-size: cover;
    clip-path: polygon(
      0.105% 3.032%,
      0.105% 3.032%,
      0.087% 2.572%,
      0.099% 2.127%,
      0.14% 1.704%,
      0.206% 1.311%,
      0.295% 0.957%,
      0.405% 0.649%,
      0.534% 0.395%,
      0.678% 0.204%,
      0.836% 0.083%,
      1.005% 0.041%,
      99.081% 0%,
      99.081% 0%,
      99.23% 0.033%,
      99.372% 0.128%,
      99.504% 0.279%,
      99.624% 0.483%,
      99.731% 0.732%,
      99.823% 1.024%,
      99.897% 1.351%,
      99.953% 1.71%,
      99.988% 2.095%,
      100% 2.5%,
      100% 97.5%,
      100% 97.5%,
      99.988% 97.905%,
      99.953% 98.29%,
      99.897% 98.649%,
      99.823% 98.976%,
      99.731% 99.268%,
      99.624% 99.518%,
      99.504% 99.721%,
      99.372% 99.873%,
      99.23% 99.967%,
      99.082% 100%,
      7.986% 100%,
      7.986% 100%,
      7.857% 99.975%,
      7.732% 99.903%,
      7.615% 99.787%,
      7.505% 99.629%,
      7.404% 99.433%,
      7.313% 99.203%,
      7.235% 98.94%,
      7.17% 98.648%,
      7.12% 98.331%,
      7.085% 97.991%,
      0.105% 3.032%
    );
  }

  .visual--66 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
}

/* video fallback images */
#case-study--diagnostics--visual {
  background: url(../assets/videos/refined-diagnostics-case-study-visual.webp)
    no-repeat center;
  background-size: cover;
}

#flagship-product--laser-systems--visual {
  background: url(../assets/videos/refined-diagnostics-laser-systems-visual-2.webp)
    no-repeat center;
  background-size: cover;
}

#our-solution--aquila--visual {
  background: url(../assets/videos/refined-diagnostics-secondary-visual.webp)
    no-repeat center;
  background-size: cover;
}

/*---------------------------------------------- 
	subhead content section
----------------------------------------------*/

.subhead-content--component {
  gap: 4.8rem;
  margin-bottom: 8rem;
}

.subhead-content--wrapper {
  grid-template-rows: auto;
  gap: 2.4rem;
}

.subhead-content--content {
  gap: 1.6rem;
}

#subhead-content--component--hero-srs {
  padding-top: 8rem;
}

@media (min-width: 1024px) {
  .subhead-content--wrapper {
    grid-template-columns: 1fr 2fr;
    gap: 4.8rem;
  }
}

/*---------------------------------------------- 
	post-tile
----------------------------------------------*/

/* post-tiles */
.post-tile {
  padding: 1.2rem;
  gap: 1.2rem;
  border-radius: 0.8rem;
  transition: all 0.35s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.post-tile:hover {
  background-color: var(--clr-brand-teal-100, #e2f9f9);
  transition: all 0.35s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.post-tile--img--wrapper {
  border-radius: 0.4rem;
  overflow: hidden;
}

.post-tile--img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: all 0.35s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.post-tile:hover .post-tile--img {
  transform: scale(1.05);
}

.post-tile--info--wrapper {
  gap: 0.4rem;
}

.post-tile--title-icon--wrapper {
  flex-direction: row;
  gap: 1.6rem;
  justify-content: space-between;
  align-items: flex-start;
}

.post-tile--title {
  max-width: 80%;
}

.post-tile--icon {
  width: 1.6rem;
  height: 1.6rem;
  margin-top: 0.6rem;
  fill: none;
  stroke-width: 0.15rem;
  stroke: var(--clr-brand-teal-900, #0b4446);
}

/*---------------------------------------------- 
	accordion
----------------------------------------------*/

.accordion-header {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  gap: 1.6rem;
}

.accordion-info {
  max-width: 80%;
}

.accordion {
  background-color: var(--clr-brand-neutral-100, #f6f6f5);
  padding: 1.6rem;
  border-radius: 0.8rem;
}

.accordion-toggle {
  width: 2rem;
  height: 2rem;
  fill: var(--clr-brand-primary-900);
  transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.accordion-toggle.rotate {
  transform: rotate(-180deg);
}

.accordion-content-wrapper {
  overflow: hidden;
  max-height: 0;
  transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.accordion-content {
  padding-top: 3.2rem;
  gap: 0.8rem;
}

.accordion-content-cta {
  padding: 4rem 0 0.8rem 0;
  gap: 0.8rem;
}

#c-button--primary--application,
#c-button--tertiary--application {
  display: flex;
  max-width: 100%;
}

.accordion-content-faq {
  padding-top: 1.6rem;
}

.accordion-content--molecular-depth {
  padding-top: 2.4rem;
  gap: 2.4rem;
}

.molecular-depth--img-wrapper {
  gap: 0.8rem;
}

.molecular-depth--img-wrapper img {
  border-radius: 0.8rem;
}

/*---------------------------------------------- 
	responsive
----------------------------------------------*/

/* breakpoint
----------------------------------------------*/

@media (min-width: 720px) {
  /* section headline and copy */
  .section--head-copy--wrapper,
  .section--head-cta--wrapper {
    grid-template-columns: 2fr 1fr;
    gap: 4.8rem;
  }

  .section--head-cta--buttons {
    justify-content: flex-start;
    flex-direction: row-reverse;
  }

  /* blurb layouts */
  .blurb--layout--1x3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .blurb--layout--2x3,
  .blurb--layout--2x2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1120px) {
  .blurb--layout--2x3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .blurb--layout--2x2 {
    grid-template-columns: repeat(4, 1fr);
  }
}