section.blog-hero {
     background: #ffffff;
     color: #ffffff;
     margin: 0;
     padding: 0;
     position: relative;
}
 section.blog-hero .blog-hero__inner {
     display: grid;
     grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
     min-height: 420px;
     position: relative;
     margin: 0;
}
 .blog-hero__media {
     overflow: hidden;
     height: 100%;
}
 .blog-hero__figure {
     width: 100%;
     height: 100%;
     margin: 0;
}
 .blog-hero__figure img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
}
 .blog-hero__panel {
     position: relative;
     overflow: hidden;
     padding: 2.5rem 2rem;
     display: flex;
     align-items: center;
     color: #ffffff;
     background-color: #006BA6;
}
 .blog-hero__panel-inner {
     position: relative;
     width: 100%;
     z-index: 2;
}
 .blog-hero__title {
     font-family: "IBM Plex Serif", serif;
     font-weight: 500;
     font-size: 28px;
     line-height: 34px;
     margin: 0;
}
 .blog-hero__lyceum {
     position: absolute;
     top: 0;
     right: 0;
     width: 42%;
     height: clamp(280px, 32vw, 700px);
     display: flex;
     align-items: flex-end;
     justify-content: flex-end;
     pointer-events: none;
     z-index: 1;
}
 .blog-hero__lyceum img {
     height: 100%;
     width: auto;
     object-fit: contain;
}
 .blog-hero__date-ribbon {
     width: fit-content;
     height: 32px;
     position: absolute;
     top: 63px;
     left: 500px;
     background: #006BA6;
     color: #ffffff;
     display: flex;
     align-items: center;
     justify-content: flex-end;
     padding: 0.4rem 0.9rem;
     font-family: "IBM Plex Serif", serif;
     font-style: italic;
     font-weight: 600;
     font-size: 15px;
     line-height: 130%;
     box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}
 .blog-hero__date-ribbon--overlay {
     position: absolute;
     top: 4rem;
     left: 50%;
     transform: translateX(30%);
     z-index: 3;
}
 .blog-hero__meta-row {
     display: flex;
     align-items: flex-start;
     width: 100%;
     position: relative;
}
 .blog-hero__accent-rect {
     background: #F8EDDA;
     padding: 1.5rem 1.75rem;
     display: flex;
     flex-direction: column;
     justify-content: center;
     flex: 0 0 auto;
     max-width: 420px;
     align-self: flex-start;
}
 .blog-hero__author {
     display: flex;
     align-items: center;
     gap: 0.75rem;
     margin-bottom: 2rem;
}
 .blog-hero__author-avatar {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     overflow: hidden;
     flex-shrink: 0;
}
 .blog-hero__author-avatar img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .blog-hero__author-text {
     font-size: 16px;
     font-weight: 500;
     color: #002147;
}
 .blog-hero__share {
     display: flex;
     align-items: center;
     gap: 0.75rem;
     font-size: 14px;
}
 .blog-hero__share-label {
     font-weight: 700;
     letter-spacing: 0.06em;
     text-transform: uppercase;
     color: #006BA6;
}
 .blog-hero__share-icon {
     text-decoration: none;
     font-size: 16px;
     color: #006BA6;
}
 .blog-hero__share-icon:hover, .blog-hero__share-icon:focus {
     text-decoration: underline;
}
 .blog-hero__meta-right {
     flex: 1;
     display: flex;
     flex-direction: column;
     background: #ffffff;
}
 .blog-hero__meta-right-top {
     padding: 0.6rem 1.75rem;
     background: #006BA6;
     color: #ffffff;
}
 .blog-hero__meta-right-bottom {
     padding: 1.5rem 1.75rem;
     background: #ffffff;
     color: #002147;
}
 .blog-hero__meta-desc {
     padding: 1.5rem 1.75rem;
     background: #ffffff;
     color: #002147;
     font-size: 16px;
     line-height: 1.6;
}
 .blog-hero__bottom-bar {
     position: absolute;
     right: 0;
     bottom: 0;
     width: 42%;
     height: 3rem;
     background: #006BA6;
     z-index: 2;
}
 @media (max-width: 768px) {
     section.blog-hero .blog-hero__inner {
         grid-template-columns: 1fr;
         min-height: auto;
    }
     .blog-hero__panel {
         padding: 2rem 1.2rem;
    }
     .blog-hero__title {
         font-size: 2rem;
    }
     .blog-hero__date-ribbon {
         top: 1.2rem;
         left: 1.2rem;
         transform: none;
    }
     .blog-hero__lyceum {
         position: absolute;
         top: 0;
         right: 0;
         width: 42%;
         height: clamp(280px, 36vw, 460px);
         display: flex;
         align-items: flex-end;
         justify-content: flex-end;
         pointer-events: none;
         z-index: 1;
    }
     .blog-hero__accent-rect {
         max-width: 100%;
         padding: 1.25rem 1.25rem;
    }
     .blog-hero__meta-row {
         flex-direction: column;
    }
     .blog-hero__meta-right {
         width: 100%;
    }
     .blog-hero__bottom-bar {
         width: 100%;
    }
}
 .blog-hero__sidebar {
     color: #ffffff;
}
 .blog-hero__sidebar-title {
     font-size: 0.9rem;
     font-weight: 700;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     margin-bottom: 0.5rem;
     color:var(--red);
}
 .blog-hero__sidebar-body {
     font-size: 0.95rem;
     line-height: 1.6;
}
/* todo: phone stacking */
 @media (max-width: 768px) {
     .blog-hero__meta-row {
         flex-direction: column;
    }
     .blog-hero__meta-left, .blog-hero__meta-right {
         max-width: 100%;
         width: 100%;
    }
}
 .blog-hero__sidebar h3 {
     font-family: "IBM Plex Sans", sans-serif;
     font-weight: 700;
     font-size: 15px;
     line-height: 200%;
     letter-spacing: 0;
     color: #000000;
     margin: 0 0 0.5rem;
     white-space: normal;
}
/*todo responsiveness + dimensions */
 .blog-hero__sidebar {
     max-width: 20rem;
     margin-top:3rem;
}
 .blog-hero__sidebar .jump-nav__link, .blog-hero__sidebar .jump-nav__link:visited, .blog-hero__sidebar .jump-nav__link:hover, .blog-hero__sidebar .jump-nav__link:focus {
     text-decoration: none !important;
     border-bottom: none !important;
     box-shadow: none !important;
}
 .blog-hero__sidebar .jump-nav__link::before, .blog-hero__sidebar .jump-nav__item::before {
     content: none !important;
     background: none !important;
}
 section.blog-hero .blog-quote {
     margin-top: 3rem;
     margin-bottom: 3rem;
     padding-top: 2rem;
     padding-bottom: 2rem;
     border-top: 2px solid #B1DDF6;
     border-bottom: 2px solid #B1DDF6;
     max-width: 1200px;
     margin-left: auto;
     margin-right: auto;
}
 section.blog-hero .blog-quote__inner {
     display: flex;
     align-items: flex-start;
     gap: 2.5rem;
     max-width: 900px;
     margin: 0 auto;
}
 section.blog-hero .blog-quote__photo--blog img {
     width: 250px;
     height: auto;
     object-fit: cover;
     display: block;
     border: none;
}
 section.blog-hero .blog-quote__content {
     flex: 1;
     max-width: 541px;
}
 section.blog-hero .blog-quote__text {
     color: var(--Oxford-Blue, #142142);
     font-family: "IBM Plex Serif", serif;
     font-size: 20px;
     font-style: italic;
     font-weight: 500;
     line-height: 200%;
     letter-spacing: 0;
     margin: 0 0 1.5rem;
     quotes: none;
}
 section.blog-hero .blog-quote__text::before, section.blog-hero .blog-quote__text::after {
     content: none !important;
}
 section.blog-hero .blog-quote__meta {
     text-align: right;
     font-family: "IBM Plex Serif", serif;
     font-size: 16px;
     line-height: 200%;
     letter-spacing: 0;
     color: var(--Oxford-Blue, #142142);
}
 section.blog-hero .blog-quote__name {
     font-weight: 700;
     color: var(--Oxford-Blue, #142142);
}
 section.blog-hero .blog-quote__position {
     font-weight: 400;
     color: var(--Oxford-Blue, #142142);
}
 section.blog-hero .blog-quote__org {
     margin-top: 0.25rem;
     text-align: right;
     font-family: "Matrole", "IBM Plex Sans", sans-serif;
     font-weight: 400;
     font-size: 16px;
     line-height: 200%;
     letter-spacing: 0;
     text-transform: uppercase;
     color: var(--Oxford-Blue, #142142);
}
 @media (max-width: 768px) {
     section.blog-hero .blog-hero__inner {
         grid-template-columns: 1fr;
         min-height: auto;
    }
     section.blog-hero .blog-hero__panel {
         padding: 2rem 1.2rem;
    }
     section.blog-hero .blog-hero__title {
         font-size: 2rem;
    }
     section.blog-hero .blog-hero__date-ribbon {
         top: 1.2rem;
         left: 1.2rem;
         transform: none;
    }
     section.blog-hero .blog-hero__lyceum {
         position: static;
         width: 100%;
         height: auto;
         margin-top: 1rem;
         display: flex;
         justify-content: flex-end;
         align-items: flex-end;
         order: 3;
    }
     section.blog-hero .blog-hero__lyceum img {
         width: 70%;
         height: auto;
    }
     section.blog-hero .blog-hero__media {
         order: 1;
    }
     section.blog-hero .blog-hero__panel {
         order: 2;
    }
     section.blog-hero .blog-hero__meta-row {
         grid-template-columns: 1fr;
    }
     section.blog-hero .blog-hero__meta-left, section.blog-hero .blog-hero__meta-right {
         max-width: 100%;
         width: 100%;
    }
     section.blog-hero .blog-quote__inner {
         flex-direction: column;
         align-items: center;
         text-align: left;
    }
     section.blog-hero .blog-quote__content {
         max-width: 100%;
    }
     section.blog-hero .blog-quote__meta, section.blog-hero .blog-quote__org {
         text-align: center;
    }
}