.elementor-kit-44{--e-global-color-primary:#002250;--e-global-color-secondary:#003479;--e-global-color-text:#4A5568;--e-global-color-accent:#395F92;--e-global-color-fd107f2:#F6F7F9;--e-global-color-9ce85e9:#FFFFFF;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Cormorant Garamond";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;font-family:"Inter", Sans-serif;font-size:17px;font-weight:300;line-height:1.78em;}.elementor-kit-44 e-page-transition{background-color:#FFBC7D;}.elementor-kit-44 h1{font-family:"Cormorant Garamond", Sans-serif;font-size:80px;font-weight:400;}.elementor-kit-44 h2{font-family:"Cormorant Garamond", Sans-serif;font-size:50px;font-weight:400;}.elementor-kit-44 h3{font-family:"Cormorant Garamond", Sans-serif;font-size:29px;font-weight:400;line-height:1.16em;}.elementor-kit-44 h4{font-family:"Cormorant Garamond", Sans-serif;font-size:23px;font-weight:400;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-44{font-size:17px;line-height:1.78em;}.elementor-kit-44 h1{font-size:58px;line-height:1.14em;}.elementor-kit-44 h2{font-size:40px;line-height:1.14em;}.elementor-kit-44 h3{font-size:26px;line-height:1.16em;}.elementor-kit-44 h4{font-size:22px;line-height:1.3em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-44{font-size:16px;line-height:1.78em;}.elementor-kit-44 h1{font-size:42px;line-height:1.14em;}.elementor-kit-44 h2{font-size:31px;line-height:1.14em;}.elementor-kit-44 h3{font-size:25px;line-height:1.16em;}.elementor-kit-44 h4{font-size:21px;line-height:1.3em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ===== Header: transparent at top, fills to navy on scroll ===== */

.pv-header {
    background-color: #002250;
    transition: background-color .35s ease;
}

@supports (animation-timeline: scroll()) {
    .pv-header {
        background-color: transparent;
        animation: pvHeaderFill linear both;
        animation-timeline: scroll(root);
        animation-range: 0 120px;
    }
    @keyframes pvHeaderFill {
        from { background-color: rgba(0, 34, 80, 0); }
        to   { background-color: rgba(0, 34, 80, 1); }
    }
}


/* ===== Portfolio cards: lift and shadow on hover ===== */

.pv-card {
    transition: transform .45s ease, box-shadow .45s ease, border-color .45s ease;
}

.pv-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 58px rgba(0, 34, 80, 0.13);
    border-color: rgba(57, 95, 146, 0.4);
}


/* ===== Portfolio cards: photo colours in from anywhere on the card ===== */

.pv-card .elementor-widget-image img {
    transition: filter .6s ease;
}

.pv-card:hover .elementor-widget-image img {
    filter: saturate(100%) !important;
}/* End custom CSS */