/*
 * Easterly Clear Ocean landing page
 * Consolidated component styles from parts/eco/.
 * Load only on the Easterly Clear Ocean investment template.
 */

/* Shared component box sizing. */
.eco-hero,
.eco-hero *,
.case-for-maritime,
.case-for-maritime *,
.video-feature,
.video-feature *,
.where-we-invest,
.where-we-invest *,
.request-info,
.request-info * {
	box-sizing: border-box;
}
/* ==========================================================================
   Easterly Clear Ocean: Hero
   ========================================================================== */

/* Full-width hero breakout
   -------------------------------------------------------------------------- */

.eco-hero {
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: none;
    margin-right: -50vw;
    margin-left: -50vw;
    overflow: hidden;
    background-color: #0c5189;
}

/* Hero video area
   -------------------------------------------------------------------------- */

.eco-hero__visual {
    position: relative;
    display: flex;
    width: 100%;
    height: 640px;
    max-height: 640px;
    overflow: hidden;
    background-color: #073e67;
    background-image:
        linear-gradient(
            120deg,
            #073e67 0%,
            #0c5189 60%,
            #176795 100%
        );
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Vimeo background video */

.eco-hero__video {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity 500ms ease;
}
.eco-hero__video.is-playing {
    opacity: 1;
}
.eco-hero__video iframe {
    position: absolute;
    top: 50%;
    left: 50%;

    /*
     * These dimensions preserve a 16:9 video ratio while ensuring
     * that the video covers the full 550px-tall hero.
     */
    width: 100vw;
    height: 56.25vw;
    min-width: 977.78px;
    min-height: 550px;

    border: 0;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

/* Dark left-side overlay */

.eco-hero__overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(
            90deg,
            rgba(3, 39, 65, 0.96) 0%,
            rgba(3, 43, 72, 0.84) 20%,
            rgba(3, 43, 72, 0.58) 45%,
            rgba(3, 43, 72, 0.18) 59%,
            rgba(3, 43, 72, 0) 74%
        );
    pointer-events: none;
}
/* Hero content
   -------------------------------------------------------------------------- */

.eco-hero__content-wrap, .eco-hero__content-wrap.wrap {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: none;
    height: 624px;
    margin: 0;
    padding: 0 40px 0 clamp(30px, 10vw, 200px);
}
.eco-hero__content {
    display: flex;
    flex: 0 1 620px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    max-width: 620px;
    margin: 0;
    padding: 35px 0;
    color: #fff;
}
.eco-hero__eyebrow {
    margin: 0 0 36px;
    color: #8bd7f0;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}
.eco-hero__title {
    width: 100%;
    margin: 0 0 28px;
    padding: 0 5% 0 0;
    line-height: 1;
}
.eco-hero__logo {
    display: block;
    width: 100%;
    max-width: 500px;
    height: auto;
}
.eco-hero__tagline {
    margin: 10px 0 7px;
    color: #8bd7f0;
    font-size: 1.45em;
    line-height: 1.1;
}
.eco-hero__description {
    max-width: 574px;
    margin-bottom: 0;
    color: #fff;
}
.eco-hero__description p {
    margin-top: 10px;
    margin-bottom: 0;
    color: inherit;
    font-size: 18px;
    line-height: inherit;
}
.eco-hero__description sup {
    position: relative;
    top: -0.15em;
    font-size: 0.65em;
}



/* Strategy facts
   -------------------------------------------------------------------------- */

.eco-hero__facts {
    position: relative;
    z-index: 4;
    width: 100%;
    background: #125A8A;
    color: #fff;
}
.eco-hero__facts-inner,
.eco-hero__facts-inner.wrap {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}
.eco-hero__facts-list {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0;
    padding: 0;
}
.eco-hero__fact {
    display: flex;
    flex: 1 1 25%;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    min-height: 135px;
    margin: 0;
    padding: 15px 3.8%;
    border-right: 1px solid rgba(255, 255, 255, 0.23);
}
.eco-hero__fact:last-child {
    border-right: 0;
}
.eco-hero__fact-value {
    margin: 0 0 5px;
    color: #fff;
    font-size: clamp(2.25rem, 3vw, 2.9rem);
    font-weight: 400;
    line-height: 1;
    text-align: center;
}
.eco-hero__fact-label {
    text-align: center;
    margin: 0;
    color: #FFF;
    font-size: 1.1rem;
    line-height: 1.0;
    font-weight: 400;
}
.eco-hero__fact-label sup {
    font-size: 0.7em;
}

/* No-video fallback
   -------------------------------------------------------------------------- */

.eco-hero--no-video .eco-hero__visual {
    background:
        linear-gradient(
            120deg,
            #073e67 0%,
            #0c5189 60%,
            #176795 100%
        );
}

/* ==========================================================================
   Responsive: Tablet
   ========================================================================== */

@media screen and (max-width: 1100px) {
    .eco-hero__visual {
        height: 550px;
        max-height: 550px;
    }
    .eco-hero__overlay {
        background:
            linear-gradient(
                90deg,
                rgba(3, 39, 65, 0.96) 0%,
                rgba(3, 43, 72, 0.82) 48%,
                rgba(3, 43, 72, 0.28) 82%,
                rgba(3, 43, 72, 0) 100%
            );
    }
    .eco-hero__content-wrap,
    .eco-hero__content-wrap.wrap {
        padding-right: 30px;
        padding-left: 40px;
        height: 550px;
    }
    .eco-hero__content {
        flex-basis: 55%;
        max-width: 55%;
    }
    .eco-hero__fact {
        padding-right: 3%;
        padding-left: 3%;
    }
}

/* ==========================================================================
   Responsive: Small Tablet
   ========================================================================== */

@media screen and (max-width: 800px) {
    .eco-hero .eco-hero__visual {
        height: 620px;
        max-height: 620px;
        background-image:
            var(
                --eco-hero-poster,
                linear-gradient(
                    120deg,
                    #073e67 0%,
                    #0c5189 60%,
                    #176795 100%
                )
            );
    }
    .eco-hero {
        position: relative;
        margin-right: auto;
        margin-left: auto;
        left: unset;
    }
    /*
     * The Vimeo iframe is not created at this viewport width. This rule is a
     * defensive fallback in case another script inserts a player.
     */
    .eco-hero__video {
        display: none;
    }
    .eco-hero__content-wrap,
    .eco-hero__content-wrap.wrap {
        height: 620px;
        padding-right: 30px;
        padding-left: 30px;
    }
    .eco-hero__overlay {
        background:
            linear-gradient(
                90deg,
                rgba(3, 39, 65, 0.96) 0%,
                rgba(3, 43, 72, 0.88) 58%,
                rgba(3, 43, 72, 0.56) 100%
            );
    }
    .eco-hero__content {
        flex-basis: 78%;
        max-width: 78%;
    }
    .eco-hero__eyebrow {
        margin-bottom: 24px;
    }
    .eco-hero__title {
        margin-bottom: 26px;
    }
    .eco-hero__logo {
        max-width: 380px;
    }
    .eco-hero__facts-list {
        flex-wrap: wrap;
    }
    .eco-hero__fact {
        flex: 0 0 50%;
        min-height: 155px;
        padding: 28px 7%;
        border-right: 1px solid rgba(255, 255, 255, 0.23);
        border-bottom: 1px solid rgba(255, 255, 255, 0.23);
    }
    .eco-hero__fact:nth-child(2n) {
        border-right: 0;
    }
    .eco-hero__fact:nth-last-child(-n + 2) {
        border-bottom: 0;
    }
}

/* ==========================================================================
   Responsive: Mobile
   ========================================================================== */

@media screen and (max-width: 560px) {
    .eco-hero .eco-hero__visual {
        height: 540px;
        max-height: 540px;
    }
    .eco-hero__overlay {
        background: linear-gradient(
                    180deg,
                    rgba(3, 39, 65, 0.62) 0%,
                    rgba(3, 39, 65, 0.78) 48%,
                    rgba(3, 39, 65, 0.87) 100%
                );
    }
    .eco-hero__content-wrap,
    .eco-hero__content-wrap.wrap {
        height: 540px;
        padding-right: 24px;
        padding-left: 24px;
    }
    .eco-hero__content {
        flex: 1 1 100%;
        width: 100%;
        max-width: 100%;
        padding: 35px 0;
    }
    .eco-hero__eyebrow {
        margin-bottom: 22px;
        letter-spacing: 0.12em;
    }
    .eco-hero__title {
        margin-bottom: 25px;
    }
    .eco-hero__logo {
        max-width: 340px;
    }
    .eco-hero__tagline {
        font-size: 1.1em;
    }
    .eco-hero__fact {
        flex-basis: 50%;
        min-height: 125px;
        padding: 25px 8%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.23);
    }
    .eco-hero__fact:nth-last-child(2) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.23);
    }
    .eco-hero__fact:last-child {
        border-bottom: 0;
    }
    .eco-hero__fact-value {
        font-size: 2.5rem;
    }
}

