@media (prefers-reduced-motion: reduce) {
    .brand,
    .main-menu-link,
    .services-dropdown,
    .dropdown-arrow,
    .btn-solid-link,
    .btn-outline-link,
    .service-card-link,
    .footer-nav-link,
    button,
    .site-header,
    .service-card,
    .service-card-link svg path,
    .nav-toggle span,
    .btn-solid-link::before,
    .btn-outline-link::before,
    .main-menu-link::after,
    .benefit-card,
    .method-item article,
    .service-tile {
        transition: none;
    }

    .nav-open .main-menu > li,
    .nav-open .nav-contact .btn-solid-link {
        animation: none;
        opacity: 1;
        transform: none;
    }

    .method-reveal-ready .method-item article {
        opacity: 1;
        transform: none;
    }
}

/* ================================
   Responsive - Large Tablet
================================ */
@media (max-width: 1200px) {
    h1 {
        font-size: 52px;
        line-height: 1.08;
    }

    h2 {
        font-size: 48px;
        line-height: 1.05;
    }

    h3 {
        font-size: 30px;
    }

    h4 {
        font-size: 23px;
    }

    p,
    li {
        font-size: 19px;
        line-height: 1.1;
    }

    .brand {
        flex-basis: 330px;
    }

    .main-menu {
        gap: 34px;
    }

    .hero-card {
        width: 620px;
    }

    .services-grid {
        gap: 28px;
    }

    .service-card {
        flex-basis: calc((100% - 56px) / 3);
    }

    .approach-grid {
        gap: 56px;
    }

    .approach-image {
        flex: 1 1 0;
        height: 520px;
    }

    .footer-main {
        gap: 70px;
    }

    .sst-hero {
        padding-bottom: 0;
    }

    .sst-hero-frame {
        height: 390px;
    }

    .sst-hero-card {
        left: 30px;
        width: min(680px, calc(100% - 60px));
        padding: 34px 36px;
    }

    .sst-hero-card h1 {
        font-size: 52px;
        line-height: .96;
    }

    .sst-hero-card p,
    .sst-panel p {
        font-size: 20px;
        line-height: 1.2;
    }

    .sst-panel h2,
    .sst-benefits h2,
    .sst-method h2,
    .sst-services h2 {
        font-size: 48px;
    }

    .sst-panel {
        min-height: 260px;
        padding: 48px 44px;
    }

    .benefit-card,
    .service-tile {
        padding: 34px 36px;
    }

    .about-intro h2,
    .about-method h2,
    .about-values h2,
    .about-location h2 {
        font-size: 42px;
    }

    .about-page .about-hero .sst-hero-card {
        width: min(680px, calc(100% - 60px));
    }

    .about-content-section {
        margin: 62px 0 62px;
    }

    .about-stat-grid,
    .about-method-grid,
    .about-values-grid,
    .about-location-grid {
        gap: 24px;
    }

    .about-stat-card {
        min-height: 104px;
        padding: 18px 14px;
    }

    .about-stat-card strong {
        font-size: 34px;
    }

    .about-stat-card-primary strong {
        font-size: 36px;
    }

    .about-stat-card span {
        font-size: 14px;
    }

    .about-feature-card {
        padding: 28px;
    }

    .about-feature-card h3,
    .about-value-card h3,
    .about-location-card h3,
    .about-map-card h3 {
        font-size: 21px;
    }
    .contact-form-card {
        padding: 50px 30px 40px;
    }
    .contact-field.field-width-25 {
        width: calc(25% - 10px);
    }
    .contact-field.field-width-33 {
        width: calc(33.33% - 10px);
    }
    .contact-field.field-width-50 {
        width: calc(50% - 10px);
    }
    .contact-field.field-width-66 {
        width: calc(66.66% - 10px);
    }
    .contact-field.field-width-75 {
        width: calc(75% - 10px);
    }

    .contact-page-form {
        gap: 20px;
    }
    .about-icon {
        width: 70px;
        height: 70px;
    }
}

@media (max-width: 1056px) {
    .contact-form-section {
        padding: 48px 30px 80px;
    }

    .contact-form-wrapper {
        display: flex;
        gap: 28px;
    }

    .contact-form-card {
        flex: 1 1 0;
        padding-left: 35px;
        padding-right: 35px;
    }

    .contact-info-card {
        flex: .9 1 0;
        padding-left: 35px;
        padding-right: 35px;
    }
}


