/* #region BASE */
.content {
   display: grid;
}
.content>div:first-child {
   position: relative;
}
.content>div:first-child:after {
   content: '';
   position: absolute;
   background: var(--tdk-gradient-blue);
}
.content>div:first-child h1,
.content>div:first-child h3 {
   line-height: 1.2;
}
.content>div:first-child h1 {
   padding-inline: 0;
}
.content>div:first-child h1::before {
   display: none;
}
.content>div:first-child h3 {
   font-weight: normal !important;
}
.content>div:nth-child(3) p {
   font-size: 1.1em;
}
.content>hr,
.content>hr.hr-short,
.content>hr.gap-small,
.content>hr.gap-medium,
.content>hr.gap-large,
.content>.breakout {
   margin-block: 0 !important;
}
footer {
   margin-top: 0 !important;
}
/* #endregion BASE */

/* #region MOBILE */
@media (width <=992px) {
   .content {
       --grid-gap: 4rem;
       grid-template-columns: 100%;
       grid-gap: var(--grid-gap);
   }
   .content>div:first-child {
       padding-bottom: 4rem;
   }
   .content>div:first-child:after {
       left: 50%;
       bottom: 0;
       aspect-ratio: 2 / 1;
       height: var(--grid-gap);
       clip-path: polygon(0 0, 100% 0%, 50% 100%);
       translate: -50% 100%;
   }
   .content>div:first-child h1,
   .content>div:first-child h3 {
       text-align: center;
   }
   .content>div:first-child h1 {
       font-size: 3.6rem;
       margin-block: 3rem 0 !important;
   }
   .content>div:first-child h3 {
       font-size: 1.8rem;
       margin-block: 2rem 0 !important;
   }
   .header-boxed-image-iframe .content>div:first-child+* iframe[src*="background=1"],
   .header-boxed-image-iframe .content>div:first-child+*.image-wrapper {
       padding-top: 4rem;
   }
   .content>.breakout+.breakout {
       margin-top: calc(var(--grid-gap) * -1) !important;
   }
}
/* #endregion MOBILE */

/* #region LARGE */
@media (width > 992px) {
   .content {
       --grid-gap: 8rem;
       grid-template-columns: 1fr 1fr;
       grid-gap: var(--grid-gap);
       margin-top: 2rem;
   }
   .content>* {
       grid-column-start: 1;
       grid-column-end: 3;
       width: 100%;
   }
   .content>div:first-child {
       grid-column-end: 2;
       align-self: center;
       padding-right: 8rem;
   }
   .content>div:first-child+* {
       grid-column-start: 2;
       align-self: center;
   }
   /* .content>div:first-child+* iframe[src*="background=1"],
   .content>div:first-child+*.image-wrapper {
       z-index: -5;
   } */
   .content>div:first-child:after {
       top: 50%;
       right: calc(var(--grid-gap) * -1);
       width: var(--grid-gap);
       aspect-ratio: 1 / 2;
       clip-path: polygon(0 0, 100% 50%, 0% 100%);
       translate: 0 -50%;
   }
   .content>div:first-child h1,
   .content>div:first-child h3 {
       text-align: left;
   }
   .content>div:first-child h1 {
       font-size: 4.8rem;
       margin-block: 0 !important;
   }
   .content>div:first-child h3 {
       font-size: 2.4rem;
       margin-top: 2rem !important;
   }
   .header-boxed-image-iframe .content>div:first-child+* iframe[src*="background=1"],
   .header-boxed-image-iframe .content>div:first-child+*.image-wrapper {
       padding-left: 4rem;
   }
   .content>.breakout+.breakout {
       margin-top: calc(var(--grid-gap) * -1) !important;
   }
}
/* #endregion LARGE */