/* ==========================================================================
   Easterly Clear Ocean: Case for Maritime
   ========================================================================== */

.case-for-maritime {
    width: 100%;
    padding: clamp(57px, 6vw, 70px);
    background-color: #fff;
}
.case-for-maritime__inner {
    display: flex;
    align-items: stretch;
    justify-content: space-around;
    gap: clamp(45px, 6vw, 880px);
    margin: auto;
}
/* Introduction
   -------------------------------------------------------------------------- */

.case-for-maritime__intro {
    display: flex;
    flex: 0 1 43%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 0;
}
.case-for-maritime__title {
    margin: 0 0 clamp(20px, 3vw, 21px);
    font-size: clamp(3.25rem, 4.5vw, 4.3rem);
    font-weight: 300;
    line-height: 1.05;
}
.case-for-maritime__description {
    margin: 0 0 17px;
    color: #4c5054;
    font-size: 1.2rem;
    line-height: 1.6;
}
.case-for-maritime__intro .btn {
    margin: 5px 0 30px;
}
.case-for-maritime__intro .footnote {
    padding-bottom: 0;
    margin-top: auto;
    line-height: 16px;
}
/* Four-card layout
   -------------------------------------------------------------------------- */

.case-for-maritime__cards {
    display: flex;
    flex: 0 1 49%;
    flex-wrap: wrap;
    align-content: stretch;
    border-top: 1px solid #d7e1e7;
    border-left: 1px solid #d7e1e7;
}
.case-for-maritime__card {
    display: flex;
    flex: 0 0 50%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    min-width: 0;
    min-height: 270px;
    padding: 8% 5% 1% 6%;
    border-right: 1px solid #d7e1e7;
    border-bottom: 1px solid #d7e1e7;
    background-color: #fff;
    text-align: left;
    margin-top: auto;
    margin-bottom: auto;
}
.case-for-maritime__card-title {
    margin: 0 0 18px;
    color: #0c5189;
    font-size: clamp(1.65rem, 2vw, 2.1rem);
    font-weight: 300;
    line-height: 1.05;
    letter-spacing: 0;
    text-align: left;
}
.case-for-maritime__card-description {
    max-width: 330px;
    margin: 0;
    color: #4c5054;
    font-size: 1rem;
    line-height: 1.6;
}
.case-for-maritime__card-description sup {
	position: relative;
	top: -0.2em;
	font-size: 0.65em;
}
/* ==========================================================================
   Responsive: Tablet
   ========================================================================== */

@media screen and (max-width: 1100px) {
	.case-for-maritime {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.case-for-maritime__inner {
		gap: 45px;
	}
	.case-for-maritime__intro {
		flex-basis: 39%;
	}
	.case-for-maritime__cards {
		flex-basis: 57%;
	}
	.case-for-maritime__title {
		font-size: clamp(3rem, 5vw, 4rem);
	}
	.case-for-maritime__description {
		font-size: 1.1rem;
		line-height: 1.6;
	}
	.case-for-maritime__card {
		min-height: 245px;
		padding: 32px;
	}
	.case-for-maritime__card-title {
		font-size: 1.65rem;
	}
	.case-for-maritime__card-description {
		font-size: 0.95rem;
		line-height: 1.6;
	}
}
/* ==========================================================================
   Responsive: Stacked Introduction
   ========================================================================== */

@media screen and (max-width: 850px) {
	.case-for-maritime {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.case-for-maritime__inner {
		flex-direction: column;
		gap: 45px;
	}
	.case-for-maritime__intro {
		flex: 0 0 auto;
		width: 100%;
		padding-top: 0;
	}
	.case-for-maritime__title {
		margin-bottom: 25px;
		font-size: 3.25rem;
	}
	.case-for-maritime__title br {
		display: none;
	}
	.case-for-maritime__description {
		max-width: 680px;
	}
	.case-for-maritime__cards {
		flex: 0 0 auto;
		width: 100%;
	}
	.case-for-maritime__card {
		min-height: 230px;
	}
}
/* ==========================================================================
   Responsive: Mobile
   Cards intentionally remain in two columns
   ========================================================================== */

@media screen and (max-width: 560px) {
	.case-for-maritime__title {
    	margin-bottom: 25px;
    	font-size: 3rem;
    	line-height: 1.05;
	}
	.case-for-maritime {
	    padding-top: 40px;
	    padding-bottom: 50px;
	    padding-left: 1%;
	    padding-right: 1%;
	}
	.case-for-maritime__inner {
		gap: 35px;
	}
	.case-for-maritime__card-title {
	    margin-bottom: 14px;
	    font-size: 1.85rem;
	    line-height: 1.0;
	}
	.case-for-maritime__card {
	    flex: 0 0 50%;
	    min-height: 236px;
	    padding: 25px 14px 25px 25px;
	}
	.case-for-maritime__card-description {
		font-size: 1rem;
		line-height: 1.45;
	}
	#eco-strategy .case-for-maritime__intro .footnote {
        margin-top: 0;
    }
}
/* Extra-small mobile */

@media screen and (max-width: 380px) {
	.case-for-maritime__card {
		min-height: 220px;
		padding: 19px 14px;
	}
	.case-for-maritime__card-title {
		font-size: 1.1rem;
	}
	.case-for-maritime__card-description {
		font-size: 0.8rem;
	}
}

/* ==========================================================================
   Easterly Clear Ocean: Video Feature
   ========================================================================== */

/* Full-width breakout
   -------------------------------------------------------------------------- */

.video-feature {
	position: relative;
	left: 50%;
	width: 100vw;
	max-width: none;
	overflow: hidden;
	background-color: #0c466c;
	transform: translateX(-50%);
}
.video-feature__inner {
	display: flex;
	align-items: stretch;
	width: 100%;
}
/* Video
   -------------------------------------------------------------------------- */

.video-feature__media {
	/*
	 * Replace this URL with the still-frame image uploaded
	 * to the WordPress Media Library.
	 */
	--video-feature-poster:
		url("https://www.easterlyam.com/wp-content/uploads/2026/09/eco_video_thumb_overlay.jpg");

	position: relative;
	display: flex;
	flex: 0 0 60%;
	align-items: center;
	justify-content: center;
	min-width: 0;
	overflow: hidden;
	background-color: #071518;
	background-image: var(--video-feature-poster);
	background-position: center;
	background-size: cover;
	isolation: isolate;
}
/* Enlarged and blurred background fill */

.video-feature__media::before {
	position: absolute;
	z-index: 0;
	inset: -25px;
	content: "";
	background-color: #071518;
	background-image: var(--video-feature-poster);
	background-position: center;
	background-size: cover;
	filter: blur(14px);
	opacity: 0.85;
	transform: scale(1.08);
	pointer-events: none;
}
/* Dark tint helps the background blend with the video */

.video-feature__media::after {
	position: absolute;
	z-index: 1;
	inset: 0;
	content: "";
	background:
		linear-gradient(
			to bottom,
			rgba(2, 20, 25, 0.42) 0%,
			rgba(2, 20, 25, 0.12) 35%,
			rgba(2, 20, 25, 0.12) 65%,
			rgba(2, 20, 25, 0.48) 100%
		);
	pointer-events: none;
}
/* Keep the Vimeo player at its natural ratio */

.video-feature__video {
	position: relative;
	z-index: 2;
	width: 100%;
	height: auto;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	background-color: transparent;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.18);
}
.video-feature__video iframe {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}
/* Content
   -------------------------------------------------------------------------- */

