:root {
--teal: #6fd3cf;
--deep: #021A1F;
--serif: "Spectral", Georgia, serif;
--sans: "Rubik", system-ui, sans-serif;
--ease: cubic-bezier(0.76, 0, 0.18, 1);
--tl-bg: #031a1d;
--tl-line-track: rgba(88, 201, 185, .16);
--tl-line: #58c9b9;
--tl-logo: #0a3236;
--tl-title: #78A1A5;
--tl-text: #ffffff;
--tl-box: #52665f;
--delay: .3s;
}
a:-webkit-any-link:focus-visible,
button:-webkit-any-link:focus-visible,
a:focus-visible,
button:focus-visible {
outline: 0;
}
html {
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: inherit;
margin: 0;
padding: 0;
}
ul,ol {
list-style: none;
}
@media (prefers-reduced-motion: no-preference) {
html {
overflow: hidden;
scrollbar-width: none;
}
html::-webkit-scrollbar {
display: none;
}
}
html,
body {
margin: 0;
height: 100%;
background: #000;
-webkit-font-smoothing: antialiased;
}
html {
overflow-x: hidden;
overflow-y: auto;
}  .error-404 {
padding: 292px 0px 278px;
background: #ffffff;
}
.error-404 h1 {
margin-bottom: 12px;
color: #02313A;
}
.error-404 p {
color: #02313A;
margin-bottom: 30px;
}
.wpcf7 form .wpcf7-response-output {
color: #fff;
text-align: center;
padding: 6px 10px;
}
.wpcf7-not-valid-tip {
font-size: .9em;
}
.form .wpcf7-not-valid-tip {
padding-left: 11px;
}  .header {
position: fixed;
inset: 0 0 auto 0;
z-index: 20;
padding-top: 19px;
padding-bottom: 19px;
}
.header {
transition: transform .9s ease;
}
.scroll-up .header,
.is-scrolled .header {
background: var(--deep);
}
html.header-hide .header {
transform: translateY(-100%);
}
.header-in {
display: flex;
align-items: center;
justify-content: space-between;
}
.logo {
display: flex;
align-items: center;
filter: brightness(0) invert(1);
}
.scroll-down .logo {
filter: brightness(0) invert(1);
}
.light-theme .logo {
filter: brightness(1) invert(0);
}
.scroll-down .light-theme .logo,.scroll-up .light-theme .logo {
filter: brightness(0) invert(1);
}
html:not(.scroll-up):not(.scroll-down) body.light-theme {
background: #ffffff;
}
body.light-theme {
background: #ffffff;
}
html:not(.scroll-up):not(.scroll-down) .light-theme header .nav a {
color: #02313A;
transition: color .3s ease;
}
html:not(.scroll-up):not(.scroll-down) .light-theme header .nav a:hover {
color: #64D1DC;
}
html:not(.scroll-up):not(.scroll-down) .light-theme .nav .sub-menu a {
color: #ffffff;
}
.logo > img {
width: clamp(150px, 19vw, 300px);
height: auto;
transition: width 1s ease, filter 1s ease;
}
.nav > ul {
display: flex;
align-items: center;
gap: 22px;
}
.nav li {
position: relative;
}
.nav a {
display: inline-block;
font-weight: 500;
font-size: 19px;
line-height: 100%;
letter-spacing: -2%;
color: #fff;
font-family: var(--serif);
text-decoration: none;
}
.nav li.current-menu-item > a,
.nav a:hover,
.nav a:active {
color: #64D1DC;
}
.nav .plus > a::after {
content: " +";
}
.nav .login > a {
border: 1px solid #fff;
border-radius: 99px;
padding: 10px 20px;
font-family: var(--serif);
font-size: 17px;
}
.nav .login > a:hover {
background: #fff;
color: #000;
opacity: 1;
}
.menu-btn {
display: none;
}
.has-sub {
position: relative;
}
.sub-menu {
position: absolute;
top: 148%;
left: 0;
min-width: 220px;
margin: 0;
padding: 10px 0;
list-style: none;
background: #000e11;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
z-index: 100;
border-radius: 9px;
}
.sub-menu li {
display: block;
}
.sub-menu a {
display: block;
padding: 10px 20px;
color: #ffffff;
white-space: nowrap;
font-weight: 300;
}
.sub-menu a:hover {
color: #64D1DC;
}
.plus:hover > .sub-menu,
.plus:focus-within > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.light-theme main .btn {
border: .72px solid #02313A;
color: #02313A;
}
.light-theme main .btn:hover {
color: #fff;
background: #0b2a2c;
}
.sub-toggle {
display: none;
}
@media (max-width: 1032px) {
.nav .plus > a::after {
content: none;
}
.nav .plus {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.sub-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
background: none;
border: 0;
cursor: pointer;
font-family: var(--serif);
font-size: clamp(28px, 3.2vw, 30px);
line-height: 1;
color: #fff;
} .plus.open > .sub-toggle,
.nav .plus.current-menu-item > .sub-toggle {
color: #64D1DC;
}
.sub-menu {
position: static;
display: none;
width: 100%;
min-width: 0;
margin: 0;
padding: 12px 0 0;
opacity: 1;
visibility: visible;
transform: none;
box-shadow: none;
background: transparent;
text-align: center;
}
.plus.open > .sub-menu {
display: block;
}
.sub-menu a {
padding: 8px 0;
font-size: clamp(16px, 2.4vw, 20px);
color: #000;
white-space: normal;
}
.sub-menu a:hover {
color: #64D1DC;
}
}  .title {
font-family: var(--serif);
font-weight: 200;
font-size: clamp(32px, 6.3vw, 100px);
line-height: 100%;
letter-spacing: 0%;
color: #fff;
}
.sub-title {
font-family: var(--serif);
font-weight: 200;
font-size: clamp(24px, 3.19vw, 50px);
line-height: 107%;
letter-spacing: 0%;
margin-bottom: 20px;
color: #fff;
}
.pre-footer-title {
font-family: var(--serif);
font-weight: 200;
font-size: clamp(30px, 4.9vw, 77px);
line-height: 110%;
letter-spacing: 0%;
text-align: center;
color: #fff;
margin-bottom: 30px;
}
p {
font-family: var(--sans);
font-weight: 300;
font-size: clamp(16px, 1.3vw, 20px);
line-height: 140%;
letter-spacing: 0%;
color: #fff;
}
@media (min-width: 640px) and (max-width: 1032px) {
.title {
font-size: clamp(50px, 6vw, 60px);
}
.sub-title {
font-size: clamp(38px, 5.1vw, 52px);
}
}  @media (min-width: 1366px) {
.container {
max-width: 1240px;
margin: auto;
}
.error-404 {
padding: 220px 0px 150px;
}
}
@media (max-width: 1365px) {
.container {
padding: 0 clamp(15px, 3.2vw, 40px);
margin: auto;
}
.error-404 {
padding: 220px 0px 150px;
}
}  .btn {
display: inline-block;
margin-top: 26px;
border: 1px solid #fff;
border-radius: 99px;
padding: clamp(11px, 1.3vw, 15px) clamp(16px, 2.3vw, 29px);
cursor: pointer;
transition: background 0.35s, color 0.35s;
font-family: var(--serif);
font-weight: 400;
font-size: clamp(16px, 1.3vw, 20px);
line-height: 100%;
letter-spacing: 0%;
text-align: center;
text-decoration: none;
color: #fff;
background: transparent;
}
.btn:hover {
background: #fff;
color: #0b2a2c;
}  .footer {
background: var(--deep);
padding-top: clamp(50px, 8.6vw, 136px);
padding-bottom: clamp(50px, 4.2vw, 66px);
z-index: 18;
position: relative;
}
.footer-top {
display: flex;
justify-content: space-between;
align-items: start; ;
}
.footer-right{
max-width: 890px;
}
.footer .nav ul {
gap: 33.4px;
}
.footer-logo img {
width: clamp(50px, 6.6vw, 104px);
}
.footer-bottom {
margin-top: clamp(20px, 3.8vh, 36px);
display: flex;
flex-direction: column;
align-items: end;
max-width: calc(100% - 5px);
}
.footer-bottom a {
text-decoration: none;
color: #3B5B5E;
}
.footer-bottom .links { 
width:100%;
justify-content: space-between;
}
.links a,.links span{
color: #4D777B
}
.footer-bottom .disclaimertxt a{text-decoration: underline;} 
.footer-bottom .disclaimertxt{margin-top: 20px;display: flex;flex-direction: column;gap:16px}
.footer-bottom .disclaimertxt p{
font-family: var(--sans);
font-weight: 400; font-size: 12px;
line-height: 125%;
letter-spacing: 0%;
color: #3B5B5E;
}
.links,
.links ul {
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: end;
font-family: var(--sans);
font-weight: 400;
font-size: 15px;
line-height: 140%;
letter-spacing: 0%;
color: #3B5B5E;
}  .hero {
position: relative;
height: 100vh;
height: 100svh;
background: var(--deep);
--p: 0; ;
}
.hero-pin {
position: sticky;
top: 0;
height: 100vh;
height: 100svh;
overflow: hidden;
background: var(--deep);
}
.hero-media {
position: absolute;
inset: 0;
clip-path: inset(calc((1 - var(--p)) * 100%) 0 0 0);
will-change: clip-path;
}
.hero-media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(calc(1.25 - var(--p) * 0.25));
filter: blur(calc((1 - var(--p)) * 6px));
will-change: transform, filter;
}
.hero-media::after {
content: "";
position: absolute;
inset: 0;
background: #00000030;
opacity: calc(var(--p) * 0.10);
pointer-events: none;
}
.hero .container {
position: relative;
z-index: 2;
height: 100%;
}
.hero-grid {
height: 100%;
align-content: center;
margin-top: 25px;
}
.hero-title {
font-family: var(--serif);
color: #fff;
font-weight: 200;
font-size: clamp(32px, 6.5vw, 80px);
line-height: 103%;
letter-spacing: -2%;
}
.hero-head .label {
color: #FFFFFF;
font-weight: 400;
font-size: 15px;
line-height: 100%;
letter-spacing: 10%;
text-transform: uppercase;
opacity: 1;
margin-bottom: clamp(30px, 3.4vw, 53px);
display: inline-block;
}
#our-story .hero-head {
max-width: 720px;
}
#contact-hero .hero-head {
max-width: 100%;
}
#contact-hero .hero-text {
max-width: 100%;
margin-top: clamp(20px, 2.9vw, 45px);
}
#contact-hero .hero-grid {
text-align: center;
max-width: 560px;
margin: auto;
}
#approach .hero-head {
max-width: 840px;
}
#wws .hero-head,
#athletes-and-families .hero-head {
max-width: 820px;
}
#wws .hero-text {
max-width: 605px;
}
#what-we-do .hero-head {
max-width: 798px;
}
#athletes-and-families .hero-text {
margin-top: clamp(20px, 5vw, 79px);
}
#who-we-serve .hero-title {
font-size: clamp(32px, 4.5vw, 70px);
}
.insights-hero-inner .hero-title {
font-size: clamp(32px, 5.5vw, 80px);
}
.hero-head {
max-width: 740px;
}
.hero-text {
align-self: start;
max-width: 557px;
float: right;
}
#approach .hero-text {
margin-top: clamp(20px, 5vw, 79px);
}
#approach .hero-text,
#who-we-serve .hero-text {
max-width: 605px;
}  .history {
background: #021A1F;
color: #fff;
padding: clamp(50px, 9.6vw, 150px) 0;
border-bottom: 1px solid rgb(255 255 255 / 30%);
}
#help {
border-bottom: 0;
}
.history .row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2rem;
padding: clamp(30px, 4.3vw, 68px) 0;
}
.history .row::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: #fff;
transform: scaleX(0);
transform-origin: right center;
transition: transform 1.2s cubic-bezier(0.65, 0, 0.35, 1);
opacity: .3;
} .history .row.in-view::before {
transform: scaleX(1);
}
.history .row:nth-child(2) {
margin-top: clamp(50px, 9.6vw, 150px);
}
.history .row:last-child {
padding-bottom: 0;
}
.history-title {
font-family: var(--serif);
font-weight: 200;
font-size: clamp(24px, 1.9vw, 30px);
line-height: 106%;
letter-spacing: -2%;
color: #78A1A5;
margin-bottom: 13px;
}  .fade-left,
.fade-right,
.fade-up {
opacity: 0;
transition: opacity 0.8s ease, transform 0.8s ease;
transition-delay: var(--delay, 0s);
will-change: opacity, transform;
}
.fade-left {
transform: translateX(-60px);
}
.fade-right {
transform: translateX(60px);
}
.fade-up {
transform: translateY(40px);
}
.fade-left.in-view,
.fade-right.in-view,
.fade-up.in-view {
opacity: 1;
transform: none;
}  @media (max-width: 1032px) {
.header {
background: var(--deep);
padding-top: 15px;
padding-bottom: 15px;
transform: inherit !important;
}
.light-theme .logo {
filter: brightness(0) invert(1);
}
.hero-grid {
width: 90%;
margin: auto;
}
.hero-text {
margin-top: clamp(20px, 4vw, 79px);
float: none;
max-width: 100% !important;
width: 100% !important;
}
.hero-head {
max-width: 100% !important;
width: 100% !important;
}
.menu-btn {
display: block;
position: relative;
z-index: 2;
width: 30px;
height: 30px;
background: none;
border: 0;
color: #fff;
cursor: pointer;
font-size: 0;
}
.menu-btn:after {
content: "";
position: absolute;
width: 100%;
height: 1px;
z-index: 1;
background: #fff;
top: 20px;
right: 0;
}
.menu-btn:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: #fff;
top: 10px;
right: 0;
z-index: 1;
}
.cta {
position: relative;
height: 80vh;
display: flex;
}
.center .inner {
min-height: auto;
width: 90%;
margin: auto;
}
.nav-open .menu-btn:before {
background: #fff;
transform: rotate(45deg);
top: 15px;
}
.nav-open .menu-btn:after {
background: #fff;
transform: rotate(-45deg);
top: 15px;
}
.nav-open .login > a {
border-color: #000;
}
.header .nav {
position: fixed;
inset: 0;
display: flex;
flex-direction: column;
justify-content: center;
background: var(--deep);
opacity: 0;
visibility: hidden;
transition: 0.4s;
margin: 7px;
border-radius: 15px;
display: none;
}
.nav a {
font-size: clamp(22px, 3.2vw, 30px);
color: #fff !important;
}
.header .nav ul {
flex-direction: column;
gap: clamp(26px, 4.8vw, 44px);
}
#menu-item-246,
#menu-item-16 {
position: absolute;
bottom: 0;
left: 0;
width: 50%;
padding: 22px 20px;
text-align: left;
border-top: 1px solid #ffffff52;
text-align: center;
}
#menu-item-16 {
left: auto;
right: 0;
border-left: 1px solid #ffffff52;
}
#menu-item-16 > a,
#menu-item-246 > a {
padding: 0;
border: 0;
font-size: 17px;
}
.nav-open .header .nav {
opacity: 1;
visibility: visible;
display: flex;
}
.nav-open .header .logo {
position: relative;
z-index: 2;
}
.footer nav {
display: none;
}
.footer-top {
justify-content: center;
align-items: center;
flex-direction: column;
}
.footer-bottom .disclaimertxt p{
text-align: center;
}
.links {
display: block;
text-align: center;
}
.links ul {
justify-content: center;
gap: 8px 12px;
}
.links > span {
display: block;
margin-bottom: 12px;
}
body .copy .btn {
margin-top: 30px;
}
.footer-bottom {
margin-top: 30px;
align-items: center;
}
.footer-bottom .links {
max-width: 100%;
}
.nav .sub-menu {
display: block;
background: #021a1fc7;
margin-top: 15px;
padding: 10px 20px;
border-radius: 8px;
margin-left: 5px;
margin-right: 5px;
position: relative;
top:0px;
text-align: center;
}
.header .nav ul.sub-menu{ padding: 0px;}
.header .nav ul.sub-menu a {
padding: 20px 0;
}
.nav .sub-menu li {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.nav .sub-menu li:last-child {
border-bottom: none;
}
.nav .plus.open > .sub-menu a {
color: #fff;
padding: 20px 0;
}
.nav .plus.open > .sub-menu a:hover {
color: #64D1DC;
}
}
@media (max-width: 767px) {
.hero {
height: 100vh;
height: 100svh;
}
.hero-grid {
grid-template-columns: 1fr;
width: 100%;
}
.hero-text {
max-width: none;
}
.history .row {
grid-template-columns: 1fr;
gap: 1rem;
padding: 2.25rem 0;
}
}
@media (max-width: 575px) {
.talk-btn{margin-top: 40px;}
.header .nav ul {
align-items: baseline;
padding: 0 30px;
}
.nav .sub-menu{text-align: left;}
.header .nav ul.sub-menu a {
padding: 15px 0;
}
.nav .plus {
justify-content: left;
}
.nav .plus.open > .sub-menu {
text-align: left;
padding: 0px;
}
.nav .plus.open > .sub-menu a {
padding: 15px 0;
}
}  .prefooter {
position: relative;
height: 240vh;
background: var(--deep);
--p: 0;
--w: clamp(260px, 46.1vw, 663.88px);
--h: calc(var(--w) * 0.7018);
}
.talk-pin {
position: sticky;
top: 0;
height: 100vh;
height: 100svh;
overflow: hidden;
background: var(--deep);
}
.talk-media {
position: absolute;
inset: 0;
clip-path: inset(
calc((1 - var(--p)) * (100% - var(--h)) / 2)
calc((1 - var(--p)) * (100% - var(--w)) / 2)
);
will-change: clip-path;
}
.talk-media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(calc(1.25 - 0.25 * var(--p)));
transform-origin: center;
will-change: transform;
} .prefooter .container {
position: relative;
z-index: 2;
height: 100%;
}
.talk-in {
display: grid;
grid-template-columns: min(47.8vw, 688px) minmax(0, 1fr);
column-gap: clamp(24px, 4vw, 60px);
align-content: center;
height: 100%;
}
.talk-in::before {
content: "";
grid-row: 3;
grid-column: 1 / -1;
align-self: start;
height: 1px;
background: rgba(255, 255, 255, 0.2);
opacity: var(--t);
--t: clamp(0, calc((var(--p) - 0.5) * 2.5), 1);
}
.talk-label {
grid-row: 1;
grid-column: 1 / -1;
justify-self: start;
margin-bottom: clamp(24px, 3.7vw, 53px);
font-family: var(--sans);
font-weight: 400;
font-size: 15px;
line-height: 100%;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #fff;
}
.talk-label,
.talk-title {
transform: translateY(calc((1 - var(--t)) * 36px));
transition: transform 0.35s ease-out;
will-change: transform;
}
.talk-label,
.talk-title {
--t: clamp(0, calc((var(--p) - 0.08) * 2.2), 1);
}
.talk-label {
--t: clamp(0, calc((var(--p) - 0.5) * 2.5), 1);
opacity: var(--t);
transform: translateY(calc((1 - var(--t)) * 36px));
will-change: opacity, transform;
}
.talk-title {
grid-row: 2;
grid-column: 1 / -1;
max-width: 65%;
margin-bottom: clamp(24px, 3.5vw, 50px);
font-family: var(--serif);
font-weight: 200;
font-size: clamp(38px, 6.25vw, 90px);
line-height: 91%;
letter-spacing: -0.02em;
color: #fff;
}
.talk-in p,
.talk-btn {
opacity: var(--t);
transform: translateY(calc((1 - var(--t)) * 36px));
will-change: opacity, transform;
}
.talk-in p {
--t: clamp(0, calc((var(--p) - 0.5) * 2.5), 1);
grid-row: 3;
grid-column: 1;
max-width: 688px;
padding-top: clamp(28px, 2.8vw, 40px);
font-weight: 300;
font-size: clamp(16px, 1.39vw, 20px);
line-height: 144%;
letter-spacing: 0%;
transition: opacity 0.35s ease-out, transform 0.35s ease-out;
}
.talk-btn {
--t: clamp(0, calc((var(--p) - 0.62) * 2.6), 1);
grid-row: 3;
grid-column: 2;
justify-self: end;
align-self: start;
margin-top: clamp(24px, 2.4vw, 34px);
border: 1px solid #42ADB7;
border-radius: 60px;
padding: clamp(12px, 1.4vw, 20px) clamp(24px, 3.9vw, 56px);
font-family: var(--serif);
font-weight: 400;
font-size: clamp(16px, 1.46vw, 21px);
line-height: 32px;
text-align: center;
text-decoration: none;
color: #fff;
transition: opacity 0.35s ease-out, transform 0.35s ease-out, background 0.35s, color 0.35s;
}
.page-id-206 h2.talk-title {
max-width: 700px;
} @media (max-width: 1032px) {
.talk-title {
max-width: 80%;
}
.talk-in {
grid-template-columns: 1fr;
}
.talk-in p,
.talk-btn {
grid-column: 1;
}
.talk-in p {
grid-row: 4;
}
.talk-btn {
grid-row: 5;
justify-self: start;
margin-top: clamp(24px, 4vw, 40px);
}
}
@media (max-width: 767px) {
.prefooter {
height: auto;
--p: 1 !important;
}
.talk-pin {
position: relative;
height: auto;
min-height: 100svh;
}
.prefooter .container {
height: auto;
min-height: 100svh;
}
.talk-in {
height: auto;
min-height: 100svh;
padding-block: 48px;
}
.talk-label,
.talk-in p,
.talk-btn,
.talk-in::before {
opacity: 1;
transform: none;
}
.error-404 {
padding: 150px 0px 80px;
min-height: 550px;
height: auto;
}
}
@media (prefers-reduced-motion: reduce) {
.prefooter {
height: auto;
--p: 1;
}
.talk-pin {
position: relative;
height: 100vh;
}
}
.talk-in {
padding-block: clamp(20px, 3vh, 40px);
} .talk-more {
display: contents;
}
.prefooter.align-center .talk-in {
grid-template-columns: minmax(0, 1fr);
align-content: center;
justify-items: center;
text-align: center;
}
.prefooter.align-center .talk-label {
grid-row: 1;
grid-column: 1;
justify-self: center;
}
.prefooter.align-center .talk-title {
grid-row: 2;
grid-column: 1;
justify-self: center;
max-width: 70%;
text-align: center;
--m: clamp(0, calc((var(--p) - 0.12) * 1.6), 1);
transform: translateY(calc(var(--off, 0px) * (1 - var(--m))));
transition: transform 0.35s ease-out;
}
.prefooter.align-center .talk-in::before {
grid-row: 3;
grid-column: 1;
justify-self: stretch;
}
.prefooter.align-center .talk-more {
grid-row: 3;
grid-column: 1;
align-self: start;
display: flex;
flex-direction: column;
align-items: center;
}
.prefooter.align-center .talk-more p {
max-width: 688px;
text-align: center;
}
.prefooter.align-center .talk-btn {
align-self: center;
justify-self: center;
margin-top: clamp(24px, 3vw, 40px);
} .prefooter.individuals-families .talk-in {
grid-template-columns: min(47.8vw, 688px) minmax(0, 1fr);
}
.prefooter.individuals-families .talk-title {
max-width: 69%;
}
.prefooter.individuals-families .talk-btn {
grid-row: 2;
grid-column: 2;
justify-self: end;
align-self: end;
margin-top: 0;
margin-bottom: clamp(24px, 3.5vw, 50px);
}
.prefooter.individuals-families .talk-in::before {
grid-row: 3;
grid-column: 1 / -1;
}
.prefooter.individuals-families .talk-in p {
grid-row: 3;
grid-column: 1 / -1;
max-width: none;
column-count: 2;
column-gap: clamp(32px, 5.1vw, 80px);
column-fill: balance;
}
@media (max-width: 1032px) {   
.talk-title {
font-size: clamp(32px, 4.2vw, 90px);
line-height: 100%;
}
.prefooter.individuals-families .talk-title {
grid-column: 1;
max-width: 80%;
}  
.talk-in p {
max-width: 80%;
}
} @media (max-width: 767px) {
.talk-in p {
max-width: 100%;
}
.prefooter.individuals-families .talk-btn {
grid-row: 5;
grid-column: 1;
justify-self: start;
align-self: start;
margin-top: 40px;
margin-bottom: 0;
}
.prefooter.align-center .talk-title {
max-width: 95%;
}
.prefooter.individuals-families .talk-in p {
grid-row: 4;
grid-column: 1;
}
.prefooter.individuals-families .talk-in {
grid-template-columns: 1fr;
} .prefooter.individuals-families .talk-title {
max-width: 95%;
}
.prefooter.individuals-families .talk-in p {
column-count: 1;
} ;
}
.prefooter .talk-title,
.prefooter.align-center .talk-title {
max-width: 100%;
}
.prefooter.retirement-plans .talk-title {
max-width: 1000px;
}
.talk-title span {
display: block;
}
@media (max-width: 767px) {
.talk-btn,.prefooter.align-center .talk-btn
{margin-top: 40px;}
}
@media (max-width:600px) {
.prefooter.individuals-families .talk-media img{
display: block;
width: auto; 
height: auto;
object-fit: cover;
transform: scale(1.35);
transform-origin: 0 0;
will-change: transform;
} }.title,.sub-title,.label,.btn,p{
opacity: 0;
transform: translateY(0);
transition: opacity 0.8s ease, transform 0.8s ease;
}
.title.is-visible,.sub-title.is-visible,.label.is-visible,.btn.is-visible,p.is-visible {
opacity: 1;
transform: translateY(0);
}
.panel {
position: relative;
overflow: hidden;
background: #0b1d20;
}
.panel > .inner {
min-height: 100%;
height: 100%;
} .bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 2.4s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.inner {
position: relative;
min-height: 100svh;
display: flex;
align-items: center;
z-index: 2;
}
.copy {
width: min(100%, 640px);
}
.copy .btn{
margin-top: 50px;
}
.btn {
min-width: clamp(130px, 11.4vw, 193px);
}
.right .copy {
width: min(100%, 632px);
margin-left: 0;
}
.right .inner {
justify-content: end;
}
#home .copy p:not(.label),
#home .copy .btn {
margin-left: 0;
}
.progress a span {
display: none;
}
.center .inner {
justify-content: center;
text-align: center;
}
.center .copy {
margin: 0 auto;
}
.label {
font-family: var(--serif);
font-weight: 200;
font-size: clamp(17px, 1.3vw, 20px);
line-height: 100%;
letter-spacing: 10%;
text-transform: uppercase;
color: #64D1DC;
margin-bottom: 20px;
display: block;
}
.home-copy {
max-width: 918px;
margin: auto;
}
.para {
padding-left: 6.2vw;
margin-top: 20px;
}
.pre-footer-copy {
max-width: 883px;
margin: auto;
}
html.header-hide .header {
transform: translateY(-100%) !important;
} .progress {
position: fixed;
left: 0;
right: 0;
bottom: calc(1.4rem + env(safe-area-inset-bottom, 0px));
z-index: 15;
transition: opacity 0.5s, transform 0.7s var(--ease);
}
.progress ol {
position: relative;
display: flex;
justify-content: space-between;
padding-top: 23px;
border-top: 1px solid #ffffff73;
}
.progress a {
display: block;
padding: 0.2rem 0;
font-family: var(--serif);
color: #FFFFFF;
transition: color 0.3s;
font-weight: 200;
font-size: clamp(18px, 1.3vw, 20px);
line-height: 100%;
letter-spacing: 0%;
text-decoration: none;
}
.progress a:hover,
.progress .on {
color: #fff;
}
.progress .fill {
position: absolute;
left: 0;
top: -2px;
height: 3px;
width: 20%;
background: var(--teal);
transition: width 0.9s var(--ease);
}
.no-progress .progress {
opacity: 0;
pointer-events: none;
transform: translateY(20px);
}  @media (min-width: 1033px) {
.scroll-down .header, .scroll-up .header{
background: transparent !important;
}
.panel.on .bg,
.panel.past .bg {
transform: scale(1.12);
}
main .panel {
position: sticky;
top: 0;
height: 100svh;
min-height: 0;
margin-bottom: calc(var(--step) - 100svh);
transform: translateY(calc(var(--cover, 0) * -7%));
}
main .panel:last-child {
margin-bottom: 0;
}
main .panel + .panel {
border-radius: var(--r, 40px) var(--r, 40px) 0 0;
}
main .panel::after {
content: "";
position: absolute;
inset: 0;
z-index: 5;
background: #dfeceb;
pointer-events: none;
opacity: calc(var(--cover, 0) * 0.85);
will-change: opacity;
}
.copy,
.pre-footer-copy {
opacity: var(--o, 1);
transform: translateY(calc((1 - var(--enter, 1)) * 42svh));
will-change: transform, opacity;
}
}
@media (max-width: 1032px) {
.header{
background: transparent;
}
html {
height: auto;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior-y: none;   
}
body {
height: auto;
overflow: visible;
}
main {
position: relative;
height: 100svh;
overflow: hidden;
}
main .panel {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
margin: 0;
border-radius: 0;
z-index: 1;
touch-action: pan-y;
transform: translateY(calc((var(--i, 0) - var(--cur, 0)) * 100% + var(--drag, 0px)));
transition: transform 1.5s var(--ease);
will-change: transform;
backface-visibility: hidden;
}
.label{
font-weight: 400;
}
.para,.copy > p{
padding-left: 20px;
}
.copy > .btn{
margin-left: 20px;
}
.dragging main .panel {
transition: none;
}
#contact {
position: relative;
inset: auto;
width: 100%;
height: auto;
margin: 0;
border-radius: 0;
overflow: hidden;
transform: none;
transition: none;
z-index: 1;
}
#contact::before {
display: none;
}
.cta {
position: relative;
}
.cta::before {
content: "";
position: absolute;
inset: 0;
background: #00000075;
z-index: 1;
}
.copy,
.pre-footer-copy,
.home-copy {
opacity: 0;
transform: translateY(24px);
transition: opacity 0.8s 0.35s, transform 0.8s 0.35s var(--ease);
}
.panel.on .copy,
.panel.on .pre-footer-copy,
.panel.on .home-copy {
opacity: 1;
transform: none;
}
.copy,.right .copy,.home-copy {
width: 90%;
margin: auto;
}
.progress ol {
justify-content: center;
gap: 14px;
padding: 0;
border-top: 0;
}
.progress .fill {
display: none;
}
.progress a {
position: relative;
width: 10px;
height: 10px;
padding: 0;
border: 1px solid #fff;
border-radius: 50%;
background: transparent;
font-size: 0;
line-height: 0;
color: transparent;
transition: background 0.3s, border-color 0.3s, transform 0.3s;
}
.progress a::after {
content: "";
position: absolute;
inset: -10px;
}
.progress a.on {
background: var(--teal);
border-color: var(--teal);
width: 23px;
border-radius: 10px;
}
main .panel {
transition: transform 1.8s cubic-bezier(0.22, 1, 0.36, 1);
will-change: transform;
backface-visibility: hidden;
}
.dragging main .panel {
transition: none;
}
main .panel.far {
visibility: hidden;
transition:
transform 1.8s cubic-bezier(0.22, 1, 0.36, 1),
visibility 0s 1.8s;
}
.bg {
transition: none;
transform: none !important;
}
}
@media (max-width: 767px) {
.copy, .right .copy, .home-copy{
width: 100%;
}
.progress ol {
justify-content: flex-start;
}
}
@media (max-width: 640px){
.para,.copy > p{
padding-left: 0;
}
.copy > .btn{
margin-left: 0;
}
}