/* Minification failed. Returning unminified contents.
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(37,21): run-time error CSS1039: Token not allowed after unary operator: '-accent'
(42,25): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(46,37): run-time error CSS1039: Token not allowed after unary operator: '-accent'
(54,22): run-time error CSS1039: Token not allowed after unary operator: '-about-light'
(55,35): run-time error CSS1039: Token not allowed after unary operator: '-about-border'
(59,17): run-time error CSS1039: Token not allowed after unary operator: '-grean'
(70,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(83,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(119,36): run-time error CSS1039: Token not allowed after unary operator: '-about-border'
(123,21): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(142,22): run-time error CSS1039: Token not allowed after unary operator: '-about-panel'
(143,28): run-time error CSS1039: Token not allowed after unary operator: '-about-border'
(154,21): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(162,21): run-time error CSS1039: Token not allowed after unary operator: '-text'
(175,39): run-time error CSS1039: Token not allowed after unary operator: '-about-border'
(179,40): run-time error CSS1039: Token not allowed after unary operator: '-about-border'
(188,21): run-time error CSS1039: Token not allowed after unary operator: '-about-secondary'
(197,21): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(208,32): run-time error CSS1039: Token not allowed after unary operator: '-about-border'
(213,21): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(241,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(243,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(252,26): run-time error CSS1039: Token not allowed after unary operator: '-accent'
(253,28): run-time error CSS1039: Token not allowed after unary operator: '-accent'
(258,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(265,21): run-time error CSS1039: Token not allowed after unary operator: '-accent'
 */

.about-page {
    --about-border: #dce5e8;
    --about-light: #f5f8f9;
    --about-panel: #f7fafb;
    --about-secondary: #54707a;
    color: var(--text);
    background: #fff;
}

    .about-page *,
    .about-page *::before,
    .about-page *::after {
        box-sizing: border-box;
    }

    .about-page .container {
        width: 100%;
        max-width: 1180px;
        margin: 0 auto;
        padding-inline: 24px;
    }

    .about-page h1,
    .about-page h2,
    .about-page p {
        margin-top: 0;
    }

    .about-page p {
        font-size: 1rem;
        line-height: 1.75;
        margin-bottom: 16px;
    }

    .about-page a {
        color: var(--accent);
        text-underline-offset: 3px;
    }

        .about-page a:hover {
            color: var(--primary);
        }

        .about-page a:focus-visible {
            outline: 2px solid var(--accent);
            outline-offset: 4px;
        }

/* Introduction */

.about-hero {
    padding: 46px 0 38px;
    background: var(--about-light);
    border-bottom: 1px solid var(--about-border);
}

.about-kicker {
    color: var(--grean, #619b1c);
    font-size: 0.76rem !important;
    font-weight: 700;
    letter-spacing: 1.2px;
    line-height: 1.5;
    text-transform: uppercase;
    margin-bottom: 12px !important;
}

.about-hero h1 {
    max-width: 1050px;
    color: var(--primary);
    font-size: clamp(2.05rem, 3.3vw, 2.7rem);
    font-weight: 700;
    line-height: 1.22;
    letter-spacing: -0.6px;
    margin-bottom: 22px;
}

.about-hero p {
    max-width: 970px;
}

.about-hero .about-lead {
    color: var(--primary);
    font-size: 1.13rem;
    line-height: 1.72;
    font-weight: 500;
    margin-bottom: 17px;
}

.about-hero p:last-child {
    margin-bottom: 0;
}

/* Main content */

.about-content {
    padding: 42px 0 46px;
    background: #fff;
}

.about-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.75fr) minmax(310px, 0.95fr);
    gap: 50px;
    align-items: start;
}

.about-main {
    min-width: 0;
}

.about-section {
    min-width: 0;
}

    .about-section + .about-section {
        margin-top: 36px;
        padding-top: 34px;
        border-top: 1px solid var(--about-border);
    }

    .about-section h2 {
        color: var(--primary);
        font-size: clamp(1.55rem, 2.2vw, 1.9rem);
        font-weight: 700;
        line-height: 1.32;
        letter-spacing: -0.3px;
        margin-bottom: 21px;
    }

    .about-section > p:not(.about-kicker) {
        max-width: 750px;
    }

    .about-section p:last-child {
        margin-bottom: 0;
    }