.video-feature__content {
    display: flex;
    flex: 1 1 40%;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
    padding: clamp(48px, 5vw, 90px) clamp(42px, 3vw, 90px);
    background-color: #0c466c;
    color: #fff;
}
.video-feature__content-inner {
	width: 100%;
	max-width: 780px;
}
.video-feature__eyebrow {
	margin: 0 0 10px;
	color: #8bd7f0;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}
.video-feature__title {
	margin: 0 0 25px;
	color: #fff;
	font-size: clamp(3.25rem, 4.5vw, 4.3rem);
	font-weight: 300;
	line-height: 1.05;
}
.video-feature__body {
	color: #fff;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.5333;
}
.video-feature__body p {
    margin-top: 0;
    margin-bottom: 21px;
    color: inherit;
    font-size: 1.2rem;
    font-weight: inherit;
    line-height: 1.6;
}
.video-feature__body p:last-child {
	margin-bottom: 0;
}
/* ==========================================================================
   Responsive: Mid-size Desktop
   ========================================================================== */

@media screen and (max-width: 1400px) {
	.video-feature__media {
		flex-basis: 52%;
	}
	.video-feature__content {
		flex-basis: 48%;
		padding: 45px;
	}
	.video-feature__eyebrow {
		margin-bottom: 14px;
		letter-spacing: 0.16em;
	}
	.video-feature__title {
		margin-bottom: 26px;
	}
	.video-feature__body p {
		margin-bottom: 22px;
	}
}
/* ==========================================================================
   Responsive: Tablet
   ========================================================================== */

@media screen and (max-width: 1100px) {
	.video-feature__inner {
		flex-direction: column;
	}
	.video-feature__media,
	.video-feature__content {
		flex: 0 0 auto;
		width: 100%;
	}
	/*
	 * Once stacked, return the video to its natural
	 * responsive 16:9 aspect ratio.
	 */
	.video-feature__media {
		position: relative;
		aspect-ratio: 16 / 9;
	}
	.video-feature__video iframe {
		width: 100%;
		height: 100%;
		min-width: 0;
		min-height: 0;
		aspect-ratio: auto;
	}
	.video-feature__content {
		padding:
			clamp(55px, 8vw, 80px)
			clamp(30px, 7vw, 70px);
	}
	.video-feature__content-inner {
		max-width: 800px;
	}
}
/* ==========================================================================
   Responsive: Mobile
   ========================================================================== */

@media screen and (max-width: 560px) {
	.video-feature__content {
		padding: 45px 24px 50px;
	}
	.video-feature__eyebrow {
		margin-bottom: 16px;
		line-height: 1.5;
		letter-spacing: 0.12em;
	}
	.video-feature__title {
		margin-bottom: 25px;
		font-size: 3rem;
		line-height: 1.05;
	}
	.video-feature__body {
		font-size: 15px;
		font-weight: 300;
		line-height: 1.5333;
	}
	.video-feature__body p {
		margin-bottom: 24px;
		font-size: 1.1rem;
      line-height: 1.6;
	}
}

.eco-platform {
	--eco-platform-blue: #275782;
	--eco-platform-navy: #0d3858;
	--eco-platform-cyan: #4ac0e0;
	--eco-platform-ink: #52636b;
	position: relative;
	overflow: hidden;
	padding: clamp(5rem, 8vw, 6rem) 0;
	background: #fff;
}
.eco-platform__inner {
	width: min(1160px, calc(100% - 4rem));
	margin: 0 auto;
}
.eco-platform__intro {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: clamp(3rem, 7vw, 7rem);
}
.eco-platform__heading {
	position: relative;
	z-index: 2;
	flex: 0 1 42%;
}
.eco-platform__eyebrow,
.eco-platform-card__eyebrow {
	display: block;
	margin: 0 0 1.5rem;
	color: var(--eco-platform-cyan);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .18em;
	line-height: 1.4;
	text-transform: uppercase;
}
.eco-platform__heading h2 {
	margin: 0;
	color: var(--eco-platform-blue);
	font-family: Kobenhavn, Helvetica, Arial, sans-serif;
	font-size: clamp(3.25rem, 4.5vw, 4.3rem);
	font-weight: 300;
	line-height: 1.08;
}
.eco-platform__copy {
	position: relative;
	z-index: 2;
	flex: 1 1 58%;
	padding-top: 0;
}
.eco-platform__copy p {
	max-width: 42rem;
	margin: 0;
	color: var(--eco-platform-ink);
	font-size: clamp(1rem, 1.3vw, 1.15rem);
	font-weight: 300;
	line-height: 1.9;
}
.eco-platform__watermark {
    position: absolute;
    z-index: 0;
    right: -36%;
    top: 80%;
    width: min(43rem, 42vw);
    max-width: 100%;
    opacity: .050;
    pointer-events: none;
}
.eco-platform__cards {
	display: flex;
	align-items: stretch;
	gap: 1.25rem;
	margin-top: clamp(3.5rem, 6vw, 5.25rem);
}
.eco-platform-card {
	position: relative;
	display: block;
	flex: 1 1 0;
	min-width: 0;
	aspect-ratio: 1.45 / 1;
	overflow: hidden;
	background: var(--eco-platform-navy);
	box-shadow: 0 1rem 2.5rem rgba(5, 39, 61, .12);
	text-decoration: none;
	transition: transform .35s cubic-bezier(.2, .7, .2, 1), box-shadow .35s ease;
}
.eco-platform-card__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .65s cubic-bezier(.2, .7, .2, 1);
}
.eco-platform-card__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(7, 42, 65, .04) 22%, rgba(6, 39, 61, .92) 100%);
	transition: background .35s ease;
}
.eco-platform-card__copy {
	position: absolute;
	z-index: 2;
	left: clamp(1.75rem, 3.3vw, 3rem);
	right: clamp(4.75rem, 7vw, 6rem);
	bottom: clamp(2rem, 4vw, 3.35rem);
}
.eco-platform-card__eyebrow {
	margin-bottom: .85rem;
	color: #a7e2f2;
}
.eco-platform-card__title {
	display: block;
	color: #fff;
	font-family: Kobenhavn, Helvetica, Arial, sans-serif;
	font-size: clamp(2.15rem, 3.35vw, 3.15rem);
	font-weight: 300;
	line-height: 1.08;
}
.eco-platform-card__link-icon {
	position: absolute;
	z-index: 3;
	right: clamp(1.5rem, 3vw, 2.5rem);
	bottom: clamp(1.75rem, 3.7vw, 3rem);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.5rem;
	height: 3.5rem;
	border: 1px solid rgba(255, 255, 255, .8);
	color: #fff;
	font-size: 1.7rem;
	font-weight: 300;
	line-height: 1;
	transition: border-color .3s ease, background-color .3s ease, transform .3s ease;
}
.eco-platform-card:focus-visible {
	outline: 3px solid var(--eco-platform-cyan);
	outline-offset: 4px;
}
@media (hover: hover) and (pointer: fine) {
	.eco-platform-card:hover {
		transform: translateY(-.5rem);
		box-shadow: 0 1.75rem 3.5rem rgba(5, 39, 61, .24);
	}
	.eco-platform-card:hover .eco-platform-card__image {
		transform: scale(1.055);
	}
	.eco-platform-card:hover .eco-platform-card__overlay {
		background: linear-gradient(180deg, rgba(7, 42, 65, .12) 16%, rgba(6, 39, 61, .96) 100%);
	}
	.eco-platform-card:hover .eco-platform-card__link-icon {
		border-color: var(--eco-platform-cyan);
		background: var(--eco-platform-cyan);
		transform: translate(.2rem, .2rem);
	}
}
@media (max-width: 900px) {
	.eco-platform__inner {
		width: min(720px, calc(100% - 2.5rem));
	}
	.eco-platform__intro {
		flex-direction: column;
		gap: 2rem;
	}
	.eco-platform__heading,
	.eco-platform__copy {
		flex-basis: auto;
		width: 100%;
	}

	.eco-platform__copy {
		padding-top: 0;
	}
	.eco-platform__watermark {
		right: -8rem;
		top: -2rem;
		width: 25rem;
	}
	.eco-platform-card__title {
		font-size: 3rem;
        line-height: 1.05;
	}
}
@media (max-width: 700px) {
	.eco-platform__eyebrow,
	.eco-platform-card__eyebrow {
		line-height: 1.5;
    	letter-spacing: 0.12em;
	}
	.eco-platform {
		padding: 2.7rem 0;
	}
	.eco-platform__inner {
		width: calc(100% - 3rem);
	}
	.eco-platform__heading h2 {
		font-size: clamp(2.8rem, 13vw, 4rem);
	}
	.eco-platform__watermark {
		display: none;
	}
	.eco-platform__copy p{
		font-size: 1.1rem;
     	line-height: 1.6;
	}
	.eco-platform__cards {
		flex-direction: column;
		margin-top: 3rem;
	}
	.eco-platform-card {
		flex-basis: auto;
		width: 100%;
		aspect-ratio: 1.18 / 1;
	}
	.eco-platform-card__copy {
		left: 1.5rem;
		right: 4.75rem;
		bottom: 2rem;
	}
	.eco-platform-card__link-icon {
		right: 1.25rem;
		bottom: 1.5rem;
		width: 3rem;
		height: 3rem;
	}
}
@media (prefers-reduced-motion: reduce) {
	.eco-platform-card,
	.eco-platform-card__image {
		transition: none;
	}
}

