:root {
--p4y-h3-ink: #171512;
--p4y-h3-paper: #f7f5f0;
--p4y-h3-accent: #c9963b;
--p4y-h3-height: 92px;
--p4y-h3-height-mobile: 76px;
--p4y-h3-gutter: 54px;
--p4y-h3-gutter-mobile: 16px;
--p4y-h3-logo-size: 22px;
--p4y-h3-logo-size-mobile: 18px;
--p4y-h3-button-size: 12px;
--p4y-h3-button-height: 38px;
--p4y-h3-button-radius: 99px;
--p4y-h3-button-gap: 10px;
--p4y-h3-button-blur: 8px;
--p4y-h3-menu-size: 34px;
--p4y-h3-menu-size-mobile: 28px;
--p4y-h3-button-weight: 500;
--p4y-h3-drawer-width: 50vw;
--p4y-h3-ease: cubic-bezier(.16, 1, .3, 1);
}
html.p4y-fhf-menu-lock,
html.p4y-fhf-menu-lock body,
html.p4y-fhf-quote-lock,
html.p4y-fhf-quote-lock body {
overflow: hidden !important;
}
@media (min-width: 981px) {
html.p4y-fhf-scroll-compensated {
scrollbar-gutter: stable;
}
}
.p4y-fhf-header-spacer {
display: none !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] {
position: fixed !important;
inset: 0 0 auto !important;
z-index: 2147482500 !important;
width: 100% !important;
height: var(--p4y-h3-height) !important;
padding: 0 !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: none !important;
transform: none !important;
isolation: isolate !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header].is-scroll-hidden,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header].is-scroll-visible,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header].is-fast-scroll {
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header]:not(.is-sticky) {
position: absolute !important;
}
body.p4y-fhf-active.p4y-fhf-technical-page .p4y-fhf-header-wrap[data-p4y-fhf-header] {
position: absolute !important;
top: 0 !important;
transform: none !important;
}
body.p4y-fhf-active.p4y-fhf-logo-pinned .p4y-fhf-header-wrap[data-p4y-fhf-header] {
position: absolute !important;
top: 0 !important;
transform: none !important;
}
body.p4y-fhf-active .p4y-fhf-header-shell {
position: relative !important;
width: 100% !important;
max-width: none !important;
height: 100% !important;
margin: 0 !important;
pointer-events: none !important;
transform: none !important;
}
body.p4y-fhf-active .p4y-fhf-header-shell::before,
body.p4y-fhf-active .p4y-fhf-header-shell::after,
body.p4y-fhf-active .p4y-fhf-header-inner::before,
body.p4y-fhf-active .p4y-fhf-header-inner::after {
content: none !important;
display: none !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-header-inner,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header].is-scrolled .p4y-fhf-header-inner,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header].is-expanded.is-scrolled .p4y-fhf-header-inner,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header].is-on-light .p4y-fhf-header-inner,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header].is-on-dark .p4y-fhf-header-inner,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header].is-over-media .p4y-fhf-header-inner {
position: relative !important;
z-index: 10020 !important;
display: grid !important;
grid-template-columns: 1fr auto 1fr !important;
align-items: center !important;
width: 100% !important;
min-height: var(--p4y-h3-height) !important;
height: var(--p4y-h3-height) !important;
padding: 0 clamp(16px, 3.8vw, var(--p4y-h3-gutter)) !important;
gap: 20px !important;
border: 0 !important;
border-radius: 0 !important;
color: #fff !important;
background: transparent !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
overflow: visible !important;
pointer-events: none !important;
transform: none !important;
}
body.p4y-fhf-active .p4y-fhf-nav {
display: none !important;
} body.p4y-fhf-active .p4y-fhf-logo {
grid-column: 2 !important;
grid-row: 1 !important;
position: relative !important;
z-index: 3 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
justify-self: center !important;
width: max-content !important;
min-width: 0 !important;
max-width: 34vw !important;
height: auto !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: none !important;
transition: opacity .42s ease, transform .42s var(--p4y-h3-ease) !important;
}
body.p4y-fhf-active .p4y-fhf-logo img,
body.p4y-fhf-active .p4y-fhf-logo-text,
body.p4y-fhf-active .p4y-fhf-logo-slices,
body.p4y-fhf-active .p4y-fhf-logo-motion {
display: none !important;
}
body.p4y-fhf-active .p4y-fhf-logo::before,
body.p4y-fhf-active .p4y-fhf-logo::after {
content: none !important;
display: none !important;
}
body.p4y-fhf-active .p4y-fhf-editorial-wordmark {
display: inline-flex !important;
align-items: baseline !important;
justify-content: center !important;
color: #fff !important;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: var(--p4y-h3-logo-size) !important;
font-weight: 400 !important;
line-height: 1 !important;
letter-spacing: .09em !important;
white-space: nowrap !important;
text-shadow: 0 2px 16px rgba(0, 0, 0, .2) !important;
transition: color .24s ease, text-shadow .24s ease, transform .5s var(--p4y-h3-ease) !important;
}
body.p4y-fhf-active .p4y-fhf-editorial-wordmark strong {
position: relative !important;
overflow: hidden !important;
display: inline-block !important;
margin: 0 .025em !important;
color: var(--p4y-h3-accent) !important;
font: inherit !important;
font-size: 1.34em !important;
font-weight: 600 !important;
line-height: 1 !important;
transform: translateY(.02em);
transform-origin: 50% 50%;
animation: none;
}
@keyframes p4y-brand-four-spin {
0% { opacity: 1; clip-path: inset(0); transform: translateY(.02em); }
25% { opacity: .3; clip-path: inset(100% 0 0); transform: translateY(.12em); }
38% { opacity: 0; clip-path: inset(0 0 100%); transform: translateY(-.1em); }
46% { opacity: 1; clip-path: inset(0 0 100%); transform: translateY(-.1em); }
100% { opacity: 1; clip-path: inset(0); transform: translateY(.02em); }
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-logo-spin="0"] .p4y-fhf-editorial-wordmark strong {
animation: none !important;
}
body.p4y-fhf-active .p4y-fhf-editorial-wordmark strong.is-hola-spin {
animation: p4y-brand-four-spin 2.4s cubic-bezier(.4, 0, .2, 1) 1 !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap.is-menu-open .p4y-fhf-editorial-wordmark strong,
body.p4y-fhf-active .p4y-fhf-header-wrap.is-brand-heading-active .p4y-fhf-editorial-wordmark strong {
animation-play-state: paused;
}
body.p4y-fhf-active .p4y-fhf-logo:hover .p4y-fhf-editorial-wordmark,
body.p4y-fhf-active .p4y-fhf-logo:focus-visible .p4y-fhf-editorial-wordmark {
transform: translateY(-1px) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-ready):not(.is-menu-open) .p4y-fhf-logo,
body.p4y-fhf-active .p4y-fhf-header-wrap.is-brand-heading-active:not(.is-menu-open) .p4y-fhf-logo {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translateY(-8px) !important;
}
@media (min-width: 981px) {
body.p4y-fhf-active .p4y-fhf-header-wrap.p4y-hide-logo-menu.is-menu-open .p4y-fhf-logo {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translateY(-8px) !important;
}
} body.p4y-fhf-active .p4y-fhf-burger {
position: absolute !important;
left: clamp(28px, 3.15vw, 46px) !important;
top: 50% !important;
z-index: 10030 !important;
display: inline-flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: center !important;
width: 48px !important;
min-width: 48px !important;
height: 48px !important;
margin: 0 !important;
padding: 0 0 0 8px !important;
gap: 6px !important;
border: 0 !important;
border-radius: 50% !important;
color: #fff !important;
background: transparent !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: translateY(-50%) !important;
transition: transform .34s var(--p4y-h3-ease), opacity .24s ease !important;
}
body.p4y-fhf-active .p4y-fhf-burger::before,
body.p4y-fhf-active .p4y-fhf-burger::after {
content: none !important;
display: none !important;
}
body.p4y-fhf-active .p4y-fhf-burger:hover,
body.p4y-fhf-active .p4y-fhf-burger:focus-visible {
background: transparent !important;
box-shadow: none !important;
transform: translateY(-50%) scale(1.045) !important;
}
body.p4y-fhf-active .p4y-fhf-burger:hover span:nth-child(3),
body.p4y-fhf-active .p4y-fhf-burger:focus-visible span:nth-child(3) {
width: 30px !important;
}
body.p4y-fhf-active .p4y-fhf-burger span {
position: relative !important;
inset: auto !important;
display: block !important;
width: 30px !important;
height: 2px !important;
margin: 0 !important;
border: 0 !important;
border-radius: 999px !important;
background: #fff !important;
opacity: 1 !important;
transform: none !important;
transform-origin: center !important;
transition: width .38s var(--p4y-h3-ease), transform .42s var(--p4y-h3-ease), opacity .2s ease, background .24s ease !important;
}
body.p4y-fhf-active .p4y-fhf-burger span:nth-child(3) {
width: 18px !important;
}
body.p4y-fhf-active .p4y-fhf-burger[aria-expanded="true"] span {
width: 30px !important;
background: #fff !important;
}
body.p4y-fhf-active .p4y-fhf-burger[aria-expanded="true"] span:nth-child(1) {
transform: translateY(8px) rotate(45deg) !important;
}
body.p4y-fhf-active .p4y-fhf-burger[aria-expanded="true"] span:nth-child(2) {
opacity: 0 !important;
transform: scaleX(.4) !important;
}
body.p4y-fhf-active .p4y-fhf-burger[aria-expanded="true"] span:nth-child(3) {
transform: translateY(-8px) rotate(-45deg) !important;
} body.p4y-fhf-active .p4y-fhf-right {
grid-column: 3 !important;
grid-row: 1 !important;
position: static !important;
z-index: 10020 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
justify-self: stretch !important;
min-width: 0 !important;
margin: 0 !important;
gap: var(--p4y-h3-button-gap) !important;
pointer-events: none !important;
}
body.p4y-fhf-active .p4y-fhf-phone,
body.p4y-fhf-active .p4y-fhf-phone-desktop,
body.p4y-fhf-active .p4y-fhf-cta,
body.p4y-fhf-active .p4y-fhf-cta-desktop {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: max-content !important;
min-height: var(--p4y-h3-button-height) !important;
margin: 0 !important;
border: 1px solid rgba(255, 255, 255, .28) !important;
border-radius: var(--p4y-h3-button-radius) !important;
color: #fff !important;
background: rgba(255, 255, 255, .13) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 6px 20px rgba(0, 0, 0, .07) !important;
backdrop-filter: blur(var(--p4y-h3-button-blur)) saturate(1.04) !important;
-webkit-backdrop-filter: blur(var(--p4y-h3-button-blur)) saturate(1.04) !important;
overflow: hidden !important;
isolation: isolate !important;
pointer-events: auto !important;
transform: perspective(650px) translate(var(--p4y-fhf-cta-shift-x, 0px), var(--p4y-fhf-cta-shift-y, 0px)) rotateX(var(--p4y-button-tilt-x, 0deg)) rotateY(var(--p4y-button-tilt-y, 0deg)) !important;
transition: color .3s ease, background .3s ease, border-color .3s ease, box-shadow .3s ease, transform .42s var(--p4y-h3-ease), opacity .28s ease !important;
}
body.p4y-fhf-active .p4y-fhf-phone,
body.p4y-fhf-active .p4y-fhf-phone-desktop {
min-width: 136px !important;
max-width: none !important;
padding: 0 16px !important;
gap: 0 !important;
}
body.p4y-fhf-active .p4y-fhf-phone-label {
display: none !important;
}
body.p4y-fhf-active .p4y-fhf-phone-number,
body.p4y-fhf-active .p4y-fhf-cta > span:first-child {
color: currentColor !important;
font: var(--p4y-h3-button-weight) var(--p4y-h3-button-size)/1 "Helvetica Neue", Helvetica, Arial, sans-serif !important;
letter-spacing: .015em !important;
white-space: nowrap !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap .p4y-fhf-phone .p4y-fhf-phone-number,
body.p4y-fhf-active .p4y-fhf-header-wrap .p4y-fhf-cta > span:first-child {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: var(--p4y-h3-button-size) !important;
font-weight: var(--p4y-h3-button-weight) !important;
line-height: 1 !important;
letter-spacing: .015em !important;
}
body.p4y-fhf-active .p4y-fhf-cta,
body.p4y-fhf-active .p4y-fhf-cta-desktop {
min-width: 178px !important;
max-width: 218px !important;
padding: 0 28px !important;
gap: 0 !important;
font: var(--p4y-h3-button-weight) var(--p4y-h3-button-size)/1 "Helvetica Neue", Helvetica, Arial, sans-serif !important;
letter-spacing: .015em !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
body.p4y-fhf-active .p4y-fhf-cta-icon {
content: none !important;
display: none !important;
}
body.p4y-fhf-active .p4y-fhf-phone::before,
body.p4y-fhf-active .p4y-fhf-cta::before {
content: "" !important;
position: absolute !important;
inset: -1px !important;
z-index: 0 !important;
display: block !important;
border-radius: inherit !important;
background: radial-gradient(58px circle at var(--p4y-fhf-cta-hot-x, 50%) var(--p4y-fhf-cta-hot-y, 50%), var(--p4y-button-light, rgba(255, 255, 255, .48)), transparent 76%) !important;
pointer-events: none !important;
opacity: 0 !important;
transition: opacity .26s ease !important;
}
body.p4y-fhf-active .p4y-fhf-phone.is-hot::before,
body.p4y-fhf-active .p4y-fhf-cta.is-hot::before {
opacity: 1 !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-pointer-buttons="0"] .p4y-fhf-phone::before,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-pointer-buttons="0"] .p4y-fhf-phone::after,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-pointer-buttons="0"] .p4y-fhf-cta::before,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-pointer-buttons="0"] .p4y-fhf-cta::after {
display: none !important;
}
body.p4y-fhf-active .p4y-fhf-phone::after,
body.p4y-fhf-active .p4y-fhf-cta::after {
content: "" !important;
position: absolute !important;
top: -35% !important;
bottom: -35% !important;
left: -46% !important;
width: 34% !important;
z-index: 0 !important;
display: block !important;
border-radius: 0 !important;
background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .16) 24%, rgba(255, 255, 255, .56) 50%, rgba(255, 255, 255, .24) 72%, transparent 100%) !important;
pointer-events: none !important;
opacity: .9 !important;
transform: translateX(0) skewX(-18deg) !important;
transform-origin: center !important;
transition: transform .72s var(--p4y-h3-ease), opacity .24s ease !important;
}
body.p4y-fhf-active .p4y-fhf-phone > *,
body.p4y-fhf-active .p4y-fhf-cta > * {
position: relative !important;
z-index: 1 !important;
}
body.p4y-fhf-active .p4y-fhf-phone:hover::after,
body.p4y-fhf-active .p4y-fhf-phone:focus-visible::after,
body.p4y-fhf-active .p4y-fhf-cta:hover::after,
body.p4y-fhf-active .p4y-fhf-cta:focus-visible::after {
transform: translateX(480%) skewX(-18deg) !important;
}
body.p4y-fhf-active .p4y-fhf-phone:hover,
body.p4y-fhf-active .p4y-fhf-phone:focus-visible,
body.p4y-fhf-active .p4y-fhf-cta:hover,
body.p4y-fhf-active .p4y-fhf-cta:focus-visible {
border-color: rgba(255, 255, 255, .52) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 10px 26px rgba(0, 0, 0, .1) !important;
transform: perspective(650px) translate(var(--p4y-fhf-cta-shift-x, 0px), calc(var(--p4y-fhf-cta-shift-y, 0px) - 1px)) rotateX(var(--p4y-button-tilt-x, 0deg)) rotateY(var(--p4y-button-tilt-y, 0deg)) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header]:not(.is-menu-open) .p4y-fhf-phone.p4y-contrast-light:hover,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header]:not(.is-menu-open) .p4y-fhf-phone.p4y-contrast-light:focus-visible {
color: var(--p4y-h3-ink) !important;
border-color: rgba(23, 21, 18, .32) !important;
background: rgba(255, 255, 255, .92) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header]:not(.is-menu-open) .p4y-fhf-phone.p4y-contrast-dark:hover,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header]:not(.is-menu-open) .p4y-fhf-phone.p4y-contrast-dark:focus-visible {
color: #fff !important;
border-color: rgba(255, 255, 255, .62) !important;
background: rgba(255, 255, 255, .19) !important;
} body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-phone[data-p4y-local-contrast="light"],
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-phone[data-p4y-local-contrast="light"] .p4y-fhf-phone-number {
color: var(--p4y-h3-ink) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-phone[data-p4y-local-contrast="dark"],
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-phone[data-p4y-local-contrast="dark"] .p4y-fhf-phone-number {
color: #fff !important;
} body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-burger.p4y-contrast-light span {
background: var(--p4y-h3-ink) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-burger.p4y-contrast-dark span {
background: #fff !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-burger.p4y-contrast-light,
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-burger.p4y-contrast-dark {
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-logo.p4y-contrast-light .p4y-fhf-editorial-wordmark {
color: var(--p4y-h3-ink) !important;
text-shadow: none !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-logo.p4y-contrast-dark .p4y-fhf-editorial-wordmark {
color: #fff !important;
text-shadow: 0 2px 16px rgba(0, 0, 0, .24) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-editorial-wordmark > span.p4y-contrast-light {
color: var(--p4y-h3-ink) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-editorial-wordmark > span.p4y-contrast-dark {
color: #fff !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-logo.p4y-contrast-light.p4y-contrast-mixed .p4y-fhf-editorial-wordmark {
filter: drop-shadow(0 0 8px rgba(255, 255, 255, .78)) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-logo.p4y-contrast-dark.p4y-contrast-mixed .p4y-fhf-editorial-wordmark {
filter: drop-shadow(0 0 8px rgba(0, 0, 0, .58)) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header]:not(.is-menu-open) .p4y-fhf-phone.p4y-contrast-light,
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-cta.p4y-contrast-light {
color: var(--p4y-h3-ink) !important;
--p4y-button-light: rgba(23, 21, 18, .12);
border-color: rgba(23, 21, 18, .12) !important;
background: rgba(255, 255, 255, .78) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 8px 24px rgba(23, 21, 18, .07) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header]:not(.is-menu-open) .p4y-fhf-phone.p4y-contrast-dark,
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-cta.p4y-contrast-dark {
color: #fff !important;
border-color: rgba(255, 255, 255, .28) !important;
background: rgba(255, 255, 255, .13) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-phone.p4y-contrast-light::after,
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-cta.p4y-contrast-light::after,
body.p4y-fhf-active .p4y-fhf-header-wrap.is-menu-open .p4y-fhf-phone::after,
body.p4y-fhf-active .p4y-fhf-header-wrap.is-menu-open .p4y-fhf-cta::after {
background: linear-gradient(90deg, transparent 0%, rgba(23, 21, 18, .04) 24%, rgba(255, 255, 255, .62) 50%, rgba(23, 21, 18, .08) 72%, transparent 100%) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header]:not(.is-menu-open) .p4y-fhf-phone.p4y-contrast-light:hover,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header]:not(.is-menu-open) .p4y-fhf-phone.p4y-contrast-light:focus-visible,
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-cta.p4y-contrast-light:hover,
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-cta.p4y-contrast-light:focus-visible,
body.p4y-fhf-active .p4y-fhf-header-wrap.is-menu-open .p4y-fhf-phone:hover,
body.p4y-fhf-active .p4y-fhf-header-wrap.is-menu-open .p4y-fhf-phone:focus-visible,
body.p4y-fhf-active .p4y-fhf-header-wrap.is-menu-open .p4y-fhf-cta:hover,
body.p4y-fhf-active .p4y-fhf-header-wrap.is-menu-open .p4y-fhf-cta:focus-visible {
color: var(--p4y-h3-ink) !important;
border-color: rgba(23, 21, 18, .28) !important;
background: rgba(255, 255, 255, .68) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-phone.p4y-contrast-light:hover .p4y-fhf-phone-number,
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-phone.p4y-contrast-light:focus-visible .p4y-fhf-phone-number,
body.p4y-fhf-active .p4y-fhf-header-wrap.is-menu-open .p4y-fhf-phone:hover .p4y-fhf-phone-number,
body.p4y-fhf-active .p4y-fhf-header-wrap.is-menu-open .p4y-fhf-phone:focus-visible .p4y-fhf-phone-number {
color: var(--p4y-h3-ink) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header]:not(.is-menu-open) .p4y-fhf-phone.p4y-contrast-dark:hover,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header]:not(.is-menu-open) .p4y-fhf-phone.p4y-contrast-dark:focus-visible,
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-cta.p4y-contrast-dark:hover,
body.p4y-fhf-active .p4y-fhf-header-wrap:not(.is-menu-open) .p4y-fhf-cta.p4y-contrast-dark:focus-visible {
color: #fff !important;
border-color: rgba(255, 255, 255, .58) !important;
background: rgba(255, 255, 255, .18) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header]:not(.is-menu-open) .p4y-fhf-phone.p4y-contrast-light .p4y-fhf-phone-number,
body.p4y-fhf-active .p4y-fhf-header-wrap.is-menu-open .p4y-fhf-phone-number {
color: var(--p4y-h3-ink) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header]:not(.is-menu-open) .p4y-fhf-phone.p4y-contrast-dark .p4y-fhf-phone-number {
color: #fff !important;
} body.p4y-fhf-active .p4y-fhf-project-link {
display: block;
margin: 18px 0;
padding: 12px 0;
color: var(--p4y-h3-ink) !important;
font: 400 20px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none;
}
body.p4y-fhf-active .p4y-fhf-mobile-panel,
body.p4y-fhf-active .p4y-fhf-mobile-panel:not(.is-open) {
position: fixed !important;
inset: 0 !important;
z-index: 10000 !important;
display: block !important;
width: 100vw !important;
height: 100dvh !important;
min-height: 100dvh !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: rgba(10, 10, 9, .59) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
overflow: hidden !important;
contain: strict !important;
transform: none !important;
transition: opacity .48s ease, visibility .48s ease !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-panel.is-open {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu-wrap {
position: absolute !important;
inset: 0 0 0 auto !important;
display: block !important;
width: var(--p4y-h3-drawer-width) !important;
height: 100% !important;
max-height: none !important;
margin: 0 !important;
padding: clamp(200px, 25vh, 230px) clamp(84px, 11vw, 145px) 48px !important;
border: 0 !important;
border-radius: 0 !important;
color: var(--p4y-h3-ink) !important;
background: var(--p4y-h3-paper) !important;
box-shadow: -30px 0 90px rgba(0, 0, 0, .14) !important;
overflow-x: hidden !important;
overflow-y: auto !important;
overscroll-behavior: contain !important;
opacity: 1 !important;
transform: translate3d(0, 0, 0) !important;
transition: none !important;
} body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-mobile-panel .p4y-fhf-mobile-menu-wrap {
position: absolute !important;
inset: 0 0 0 auto !important;
margin: 0 !important;
border-radius: 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu-wrap::before,
body.p4y-fhf-active .p4y-fhf-mobile-menu-wrap::after {
content: none !important;
display: none !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu,
body.p4y-fhf-active .p4y-fhf-mobile-menu li {
display: block !important;
list-style: none !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li {
position: relative !important;
opacity: 0;
transform: none !important;
transition: none !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-panel.is-open .p4y-fhf-mobile-menu > li {
opacity: 1;
transform: translate3d(0, 0, 0) !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li + li {
margin-top: 2px !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li > a,
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.p4y-fhf-has-toggle > a {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
min-height: 59px !important;
padding: 7px 56px 7px 0 !important;
border: 0 !important;
border-radius: 0 !important;
color: var(--p4y-h3-ink) !important;
background: transparent !important;
box-shadow: none !important;
text-align: left !important;
text-decoration: none !important;
text-transform: none !important;
font-family: Georgia, "Times New Roman", serif !important;
font-size: var(--p4y-h3-menu-size) !important;
font-weight: 400 !important;
line-height: 1.08 !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
opacity: 1 !important;
transform: none !important;
transition: opacity .24s ease, transform .38s var(--p4y-h3-ease) !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li > a::after {
content: "" !important;
position: absolute !important;
left: 0 !important;
bottom: 4px !important;
display: block !important;
width: 44px !important;
height: 1px !important;
background: currentColor !important;
opacity: .32 !important;
transform: scaleX(0) !important;
transform-origin: right center !important;
transition: transform .42s var(--p4y-h3-ease), opacity .24s ease !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li > a:hover,
body.p4y-fhf-active .p4y-fhf-mobile-menu > li > a:focus-visible {
color: var(--p4y-h3-ink) !important;
background: transparent !important;
opacity: .58 !important;
transform: translateX(8px) !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li > a:hover::after,
body.p4y-fhf-active .p4y-fhf-mobile-menu > li > a:focus-visible::after {
opacity: .68 !important;
transform: scaleX(1) !important;
transform-origin: left center !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.p4y-fhf-has-toggle {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 44px !important;
align-items: center !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.p4y-fhf-has-toggle > a { grid-column: 1; grid-row: 1; }
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.p4y-fhf-has-toggle > .sub-menu { grid-column: 1 / -1; grid-row: 2; }
body.p4y-fhf-active .p4y-fhf-submenu-toggle {
position: relative !important;
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: end !important;
right: 0 !important;
top: auto !important;
z-index: 2 !important;
display: grid !important;
place-items: center !important;
width: 38px !important;
min-width: 38px !important;
height: 38px !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid rgba(23, 21, 18, .14) !important;
border-radius: 50% !important;
color: var(--p4y-h3-ink) !important;
background: transparent !important;
box-shadow: none !important;
transform: none !important;
transition: border-color .25s ease, background .25s ease, transform .44s var(--p4y-h3-ease) !important;
}
body.p4y-fhf-active .p4y-fhf-submenu-toggle:hover,
body.p4y-fhf-active .p4y-fhf-submenu-toggle:focus-visible {
border-color: rgba(23, 21, 18, .32) !important;
color: #fff !important;
background: var(--p4y-h3-ink) !important;
transform: scale(1.06) !important;
}
body.p4y-fhf-active .p4y-fhf-submenu-toggle span {
position: relative !important;
display: grid !important;
place-items: center !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
transform: none !important;
transition: transform .44s var(--p4y-h3-ease) !important;
}
body.p4y-fhf-active .p4y-fhf-submenu-toggle span::before,
body.p4y-fhf-active .p4y-fhf-submenu-toggle span::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 1.5px;
background: currentColor;
transform: translate(-50%, -50%);
}
body.p4y-fhf-active .p4y-fhf-submenu-toggle span::after {
transform: translate(-50%, -50%) rotate(90deg);
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.is-open > .p4y-fhf-submenu-toggle span {
transform: rotate(45deg) !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li > .sub-menu {
position: static !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
color: inherit !important;
background: transparent !important;
box-shadow: none !important;
overflow: hidden !important;
opacity: 0 !important;
visibility: hidden !important;
transform: translateY(-8px) !important;
transition: max-height .62s var(--p4y-h3-ease), padding .5s var(--p4y-h3-ease), opacity .3s ease, transform .5s var(--p4y-h3-ease), visibility .3s ease !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.is-open > .sub-menu {
max-height: 660px !important;
padding: 1px 0 16px 18px !important;
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li > .sub-menu li {
opacity: 0 !important;
transform: translateX(14px) !important;
transition: opacity .3s ease, transform .48s var(--p4y-h3-ease) !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.is-open > .sub-menu li {
opacity: 1 !important;
transform: translateX(0) !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.is-open > .sub-menu li:nth-child(1) { transition-delay: .08s !important; }
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.is-open > .sub-menu li:nth-child(2) { transition-delay: .12s !important; }
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.is-open > .sub-menu li:nth-child(3) { transition-delay: .16s !important; }
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.is-open > .sub-menu li:nth-child(4) { transition-delay: .2s !important; }
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.is-open > .sub-menu li:nth-child(n+5) { transition-delay: .24s !important; }
body.p4y-fhf-active .p4y-fhf-mobile-menu > li > .sub-menu a {
display: block !important;
width: 100% !important;
padding: 8px 0 !important;
border: 0 !important;
border-radius: 0 !important;
color: rgba(23, 21, 18, .62) !important;
background: transparent !important;
box-shadow: none !important;
text-align: left !important;
text-decoration: none !important;
font: 500 14px/1.35 "Helvetica Neue", Helvetica, Arial, sans-serif !important;
letter-spacing: 0 !important;
transition: color .2s ease, transform .32s var(--p4y-h3-ease) !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li > .sub-menu a:hover,
body.p4y-fhf-active .p4y-fhf-mobile-menu > li > .sub-menu a:focus-visible {
color: var(--p4y-h3-ink) !important;
background: transparent !important;
transform: translateX(4px) !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-cta-wrap,
body.p4y-fhf-active .p4y-fhf-mobile-cta,
body.p4y-fhf-active .p4y-fhf-cta-mobile,
body.p4y-fhf-active .p4y-fhf-panel-phone {
display: none !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap.is-menu-open .p4y-fhf-right > .p4y-fhf-phone,
body.p4y-fhf-active .p4y-fhf-header-wrap.is-menu-open .p4y-fhf-right > .p4y-fhf-cta {
color: var(--p4y-h3-ink) !important;
border-color: rgba(23, 21, 18, .1) !important;
background: rgba(255, 255, 255, .8) !important;
box-shadow: 0 7px 22px rgba(23, 21, 18, .07) !important;
}
@media (min-width: 981px) {
body.p4y-fhf-active .p4y-fhf-header-wrap.hide-phone-desktop .p4y-fhf-right > .p4y-fhf-phone,
body.p4y-fhf-active .p4y-fhf-header-wrap.hide-cta-desktop .p4y-fhf-right > .p4y-fhf-cta {
display: none !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap.p4y-hide-actions-menu.is-menu-open .p4y-fhf-right > .p4y-fhf-phone,
body.p4y-fhf-active .p4y-fhf-header-wrap.p4y-hide-actions-menu.is-menu-open .p4y-fhf-right > .p4y-fhf-cta {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translateY(-8px) !important;
}
}
@media (max-width: 980px) {
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header].hide-phone-mobile .p4y-fhf-mobile-panel .p4y-fhf-panel-phone,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header].hide-cta-mobile .p4y-fhf-mobile-panel .p4y-fhf-mobile-cta-wrap {
display: none !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] {
height: var(--p4y-h3-height-mobile) !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-header-inner,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header].is-scrolled .p4y-fhf-header-inner,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header].is-expanded.is-scrolled .p4y-fhf-header-inner {
min-height: var(--p4y-h3-height-mobile) !important;
height: var(--p4y-h3-height-mobile) !important;
padding: 0 var(--p4y-h3-gutter-mobile) !important;
}
body.p4y-fhf-active .p4y-fhf-logo {
max-width: 48vw !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap.p4y-hide-logo-menu.is-menu-open .p4y-fhf-logo {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translateY(-8px) !important;
}
body.p4y-fhf-active .p4y-fhf-editorial-wordmark {
font-size: var(--p4y-h3-logo-size-mobile) !important;
}
body.p4y-fhf-active .p4y-fhf-burger {
left: 8px !important;
width: 44px !important;
min-width: 44px !important;
height: 44px !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap.is-menu-open .p4y-fhf-burger span {
background: var(--p4y-h3-ink) !important;
}
body.p4y-fhf-active .p4y-fhf-right > .p4y-fhf-phone,
body.p4y-fhf-active .p4y-fhf-right > .p4y-fhf-cta {
display: none !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu-wrap {
width: 100vw !important;
padding: max(clamp(112px, 18dvh, 156px), calc(96px + env(safe-area-inset-top, 0px))) max(24px, env(safe-area-inset-right, 0px)) calc(166px + env(safe-area-inset-bottom, 0px)) max(24px, env(safe-area-inset-left, 0px)) !important;
box-shadow: none !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap.p4y-show-mobile-actions .p4y-fhf-mobile-panel.is-open .p4y-fhf-mobile-cta-wrap {
position: fixed !important;
left: 24px !important;
right: 24px !important;
bottom: calc(68px + env(safe-area-inset-bottom, 0px)) !important;
z-index: 10040 !important;
display: block !important;
width: auto !important;
margin: 0 !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap.p4y-show-mobile-actions .p4y-fhf-mobile-panel.is-open .p4y-fhf-mobile-cta {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-height: 48px !important;
padding: 0 22px !important;
border: 1px solid rgba(23, 21, 18, .18) !important;
border-radius: 999px !important;
color: #fff !important;
background: var(--p4y-h3-ink) !important;
box-shadow: 0 12px 28px rgba(23, 21, 18, .16) !important;
text-decoration: none !important;
font: var(--p4y-h3-button-weight) 12px/1 "Helvetica Neue", Helvetica, Arial, sans-serif !important;
letter-spacing: .015em !important;
text-transform: uppercase !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap.p4y-show-mobile-actions .p4y-fhf-mobile-panel.is-open .p4y-fhf-panel-phone {
position: fixed !important;
left: 24px !important;
right: 24px !important;
bottom: calc(20px + env(safe-area-inset-bottom, 0px)) !important;
z-index: 10040 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 44px !important;
color: var(--p4y-h3-ink) !important;
text-decoration: none !important;
font: var(--p4y-h3-button-weight) 13px/1 "Helvetica Neue", Helvetica, Arial, sans-serif !important;
letter-spacing: .015em !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li > a,
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.p4y-fhf-has-toggle > a {
min-height: 64px !important;
padding: 6px 50px 6px 0 !important;
font-size: var(--p4y-h3-menu-size-mobile) !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.p4y-fhf-has-toggle > a { padding-right: 8px !important; }
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.p4y-fhf-menu-cta-link > a {
font-size: clamp(20px, 6.45vw, 27px) !important;
}
body.p4y-fhf-active .p4y-fhf-submenu-toggle {
top: auto !important;
width: 44px !important;
min-width: 44px !important;
height: 44px !important;
}
}
@media (max-width: 390px) {
body.p4y-fhf-active .p4y-fhf-logo {
max-width: 42vw !important;
}
body.p4y-fhf-active .p4y-fhf-editorial-wordmark {
font-size: var(--p4y-h3-logo-size-mobile) !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-menu > li > a,
body.p4y-fhf-active .p4y-fhf-mobile-menu > li.p4y-fhf-has-toggle > a {
font-size: var(--p4y-h3-menu-size-mobile) !important;
}
}
@media (max-width: 360px) {
body.p4y-fhf-active .p4y-fhf-mobile-menu-wrap {
padding-left: max(24px, env(safe-area-inset-left, 0px)) !important;
padding-right: max(24px, env(safe-area-inset-right, 0px)) !important;
}
}
@media (prefers-reduced-motion: reduce) {
body.p4y-fhf-active .p4y-fhf-header-wrap *,
body.p4y-fhf-active .p4y-fhf-header-wrap *::before,
body.p4y-fhf-active .p4y-fhf-header-wrap *::after {
animation: none !important;
transition-duration: .01ms !important;
scroll-behavior: auto !important;
}
}
@media (prefers-reduced-motion: reduce) {
body.p4y-fhf-active .p4y-fhf-editorial-wordmark strong.is-hola-spin {
animation: p4y-brand-four-fade 1.8s ease 1 !important;
}
}
@keyframes p4y-brand-four-fade {
0% { opacity: .35; }
100% { opacity: 1; }
} body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-phone[data-p4y-local-contrast="light"],
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-phone[data-p4y-local-contrast="light"]:hover,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-phone[data-p4y-local-contrast="light"]:focus-visible {
color: var(--p4y-h3-ink) !important;
background: rgba(255, 255, 255, .92) !important;
border-color: rgba(23, 21, 18, .32) !important;
text-shadow: none !important;
filter: none !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-phone[data-p4y-local-contrast="dark"],
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-phone[data-p4y-local-contrast="dark"]:hover,
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-phone[data-p4y-local-contrast="dark"]:focus-visible {
color: #fff !important;
background: rgba(23, 21, 18, .28) !important;
border-color: rgba(255, 255, 255, .62) !important;
text-shadow: none !important;
filter: none !important;
}
body.p4y-fhf-active .p4y-fhf-header-wrap[data-p4y-fhf-header] .p4y-fhf-phone .p4y-fhf-phone-number {
color: inherit !important;
text-shadow: inherit !important;
}
@media (max-width: 980px) { body.p4y-fhf-active .p4y-fhf-mobile-panel.is-open.has-mobile-submenu-open .p4y-fhf-mobile-cta-wrap,
body.p4y-fhf-active .p4y-fhf-mobile-panel.is-open.has-mobile-submenu-open .p4y-fhf-panel-phone {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translate3d(0, 24px, 0) scale(.96) !important;
}
body.p4y-fhf-active .p4y-fhf-mobile-cta-wrap,
body.p4y-fhf-active .p4y-fhf-panel-phone {
transition: opacity .62s cubic-bezier(.22, 1, .36, 1), visibility .62s ease, transform .72s cubic-bezier(.22, 1, .36, 1) !important;
}
}