/* ================================
   Responsive - Tablet
================================ */
@media (max-width: 900px) {
    /* Base Typography */
    h1 {
        font-size: 42px;
        line-height: 1.1;
    }

    h2 {
        font-size: 42px;
        line-height: 1.08;
    }

    h3 {
        font-size: 28px;
        line-height: 1.08;
    }

    h4 {
        font-size: 22px;
        line-height: 1.12;
    }

    h5 {
        font-size: 18px;
    }

    p,
    li {
        font-size: 18px;
        line-height: 1.15;
    }

    body.nav-open {
        overflow: hidden;
    }

    .site-header {
        position: sticky;
        top: 0px;
        height: 96px;
    }
    .sst-hero-frame img {
        object-position: 80% -50px;
    }
    .header-inner {
        gap: 20px;
    }

    .brand {
        position: relative;
        z-index: 2;
        flex: 1 1 auto;
        min-width: 0;
    }

    .brand img {
        width: 270px;
    }

    .nav-toggle {
        position: relative;
        z-index: 2;
        display: inline-flex;
        flex: 0 0 46px;
        margin-left: auto;
    }

    .nav-panel {
        position: absolute;
        top: calc(100% - 1px);
        left: -30px;
        right: -30px;
        width: auto;
        height: calc(100vh - 95px);
        height: calc(100dvh - 95px);
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-width: none;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 22px;
        padding: 28px 30px calc(36px + env(safe-area-inset-bottom));
        border-top: 1px solid rgb(29 49 85 / 10%);
        border-radius: 0;
        background: linear-gradient(180deg, var(--color-white) 0%, var(--color-soft) 100%);
        box-shadow: 0 18px 35px rgb(0 0 0 / 14%);
        opacity: 0;
        visibility: hidden;
        transform: translateY(-12px);
        transition: opacity 220ms ease, transform 220ms ease, visibility 220ms ease;
        -webkit-overflow-scrolling: touch;
    }

    .nav-panel::-webkit-scrollbar {
        display: none;
    }

    .nav-open .nav-panel {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
    .header-inner .main-menu li.hide-desktop-menu{
        display: block;
    }
    .header-inner .main-menu {
        flex-direction: column;
        justify-content: flex-start;
        gap: 0;
        width: 100%;
        padding-top: 0;
        font-size: 18px;
    }
    .main-menu-link {
        display: flex;
        align-items: center;
        min-height:50px;
        padding:0px;
        color: var(--color-navy);
        font-size: 20px;
        font-weight: 400;
    }
    
    .main-menu-link:hover,
    .main-menu-link:focus-visible {
        background:transparent;
        color: var(--color-blue);
    }

    .main-menu > li,
    .nav-contact .btn-solid-link {
        opacity: 0;
        transform: translateY(14px);
    }

    .nav-open .main-menu > li,
    .nav-open .nav-contact .btn-solid-link {
        animation: navItemFadeUp 360ms ease forwards;
    }

    .nav-open .main-menu > li:nth-child(1) {
        animation-delay: 80ms;
    }

    .nav-open .main-menu > li:nth-child(2) {
        animation-delay: 140ms;
    }

    .nav-open .main-menu > li:nth-child(3) {
        animation-delay: 200ms;
    }

    .nav-open .main-menu > li:nth-child(4) {
        animation-delay: 260ms;
    }

    .nav-open .main-menu > li:nth-child(5) {
        animation-delay: 320ms;
    }

    .nav-open .main-menu > li:nth-child(6) {
        animation-delay: 380ms;
    }

    .menu-item-has-dropdown::before {
        display: none;
    }

    .main-menu-link.has-dropdown {
        justify-content: space-between;
        width: 100%;
    }

    .dropdown-arrow {
        width: 9px;
        height: 9px;
        margin-right: 4px;
    }

    .services-dropdown {
        display: none;
        position: static;
        min-width: 0;
        width: 100%;
        margin: -2px 0 8px;
        padding:0px;
        border: 0;
        border-left: 0px;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        transform: none; 
    }

    .menu-item-has-dropdown.is-dropdown-open .services-dropdown {
        display: block;
    }

    .menu-item-has-dropdown:hover .services-dropdown,
    .menu-item-has-dropdown:focus-within .services-dropdown {
        transform: none;
    }

    .services-dropdown-link {
        min-height: 42px;
        padding: 10px 0 10px 16px;
        color: var(--color-text);
        font-size: 16px;
        font-weight: 400;
        white-space: normal;
    }

    .nav-open .nav-contact .btn-solid-link {
        animation-delay: 440ms;
    }

    .nav-contact {
        width: 100%;
        min-width: 0;
    }

    .nav-contact .btn-solid-link {
        width: 100%;
        min-height: 58px;
        box-shadow: 0 12px 24px rgb(44 118 190 / 22%);
    }

    .hero-section {
        height: 580px;
        min-height: auto;
    }

    .hero-card {
        width: 100%;
        min-height: auto;
    }

    .hero-actions .btn-outline-link {
        flex: 1 1 270px;
    }

    .services-grid {
        justify-content: center;
    }

    .service-card {
        flex-basis: calc((100% - 28px) / 2);
    }

    .service-content p {
        line-height: 1.12;
    }

    .approach-grid {
        flex-direction: column;
    }

    .approach-copy {
        flex: 0 1 auto;
        width: 100%;
    }

    .approach-copy li {
        line-height: 1.15;
    }

    .approach-image {
        flex: 0 0 auto;
        width: 100%;
        height: 440px;
    }

    .cta-section p {
        line-height: 1.15;
    }

    .footer-main {
        gap: 30px;
    }

    .footer-main > * {
        flex: 0 1 auto;
    }

    .footer-main p,
    .footer-nav li,
    .footer-nav-link {
        font-size: 18px;
    }

    .sst-hero {
        padding-bottom: 0;
    }

    .sst-hero-frame {
        height: 390px;
    }

    .sst-hero-card {
        left: 0px;
        bottom: 0px;
        width: calc(100% - 0px);
        min-height: 170px;
    }

    .sst-intro-grid {
        flex-direction: column;
    }

    .sst-intro,
    .sst-benefits,
    .sst-method {
        padding-bottom: 60px;
    }

    .sst-panel {
        padding: 34px 30px;
    }

    .sst-panel h2,
    .sst-benefits h2,
    .sst-method h2,
    .sst-services h2 {
        font-size: 42px;
    }

    .benefit-list,
    .service-list {
        gap: 24px;
    }

    .benefit-card,
    .service-tile {
        flex-basis: 100%;
        min-height: auto;
    }

    .about-content-section {
        margin: 54px 0 54px;
    }

    .about-page .about-hero .sst-hero-card {
        width: 100%;
    }

    .about-page .about-hero .sst-hero-frame {
        height: 390px;
    }

    .about-intro h2,
    .about-method h2,
    .about-values h2,
    .about-location h2 {
        font-size: 38px;
    }

    .about-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
        margin: 38px 0 46px;
    }

    .about-stat-card {
        min-height: 108px;
    }

    .about-method-grid,
    .about-location-grid {
        grid-template-columns: 1fr;
    }

    .about-values-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
    }

    .about-method,
    .about-values,
    .about-location {
        margin: 44px 0px;
    }

    .about-feature-card,
    .about-location-card,
    .about-map-card {
        padding: 28px;
    }
    .method-item::before {
        top: -5px;
    }
    .method-timeline {
        width: 100%;
        padding-top: 0px;
    }
    .sst-method h2 {
        margin-bottom: 50px;
    }

    .method-timeline::before,
    .method-item::before {
        left: 18px;
    }

    .method-item,
    .method-item:nth-child(even),
    .method-item:nth-child(odd) {
        justify-content: flex-start;
        min-height: 150px;
        padding-left: 58px;
    }
    .sst-services {
        padding: 70px 0 70px;
    }
    .method-item article {
        width: 100%;
        min-height: auto;
        padding: 25px 25px;
    }
    .nav-contact li:not(:first-child){
        display: inline-flex;
    }
    .nav-contact li:first-child{
        display: none;
    }
    header.site-header.nav-open .nav-toggle span {
        background:var(--color-blue);
    }
    .nav-contact li a{
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
        text-decoration: none;
        color:#000000CC;
    }
    .menu-item-has-dropdown:hover .dropdown-arrow {
        transform: translateY(2px) rotate(180deg);
    }
    .menu-item-has-dropdown.is-dropdown-open .dropdown-arrow {
        transform: translateY(2px) rotate(0deg) !important;
    }
    .method-item h3 {
        margin-bottom:15px;
    }
    .service-tile p {
        font-size: 18px;
    }
    .service-tile h3 {
        font-size: 28px;
        margin-bottom: 15px;
    }
    .benefit-card, .service-tile {
        padding: 30px 30px;
    }
    .cta-section p {
        margin: 30px 0;
        font-size: 18px;
    }
    .mail-icon {
        margin-bottom: 40px;
    }
    .sst-intro, .sst-benefits, .sst-method {
        padding: 60px 0 60px;
    }
    .benefit-card h3 {
        font-size: 28px;
        margin-bottom: 15px;
    }
    .method-timeline::before {
        width: 3px;
    }
    .contact-page-form {
        gap: 30px;
    }
    .contact-field label, .contact-page-form label{
        margin: 0 0 10px 4px;
        font-size: 18px;
        font-weight: 500;
    }
    .contact-field input, .contact-field select, .contact-field textarea {
        font-size: 18px;
    }
    .contact-field input, .contact-field select {
        height: 50px;
        padding: 0 10px;
    }
    .contact-field select {
        background-size: 11px 11px;
        padding-right: 40px;
    }
    .contact-info-list p, .contact-info-list a {
        font-size: 18px;
    }
    .contact-form-card h2, .contact-info-card h2 {
        margin-bottom: 30px;
    }
    .contact-field.field-width-25, .contact-field.field-width-33, .contact-field.field-width-50, .contact-field.field-width-66, .contact-field.field-width-75 {
        width: calc(100% - 0px);
    }
    .about-icon {
        width: 50px;
        height: 50px;
    }
    .about-icon svg {
        width: 28px;
        height: 28px;
    }
    .about-map-icon img {
        width: 70px;
        height: 70px;
    }
}