/* ==========================================================================
   Easterly Clear Ocean: Where We Invest
   ========================================================================== */

/* Full-width section */

.where-we-invest {
	position: relative;
	left: 50%;
	width: 100vw;
	max-width: none;
	padding: clamp(68px, 5vw, 90px) 0 clamp(80px, 8vw, 90px);
	overflow: hidden;
	background:
		linear-gradient(
			to bottom,
			#edf7fb 0%,
			#edf7fb 42%,
			#fff 42%,
			#fff 100%
		);
	transform: translateX(-50%);
}
.where-we-invest__inner {
	position: relative;
	z-index: 1;
}
/* Header
   -------------------------------------------------------------------------- */

.where-we-invest__header {
	max-width: 980px;
	margin: 0 auto;
	text-align: center;
}
.where-we-invest__title {
	margin: 0 0 28px;
	color: #0c5189;
	font-size: clamp(3.25rem, 4.5vw, 4.3rem);
	font-weight: 300;
	line-height: 1.05;
	letter-spacing: -0.025em;
}
.where-we-invest__intro {
	max-width: 940px;
	margin: 0 auto;
	color: #4c5960;
	font-size: 1.15rem;
	font-weight: 300;
	line-height: 1.65;
}
/* Fleet heading
   -------------------------------------------------------------------------- */

.where-we-invest__fleet-heading {
	display: flex;
	align-items: center;
	width: 100%;
	margin: clamp(45px, 5vw, 70px) 0 45px;
	gap: 24px;
}
.where-we-invest__fleet-heading p {
	flex: 0 0 auto;
	margin: 0;
	color: #0c5189;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
.where-we-invest__fleet-heading span {
	display: block;
	flex: 1 1 auto;
	height: 1px;
	background-color: #b9dbe8;
}
/* Cards
   -------------------------------------------------------------------------- */

.where-we-invest__cards {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 20px;
	width: 100%;
}
.where-we-invest__card {
	position: relative;
	display: flex;
	flex: 1 1 calc(33.333% - 14px);
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
	background-color: #fff;
	box-shadow: 0 14px 35px rgba(15, 63, 91, 0.08);
	transition:
		transform 250ms ease,
		box-shadow 250ms ease;
}
.where-we-invest__card:hover {
	transform: translateY(-7px);
	box-shadow: 0 22px 45px rgba(15, 63, 91, 0.16);
}
/* Card image */

.where-we-invest__image {
	position: relative;
	width: 100%;
	overflow: hidden;
	aspect-ratio: 4 / 3;
	background-color: #dceaf0;
}
.where-we-invest__image::after {
	position: absolute;
	inset: 0;
	content: "";
	background:
		linear-gradient(
			to top,
			rgba(5, 57, 89, 0.12) 0%,
			rgba(5, 57, 89, 0) 38%
		);
	pointer-events: none;
	transition: background-color 250ms ease;
}
.where-we-invest__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 450ms ease;
}
.where-we-invest__card:hover .where-we-invest__image img {
	transform: scale(1.035);
}
/* Card copy */

