.about-modern,
.contact-modern,
.blog-hub,
.blog-article {
    background:
        radial-gradient(circle at top left, rgba(132, 86, 215, 0.14), transparent 18%),
        linear-gradient(180deg, #f8f6fd 0%, #f3effb 100%);
    font-family: var(--body-font), "Zen Maru Gothic", sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.about-modern p,
.about-modern span,
.about-modern a,
.about-modern li,
.contact-modern p,
.contact-modern span,
.contact-modern a,
.contact-modern li,
.contact-modern button,
.blog-hub p,
.blog-hub span,
.blog-hub a,
.blog-hub li,
.blog-hub button,
.blog-article p,
.blog-article span,
.blog-article a,
.blog-article li,
.blog-article button {
    font-family: var(--body-font), "Zen Maru Gothic", sans-serif;
}

.about-modern h1,
.about-modern h2,
.about-modern h3,
.about-modern h4,
.about-modern h5,
.contact-modern h1,
.contact-modern h2,
.contact-modern h3,
.contact-modern h4,
.contact-modern h5,
.blog-hub h1,
.blog-hub h2,
.blog-hub h3,
.blog-hub h4,
.blog-hub h5,
.blog-article h1,
.blog-article h2,
.blog-article h3,
.blog-article h4,
.blog-article h5 {
    font-family: var(--heading-font), "Wendy One", sans-serif;
    text-transform: none;
    text-wrap: balance;
}

.about-modern__hero,
.contact-modern__hero,
.blog-hero,
.blog-article__hero {
    position: relative;
    overflow: hidden;
    padding: 92px 0 78px;
    background: linear-gradient(135deg, #4d159c 0%, #6b27c7 58%, #4f1ca1 100%);
}

.blog-hero {
    padding-bottom: 72px;
}

.about-modern__hero::before,
.about-modern__hero::after,
.contact-modern__hero::before,
.contact-modern__hero::after,
.blog-hero::before,
.blog-hero::after,
.blog-article__hero::before,
.blog-article__hero::after {
    content: "";
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
}

.about-modern__hero::before,
.contact-modern__hero::before,
.blog-hero::before,
.blog-article__hero::before {
    top: -110px;
    right: -90px;
    width: 340px;
    height: 340px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0) 72%);
}

.about-modern__hero::after,
.contact-modern__hero::after,
.blog-hero::after,
.blog-article__hero::after {
    left: -120px;
    bottom: -190px;
    width: 360px;
    height: 360px;
    background: radial-gradient(circle, rgba(255, 204, 77, 0.24) 0%, rgba(255, 204, 77, 0) 72%);
}

.about-modern__hero-inner,
.contact-modern__hero-inner,
.blog-hero__inner,
.blog-featured__grid,
.blog-article__hero-inner {
    position: relative;
    z-index: 1;
}

.about-modern__eyebrow,
.contact-modern__eyebrow,
.blog-hero__eyebrow,
.blog-article__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    color: rgba(255, 255, 255, 0.86);
    font-size: 0.92rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.about-modern__eyebrow::before,
.contact-modern__eyebrow::before,
.blog-hero__eyebrow::before,
.blog-article__eyebrow::before {
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #ffcc4d;
    box-shadow: 0 0 0 6px rgba(255, 204, 77, 0.18);
}

.about-modern__title,
.contact-modern__title,
.blog-hero__title,
.blog-article__title {
    margin-bottom: 18px;
    color: #fff;
    font-size: clamp(2.6rem, 5vw, 4.7rem);
    font-weight: 700;
    line-height: 0.95;
    letter-spacing: -0.03em;
}

.about-modern__copy,
.contact-modern__copy,
.blog-hero__copy {
    margin-bottom: 28px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 1.05rem;
    line-height: 1.86;
}

.blog-hero__copy {
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.85;
}

.about-modern__crumbs,
.contact-modern__crumbs,
.blog-hero__crumbs,
.blog-article__crumbs {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.95rem;
    font-weight: 600;
}

.about-modern__crumbs a,
.contact-modern__crumbs a,
.blog-hero__crumbs a,
.blog-article__crumbs a {
    color: #fff;
}

.about-modern__crumbs i,
.contact-modern__crumbs i,
.blog-hero__crumbs i,
.blog-article__crumbs i {
    color: #ffcc4d;
}

.about-modern__shell,
.contact-modern__shell,
.blog-shell,
.blog-article__shell {
    margin-top: -38px;
    padding: 0 0 110px;
    position: relative;
    z-index: 2;
}

.about-modern__button,
.contact-modern__button,
.blog-button,
.blog-article__button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    padding: 13px 20px;
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(135deg, #5c1cb4 0%, #7230d2 100%);
    font-size: 0.95rem;
    font-weight: 700;
    box-shadow: 0 18px 34px rgba(92, 28, 180, 0.18);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.about-modern__button:hover,
.contact-modern__button:hover,
.blog-button:hover,
.blog-article__button:hover {
    transform: translateY(-2px);
    color: #fff;
    box-shadow: 0 24px 40px rgba(92, 28, 180, 0.24);
}

@media (max-width: 767.98px) {
    .about-modern__hero,
    .contact-modern__hero,
    .blog-hero,
    .blog-article__hero {
        padding: 80px 0 60px;
    }

    .about-modern__shell,
    .contact-modern__shell,
    .blog-shell,
    .blog-article__shell {
        margin-top: -24px;
        padding-bottom: 84px;
    }
}