/* === Base === */
html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: "Barlow", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;

}

img {
    max-width: 100%;
    height: auto;
}

a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

p {
    margin: 0 0 20px
}
section, .section{
    padding:120px 0
}

.skip-link {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 1000;
    padding: 8px 16px;
    background-color: #F5F4F2;
    color: #181C21;
}

/* === Utilities === */
.container.ultra_wide {
    max-width: 1920px;
    padding-left: 20px;
    padding-right: 20px;
}

.text_upper {
    text-transform: uppercase;
}

.fw_700 {
    font-weight: 700;
}

/* === Header === */
.site-header {
    position: relative;
    z-index: 50;
}

.header-top {
    background-color: #4E8CA8;
}

.header-top .row {
    min-height: 32px;
}

.search-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    margin-right: -9px;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.search-toggle img {
    display: block;
    width: 14px;
    height: 14px;
}

.search-toggle:focus-visible,
.menu-toggle:focus-visible,
.header-logo:focus-visible,
.main-menu .nav-link:focus-visible {
    outline: 2px solid #F5F4F2;
    outline-offset: 3px;
}

.header-search {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #4E8CA8;
}

.header-search .form-control {
    height: 40px;
    border: 0;
    border-radius: 0;
    font-family: "Barlow", Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.btn_search {
    height: 40px;
    padding: 0 20px;
    border: 1px solid #F5F4F2;
    background-color: transparent;
    color: #F5F4F2;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.64px;
    text-transform: uppercase;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.btn_search:hover,
.btn_search:focus-visible {
    background-color: #F5F4F2;
    color: #181C21;
}

.header-main {
    background-color: #181C21;
    position: relative
}

.header-main-shape {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover
}

.header-main .navbar {
    min-height: 90px;
}

.header-logo {
    display: block;
    padding: 18px 0;
}

.header-logo img {
    display: block;
    width: 130px;
    height: auto;
}

.menu-toggle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    width: 44px;
    height: 44px;
    padding: 10px;
    border: 0;
    background: transparent;
}

.menu-toggle-bar {
    display: block;
    width: 24px;
    height: 2px;
    background-color: #F5F4F2;
    transition: transform 0.25s ease, opacity 0.25s ease;
}

.menu-toggle[aria-expanded="true"] .menu-toggle-bar:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}

.menu-toggle[aria-expanded="true"] .menu-toggle-bar:nth-child(2) {
    opacity: 0;
}

.menu-toggle[aria-expanded="true"] .menu-toggle-bar:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}

.main-menu {
    align-items: center;
    padding-bottom: 20px;
    text-align: center;
}

.main-menu .nav-item {
    width: 100%;
}

.main-menu .nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 12px 0;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.64px;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(245, 244, 242, 0.12);
}

.main-menu .nav-link:hover,
.main-menu .nav-link:focus {
    color: #4E8CA8;
}

.main-menu .menu-icon .nav-link {
    flex-direction: column;
    gap: 10px;
}

.main-menu .menu-icon img {
    display: block;
    width: 46px;
    height: 18px;
}

@media (min-width: 576px) {
    .container.ultra_wide {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 992px) {
    .container.ultra_wide {
        padding-left: 40px;
        padding-right: 40px;
    }

    .header-main .navbar {
        min-height: 120px;
    }

    .header-logo {
        padding: 0;
    }

    .header-logo img {
        width: 160px;
    }

    .main-menu {
        align-items: center;
        padding-bottom: 0;
        text-align: left;
    }

    .main-menu .nav-item {
        width: auto;
    }

    .main-menu .menu-icon .nav-link {
        flex-direction: row;
        gap: 0;
    }

    .main-menu .nav-item + .nav-item {
        margin-left: 40px;
    }

    .main-menu .nav-link {
        padding: 0;
        border-bottom: 0;
    }

    .main-menu .menu-icon-label {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }
}

@media (min-width: 1400px) {
    .container.ultra_wide {
        padding-left: 56px;
        padding-right: 54px;
    }

    .header-logo img {
        width: 192px;
    }

    .main-menu .nav-item + .nav-item {
        margin-left: 40px;
    }

    .main-menu .menu-icon + .nav-item {
        margin-left: 40px;
    }
}

/* === Hero Slider === */
.hero-area {
    position: relative;
    background-color: #181C21;
    overflow: hidden;
    padding:0
}

.hero-wrap {
    position: relative;
    width: 100%;
}

.hero-slider {
    position: relative;
    width: 100%;
}

.hero-slider:not(.slick-initialized) .hero-slide + .hero-slide {
    display: none;
}

.hero-slide {
    position: relative;
}

.hero-slide-media {
    position: relative;
    width: 100%;
    aspect-ratio: 1920 / 1015;
    overflow: hidden;
}

.hero-slide-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.1);
    pointer-events: none;
}

.hero-slide_dim-30 .hero-slide-media::after {
    background-color: rgba(0, 0, 0, 0.3);
}

.hero-slide_dim-55 .hero-slide-media::after {
    background-color: rgba(0, 0, 0, 0.55);
}

.hero-slide-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
}

.hero-slide-img_center {
    position: absolute;
    inset: 0;
    object-position: center center;
}

.hero-content {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    padding: 40px 0;
    color: #FFFFFF;
}

.hero-content .container {
    width: 100%;
}

.hero-content.style-1 .hero-title {
    font-size: 150px;
    text-transform: uppercase;
}