.where-we-invest__card-content {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: flex-start;
	padding: clamp(28px, 2.5vw, 42px);
}
.where-we-invest__card-eyebrow {
	margin: 0 0 18px;
	color: #20b5ec;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}
.where-we-invest__card-title {
	margin: 0 0 20px;
	color: #0c5189;
	font-size: clamp(1.7rem, 2.2vw, 2.25rem);
	font-weight: 300;
	line-height: 1.15;
	letter-spacing: -0.025em;
}
.where-we-invest__card-description {
	margin: 0;
	color: #536067;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.65;
}
/* ==========================================================================
   Responsive: Tablet
   ========================================================================== */

@media screen and (max-width: 950px) {
	.where-we-invest {
		background:
			linear-gradient(
				to bottom,
				#edf7fb 0%,
				#edf7fb 30%,
				#fff 30%,
				#fff 100%
			);
	}
	.where-we-invest__cards {
		justify-content: center;
	}
	.where-we-invest__card {
		flex-basis: calc(50% - 10px);
		flex-grow: 0;
	}
	.where-we-invest__card:last-child {
		flex-grow: 0;
	}
	.where-we-invest__card-content {
		padding: 30px;
	}
}
/* ==========================================================================
   Responsive: Mobile
   ========================================================================== */

@media screen and (max-width: 650px) {
	.where-we-invest {
		padding: 2.7rem 0;
		background:
			linear-gradient(
				to bottom,
				#edf7fb 0%,
				#edf7fb 22%,
				#fff 22%,
				#fff 100%
			);
	}
	.where-we-invest__card-description{
		font-size: 1.1rem;
   	line-height: 1.6;
	}
	.where-we-invest__inner{
		padding-left: 24px;
    	padding-right: 24px;
	}
	.where-we-invest__title {
		text-align: left;
		margin-bottom: 22px;
		font-size: 3rem;
	}
	.where-we-invest__intro {
		text-align: left;
		font-size: 1.1rem;
      line-height: 1.6;
	}
	.where-we-invest__fleet-heading {
		align-items: flex-start;
		margin-top: 40px;
		margin-bottom: 30px;
		gap: 16px;
	}
	.where-we-invest__fleet-heading p {
		flex: 0 1 auto;
		font-size: 13px;
		letter-spacing: 0.1em;
	}
	.where-we-invest__fleet-heading span {
		margin-top: 0.55em;
	}
	.where-we-invest__cards {
		gap: 25px;
	}
	.where-we-invest__card {
		flex: 0 0 100%;
	}
	.where-we-invest__card-content {
		padding: 28px 25px 32px;
	}
	.where-we-invest__card-title {
		font-size: 2.4rem;
	}
}
/* ==========================================================================
   Reduced motion
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
	.where-we-invest__card,
	.where-we-invest__image img {
		transition: none;
	}
	.where-we-invest__card:hover {
		transform: none;
	}
	.where-we-invest__card:hover .where-we-invest__image img {
		transform: none;
	}
}

.eco-how {
	--eco-how-blue: #275782;
	--eco-how-navy: #0d3858;
	--eco-how-deep: #082d47;
	--eco-how-cyan: #4ac0e0;
	--eco-how-sky: #eaf6fa;
	--eco-how-ink: #53656d;
	position: relative;
	overflow: hidden;
	padding: clamp(5.5rem, 8vw, 8rem) 0 clamp(6rem, 9vw, 8.5rem);
	background: var(--eco-how-navy);
}
.eco-how::before,
.eco-how::after {
	content: '';
	position: absolute;
	border: 1px solid rgba(74, 192, 224, .09);
	border-radius: 50%;
	pointer-events: none;
}
.eco-how__steps::before {
    content: '';
    position: absolute;
    z-index: 0;
    left: 9%;
    right: 9%;
    top: 3.45rem;
    height: 2px;
    background: linear-gradient(90deg, rgba(74, 192, 224, .22), var(--eco-how-cyan), rgba(74, 192, 224, .22));
}
.eco-how::before {
	right: -15rem;
	top: -22rem;
	width: 48rem;
	height: 48rem;
}
.eco-how::after {
	right: -9rem;
	top: -16rem;
	width: 36rem;
	height: 36rem;
}
.eco-how__inner {
	position: relative;
	z-index: 1;
	width: min(1410px, calc(100% - 4rem));
	margin: 0 auto;
}
.eco-how__intro {
	max-width: 960px;
	margin: 0 auto;
	text-align: center;
}
.eco-how__eyebrow {
	margin: 0 0 1.25rem;
	color: #9fdef1;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .08em;
	line-height: 1.65;
	text-transform: uppercase;
}
.eco-how__intro h2 {
	margin: 0;
	color: #fff;
	font-family: Kobenhavn, Helvetica, Arial, sans-serif;
	font-size: clamp(3.25rem, 4.5vw, 4.3rem);
	font-weight: 300;
	line-height: 1.05;
}
.eco-how__lead {
	max-width: 900px;
	margin: 1.75rem auto 0;
	color: #d9e9ef;
	font-size: clamp(1.05rem, 1.45vw, 1.25rem);
	font-weight: 300;
	line-height: 1.8;
}
.eco-how__steps {
	position: relative;
	display: flex;
	align-items: stretch;
	gap: 1rem;
	margin: clamp(4rem, 7vw, 4rem) 0 0;
	padding: 0;
	list-style: none;
}
.eco-how__step {
	position: relative;
	z-index: 1;
	display: flex;
	flex: 1 1 0;
	min-width: 0;
	flex-direction: column;
	align-items: center;
}
.eco-how__step:not(:last-child)::after {
    content: '';
    position: absolute;
    z-index: 3;
    right: -1.05rem;
    top: 3rem;
    width: 4rem;
    height: 1.05rem;
    background: var(--eco-how-cyan);
    clip-path: polygon(0 0, 72% 0, 72% 0, 100% 50%, 72% 100%, 72% 0%, 0 0%);
    filter: drop-shadow(0 0 .35rem rgba(74, 192, 224, .28));
}
.eco-how__icon-wrap {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 7rem;
	height: 7rem;
	margin-bottom: 1.5rem;
	border: 2px solid rgba(74, 192, 224, .72);
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 0 .55rem var(--eco-how-navy);
	transition: border-color .3s ease, transform .3s ease, box-shadow .3s ease;
}
.eco-how__icon {
	width: 80%;
	height: 80%;
	object-fit: contain;
}
.eco-how__card {
	position: relative;
	flex: 1 1 auto;
	width: 100%;
	min-height: 19.5rem;
	padding: 3.0rem 1.5rem 2rem;
	border-top: 6px solid var(--eco-how-cyan);
	background: #fff;
	box-shadow: 0 1.25rem 3rem rgba(1, 25, 40, .2);
	transition: transform .3s ease, box-shadow .3s ease;
}
.eco-how__card h3 {
	margin: 0 0 1rem;
	color: var(--eco-how-blue);
	font-family: Kobenhavn, Helvetica, Arial, sans-serif;
	font-size: clamp(1.65rem, 2.15vw, 2.15rem);
	font-weight: 300;
	line-height: 1.00;
	text-align: center;
}
.eco-how__card p {
	margin: 0;
	color: var(--eco-how-ink);
	font-size: .88rem;
	font-weight: 300;
	line-height: 1.75;
	text-align: center;
}
@media (hover: hover) and (pointer: fine) {
	.eco-how__step:hover .eco-how__icon-wrap {
		border-color: #fff;
		transform: translateY(-.4rem);
		box-shadow: 0 0 0 .55rem var(--eco-how-navy), 0 .85rem 2rem rgba(1, 25, 40, .28);
	}
	.eco-how__step:hover .eco-how__card {
		transform: translateY(-.35rem);
		box-shadow: 0 1.6rem 3.5rem rgba(1, 25, 40, .28);
	}
}
@media (max-width: 1050px) {
	.eco-how__inner {
		width: min(760px, calc(100% - 2.5rem));
	}
	.eco-how__steps {
		flex-direction: column;
		gap: 1.5rem;
	}
	.eco-how__step {
		flex-direction: row;
		align-items: stretch;
		gap: 1.75rem;
	}
	.eco-how__step:not(:last-child)::after {
	    left: 2.95rem;
	    right: auto;
	    top: 13rem;
	}
	.eco-how__steps::before {
	    left: 3.45rem;
	    right: auto;
	    top: 3rem;
	    bottom: 3rem;
	    width: 2px;
	    height: auto;
	    background: linear-gradient(180deg, rgba(74, 192, 224, .22), var(--eco-how-cyan), rgba(74, 192, 224, .22));
	}
	.eco-how__icon-wrap {
		flex: 0 0 7rem;
		margin: 0;
	}
	.eco-how__card {
		min-height: 0;
		padding: 1.85rem 2rem 2rem;
	}
}
@media (max-width: 600px) {
	.eco-how {
		padding: 2.7rem 0;
	}
	.eco-how::before,
	.eco-how::after {
		display: none;
	}
	.eco-how__inner {
		width: calc(100% - 3rem);
	}
	.eco-how__intro {
		text-align: left;
	}
	.eco-how__eyebrow {
	    line-height: 1.5;
	    letter-spacing: 0.12em;
	}
	.eco-how__intro h2 {
		font-size: 3rem;
        line-height: 1.05;
	}
	.eco-how__lead {
		font-size: 1rem;
		line-height: 1.72;
	}
	.eco-how__steps {
		margin-top: 3.25rem;
		gap: 1.15rem;
	}
	.eco-how__step {
		gap: 1rem;
	}
	.eco-how__step:not(:last-child)::after {
		content:none;
	}
	.eco-how__steps::before {
	    left: 2.15rem;
	}
	.eco-how__icon-wrap {
		flex-basis: 4.35rem;
		width: 4.35rem;
		height: 4.35rem;
		box-shadow: 0 0 0 .35rem var(--eco-how-navy);
	}
	.eco-how__card {
		padding: 1.45rem 1.25rem 1.55rem;
	}
	.eco-how__card h3 {
	    font-size: 1.9rem;
	}
	.eco-how__card p {
		font-size: 1.1rem;
        line-height: 1.4;
	}
}
@media (prefers-reduced-motion: reduce) {
	.eco-how__icon-wrap,
	.eco-how__card {
		transition: none;
	}
}

.eco-summary {
	--eco-summary-blue: #145b8d;
	--eco-summary-navy: #0d3d5d;
	--eco-summary-cyan: #3cb9dc;
	--eco-summary-sky: #e9f6fb;
	--eco-summary-pale: #f5fafc;
	--eco-summary-ink: #4e5c63;
	--eco-summary-rule: #d5e2e7;
	padding: clamp(52px, 8vw, 61px) clamp(25px, 7vw, 30px);
	background: #fff;
}
.eco-summary__inner {
	width: min(1410px, calc(100% - 4rem));
	margin: 0 auto;
}
.eco-summary__header {
	max-width: 920px;
	margin: 0 auto;
	text-align: center;
}
.eco-summary__header h2 {
	margin: 0;
	color: var(--eco-summary-blue);
	font-family: Kobenhavn, Helvetica, Arial, sans-serif;
	font-size: clamp(3.25rem, 4.5vw, 4.3rem);
	font-weight: 300;
	line-height: 1.05;
}
.eco-summary__header h2 sup {
    font-size: .3em;
    line-height: .6em;
    vertical-align: 1.5em;
}
.eco-summary__header p {
	margin: 1.25rem 0 0;
	color: #8a9397;
	font-size: clamp(1.05rem, 1.45vw, 1.25rem);
	font-weight: 300;
	line-height: 1.7;
}
.eco-summary__tabs {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	margin-top: clamp(3rem, 5vw, 3.5rem);
	border-bottom: 1px solid var(--eco-summary-rule);
}
.eco-summary__tab {
	min-height: 5rem;
	padding: 1rem;
	border: 0;
	border-top: 3px solid transparent;
	background: transparent;
	color: #66777e;
	cursor: pointer;
	font: inherit;
	font-size: 1.0em;
	font-weight: 600;
	letter-spacing: .12em;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
	transition: color .25s ease, background-color .25s ease, border-color .25s ease;
}
.eco-summary__tab:hover {
	color: var(--eco-summary-blue);
	background: rgba(233, 246, 251, .55);
}
.eco-summary__tab[aria-selected="true"] {
	border-top-color: var(--eco-summary-cyan);
	background: var(--eco-summary-sky);
	color: var(--eco-summary-blue);
}
.eco-summary__bullets sup {
    margin-left: .08em;
    font-size: 0.80rem;
    vertical-align: super;
}
.eco-summary__tab:focus-visible {
	position: relative;
	z-index: 2;
	outline: 3px solid var(--eco-summary-cyan);
	outline-offset: -3px;
}
.eco-summary__panel {
	display: grid;
	grid-template-columns: minmax(330px, .86fr) minmax(0, 1.44fr);
	align-items: stretch;
}
.eco-summary__panel[hidden] {
	display: none;
}
.eco-summary__overview {
	min-height: 32rem;
	padding: clamp(3.5rem, 5vw, 5rem) clamp(2.5rem, 5vw, 4rem);
	background: var(--eco-summary-navy);
	color: #fff;
}
.eco-summary__accent {
	display: block;
	width: 4.5rem;
	height: 2px;
	margin-bottom: 30px;
	background: #9ce1f3;
}
.eco-summary__overview h3 {
	margin: 0;
	color: #fff;
	font-family: Kobenhavn, Helvetica, Arial, sans-serif;
	font-size: clamp(2.5rem, 4vw, 3.7rem);
	font-weight: 300;
	line-height: 1.08;
}
.eco-summary__bullets {
	margin: clamp(2rem, 3vw, 2.75rem) 0 0;
	padding-left: 0;
	list-style: none;
}
.eco-summary__bullets li {
	position: relative;
	margin: 0 0 1.1rem;
	padding-left: 1.7rem;
	color: #f2f8fa;
	font-size: clamp(1rem, 1.45vw, 1.18rem);
	font-weight: 300;
	line-height: 1.65;
}
.eco-summary__bullets li::before {
	content: '';
	position: absolute;
	left: 0;
	top: .78em;
	display: block;
	width: .42rem;
	height: .42rem;
	border-radius: 50%;
	background: var(--eco-summary-cyan);
	transform: translateY(-50%);
}
.eco-summary__offering-footnote.footnote {
	margin: 2.25rem 0 0;
	padding-top: 1.35rem;
	border-top: 1px solid rgba(255, 255, 255, .2);
	color: #c8dce4;
	font-size: .8rem !important;
	font-weight: 300;
	line-height: 1.55;
}
.eco-summary__table-area {
	min-width: 0;
	padding: clamp(2.75rem, 5vw, 4.5rem) clamp(2rem, 4vw, 3.75rem);
	background: var(--eco-summary-pale);
}
.eco-summary__table {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.eco-summary__table-instance + .eco-summary__table-instance {
	margin-top: 2.25rem;
}
.eco-summary__table .tablepress {
	width: 100% !important;
	margin: 0 !important;
	border: 0 !important;
	border-collapse: collapse !important;
	background: transparent !important;
	table-layout: fixed;
}
#summary-of-eco-funds .eco-summary__table .tablepress thead,
#summary-of-eco-funds .eco-summary__table .tablepress thead tr {
	background: transparent !important;
}
#summary-of-eco-funds .eco-summary__table .tablepress thead th,
#summary-of-eco-funds .eco-summary__table .tablepress thead td {
	padding: .85rem .75rem 1rem !important;
	border: 0 !important;
	border-bottom: 2px solid var(--eco-summary-cyan) !important;
	background: transparent !important;
	background-color: transparent !important;
	color: var(--eco-summary-blue) !important;
	font-size: .68rem !important;
	font-weight: 600 !important;
	letter-spacing: .1em;
	line-height: 1.35;
	text-align: left;
	text-transform: uppercase;
}
#summary-of-eco-funds .eco-summary__table .tablepress thead th *,
#summary-of-eco-funds .eco-summary__table .tablepress thead td * {
	color: var(--eco-summary-blue) !important;
	opacity: 1 !important;
	text-decoration: none !important;
}
.eco-summary__table .tablepress tbody td {
	padding: 1.25rem .75rem !important;
	border: 0 !important;
	border-bottom: 1px solid var(--eco-summary-rule) !important;
	background: transparent !important;
	color: var(--eco-summary-ink) !important;
	font-size: .9rem !important;
	font-weight: 300;
	line-height: 1.45;
	vertical-align: middle;
}
.eco-summary__table .tablepress tbody td:first-child {
	color: var(--eco-summary-blue) !important;
	font-weight: 600;
}
#summary-of-eco-funds .eco-summary__table .tablepress th:nth-child(1),
#summary-of-eco-funds .eco-summary__table .tablepress td:nth-child(1) {
	width: 25% !important;
}
#summary-of-eco-funds .eco-summary__table .tablepress th:nth-child(2),
#summary-of-eco-funds .eco-summary__table .tablepress td:nth-child(2) {
	width: 16% !important;
}
#summary-of-eco-funds .eco-summary__table .tablepress th:nth-child(3),
#summary-of-eco-funds .eco-summary__table .tablepress td:nth-child(3) {
	width: 21% !important;
}
#summary-of-eco-funds .eco-summary__table .tablepress th:nth-child(4),
#summary-of-eco-funds .eco-summary__table .tablepress td:nth-child(4) {
	width: 24% !important;
}
#summary-of-eco-funds .eco-summary__table .tablepress th:nth-child(5),
#summary-of-eco-funds .eco-summary__table .tablepress td:nth-child(5) {
	width: 16% !important;
}
.eco-summary__status {
	display: inline-block;
	padding: .5rem .65rem;
	background: #e4eaed;
	color: #607079;
	font-size: .61rem;
	font-weight: 600;
	letter-spacing: .08em;
	line-height: 1.25;
	text-transform: uppercase;
}
.eco-summary__status--active {
	background: #def5fb;
	color: #137b9c;
}
.eco-summary__tooltip {
	position: relative;
	display: inline-flex;
	align-items: center;
	margin-left: .20rem;
	vertical-align: initial;
}
.eco-summary__tooltip-button {
	all: unset;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1rem;
	height: 1rem;
	border: 1px solid var(--eco-summary-cyan);
	border-radius: 50%;
	color: var(--eco-summary-blue) !important;
	cursor: help;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .70rem;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
	text-transform: none;
}
.eco-summary__tooltip-button:focus-visible {
	outline: 2px solid var(--eco-summary-cyan);
	outline-offset: 2px;
}
.eco-summary__tooltip-text {
	position: absolute;
	z-index: 20;
	top: calc(100% + .65rem);
	left: 50%;
	width: max-content;
	max-width: min(19rem, calc(100vw - 3rem));
	padding: .8rem .9rem;
	background: var(--eco-summary-navy);
	box-shadow: 0 .65rem 1.5rem rgba(4, 35, 54, .22);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translate(-50%, -.2rem);
	transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
	color: #fff !important;
	font-size: .9rem !important;
	font-weight: 300 !important;
	letter-spacing: 0 !important;
	line-height: 1.5 !important;
	text-align: left !important;
	text-transform: none !important;
	white-space: normal;
}
.eco-summary__tooltip--status .eco-summary__tooltip-text {
	right: 0;
	left: auto;
	width: 19rem;
	transform: translate(0, -.2rem);
}
#summary-of-eco-funds .eco-summary__table .tablepress thead th .eco-summary__tooltip-text,
#summary-of-eco-funds .eco-summary__table .tablepress thead th .eco-summary__tooltip-text * {
	color: #fff !important;
}
.eco-summary__tooltip-line {
	display: block;
}
.eco-summary__tooltip-line + .eco-summary__tooltip-line {
	margin-top: .45rem;
}
.eco-summary__tooltip:hover .eco-summary__tooltip-text,
.eco-summary__tooltip:focus-within .eco-summary__tooltip-text,
.eco-summary__tooltip.is-open .eco-summary__tooltip-text {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, 0);
}
.eco-summary__tooltip--status:hover .eco-summary__tooltip-text,
.eco-summary__tooltip--status:focus-within .eco-summary__tooltip-text,
.eco-summary__tooltip--status.is-open .eco-summary__tooltip-text {
	transform: translate(0, 0);
}
.eco-summary__table-placeholder {
	margin: 0;
	padding: 2rem;
	border: 1px dashed #9eb9c3;
	color: #66777e;
	font-size: .9rem;
	line-height: 1.6;
	text-align: center;
}
.eco-summary__program-note {
	margin: .85rem .2rem 0;
	color: #4e5c63;
	font-size: .8rem !important;
	font-weight: 300;
	line-height: 1.55;
}
@media (max-width: 990px) {
	.eco-summary__tabs {
		display: flex;
		overflow-x: auto;
		margin-top: 3rem;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}
	.eco-summary__tabs::-webkit-scrollbar {
		display: none;
	}
	.eco-summary__tab {
		flex: 0 0 20%;
		min-width: 92px;
		min-height: 4.5rem;
		padding: .85rem .5rem;
		font-size: .68rem;
	}
	.eco-summary__panel {
		display: block;
	}
	.eco-summary__overview {
		min-height: 0;
		padding: 2.8rem 2.5rem 3rem;
	}
}
@media (max-width: 800px) {
	.eco-summary__header p {
	    font-size: 1.1rem;
	    line-height: 1.6;
	    text-align: left;
	}
	.eco-summary {
		padding: 2.7rem 0;
	}
	.eco-summary__inner {
		width: min(620px, calc(100% - 3rem));
	}
	.eco-summary__header h2 {
		font-size: 3rem;
        line-height: 1.05;
        text-align: left;
	}
	.eco-summary__accent {
		display: none;
	}
	.eco-summary__overview h3 {
		font-size: clamp(2.35rem, 8vw, 3rem);
	}
	.eco-summary__bullets {
		margin-top: 1.6rem;
	}
	.eco-summary__bullets li {
		font-size: .98rem;
	}
	.eco-summary__table-area {
		padding: 1.6rem 1.25rem 1.25rem;
	}
	.eco-summary__table .tablepress thead th {
		padding: .65rem .55rem .9rem !important;
		font-size: .56rem !important;
	}
	.eco-summary__table .tablepress tbody td {
		padding: 1rem .55rem !important;
		font-size: .72rem !important;
	}
	.eco-summary__status {
		padding: .42rem .5rem;
		font-size: .52rem;
	}
}
@media screen and (max-width: 560px) {
	#summary-of-eco-funds .eco-summary__table .tablepress th:nth-child(5), #summary-of-eco-funds .eco-summary__table .tablepress td:nth-child(5) {
    width: 23% !important;
	}
}
@media (max-width: 480px) {
	.eco-summary__inner {
		width: calc(100% - 1.25rem);
	}
	.eco-summary__header p {
		font-size: .95rem;
	}
	.eco-summary__tab {
		flex-basis: 5.5rem;
		min-width: 5.5rem;
	}
	.eco-summary__overview {
		padding: 2.5rem 2rem 2.65rem;
	}
	.eco-summary__table-area {
		padding-right: .8rem;
		padding-left: .8rem;
	}
	.eco-summary__table .tablepress thead th {
		padding-right: .35rem !important;
		padding-left: .35rem !important;
		letter-spacing: .06em;
	}
	.eco-summary__table .tablepress tbody td {
		padding-right: .35rem !important;
		padding-left: .35rem !important;
		font-size: .68rem !important;
	}
	.eco-summary__tooltip {
		margin-left: .2rem;
	}
	.eco-summary__tooltip-button {
		width: .9rem;
		height: .9rem;
		font-size: .58rem;
	}
	.eco-summary__tooltip-text,
	.eco-summary__tooltip--status .eco-summary__tooltip-text {
		width: 15rem;
		max-width: calc(100vw - 2.5rem);
	}
}
@media (prefers-reduced-motion: reduce) {
	.eco-summary__tab {
		transition: none;
	}
	.eco-summary__tooltip-text {
		transition: none;
	}
}

/* ==========================================================================
   Easterly Clear Ocean: Request More Information
   ========================================================================== */

/* Full-width section
   -------------------------------------------------------------------------- */

.request-info {
	position: relative;
	left: 50%;
	width: 100vw;
	max-width: none;
	overflow: hidden;
	background-color: #103f60;
	transform: translateX(-50%);
	margin-bottom: 40px;
}

.request-info__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 265px;
    padding-top: 65px;
    padding-bottom: 65px;
    gap: 0px;
}