/* Registered business */

.about-business {
    background: var(--about-panel);
    border: 1px solid var(--about-border);
    border-radius: 8px;
    padding: 27px 28px 25px;
    min-width: 0;
}

    .about-business .about-kicker {
        margin-bottom: 9px !important;
    }

    .about-business h2 {
        color: var(--primary);
        font-size: 1.45rem;
        font-weight: 700;
        line-height: 1.35;
        margin: 0 0 17px;
    }

    .about-business > p:not(.about-kicker) {
        color: var(--text);
        font-size: 0.96rem;
        line-height: 1.7;
        margin-bottom: 19px;
    }

.about-business-details {
    margin: 0;
    padding: 0;
}

    .about-business-details > div {
        padding: 13px 0;
        border-bottom: 1px solid var(--about-border);
    }

        .about-business-details > div:first-child {
            border-top: 1px solid var(--about-border);
        }

        .about-business-details > div:last-child {
            border-bottom: 0;
            padding-bottom: 0;
        }

    .about-business-details dt {
        color: var(--about-secondary);
        font-size: 0.81rem;
        font-weight: 600;
        line-height: 1.4;
        margin-bottom: 4px;
    }

    .about-business-details dd {
        margin: 0;
        color: var(--primary);
        font-size: 0.99rem;
        font-weight: 650;
        line-height: 1.55;
        overflow-wrap: anywhere;
    }

/* Contact */

.about-cta {
    background: #fff;
    border-top: 1px solid var(--about-border);
    padding: 37px 0 43px;
}

    .about-cta h2 {
        color: var(--primary);
        font-size: clamp(1.55rem, 2.25vw, 2rem);
        line-height: 1.32;
        font-weight: 700;
        letter-spacing: -0.3px;
        margin-bottom: 15px;
    }

    .about-cta p {
        max-width: 900px;
        font-size: 1rem;
        line-height: 1.72;
        margin-bottom: 22px;
    }

.about-cta-actions {
    display: flex;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap;
}

.about-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 12px 21px;
    background: var(--primary);
    color: #fff !important;
    border: 1px solid var(--primary);
    border-radius: 5px;
    font-size: 0.95rem;
    font-weight: 650;
    line-height: 1.4;
    text-decoration: none !important;
}

    .about-btn:hover {
        background: var(--accent);
        border-color: var(--accent);
        color: #fff !important;
    }

.about-text-link {
    color: var(--primary) !important;
    font-size: 0.95rem;
    font-weight: 650;
    text-decoration: none;
}

    .about-text-link:hover {
        color: var(--accent) !important;
        text-decoration: underline;
    }

/* Mobile */

@media (max-width: 760px) {

    .about-page .container {
        padding-inline: 18px;
    }

    .about-hero {
        padding: 33px 0 29px;
    }

        .about-hero h1 {
            font-size: clamp(1.85rem, 5.5vw, 2.3rem);
            margin-bottom: 19px;
        }

        .about-hero .about-lead {
            font-size: 1.04rem;
        }

    .about-content {
        padding: 30px 0 36px;
    }

    .about-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 30px;
    }

    .about-main {
        display: contents;
    }

        .about-main .about-section:first-child {
            order: 1;
        }

    .about-business {
        order: 2;
        padding: 23px 22px;
    }

    .about-main .about-section:last-child {
        order: 3;
        margin-top: 0;
        padding-top: 0;
        border-top: 0;
    }

    .about-section h2 {
        font-size: 1.6rem;
        margin-bottom: 17px;
    }

    .about-cta {
        padding: 31px 0 36px;
    }
}

@media (max-width: 420px) {

    .about-page .container {
        padding-inline: 16px;
    }

    .about-hero h1 {
        font-size: 1.85rem;
    }

    .about-section h2 {
        font-size: 1.5rem;
    }

    .about-business {
        padding: 21px 19px;
    }

    .about-cta-actions {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
}