.hero-eyebrow {
    margin: 0;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.hero-title {
    margin: 14px 0 22px;
    color: #FFFFFF;
    font-family: "FS Industrie Condensed", "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 44px;
    letter-spacing: -0.01em;
}

.hero-content .hero-btn {
    min-width: 180px;
    height: 60px;
    margin-top: 0;
}

.hero-slider.slick-initialized .hero-eyebrow,
.hero-slider.slick-initialized .hero-title,
.hero-slider.slick-initialized .hero-btn,
.hero-slider.slick-initialized .hero-tagline-text {
    opacity: 0;
    transform: translateY(-32px);
    transition: opacity 0.9s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.9s cubic-bezier(0.22, 0.61, 0.36, 1);
    will-change: opacity, transform;
}

.hero-slider.slick-initialized .slick-active .hero-eyebrow,
.hero-slider.slick-initialized .slick-active .hero-title,
.hero-slider.slick-initialized .slick-active .hero-btn,
.hero-slider.slick-initialized .slick-active .hero-tagline-text {
    opacity: 1;
    transform: translateY(0);
}

.hero-slider.slick-initialized .slick-active .hero-eyebrow {
    transition-delay: 0.35s;
}

.hero-slider.slick-initialized .slick-active .hero-title {
    transition-delay: 0.45s;
}

.hero-slider.slick-initialized .slick-active .hero-btn {
    transition-delay: 0.6s;
}

.hero-slider.slick-initialized .slick-active .hero-tagline-text {
    transition-delay: 0.7s;
}

.hero-tagline {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 20px;
    background-color: #FFFFFF;
    text-align: center;
}

.hero-tagline-text {
    max-width: 1140px;
    margin: 0;
    color: #4E8CA8;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
}

.hero-tagline-text_wide {
    max-width: 1489px;
}

.hero-slider .slick-dots {
    position: absolute;
    top: 230px;
    right: 16px;
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
    transform: translateY(-50%);
}

.hero-slider .slick-dots li {
    margin: 0;
    padding: 0;
    line-height: 0;
}

.hero-slider .slick-dots button {
    display: block;
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background-color: #FFFFFF;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.hero-slider .slick-dots button:hover {
    transform: scale(1.15);
}

.hero-slider .slick-dots button:focus-visible {
    outline: 2px solid #FFFFFF;
    outline-offset: 3px;
}

.hero-slider .slick-dots .slick-active button {
    background-color: #AAAAAA;
}

@media (max-width: 767.98px) {
    .hero-slide-media {
        min-height: 460px;
    }

    .hero-slide_baked .hero-slide-img {
        object-fit: cover;
        object-position: center center;
    }

    .hero-slider .slick-dots {
        top: 426px;
        right: auto;
        left: 50%;
        flex-direction: row;
        gap: 14px;
        transform: translateX(-50%);
    }

    .hero-content.style-1 .hero-title {
        font-size: 40px
    }
}

@media (min-width: 768px) {
    .hero-tagline {
        padding: 36px 30px;
    }

    .hero-eyebrow {
        font-size: 16px;
        line-height: 22px;
    }

    .hero-title {
        margin: 16px 0 22px;
        font-size: 56px;
        line-height: 60px;
    }

    .hero-title span {
        display: block;
    }

    .hero-content .hero-btn {
        height: 72px;
    }

    .hero-tagline-text {
        font-size: 26px;
        line-height: 34px;
    }

    .hero-content.style-1 .hero-title {
        font-size: 70px
    }

    .hero-tagline-text span {
        display: block;
    }

    .hero-slider .slick-dots {
        top: 26.4vw;
        right: 2.5%;
        gap: 20px;
    }

    .hero-slider .slick-dots button {
        width: 12px;
        height: 12px;
    }
}

@media (min-width: 992px) {
    .hero-title {
        font-size: 72px;
        line-height: 78px;
    }
}

@media (min-width: 1200px) {
    .hero-tagline {
        min-height: 160px;
        padding: 0 30px;
    }

    .hero-content {
        align-items: flex-start;
        padding: 9.74% 0 0;
    }

    .hero-eyebrow {
        font-size: 20px;
        line-height: 24px;
    }

    .hero-title {
        margin: 21px 0 23px;
    }

    .hero-tagline-text {
        font-size: 32px;
        line-height: 40px;
    }

    .hero-slider .slick-dots {
        top: 18.65vw;
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    .menu-toggle-bar,
    .hero-slider .slick-dots button {
        transition: none;
    }

    .hero-slider.slick-initialized .hero-eyebrow,
    .hero-slider.slick-initialized .hero-title,
    .hero-slider.slick-initialized .hero-btn,
    .hero-slider.slick-initialized .hero-tagline-text {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

@media (min-width: 1400px) {
    .hero-title {
        font-size: 88px;
        line-height: 92px;
    }
}

/* === Shared Section Type === */
.clr_blue {
    color: #4E8CA8;
}

.customise-title,
.custom-card-title,
.use-card-title,
.feature-number,
.feature-title {
    font-family: "FS Industrie Condensed", "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
    letter-spacing: -0.01em;
}

/* === Customise Intro === */
.customise-intro {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #F5F4F2;
    background-size: cover;
    color: #2E2424;
    position: relative
}

.customise-intro .container {
    position: relative;
    z-index: 9
}

.customise-intro-shape {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover
}

.customise-title {
    margin: 0 0 12px;
    color: #2E2424;
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
}

.customise-lead {
    max-width: 933px;
    margin: 0 auto;
    color: #2E2424;
    font-weight: 500;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: -0.01em;
}

/* === Customise Cards === */
.customise-cards {
    padding-bottom: 50px;
    background-color: #FFFFFF;
}

.custom-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #4E8CA8;
}

.custom-card-img {
    display: block;
    width: 100%;
    aspect-ratio: 552 / 481;
    object-fit: cover;
}

.custom-card-body {
    flex-grow: 1;
    padding: 28px 24px 36px;
    color: #FFFFFF;
}

.custom-card-title {
    margin: 0 0 16px;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
}

.custom-card-body p {
    max-width: 432px;
    margin: 0;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: -0.01em;
}

.btn_gold {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 199px;
    height: 72px;
    margin-top: 50px;
    padding: 0 20px;
    border: 1px solid #A0722A;
    background-color: #A0722A;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.btn_gold:hover,
.btn_gold:focus-visible {
    border-color: #A0722A;
    background-color: #FFFFFF;
    box-shadow: inset 0 0 0 1px #A0722A;
    color: #A0722A;
}

.btn_gold:focus-visible {
    outline: 2px solid #181C21;
    outline-offset: 3px;
}

/* === Use Cases === */
.use-cases {
    background-color: #FFFFFF;
}

.use-cases.ver-2 {
    padding-top: 150px
}

.use-cases.ver-2 .use-card span {
    font-size: 20px
}

.use-card {
    position: relative;
    height: 100%;
    overflow: hidden;
    background-color: #181C21;
}

.use-cases.ver-2 .use-card-body {
    max-width: 430px;

}

.use-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(180deg, rgba(102, 102, 102, 0) 25%, rgba(0, 0, 0, 0.48) 65%);
    pointer-events: none;
}

.use-card-img {
    display: block;
    width: 100%;
    aspect-ratio: 552 / 750;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.use-card:hover .use-card-img {
    transform: scale(1.04);
}

.use-card-body {
    position: absolute;
    right: 24px;
    bottom: 32px;
    left: 24px;
    z-index: 1;
    max-width: 453px;
    color: #FFFFFF;
}

.use-card-title {
    margin: 0 0 16px;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 40px;
    line-height: 1;
}

.use-card-body p {
    margin: 0;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: -0.01em;
}

/* === Features === */
.features-area {
    padding-top: 60px;
    padding-bottom: 70px;
    background-color: #FFFFFF;
    color: #181C21;
}

.feature-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-bottom: 40px;
    padding-left: 16px;
    border-left: 1px solid #13354C;
}

.feature-number {
    margin: 0;
    color: #A0722A;
    font-weight: 700;
    font-size: 56px;
    line-height: 64px;
}

.feature-title {
    margin: 32px 0 16px;
    color: #181C21;
    font-weight: 500;
    font-size: 36px;
    line-height: 42px;
}

.feature-text {
    max-width: 394px;
    margin: 0;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: -0.01em;
}

@media (min-width: 768px) {
    .customise-title {
        font-size: 64px;
        line-height: 76px;
    }

    .custom-card-title span,
    .feature-title span {
        display: block;
    }

    .feature-item {
        margin-bottom: 0;
        margin-left: 24px;
    }
}

@media (min-width: 992px) {
    .customise-intro {
        padding-top: 56px;
        padding-bottom: 74px;
    }

    .customise-lead {
        font-size: 20px;
        line-height: 33px;
    }

    .custom-card-body {
        padding: 31px 40px 40px;
    }

    .custom-card-title {
        font-size: 48px;
        line-height: 56px;
    }

    .custom-card-body p,
    .use-card-body p {
        font-size: 18px;
        line-height: 30px;
    }

    .use-card-body {
        right: 40px;
        left: 40px;
        bottom: 40px;
    }

    .use-card-title {
        font-size: 48px;
    }

    .features-area {
        padding-top: 100px;
        padding-bottom: 110px;
    }

    .feature-item {
        margin-left: 40px;
    }

    .feature-number {
        font-size: 72px;
        line-height: 88px;
    }

    .feature-title {
        margin-top: 120px;
        margin-bottom: 100px;
        font-size: 44px;
        line-height: 52px;
    }

    .feature-text {
        font-size: 18px;
        line-height: 30px;
    }
}

@media (min-width: 1400px) {

    .faq-area .container.ultra_wide,
    .spec-cards .container.ultra_wide,
    .reads-area .container.ultra_wide,
    .customise-intro .container.ultra_wide,
    .customise-cards .container.ultra_wide,
    .use-cases .container.ultra_wide,
    .features-area .container.ultra_wide {
        padding-left: 6%;
        padding-right: 6%;
    }

    .customise-title {
        margin-bottom: 7px;
        font-size: 88px;
        line-height: 104px;
    }

    .custom-card-body {
        padding: 31px 69px 40px 60px;
    }

    .custom-card-title {
        margin-bottom: 15px;
        font-size: 56px;
        line-height: 64px;
    }

    .custom-card-body p,
    .use-card-body p,
    .feature-text {
        font-size: 20px;
        line-height: 32px;
    }

    .btn_gold {
        margin-top: 73px;
    }

    .customise-cards {
        padding-bottom: 102px;
    }

    .use-card-body {
        right: auto;
        left: 60px;
        bottom: 50px;
    }

    .use-card-title {
        margin-bottom: 22px;
        font-size: 56px;
    }

    .use-card-body p {
        line-height: 28px;
    }

    .features-area {
        padding-top: 141px;
        padding-bottom: 160px;
    }

    .feature-item {
        min-height: 696px;
        margin-left: 0;
    }

    .feature-number {
        margin-top: -24px;
        font-size: 88px;
        line-height: 104px;
    }

    .feature-title {
        margin-top: 190px;
        margin-bottom: 157px;
        font-size: 56px;
        line-height: 64px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .use-card-img {
        transition: none;
    }

    .use-card:hover .use-card-img {
        transform: none;
    }
}

/* === CTA === */
.cta-area {
    position: relative;
    overflow: hidden;
    padding-top: 60px;
    padding-bottom: 70px;
    background-color: #181C21;
    color: #FFFFFF;
}

.cta-area .container.ultra_wide {
    position: relative;
    z-index: 11
}

.cta-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.jarallax .container,
.jarallax .cta-actions {
    position: relative;
    z-index: 2;
}

.jarallax::after {
    z-index: 1;
}

.cta-area::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.4);
}

.cta-area .container {
    position: relative;
    z-index: 1;
}

.cta-mark {
    display: block;
    width: 56px;
    height: auto;
    margin: 0 auto;
}

.cta-title {
    margin: 24px 0 20px;
    color: #FFFFFF;
    font-family: "FS Industrie Condensed", "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
    font-weight: 700;
    font-size: 44px;
    line-height: 46px;
    letter-spacing: -0.01em;
}

.cta-text {
    max-width: 720px;
    margin: 0 auto;
    color: #FFFFFF;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: -0.01em;
}

.cta-btn {
    min-width: 248px;
    margin-top: 36px;
}

/* === Partners === */
.partners-area {
    padding-top: 50px;
    padding-bottom: 45px;
    background-color: #FFFFFF;
}

.partners-area .container {
    overflow: hidden;
}

.partners-marquee {
    display: flex;
    width: max-content;
    animation: partners-scroll 75s linear infinite;
}

.partners-area:hover .partners-marquee,
.partners-area:focus-within .partners-marquee {
    animation-play-state: paused;
}

.partners-track {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 60px;
    margin: 0;
    padding: 0 60px 0 0;
    list-style: none;
}

.partners-item {
    flex-shrink: 0;
}

.partner-logo {
    display: block;
    width: auto;
    max-width: none;
    height: 54px;
}

.partner-logo_faded {
    opacity: 0.53;
}

@keyframes partners-scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

/* === Footer === */
.site-footer {
    border-top: 10px solid #A0722A;
    color: #FFFFFF;
    background-color: #181C21;

}

.footer-main {
    position: relative
}

.footer-shape {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover
}

.footer-main .container {
    position: relative;
    z-index: 9
}

.site-footer .container {
    padding-top: 50px;
    padding-bottom: 50px;
}

.site-footer a {
    color: #FFFFFF;
}

.site-footer a:hover,
.site-footer a:focus-visible {
    color: #A0722A;
}

.site-footer a:focus-visible {
    outline: 2px solid #FFFFFF;
    outline-offset: 3px;
}

.footer-logo img {
    display: block;
    width: 150px;
    height: auto;
}

.footer-marks {
    display: block;
    width: 150px;
    height: auto;
}

.footer-divider {
    margin: 32px 0;
    border: 0;
    border-top: 0.75px solid #FFFFFF;
    opacity: 1;
}

.footer-tagline {
    max-width: 240px;
    margin: 0;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.01em;
}

.footer-links {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: "FS Industrie Condensed", "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;
}



.footer-links li {
    margin-bottom: 14px;
}
.footer-links li:last-child{
    margin-bottom: 0
}
.footer-link_download {
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.footer-contact {
    display: flex;
    flex-direction: column;
    margin: 0;
    font-style: normal;
}

.footer-phone {
    padding-bottom: 12px;
    border-bottom: 0.75px solid rgba(255, 255, 255, 0.72);
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.01em;
    opacity: 0.72;
}

.footer-email {
    padding-top: 16px;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.01em;
}

.footer-social {
    display: flex;
    align-items: center;
    gap: 22px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-social a {
    display: block;
    font-size: 20px;
    line-height: 20px;
}

.footer-bottom {
    padding: 7px 20px;
    background-color: #A0722A;
}

.footer-legal {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: "Work Sans", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.site-footer .footer-legal a {
    color: rgba(255, 255, 255, 0.64);
}

.site-footer .footer-legal a:hover,
.site-footer .footer-legal a:focus-visible {
    color: #FFFFFF;
}

@media (min-width: 768px) {
    .cta-title {
        font-size: 64px;
        line-height: 64px;
    }

    .cta-text {
        font-size: 32px;
        line-height: 38px;
    }

    .partner-logo {
        height: 70px;
    }

    .partners-track {
        gap: 90px;
        padding-right: 90px;
    }
}

@media (min-width: 992px) {
    .cta-area {
        padding-top: 84px;
        padding-bottom: 139px;
    }

    .cta-mark {
        width: 82px;
    }

    .cta-title {
        margin-top: 28px;
        margin-bottom: 34px;
        font-size: 72px;
        line-height: 72px;
    }

    .cta-text {
        font-size: 38px;
        line-height: 44px;
    }

    .cta-btn {
        margin-top: 50px;
    }

    .partners-area {
        padding-top: 100px;
        padding-bottom: 82px;
    }

    .site-footer .container {
        padding-top: 104px;
        padding-bottom: 194px;
    }

    .footer-logo img,
    .footer-marks {
        width: auto;
    }

    .footer-marks {
        margin-left: 11px;
    }

    .footer-divider {
        margin: 56px 0 61px;
    }

    .footer-tagline,
    .footer-phone,
    .footer-email {
        font-size: 20px;
        line-height: 32px;
    }

    .footer-links {
        font-size: 24px;
    }

    .footer-social {
        padding-top: 0;
        margin-top: -6px;
    }

    .footer-bottom {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .footer-legal {
        font-size: 16px;
    }
}

@media (min-width: 1400px) {

  .cta-area .container.ultra_wide, .site-footer .container.ultra_wide {
    padding-left: 90px;
    padding-right: 90px;
}

    .cta-title {
        font-size: 88px;
        line-height: 85px;
    }

    .cta-text {
        max-width: 900px;
        font-size: 36px;
        line-height: 42px;
    }

    .partner-logo {
        height: auto;
    }

    .partner-logo_faded {
        height: 102px;
    }

    .footer-social {
        margin-right: 16px;
    }

    .partners-track {
        gap: 115px;
        padding-right: 115px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .partners-marquee {
        animation: none;
    }

    .partners-area .container {
        overflow-x: auto;
    }
}

/* === Nav Active State === */
.main-menu .nav-link.active,
.main-menu .nav-link[aria-current="page"] {
    color: #4E8CA8;
}

/* === Our Story: Shared === */
.story-wide {
    width: 100%;
}

.page-story main,
.page-boats main {
    padding-bottom: 60px;
    background-color: #FFFFFF;
}

.story-copy {
    padding: 48px 20px;
}

.story-eyebrow {
    margin: 0 0 14px;
    color: #A0722A;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.story-eyebrow_light {
    color: #FFFFFF;
}

.story-title {
    max-width: 896px;
    margin: 0;
    color: #13354C;
    font-family: "FS Industrie Condensed", "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 44px;
    letter-spacing: -0.01em;
}

.story-text {
    max-width: 695px;
    margin-top: 16px;
    color: #181C21;
    font-size: 17px;
    line-height: 28px;
}


.story-text .story-text-lead {
    margin-top: 28px;
    color: #13354C;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
}

.story-text .story-text-lead_small {
    color: #181C21;
    font-size: 17px;
    line-height: 28px;
}

.story-btn {
    min-width: 248px;
    margin-top: 32px;
}

.story-split-img {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 952 / 1050;
    object-fit: cover;
}

/* === Our Story: Intro === */
.story-intro {
    background-color: #FFFFFF;
}

.story-copy_intro .story-text {
    max-width: 820px;
}

.story-r-wrap {
    overflow: hidden;
    padding: 0 20px;
}

.story-r-photo {
    display: block;
    width: 100%;
    max-width: 898px;
    height: auto;
    margin: 0 auto;
}

/* === Our Story: Built To Last === */
.story-split_last {
    margin-top: 8px;
}

.story-split-img_right {
    object-position: right center;
}

/* === Our Story: Numbers === */
.story-numbers {
    margin-top: 0;
    margin-bottom: 60px;
}

.numbers-panel {
    height: 100%;
    padding: 48px 20px;
    background-color: #4E8CA8;
    color: #FFFFFF;
}

.numbers-title {
    max-width: 592px;
    margin: 0 0 14px;
    color: #FFFFFF;
    font-family: "FS Industrie Condensed", "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 44px;
    letter-spacing: -0.01em;
}

.numbers-text {
    margin: 0;
    font-weight: 600;
    font-size: 17px;
    line-height: 28px;
}

.story-numbers .numbers-btn {
    min-width: 244px;
    margin-top: 28px;
}

.numbers-img {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 1120 / 636;
    object-fit: cover;
}

/* === Our Story: CTA === */
.cta-text_wide {
    max-width: 1400px;
}

@media (min-width: 768px) {

    .story-copy,
    .numbers-panel {
        padding: 64px 30px;
    }

    .story-title,
    .numbers-title {
        font-size: 56px;
        line-height: 60px;
    }

    .story-eyebrow {
        font-size: 16px;
        line-height: 22px;
    }

    .story-r-wrap {
        padding: 0 30px;
    }
}

@media (min-width: 992px) {
    .story-r-wrap {
        padding: 0;
    }

    .story-r-photo {
        width: 93.54%;
        max-width: none;
        margin-left: -3.85%;
    }

    .story-copy {
        padding: 60px 40px;
    }

    .story-copy_intro {
        padding-left: 8px;
    }

    .story-copy_right {
        padding-left: 60px;
    }

    .story-split-img_right {
        aspect-ratio: 800 / 1147;
    }

    .numbers-panel {
        padding: 60px 40px;
    }

    .story-numbers {
        margin-bottom: 157px;
    }

    .page-story main {
        padding-bottom: 147px;
    }

    .page-boats main {
        padding-bottom: 77px;
    }

    .cta-area_story {
        padding-bottom: 91px;
    }

    .cta-area_story .cta-text {
        margin-bottom: 0;
    }

    .cta-area_story .cta-title {
        margin-bottom: 28px;
    }

    .cta-area_story .cta-btn {
        margin-top: 43px;
    }
}

@media (min-width: 1200px) {

    .story-title,
    .numbers-title {
        font-size: 72px;
        line-height: 78px;
    }

    .story-eyebrow {
        margin-bottom: 21px;
        font-size: 20px;
        line-height: 24px;
    }

    .story-text,
    .story-text .story-text-lead_small {
        font-size: 18px;
        line-height: 30px;
    }

    .story-text .story-text-lead {
        font-size: 28px;
        line-height: 32px;
    }

    .cta-text_wide span {
        display: block;
    }
}

@media (min-width: 1400px) {
    .story-title {
        font-size: 88px;
        line-height: 96px;
    }

    .numbers-title {
        font-size: 88px;
        line-height: 91px;
    }

    .story-copy_intro {
        padding: 0 56px 266px 8px;
    }

    

    .story-copy_left {
        padding: 0 40px 0 max(132px, calc(50vw - 828px));
    }

    .story-copy_right {
        padding: 0 132px 0 calc(8.3333vw + 19px);
    }

    .story-text {
        margin-top: 13px;
    }

    .story-text,
    .story-text .story-text-lead_small {
        font-size: 20px;
        line-height: 32px;
    }

    .story-text .story-text-lead {
        margin-top: 40px;
        font-size: 32px;
        line-height: 32px;
    }

    .story-btn {
        margin-top: 54px;
    }

    .numbers-panel {
        padding: 81px 76px 60px max(132px, calc(50vw - 828px));
    }

    .numbers-title {
        margin-bottom: 18px;
    }

    .numbers-text {
        font-size: 20px;
        line-height: 32px;
    }

    .story-numbers .numbers-btn {
        margin-top: 36px;
    }

    .story-eyebrow_light {
        margin-bottom: 28px;
    }
}

/* === Hero: Equal Slide Heights === */
.hero-slider .slick-track {
    display: flex;
    flex-direction: column;
}

.hero-slider .hero-slide.slick-slide {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: auto;
    border: 0;
}

.hero-slide .hero-tagline {
    flex-grow: 1;
}

/* === Boats: Hero === */
.hero-title_single,
.hero-title_boats {
    margin-top: 0;
}

.hero-content .hero-btn_wide {
    min-width: 208px;
}

.hero-tagline-text_full {
    max-width: 1656px;
}

/* === Boats: Spec Cards === */
.spec-cards {
    padding-top: 60px;
    background-color: #FFFFFF;
}

.spec-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #F5F4F2;
}

.spec-card-img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 552 / 300;
    object-fit: cover;
}

.spec-card-body {
    position: relative;
    flex-grow: 1;
    padding: 28px 24px 40px;
    background-color: #F5F4F2;
}

.spec-card-title {
    margin: 0 0 20px;
    color: #4E8CA8;
    font-family: "FS Industrie Condensed", "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 44px;
    letter-spacing: -0.01em;
}

.spec-list {
    max-width: 440px;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #181C21;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: -0.01em;
}

.spec-list li {
    padding: 12px 0;
}

.spec-list li:first-child {
    padding-top: 0;
}

.spec-list li + li {
    border-top: 1px solid #000000;
}

.spec-list strong {
    font-weight: 700;
    display:block
}

.spec-list_plain li {
    padding: 0;
    line-height: 40px;
}

.spec-list_plain li + li {
    border-top: 0;
}

/* === Boats: Destinies === */
.story-split_destinies {
    margin-top: 60px;
}

.story-text .story-text-gap {
    margin-top: 28px;
}

/* === Boats: CTA === */
.cta-area_boats {
    margin-top: 60px;
    margin-bottom: 60px;
}

.cta-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px 21px;
    margin-top: 36px;
}

.cta-area_boats .cta-btn {
    width: 100%;
    max-width: 367px;
    margin-top: 0;
}

/* === Boats: Reviews === */
.reviews-area {
    padding: 48px 0 40px;
    background-color: #4E8CA8;
}

.reviews-slider:not(.slick-initialized) .review-slide + .review-slide {
    display: none;
}

.review-slide {
    width: calc(100vw - 60px);
    max-width: 672px;
    margin: 0 10px;
}

.review-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 283px;
    margin: 0;
    padding: 32px 24px;
    background-color: #F5F4F2;
    color: #3D3D3D;
}

.review-name {
    order: -1;
    margin-bottom: 9px;
    font-weight: 700;
    font-size: 22px;
    line-height: 29px;
}

.review-quote {
    margin: 0;
}

.review-text {
    margin: 0;
    font-size: 17px;
    line-height: 1.35;
}

.reviews-slider .slick-track {
    display: flex;
}

.reviews-slider .slick-slide {
    height: auto;
}

.reviews-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin-top: 32px;
}

.reviews-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.reviews-arrow:hover {
    opacity: 0.7;
}

.reviews-arrow:focus-visible {
    outline: 2px solid #FFFFFF;
    outline-offset: 2px;
}

.reviews-dots .slick-dots {
    display: flex;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.reviews-dots .slick-dots li {
    line-height: 0;
}

.reviews-dots .slick-dots button {
    display: block;
    width: 15px;
    height: 15px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background-color: #FFFFFF;
    font-size: 0;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.reviews-dots .slick-dots .slick-active button {
    background-color: #13354C;
}

.reviews-dots .slick-dots button:focus-visible {
    outline: 2px solid #FFFFFF;
    outline-offset: 3px;
}

/* === Boats: Interesting Reads === */
.reads-area {
    padding-top: 60px;
    background-color: #FFFFFF;
}

.reads-title {
    margin: 0 0 32px;
    color: #181C21;
    font-family: "FS Industrie Condensed", "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 44px;
    letter-spacing: -0.01em;
}

.post-card {
    display: block;
    position: relative;
    height: 100%;
    overflow: hidden;
    color: #FFFFFF;
    background: #4E8CA8;
}

.post-card:hover,
.post-card:focus-visible {
    color: #FFFFFF;
}

.post-card:focus-visible {
    outline: 3px solid #13354C;
    outline-offset: 2px;
}

.post-card-img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 552 / 567;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.post-card:hover .post-card-img {
    transform: scale(1.05);
}

.post-card-body {
    position: relative;
    z-index: 1;
    min-height: 220px;
    margin-top: -43.12%;
    padding: 28px 24px;
    background-color: #4E8CA8;
}

.post-card-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    max-width: 437px;
}

.post-card-cat {
    font-weight: 700;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: -0.01em;
    text-transform: uppercase;
}

.post-card-arrow {
    display: block;
    flex-shrink: 0;
    width: 22px;
    height: 15px;
    transition: transform 0.25s ease;
}

.post-card:hover .post-card-arrow {
    transform: translateX(6px);
}

.post-card-title {
    margin: 24px 0 0;
    color: #FFFFFF;
    font-family: "FS Industrie Condensed", "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 44px;
    letter-spacing: -0.01em;
    margin-bottom: 40px
}

@media (min-width: 768px) {
    .review-slide {
        margin: 0 20px;
    }

    .review-card {
        padding: 43px 36px 43px 48px;
    }

    .review-name {
        font-size: 24px;
    }

    .review-text {
        font-size: 18px;
    }

    .reviews-nav {
        gap: 80px;
    }

    .reviews-dots .slick-dots {
        gap: 20px;
    }

    .reads-title {
        font-size: 56px;
        line-height: 60px;
    }
}

@media (min-width: 992px) {

    .spec-card-body,
    .post-card-body {
        padding: 38px 40px 40px;
    }

    .spec-card-title, .post-card-title {
		font-size: 46px;
		line-height: 44px;
	}

    .cta-area_boats {
        padding-bottom: 168px;
    }

    .cta-area_boats .cta-title {
        margin-bottom: 18px;
    }

    .cta-actions {
        margin-top: 85px;
    }

    .cta-area_boats .cta-btn {
        width: 367px;
    }

    .reviews-area {
        padding: 71px 0 51px;
    }

    .review-slide {
        margin: 0 41px;
    }

    .review-card {
        padding-left: 63px;
    }

    .reviews-nav {
        margin-top: 45px;
    }

    .reads-title {
        margin-bottom: 64px;
        font-size: 72px;
        line-height: 78px;
    }
}

@media (min-width: 1200px) {
    .hero-content_boats-1 {
        padding-top: 20.26%;
    }

    .hero-content_boats-2 {
        padding-top: 18.44%;
    }

    .hero-title_single {
        margin-bottom: 38px;
    }

    .hero-area_boats .hero-tagline {
        padding: 44px 30px;
    }

    .hero-area_boats .slick-dots {
        top: 21.72vw;
    }

    .spec-cards {
        padding-top: 150px;
    }

    .spec-card-body {
        min-height: 570px;
    }

    .spec-list li {
        padding: 14px 0;
    }

    .spec-list_plain li {
        padding: 0;
        line-height: 50px;
    }

    .story-split_destinies {
        margin-top: 151px;
    }

    .cta-area_boats {
        margin-top: 151px;
        margin-bottom: 161px;
    }

    .reads-area {
        padding-top: 139px;
    }

    .post-card-body {
        min-height: 288px;
    }
}


@media (min-width: 1400px) {

    .hero-title_single,
    .hero-title_boats {
        line-height: 104px;
    }

    .hero-title_boats {
        margin-bottom: 11px;
    }

    .spec-card-body,
    .post-card-body {
        padding: 38px 60px 40px;
    }

    .spec-card-title,
    .post-card-title {
        font-size: 48px;
        line-height: 50px;
    }

    .spec-card-title {
        margin-bottom: 26px;
    }

    .spec-list,
    .post-card-cat {
        font-size: 20px;
        line-height: 32px;
    }

    .post-card-title {
        margin-top: 40px;
    }

    .reads-title {
        margin-bottom: 77px;
        font-size: 88px;
        line-height: 91px;
    }
	.spec-card-body, .post-card-body {
    padding: 40px;
}
}

@media (prefers-reduced-motion: reduce) {

    .post-card-img,
    .post-card-arrow,
    .reviews-arrow {
        transition: none;
    }

    .post-card:hover .post-card-img,
    .post-card:hover .post-card-arrow {
        transform: none;
    }
}

/* === Contact: Layout === */
.contact-band-location iframe {
    width: 100%
}

.page-contact main {
    padding-bottom: 60px;
    background-color: #FFFFFF;
}

.contact-top {
    background-color: #FFFFFF;
}

.contact-intro {
    padding: 48px 20px;
}

.contact-title {
    margin: 14px 0 0;
    color: #181C21;
    font-family: "FS Industrie Condensed", "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 44px;
    letter-spacing: -0.01em;
}

.contact-text {
    max-width: 452px;
    margin-top: 16px;
    color: #181C21;
    font-size: 17px;
    line-height: 28px;
}

.contact-text p {
    margin: 0;
}

.contact-text .contact-text_lead {
    margin-top: 28px;
    font-weight: 600;
}

.contact-details {
    display: flex;
    flex-direction: column;
    margin: 32px 0 0;
    color: #A0722A;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
}

.contact-details a {
    color: #A0722A;
}

.contact-details a:hover,
.contact-details a:focus-visible {
    color: #86601F;
}

/* === Contact: Form === */
.contact-form-wrap {
    height: 100%;
    padding: 40px 20px 48px;
    background-color: #F5F4F2;
}

.form-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    max-width: 755px;
}

.form-col {
    width: 100%;
}

.form_field {
    display: block;
    width: 100%;
    height: 64px;
    padding: 0 24px;
    border: 0;
    border-radius: 0;
    background-color: #FFFFFF;
    color: #13354C;
    font-family: "Barlow", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    text-transform: uppercase;
}

.form_field::placeholder {
    color: rgba(19, 53, 76, 0.32);
    text-transform: uppercase;
}

.form_field:focus {
    outline: 2px solid #4E8CA8;
    outline-offset: -2px;
}

.form_select {
    appearance: none;
    background-image: url("../img/chevron-select.svg");
    background-repeat: no-repeat;
    background-position: right 24px center;
    background-size: 21px 20px;
    padding-right: 60px;
}

.form_select:invalid {
    color: rgba(19, 53, 76, 0.32);
}

.contact-form .form_textarea {
    height: 125px;
    padding: 20px 24px;
    resize: vertical;
    text-transform: none;
}

.contact-form .form_submit {
    min-width: 196px;
    margin-top: 8px;
    font-size: 16px;
}

/* === Contact: Image Band === */
.contact-band-img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1916 / 401;
    object-fit: cover;
}

/* === Contact: Brochure CTA === */
.brochure-cta {
    position: relative;
    padding: 48px 0;
    background-color: #F5F4F2;
}

.brochure-cta .container {
    position: relative;
    z-index: 9;
}

.brochure-cta-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.brochure-title {
    margin: 0;
    color: #181C21;
    font-family: "FS Industrie Condensed", "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 44px;
    letter-spacing: -0.01em;
}

.brochure-cta .brochure-btn {
    min-width: 248px;
    margin-top: 32px;

}

/* === Contact: FAQs === */
.faq-area {
    padding-top: 60px;
}

.faq-list {
    max-width: 1626px;
    margin: 0 auto;
}

.faq-item:last-child {
    margin-bottom: 0;
}

.faq-item {
    margin-bottom: 16px;
    border-radius: 16px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.faq-heading {
    margin: 0;
}

.faq-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    min-height: 87px;
    padding: 20px 24px;
    border: 0;
    border-radius: 16px;
    background: transparent;
    color: #181C21;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    text-align: left;
    cursor: pointer;
}

.faq-trigger:focus-visible {
    outline: 2px solid #4E8CA8;
    outline-offset: 2px;
}

.faq-chevron {
    display: block;
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    transition: transform 0.25s ease;
}

.faq-trigger[aria-expanded="true"] .faq-chevron {
    transform: rotate(90deg);
}

.faq-answer {
    padding: 0 24px 24px;
    color: #181C21;
    font-size: 17px;
    line-height: 28px;
}



@media (min-width: 768px) {
    .form-grid {
        gap: 24px 21px;
    }

    .form-col_half {
        width: calc(50% - 10.5px);
    }

    .contact-title,
    .brochure-title {
        font-size: 56px;
        line-height: 60px;
    }

    .contact-intro {
        padding: 64px 30px;
    }

    .contact-form-wrap {
        padding: 56px 30px;
    }

    .faq-trigger {
        font-size: 20px;
        padding: 24px 32px;
    }

    .faq-answer {
        padding: 0 32px 28px;
    }
}

@media (min-width: 992px) {
    .contact-top .col-lg-5 {
        width: 45.625%;
    }

    .contact-top .col-lg-7 {
        width: 54.375%;
    }

    .contact-intro {
        padding: 70px 40px 60px;
    }

    .contact-form-wrap {
        padding: 70px 40px;
    }

    .form_field {
        height: 72px;
        padding: 0 40px;
    }

    .form_textarea {
        padding: 24px 40px;
    }

    .form_select {
        padding-right: 70px;
        background-position: right 40px center;
    }

    .contact-text,
    .faq-answer {
        font-size: 18px;
        line-height: 30px;
    }

    .contact-details {
        font-size: 22px;
        line-height: 32px;
    }

    .contact-title,
    .brochure-title {
        font-size: 72px;
        line-height: 78px;
    }

    .brochure-cta {
        padding: 70px 0;
    }

    .faq-area {
        padding-top: 90px;
    }

    .faq-item {
        margin-bottom: 30px;
    }

    .faq-trigger {
        font-size: 22px;
    }
}

@media (min-width: 1200px) {
    .contact-intro {
        padding: 85px 40px 60px 132px;
    }

    .contact-form-wrap {
        padding: 83px 40px 80px 92px;
    }

    .contact-title {
        margin-top: 23px;
    }

    .contact-text {
        margin-top: 16px;
    }

    .contact-text .contact-text_lead {
        margin-top: 40px;
    }

    .contact-details {
        margin-top: 72px;
        font-size: 24px;
        line-height: 34px;
    }

    .contact-title,
    .brochure-title {
        font-size: 88px;
        line-height: 91px;
    }

    .brochure-title {
        line-height: 85px;
    }

    .brochure-cta {
        padding: 84px 0;
    }

    .brochure-cta .brochure-btn {
        margin-top: 40px;
    }

    .contact-text,
    .faq-answer {
        font-size: 20px;
        line-height: 32px;
    }

    .faq-area {
        padding-top: 120px;
    }

    .page-contact main {
        padding-bottom: 120px;
    }

    .faq-chevron {
        width: 35px;
        height: 35px;
    }
}

@media (min-width: 1400px) {
    .contact-intro {
        padding-left: 192px;
    }

    .contact-form-wrap {
        padding-right: 197px;
    }

    .faq-list {
        margin-left: auto;
        margin-right: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .faq-chevron {
        transition: none;
    }
}

/* === Interesting Reads: Hero === */
.page-reads main {
    padding-bottom: 0;
    background-color: #FFFFFF;
}

.reads-hero {
    background-color: #FFFFFF;
    position: relative
}

.reads-hero-copy {
    padding: 48px 20px;
}

.reads-hero-title {
    max-width: 760px;
    margin: 0;
    color: #13354C;
    font-family: "FS Industrie Condensed", "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 44px;
    letter-spacing: -0.01em;
}

.reads-hero-text {
    max-width: 569px;
    margin: 20px 0 0;
    color: #181C21;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: -0.01em;
}

.reads-hero-img {
    display: block;
    width: 45%;
    height: 100%;
    aspect-ratio: 892 / 681;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0
}

.filter-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 20px;
    margin: 32px 0 0;
    padding: 0;
    list-style: none;
}

.filter-pill {
    display: flex;
    font-family: "Barlow", Arial, Helvetica, sans-serif;
    background-color: transparent;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    min-width: 150px;
    height: 60px;
    padding: 0 20px;
    border: 1px solid #181C21;
    color: #181C21;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.filter-pill:hover,
.filter-pill:focus-visible {
    border-color: #4E8CA8;
    background-color: #4E8CA8;
    color: #FFFFFF;
}

.filter-pill_active {
    border-color: #4E8CA8;
    background-color: #4E8CA8;
    color: #FFFFFF;
}

.filter-pill:focus-visible {
    outline: 2px solid #181C21;
    outline-offset: 3px;
}

.posts-empty {
    margin: 0;
    padding: 24px 0;
    color: #181C21;
    font-size: 18px;
    line-height: 30px;
}

/* === Interesting Reads: Posts === */
.reads-list {
    padding-top: 48px;
    padding-bottom: 48px;
    background-color: #FFFFFF;
}

.post-card_full .post-card-title {
    margin-top: 24px;
}

.post-card-excerpt {
    margin: 20px 0 0;
    max-width: 416px;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: -0.01em;
}

/* === Interesting Reads: Newsletter === */
.newsletter-area {
    position: relative;
    overflow: hidden;
    padding: 48px 0 56px;
    background-color: #181C21;
    color: #FFFFFF;
    text-align: center;
}

.newsletter-area::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(255, 255, 255, 0.13);
}

.newsletter-area .container {
    position: relative;
    z-index: 11;
}

.newsletter-area .cta-bg {
    filter: grayscale(1)
}

.newsletter-eyebrow {
    margin: 0;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.newsletter-title {
    margin: 20px 0 0;
    color: #FFFFFF;
    font-family: "FS Industrie Condensed", "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 44px;
    letter-spacing: -0.01em;
}

.newsletter-text {
    max-width: 1144px;
    margin: 20px auto 0;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 30px;
}

.newsletter-form {
    margin-top: 32px;
}

.newsletter-form .form-grid {
    margin: 0 auto;
}

.newsletter-submit-col {
    display: flex;
    justify-content: center;
}

.newsletter-form .newsletter-btn {
    min-width: 248px;
    margin-top: 8px;
}

@media (min-width: 768px) {
    .reads-hero-copy {
        padding: 64px 30px;
    }

    .reads-hero-title,
    .newsletter-title {
        font-size: 56px;
        line-height: 60px;
    }

    .filter-pill {
        min-width: 180px;
        height: 72px;
    }

    .newsletter-text {
        font-size: 24px;
        line-height: 32px;
    }

}

@media (min-width: 992px) {

    .reads-hero-title,
    .newsletter-title {
        font-size: 72px;
        line-height: 78px;
    }

    .reads-hero-copy {
        padding: 70px 40px;
    }

    .reads-hero .col-lg-6:first-child {
        width: 53.54%;
    }

    .reads-hero .col-lg-6:last-child {
        width: 46.46%;
    }

    .reads-hero-text,
    .post-card-excerpt {
        font-size: 18px;
        line-height: 30px;
    }

    .reads-list {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .newsletter-area {
        padding: 111px 0 88px;
    }

    .newsletter-text {
        font-size: 28px;
        line-height: 36px;
    }
}

@media (min-width: 1200px) {
    .reads-hero-copy {
        padding: 99px 40px 0 132px;
    }

    .reads-hero-title,
    .newsletter-title {
        font-size: 88px;
        line-height: 85px;
    }

    .reads-hero-text {
        margin-top: 36px;
    }

    .reads-hero-text,
    .post-card-excerpt {
        font-size: 20px;
        line-height: 32px;
    }

    .filter-list {
        margin-top: 103px;
    }

    .reads-list {
        padding-top: 106px;
        padding-bottom: 84px;
    }

    .newsletter-eyebrow {
        font-size: 20px;
        line-height: 24px;
    }

    .newsletter-title {
        margin-top: 35px;
    }

    .newsletter-text {
        margin-top: 18px;
        font-size: 32px;
        line-height: 40px;
    }

    .newsletter-form {
        margin-top: 60px;
    }

    .newsletter-form .newsletter-btn {
        margin-top: 0;
    }

    .post-card_full .post-card-title {
        margin-top: 40px;
    }
}

@media (min-width: 1400px) {


    .reads-list .container.ultra_wide,
    .newsletter-area .container.ultra_wide {
        padding-left: 132px;
        padding-right: 132px;
    }
}

/* === Website Policies === */
.page-policies main {
    padding-bottom: 0;
    background-color: #FFFFFF;
}

.policy-intro {
    padding-top: 48px;
    background-color: #FFFFFF;
}

.policy-title {
    margin: 0;
    color: #181C21;
    font-family: "FS Industrie Condensed", "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 46px;
    letter-spacing: -0.01em;
}

.policy-text {
    max-width: 663px;
    margin-top: 20px;
    color: #181C21;
    font-size: 17px;
    line-height: 28px;
}

.policy-text p {
    margin: 0;
}

.policy-text .policy-updated {
    margin-top: 28px;
    color: #D6D6D6;
}

.policy-intro .policy-btn {
    min-width: 196px;
    margin-top: 28px;
}

.policy-accordions {
    padding-top: 48px;
}

.faq-trigger_upper {
    text-transform: uppercase;
}

/* === Website Policies: Reach Out === */
.reach-out {
    background-color: #F5F4F2;
    padding: 0;
}

.reach-panel {
    height: 100%;
    padding: 48px 20px;
    background-color: #4E8CA8;
    color: #FFFFFF;
}

.reach-title {
    margin: 0;
    color: #FFFFFF;
    font-family: "FS Industrie Condensed", "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 44px;
    letter-spacing: -0.01em;
}

.reach-text {
    max-width: 373px;
    margin: 16px 0 0;
    font-size: 17px;
    line-height: 28px;
}

.reach-contact {
    display: flex;
    flex-direction: column;
    margin: 22px 0 0;
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 28px;
}

.reach-contact a {
    color: #FFFFFF;
}

.reach-contact a:hover,
.reach-contact a:focus-visible {
    color: #181C21;
}

.reach-company {
    margin: 22px 0 0;
    font-size: 17px;
    line-height: 28px;
}

.btn_outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 131px;
    height: 46px;
    padding: 0 20px;
    border: 1px solid #F5F4F2;
    background-color: transparent;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.btn_outline:hover,
.btn_outline:focus-visible {
    background-color: #F5F4F2;
    color: #181C21;
}

.btn_outline:focus-visible {
    outline: 2px solid #FFFFFF;
    outline-offset: 3px;
}

.reach-panel .reach-btn {
    margin-top: 28px;
}

.reach-form-wrap {
    height: 100%;
    padding: 40px 20px 48px;
    background-color: #F5F4F2;
}

.contact-form .form_textarea_short {
    height: 123px;
}

@media (min-width: 768px) {

    .policy-title,
    .reach-title {
        font-size: 52px;
        line-height: 58px;
    }

    .reach-panel {
        padding: 64px 30px;
    }

    .reach-form-wrap {
        padding: 56px 30px;
    }
}

@media (min-width: 992px) {
    .reach-out .col-lg-5 {
        width: 45.625%;
    }

    .reach-out .col-lg-7 {
        width: 54.375%;
    }

    .reach-panel {
        padding: 80px 40px;
    }

    .reach-form-wrap {
        padding: 80px 40px;
    }

    .policy-intro {
        padding-top: 71px;
    }

    .policy-accordions {
        padding-top: 90px;
    }

    .policy-text,
    .reach-text,
    .reach-contact,
    .reach-company {
        font-size: 18px;
        line-height: 30px;
    }

    .reach-title {
        font-size: 72px;
        line-height: 78px;
    }

    .policy-title {
        font-size: 56px;
        line-height: 60px;
    }
}

@media (min-width: 1200px) {
    .policy-intro {
        padding-top: 71px;
    }

    .policy-title {
        font-size: 65px;
        line-height: 64px;
    }

    .reach-title {
        font-size: 88px;
        line-height: 91px;
    }

    .policy-text {
        margin-top: 26px;
    }

    .policy-text,
    .reach-text,
    .reach-contact,
    .reach-company {
        font-size: 20px;
        line-height: 32px;
    }

    .policy-intro .policy-btn {
        margin-top: 25px;
    }

    .policy-accordions {
        padding-top: 160px;
        padding-bottom: 228px;
    }

    .reach-panel {
        padding: 98px 40px 101px 132px;
    }

    .reach-form-wrap {
        padding: 100px 40px 100px 92px;
    }

    .reach-text {
        margin-top: 16px;
    }

    .reach-contact,
    .reach-company {
        margin-top: 22px;
    }
}

@media (min-width: 1400px) {

    .policy-intro .container.ultra_wide,
    .policy-accordions .container.ultra_wide {
        padding-left: 132px;
        padding-right: 132px;
    }

    .policy-intro .container.ultra_wide {
        padding-left: 192px;
    }

    .reach-panel {
        padding-left: 192px;
    }

    .reach-form-wrap {
        padding-right: 197px;
    }
}

/* === Home Hero: Fit The Desktop Screen === */
@media (min-width: 992px) {

    .page-home .hero-slide-media,
    .page-boats .hero-slide-media {
        aspect-ratio: auto;
        height: calc(100vh - 342px);
        min-height: 360px;
        max-height: 1015px;
    }

    .page-home .hero-slide_baked .hero-slide-img {
        object-position: center center;
    }

    .page-home .hero-slider .slick-dots,
    .page-boats .hero-slider .slick-dots {
        top: calc((100% - 160px) * 0.41);
        transform: none;
    }

    .page-home .hero-content,
    .page-boats .hero-content {
        padding-top: 0;
        padding-bottom: 0;
        align-items: center;
    }
}

/* === Scroll Reveal === */
.js-anim [data-reveal] {
    opacity: 0;
    transform: translateY(32px);
    transition: opacity 0.9s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.9s cubic-bezier(0.22, 0.61, 0.36, 1);
    will-change: opacity, transform;
}

.js-anim [data-reveal].is-revealed {
    opacity: 1;
    transform: none;
}

@media (prefers-reduced-motion: reduce) {
    .js-anim [data-reveal] {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* === Scroll Reveal: Cards Enter From The Left === */
.js-anim .custom-card[data-reveal],
.js-anim .use-card[data-reveal],
.js-anim .feature-item[data-reveal],
.js-anim .spec-card[data-reveal],
.js-anim .post-card[data-reveal],
.js-anim .faq-item[data-reveal] {
    transform: translateX(-56px);
}

.js-anim .custom-card[data-reveal].is-revealed,
.js-anim .use-card[data-reveal].is-revealed,
.js-anim .feature-item[data-reveal].is-revealed,
.js-anim .spec-card[data-reveal].is-revealed,
.js-anim .post-card[data-reveal].is-revealed,
.js-anim .faq-item[data-reveal].is-revealed {
    transform: none;
}

@media (prefers-reduced-motion: reduce) {

    .js-anim .custom-card[data-reveal],
    .js-anim .use-card[data-reveal],
    .js-anim .feature-item[data-reveal],
    .js-anim .spec-card[data-reveal],
    .js-anim .post-card[data-reveal],
    .js-anim .faq-item[data-reveal] {
        transform: none;
    }
}

.hero-content.style-1 .hero-title {
    font-size: 110px
}

@media(min-width:992px) {

    .page-home .hero-slide-media,
    .page-boats .hero-slide-media {
        max-height: 100vh
    }

    .cta-title {
        margin-top: 22px;
        margin-bottom: 22px;
        font-size: 66px;
        line-height: 72px;
    }
}

@media(max-width:800px) {
    .hero-content.style-1 .hero-title {
        font-size: 60px;
        line-height: 100%;
    }
}


.main-menu .menu-icon .nav-link img {
    display: block;
    transform-origin: 78% 100%;
    /* pivota sobre la popa, la proa es la que se alza */
    will-change: transform;
    transition: transform .5s cubic-bezier(.2, .7, .3, 1);
    /* regreso suave al salir */
}

/* arranca al hacer hover sobre el propio svg o sobre su contenedor
   (ej. el <a> del navbar) */
.main-menu .menu-icon .nav-link:hover img {
    animation:
        boat-plane .55s cubic-bezier(.18, .72, .3, 1) forwards,
        /* se alza a planeo */
        boat-chop 1.2s ease-in-out .55s infinite;
    /* rebota sobre las olas */
}

/* acelera: la popa se sienta un instante y enseguida la proa se levanta */
@keyframes boat-plane {
    0% {
        transform: translate(0, 0) rotate(0deg) scale(1, 1);
    }

    28% {
        transform: translate(-1px, 1px) rotate(-1.5deg) scale(1.05, .94);
    }

    100% {
        transform: translate(4px, -5px) rotate(6deg) scale(1, 1);
    }
}

/* planeo a alta velocidad: proa arriba, golpeteo corto contra el oleaje */
@keyframes boat-chop {
    0% {
        transform: translate(4px, -5px) rotate(6deg);
    }

    14% {
        transform: translate(5px, -9px) rotate(8deg);
    }

    26% {
        transform: translate(4px, -4px) rotate(5deg);
    }

    38% {
        transform: translate(5px, -11px) rotate(8.5deg);
    }

    52% {
        transform: translate(4px, -4.5px) rotate(4.5deg);
    }

    64% {
        transform: translate(5px, -8px) rotate(7.5deg);
    }

    76% {
        transform: translate(4px, -5px) rotate(5.5deg);
    }

    88% {
        transform: translate(5px, -7px) rotate(7deg);
    }

    100% {
        transform: translate(4px, -5px) rotate(6deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .main-menu .menu-icon .nav-link img {
        transition: none;
    }

   .main-menu .menu-icon .nav-link:hover img {
        animation: none;
        transform: translate(3px, -4px) rotate(5deg);
    }
}



.feature-title {
    transition: all 0.4s
}

.feature-item:hover .feature-title {
    color: #4E8CA8
}
.footer-links{
	letter-spacing:1.03px
}
@media(max-width:1600px){
    .page-home .hero-slide-media, .page-boats .hero-slide-media {
    max-height: inherit;
    height: inherit;
}
.hero-content{
    padding:40px 0
}
}
@media(max-width:991px){
    section, .section{
        padding:60px 0
    }
	.main-menu .menu-icon .nav-link img{
		animation:boat-plane .55s cubic-bezier(.18, .72, .3, 1) forwards, boat-chop 1.2s ease-in-out .55s infinite
	}
}
@media(max-width:767px){
	.page-home .hero-slide-media, .page-boats .hero-slide-media {
    max-height: inherit;
    height: 520px;
}
	.hero-slider .slick-track{
		display:block
	}
	.hero-tagline-text {
    font-size: 17px;
    line-height: 22px;
}
	.use-card-img {
    aspect-ratio: 1/1.4;
}
}
.form-gf select {
    padding-top: 24px !important;
}
.custom-card-body{
    position: relative;
}
.custom-card{
    transition: all 0.4s;
}
.custom-card:hover{
    background: #4c86a0;
}
.contact-top .form-gf .gform_confirmation_message{
	color: #181C21;
	font-family:"FS Industrie Condensed", "Barlow Condensed", "Arial Narrow", Arial, sans-serif
}