.hero{
    min-height: 63.25rem;
    background-color:var(--jinks-colors-50);
    background-position: center center;
    background-size: contain;
    width: 100vw;
    min-height: 90vh;
    margin: 0px;
    padding: 0px;
    font-family: var(--jinks-heading-font-family);
}
.hero::after{
    background-image: url('../images/map_light.png');
    background-size: contain;
    background-repeat: repeat;
}
.hero .tei-hi{
    font-style:normal;
}
.hero .button-link {
    background: none;
    color: var(--jinks-colors-light);
}
h1{
    font-family: Philosopher, Belleza, sans-serif;
    font-weight: 400;
}
h1 span {
    display: block;
    font-size: 2.75rem;
    color: var(--jinks-colors-700);
    padding: clamp(0.5rem, 1vw, 2rem) 0;
    text-transform: uppercase;
    font-size: clamp(1.5rem, 6vw, 3rem);
}

h1 .lastname {
    font-size: clamp(5rem, 11vw, 12rem);
}
h1 .subhead{
    text-align: right;
    color: var(--jinks-colors-light);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--jinks-colors-700);
}

body {
    h2, h3, h4, h5, h6 {
        font-family: var(--jinks-heading-font-family);
    }

    summary {
        font-family: var(--jinks-heading-font-family);
        text-transform: uppercase;
        color: var(--jinks-colors-accent);
    }
}

.highlights summary {
    font-family: var(--jinks-heading-font-family);
    text-transform: uppercase;
    color: var(--jinks-colors-accent);
}

.inner-hero{
    background-image:url("../images/BG_hero.png");
    height: 90vh;
    margin-top:10rem;
    display: flex;
    background-position: center top;
}
.inner-hero > div{
    align-self: start;
}
.inner-hero .center-l > div {
    position: absolute;
    bottom: 4rem;
    font-family: Philosopher, Belleza, sans-serif;
    max-width: 45%;
}

#about, #team, #highlights {
    background-size: contain;
    background-repeat: repeat;
}

#about, #team{
    background-image: url('../images/map_light.png');
}

#about .center-l {
    max-width: 60.5rem;
}

#about .lead {
    font-size: 1.1rem;
    line-height: calc(1.1 * var(--jinks-base-line-height));
}

#highlights{
    background-image: url('../images/BG_dark.png');
}

#highlights .highlight-card {
    background-color: var(--jinks-colors-600);
    background-image: url('../images/card1.png');
    background-size: cover;
    background-blend-mode: darken;
}

#highlights .center-l > div{
    position: absolute;
    bottom: 4rem;
    max-width: 45%;
}
#highlights .center-l > div > h2{}
.content-top{
    display: none;
}
#timeline{
    padding-top: 0;
}
.member-card{
    background-color:var(--jinks-colors-50);
}

.member-card:hover {
    background-image: url('../images/map_light.png');
    background-size: cover;
    background-position: 0;
    background-position-y: 0;
    border: 1px solid var(--jinks-colors-300);
}

footer a {
    width: fit-content;
}

.compute {
    color: var(--jinks-colors-accent);
    font-size: 6rem;
}

pb-popover.computed {
    display: block;
    float: right;
}

.credits {
    float: right;
}

.highlight-card {
    display: block;
}

.highlights article {
    height: 100%;
}

article img.icon {
    margin: 1rem 1rem 10rem;
}

article img {
    margin: 1rem 1rem;
}

.section-heading {
    font-family: Philosopher, Belleza, sans-serif;
    font-size: 72px;
    font-weight: 400;
    text-transform: uppercase;
}

#highlights .section-heading {
    font-family: Belleza, sans-serif;
}

#bottom .contact {
    border: 0;
}

#bottom .contact h1 {
    color: var(--jinks-colors-accent);
    text-transform: uppercase;
}
#bottom .contact h3 {
    color: var(--jinks-colors-accent);
    text-transform: uppercase;
}

ul.partner-logos {
    padding-inline-start: 0px;
}