@media (max-width: 820px) {
    .contact-form-wrapper {
        flex-direction: column;
        max-width: 100%;
    }

    .contact-form-card,
    .contact-info-card {
        width: 100%;
        flex: 0 1 auto;
        min-height: auto;
    }
    .contact-form-card, .contact-info-card {
        padding: 40px;
    }
}


/* ================================
   Responsive - Mobile
================================ */
@media (max-width: 767px) {
    .hero-section > .lg-container {
        padding: 0px;
    }
    .service-more {
        margin-top: 40px;
    }
    .about-values-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .about-map-icon img {
        width: 48px;
        height: 48px;
    }
}
@media (max-width: 620px) {
    /* Base Typography */
    h1 {
        font-size: 34px;
        line-height: 1.08;
    }

    h2 {
        font-size: 24px;
        line-height: 1.08;
    }

    h3 {
        font-size: 20px;
        line-height: 1.08;
    }

    h4 {
        font-size: 19px;
        line-height: 1.2;
    }

    h5 {
        font-size: 17px;
        line-height: 1.1;
    }

    h6 {
        font-size: 12px;
        line-height: 1.15;
    }

    p,
    li {
        font-size: 16px;
        line-height: 1.2;
    }

    .lg-container,
    .sm-container {
        padding-left: 11px;
        padding-right: 11px;
    }

    .site-header {
        height: 88px;
    }
    .contact-info-list h3 {
        font-size: 20px;
        font-weight: 600;
    }
    .brand img {
        width: min(176px, calc(100vw - 96px));
    }
    .site-header.is-sticky .brand img {
        width: 165px;
    }

    .nav-panel {
        left: -20px;
        right: -20px;
        height: calc(100vh - 65px);
        height: calc(100dvh - 65px);
        padding: 22px 20px calc(28px + env(safe-area-inset-bottom));
    }
    .site-header.is-sticky {
        height: 65px;
    }
    .hero-section {
        height: 410px;
    }

    .hero-card {
        padding: 15px;
    }

    .hero-card h6 {
        margin-bottom: 12px;
    }

    .hero-actions {
        gap: 14px;
        margin-top: 16px;
    }
    .services-section .section-kicker, .approach-copy .section-kicker, .approach-copy .btn-outline-link {
        display: none;
    }
    .services-section, .srvc-listing-inner-sec {
        padding:35px 0 35px;
    }
    .service-content {
        min-height: auto;
        padding: 10px 10px 40px;
    }
    .services-grid {
        justify-content: start;
        gap: 10px;
    }
    .service-card {
        min-height: auto;
        flex-basis: calc((100% - 10px) / 2);
    }
    .service-content p {
        line-height: 1.2;
        font-size: 10px;
    }
    .service-card-link {
        right: 8px;
        bottom: 8px;
        font-size: 20px;
    }
    .service-more {
        margin-top: 33px;
    }
    .service-card-link svg {
        height: 18px;
    }
    .approach-section {
        padding:0px 0 35px;
    }
    .approach-grid {
        gap: 28px;
        flex-direction: column-reverse;
    }
    .approach-section .approach-copy {
        padding: 0px 11px;
    }
    .approach-copy h4 {
        margin: 22px 0 30px;
        line-height: 1.2;
        font-size: 12px;
    }
    .approach-section .lg-container {
        padding: 0px;
    }
    .approach-copy ul {
        gap: 15px;
        margin-bottom: 0px;
    }
    .approach-copy li {
        font-size: 14px;
        padding-left: 30px;
    }
    .approach-copy li::before {
        width: 16px;
        height: 12px;
        top: 0px;
    }
    .approach-image {
        height: 330px;
    }
    .cta-section {
        padding:16px 0 27px;
    }
    .cta-section h2{
        font-size: 12px;
        text-decoration: underline;
    }
    .mail-icon {
        margin-bottom: 24px;
    }
    .mail-icon svg {
        height: 40px;
    }
    .cta-section p {
        font-size: 11px;
        margin:11px 0 16px;
        text-decoration: underline;
    }
    .cta-inner .btn-outline-link{
        min-width: 113px;
        text-decoration: underline;
    }
    .footer-main {
        padding:25px 0;
    }
    .footer-main h4 {
        font-size: 13px;
        margin-bottom: 7px;
    }
    .footer-main p,
    .footer-nav li,
    .footer-nav-link {
        font-size: 10px;
    }
    .footer-bottom {
        flex-direction: column;
        gap: 12px;
        padding: 11px 0px;
    }
    .sst-hero {
        padding-bottom: 0;
    }
    .sst-hero-frame {
        height: 460px;
    }
    .sst-hero-card {
        padding: 24px 22px;
    }

    .sst-hero-card h1 {
        font-size: 34px;
        line-height: 1.02;
        margin-bottom: 10px;
    }

    .sst-hero-card p,
    .sst-panel p,
    .benefit-card p,
    .service-tile p,
    .method-item p {
        font-size: 10px;
        line-height: 1.25;
    }

    .sst-panel {
        min-height: auto;
        padding: 24px 22px;
    }

    .sst-panel h2,
    .sst-benefits h2,
    .sst-method h2,
    .sst-services h2 {
        font-size: 24px;
    }

    .benefit-card,
    .service-tile {
        padding: 24px 22px;
    }

    .benefit-card h3,
    .service-tile h3,
    .method-item h3 {
        font-size: 12px;
    }
    .sst-services h2 {
        margin-bottom:25px;
    }
    .sst-benefits, .sst-intro, .sst-benefits, .sst-method {
        padding-top: 58px;
        padding-bottom: 58px;
    }

    .sst-method {
        padding-bottom: 68px;
    }

    .method-item, .method-item:nth-child(even), .method-item:nth-child(odd) {
        min-height: 110px;
        padding-left: 50px;
    }

    .method-item::before {
        width: 30px;
        height: 30px;
        font-size: 18px;
        font-weight: 500;
    }

    .method-timeline::before,
    .method-item::before {
        left: 16px;
    }

    .method-item article {
        padding: 22px;
    }

    .sst-services {
        padding: 46px 0 50px;
    }

    .about-content-section {
        margin: 34px 0 34px;
    }

    .about-page .about-hero .sst-hero-frame {
        height: 410px;
    }

    .about-page .about-hero .sst-hero-card {
        padding: 22px 18px;
    }

    .about-page .about-hero .sst-hero-card p {
        font-size: 15px;
        line-height: 1.25;
    }

    .about-intro h2,
    .about-method h2,
    .about-values h2,
    .about-location h2 {
        font-size: 24px;
        line-height: 1.12;
    }

    .about-intro p,
    .about-feature-card > p,
    .about-location-card > p {
        font-size: 14px;
        line-height: 1.28;
    }

    .about-stat-grid {
        gap: 12px;
        margin: 28px 0 34px;
    }

    .about-stat-card {
        min-height: 92px;
        padding: 14px 8px;
    }

    .about-stat-card strong,
    .about-stat-card-primary strong {
        font-size: 26px;
    }

    .about-stat-card span {
        font-size: 11px;
    }

    .about-method,
    .about-values,
    .about-location {
        margin: 35px 0px;
    }

    .about-method h2,
    .about-values h2,
    .about-location h2 {
        margin-bottom: 18px;
    }

    .about-kicker {
        margin-bottom: 8px;
        font-size: 12px;
    }

    .about-feature-card,
    .about-value-card,
    .about-location-card,
    .about-map-card {
        min-height: auto;
        padding: 20px;
    }

    .about-card-heading {
        gap: 12px;
        margin-bottom: 16px;
    }

    .about-icon {
        width: 36px;
        height: 36px;
    }

    .about-icon svg {
        width: 21px;
        height: 21px;
    }

    .about-feature-card h3,
    .about-value-card h3,
    .about-location-card h3,
    .about-map-card h3 {
        font-size: 18px;
    }

    .about-card-heading p,
    .about-value-card p,
    .about-map-card p,
    .about-check-list li {
        font-size: 13px;
    }

    .about-check-list {
        gap: 10px;
        margin-top: 16px;
    }

    .about-check-list li {
        padding-left: 32px;
        margin-bottom: 10px;
    }

    .about-mini-icon {
        margin-bottom: 12px;
    }

    .about-map-icon {
        margin-bottom: 12px;
    }

    .btn-outline-link {
        min-width: auto;
        min-height: 30px;
        font-size: 10px;
        height: auto;
    }
    .footer-main address {
        display: none;
    }
    .footer-bottom p:nth-child(2){
        display: none;
    }
    .service-content h3 {
        margin-bottom: 15px;
        font-size: 12px;
    }
    .footer-nav {
        gap: 5px;
    }
    .contact-form-section {
        padding: 34px 11px 46px;
    }

    .contact-form-card,
    .contact-info-card {
        padding: 24px 20px;
    }

    .contact-form-card h2,
    .contact-info-card h2 {
        font-size: 24px;
    }

    .contact-page-form {
        gap: 20px;
    }

    .sst-kicker {
        margin-bottom: 8px;
        font-size: 10px;
        font-weight: 600;
    }
    .service-tile h3 {
        margin-bottom: 12px;
    }
    .method-item h3 {
        margin-bottom: 12px;
    }
    .benefit-list, .service-list {
        gap: 14px;
    }
    .about-check-list li::before {
        top: -5px;
        left: 0px;
        width: 25px;
        height: 25px;
    }
    .about-check-list li::after {
        top: 3px;
        left: 7px;
        width: 10px;
        height: 4px;
    }
    .footer-links a img {
        max-width: 25px;
    }
    .footer-links {
        gap: 12px;
        margin-top: 15px;
    }
}

@media (max-width: 420px) {
    .about-page .about-hero .sst-hero-frame {
        height: 380px;
    }

    .about-page .about-hero .sst-hero-card h1 {
        font-size: 30px;
    }

    .about-page .about-hero .sst-hero-card p {
        font-size: 14px;
    }

    .about-stat-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .about-stat-card {
        min-height: 82px;
    }

    .about-card-heading {
        align-items: center;
    }

    .about-location-card .about-card-heading {
        align-items: flex-start;
    }

    .about-map-card h3 {
        max-width: 240px;
    }
}

@keyframes navItemFadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}