/* Section title
   -------------------------------------------------------------------------- */

.request-info__title {
    flex: 0 1 38%;
    margin: 0;
    color: #6bc3e0;
    font-weight: 300;
    line-height: 1.08;
    font-size: clamp(3.25rem, 4.5vw, 4.2rem);
}

/* Contact information
   -------------------------------------------------------------------------- */

.request-info__contact {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    min-width: 0;
    gap: 18px;
}

.request-info__photo {
    flex: 0 0 160px;
    width: 160px;
    overflow: hidden;
    border: 2px solid #dce8ed;
    border-radius: 50%;
    aspect-ratio: 1;
    padding: 3px;
}

.request-info__photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.request-info__contact-details {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-width: 0;
}

.request-info__contact-name {
    margin: 0 0 4px;
    color: #fff;
    font-size: 2.7rem;
    font-weight: 300;
    line-height: 1.15;
}

.request-info__contact-title {
    margin: 0 0 17px;
    color: rgba(255, 255, 255, 0.75);
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.4;
}

.request-info__email-link {
	color: #6bc3e0;
	font-size: 0.95rem;
	font-weight: 300;
	line-height: 1.4;
	text-decoration: none;
	transition: color 180ms ease;
}

.request-info__email-link:hover,
.request-info__email-link:focus {
	color: #fff;
	text-decoration: underline;
}

