@layer components.page-teaser-3 {
  	[data-c-page-teaser-3] {
  		position: relative;
  		padding-top: 50px;
  		padding-bottom: 50px;

  		@media screen and (max-width: 767px) {
  			padding-top: 25px;
  			padding-bottom: 25px;
  		}

  		color: var(--color-dark-blue);
  		padding-top: 50px;
  		padding-bottom: 50px;

  		.title {
  			font-size: var(--font-size-5xl);
  			font-family: var(--font-family-serif);
  			font-weight: var(--font-weight-extra-bold);
  			line-height: 100%;

  			@media screen and (max-width: 1199px) {
  				font-size: var(--font-size-4xl);
  			}

  			@media screen and (max-width: 575px) {
  				font-size: var(--font-size-3xl);
  			}
  		}

  		.description {
  			line-height: 140%;
  			font-size: var(--font-size-2xl);
  			font-weight: var(--font-weight-extra-bold);
  			margin: 30px 0 50px 0;

  			@media screen and (max-width: 991px) {
  				font-size: var(--font-size-base);
  				line-height: 130%;
  			}

  			@media screen and (max-width: 767px) {
  				font-size: var(--font-size-lg);
  				margin: 20px 0 30px 0;
  			}

  			@media (max-width: 576px) {
  				font-size: var(--font-size-md);
  			}

  		}

  		.blob {
  			position: absolute;
  			bottom: -150px;
  			left: 0;
  			width: 340px;
  			height: auto;
				user-select: none;

  			@media screen and (max-width: 1199px) {
  				width: 240px;
  				bottom: -120px;
  			}

  			@media screen and (max-width: 992px) {
  				width: 120px;
					left: auto;
					right: 0;
					bottom: -100px;
					transform: scale(-1, 1);
  			}
  		}
  	}
  }