/* View Bio CTA
   -------------------------------------------------------------------------- */

.request-info__cta {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
}
.request-info__cta a {
    min-width: 169px;
}


/* ==========================================================================
   Responsive: Smaller Desktop
   ========================================================================== */

@media screen and (max-width: 1150px) {
	.request-info__inner {
		gap: 35px;
	}

	.request-info__title {
		flex-basis: 27%;
		font-size: 2.75rem;
	}

	.request-info__photo {
		flex-basis: 140px;
		width: 140px;
	}

	.request-info__contact-name {
		font-size: 1.75rem;
	}
}

/* ==========================================================================
   Responsive: Tablet
   ========================================================================== */

@media screen and (max-width: 900px) {
	.request-info__inner {
		flex-wrap: wrap;
		justify-content: flex-start;
		padding-top: 55px;
		padding-bottom: 55px;
		gap: 35px 45px;
	}

	.request-info__title {
		flex: 0 0 100%;
	}

	.request-info__title br {
		display: none;
	}

	.request-info__contact {
		flex: 1 1 500px;
	}

	.request-info__cta {
		flex: 0 0 auto;
	}
}

/* ==========================================================================
   Responsive: Mobile
   ========================================================================== */

@media screen and (max-width: 600px) {
	.request-info__inner {
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: flex-start;
		padding-top: 50px;
		padding-bottom: 55px;
		gap: 32px;
	}

	.request-info__title {
		font-size: 2.36rem;
		line-height: 1.1;
	}

	.request-info__title br {
		display: initial;
	}

	.request-info__contact {
		flex: 0 0 auto;
		width: 100%;
	}

	.request-info__photo {
		flex-basis: 120px;
		width: 120px;
		border-width: 4px;
	}
	.request-info__contact-name {
		font-size: 2.2rem;
	}

	.request-info__contact-title {
		margin-bottom: 12px;
	}

	.request-info__cta {
		width: 100%;
		justify-content: flex-start;
	}

	
}

/* Extra-small mobile */

@media screen and (max-width: 420px) {
	.request-info__contact {
		flex-direction: column;
		align-items: flex-start;
	}

	.request-info__photo {
		flex-basis: 115px;
		width: 115px;
	}
}