.art-archive-hero {
    position:relative;
    min-height:clamp(280px,42vw,550px);
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:linear-gradient(135deg, #222222 0%, #000000 42%, #000000 100%);
    isolation:isolate
}
section.art-hub-section {
    padding: 0px;
}
.art-archive-hero--has-bg .art-archive-hero__overlay {
    opacity:0.88
}
.art-archive-hero__bg {
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    z-index:0
}
.art-archive-hero__overlay {
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(125deg, color-mix(in srgb, #000000 92%, transparent) 0%, color-mix(in srgb, #000000 55%, transparent) 55%, color-mix(in srgb, #000000 70%, transparent) 100%);
    pointer-events:none
}
.art-archive-hero__blob {
    position:absolute;
    border-radius:46% 54% 52% 48% / 42% 45% 55% 58%;
    filter:blur(0);
    opacity:0.38;
    z-index:2;
    pointer-events:none;
    will-change:transform
}
.art-archive-hero__blob--left {
    width:clamp(140px,22vw,260px);
    height:clamp(160px,26vw,300px);
    left:-6%;
    top:18%;
    background:radial-gradient(circle at 35% 35%,var(--accent) 0%,color-mix(in srgb,var(--accent) 40%,transparent) 100%);
    animation:artBlobDriftA 14s ease-in-out infinite
}
.art-archive-hero__blob--right {
    width:clamp(120px,18vw,220px);
    height:clamp(140px,22vw,260px);
    right:-4%;
    bottom:12%;
    background:radial-gradient(circle at 60% 40%,rgba(255,255,255,0.55) 0%,rgba(255,255,255,0.08) 100%,transparent 100%);
    animation:artBlobDriftB 18s ease-in-out infinite
}

section.art-single-post__layout-section {
    padding: 0px;
}
@keyframes artBlobDriftA {
    0%,100% {
        transform:translate(0,0) rotate(0deg) scale(1)
    }
    50% {
        transform:translate(28px,-22px) rotate(12deg) scale(1.08)
    }

}
@keyframes artBlobDriftB {
    0%,100% {
        transform:translate(0,0) rotate(0deg)
    }
    50% {
        transform:translate(-36px,18px) rotate(-10deg)
    }

}
.art-archive-hero__shape {
    position:absolute;
    z-index:2;
    pointer-events:none;
    opacity:0.22;
    border:3px solid color-mix(in srgb,var(--accent) 100%,transparent);
    will-change:transform
}
.art-archive-hero__shape--crate {
    width:clamp(72px,11vw,120px);
    height:clamp(48px,8vw,80px);
    left:14%;
    bottom:14%;
    border-radius:10px;
    animation:artCrateBob 6s ease-in-out infinite
}
.art-archive-hero__shape--wave {
    width:clamp(160px,28vw,320px);
    height:52px;
    right:8%;
    top:22%;
    border-radius:999px;
    border-style:dashed;
    animation:artWaveSlide 11s linear infinite
}
@keyframes artCrateBob {
    0%,100% {
        transform:translateY(0)
    }
    50% {
        transform:translateY(-14px)
    }

}
@keyframes artWaveSlide {
    from {
        transform:translateX(0);
        opacity:0.18
    }
    50% {
        opacity:0.35
    }
    to {
        transform:translateX(-40px);
        opacity:0.18
    }

}
.art-archive-hero__inner {
    position:relative;
    z-index:4;
    text-align:center;
    padding:52px 16px 56px;
    max-width:860px;
    margin:0 auto
}
.art-archive-hero__title {
    font-family:var(--art-font-family-heading);
    font-weight:800;
    font-size:clamp(30px,4.6vw,46px);
    line-height:1.15;
    color:var(--white);
    margin:0 0 14px;
    text-shadow:0 12px 40px rgba(0,0,0,0.35)
}
.art-archive-hero__desc {
    font-family:var(--art-font-family-body);
    font-size:clamp(15px,2.4vw,18px);
    line-height:1.65;
    color:rgba(255,255,255,0.88);
    margin:0
}
.art-archive-hero__desc p {
    margin:0
}
.art-archive-hero__btns {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:12px;
    margin-top:22px
}
.art-blog-hero__outer {
    position:relative;
    z-index:2;
    width:100%;
    padding:48px 16px 56px
}
.art-blog-hero__box {
    max-width:720px;
    margin:0;
    padding:28px 32px;
    background:rgba(255,255,255,0.14);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    border:1px solid rgba(255,255,255,0.32);
    border-radius:16px;
    box-shadow:0 16px 48px rgba(0,0,0,0.28);
    text-align:left
}
.art-blog-hero--single .art-blog-hero__title {
    color:var(--white);
    text-shadow:0 2px 12px rgba(0,0,0,0.25);
    margin-bottom:18px
}
.art-blog-hero__author-avatar {
    width:22px;
    height:22px;
    border-radius:50%;
    object-fit:cover;
    flex-shrink:0
}
.art-blog-hero__meta-item--author {
    gap:6px
}
.art-blog-hero--single .art-blog-hero__meta-item {
    color:rgba(255,255,255,0.92)
}
.art-blog-hero--single .art-blog-hero__meta-item i {
    font-size:13px
}
.art-hub-grid {
    align-items:flex-start
}
.art-hub-card-wrap {
    display:block;
    height:auto
}
.art-hub-card-wrap .art-archive-card,.art-hub-card-wrap .art-hub-card {
    width:100%
}
.art-archive-card {
    height:auto;
    min-height:0;
    display:flex;
    flex-direction:column;
    background:var(--white);
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 8px 28px rgba(0,0,0,0.07);
    border:1px solid rgba(0,0,0,0.06);
    transition:transform 0.4s cubic-bezier(0.22,1,0.36,1),box-shadow 0.4s ease
}
.art-archive-card:hover {
    transform:translateY(-6px);
    box-shadow:0 18px 44px rgba(0,0,0,0.12)
}
.art-archive-card__media {
    position:relative;
    display:block;
    aspect-ratio:16 / 9;
    max-height:200px;
    overflow:hidden;
    background:var(--card-bg);
    flex-shrink:0
}
.art-archive-card__media img {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform 0.55s cubic-bezier(0.22,1,0.36,1)
}
.art-archive-card:hover .art-archive-card__media img {
    transform:scale(1.05)
}
.art-archive-card__placeholder {
    display:block;
    width:100%;
    height:100%;
    background:linear-gradient(135deg,#e8ecf3 0%,#dfe6ef 100%)
}
.art-archive-card__body {
    padding:18px 20px 20px;
    display:flex;
    flex-direction:column;
    flex:0 1 auto;
    min-height:0
}
.art-archive-card__date {
    font-family:var(--art-font-family-heading);
    font-size:11px;
    font-weight:700;
    letter-spacing:0.14em;
    text-transform:uppercase;
    color:var(--accent);
    margin-bottom:8px
}
.art-archive-card__title {
    font-family:var(--art-font-family-heading);
    font-size:clamp(17px,2.4vw,20px);
    line-height:1.35;
    margin:0 0 8px
}
.art-archive-card__title a {
    color:var(--black);
    text-decoration:none;
    transition:color 0.25s ease
}
.art-archive-card__title a:hover {
    color:var(--accent-2)
}
.art-archive-card__excerpt {
    font-family:var(--art-font-family-body);
    font-size:14px;
    line-height:1.55;
    color:var(--text);
    margin:0 0 10px;
    flex:0 0 auto;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    line-clamp:2;
    overflow:hidden
}
.art-archive-card__read {
    align-self:flex-start;
    margin-top:auto;
    font-size:12px;
    white-space:nowrap;
    text-decoration:none
}
.art-archive-card__read span {
    margin-left:4px
}
.art-archive-pagination-wrap {
    margin-top:40px
}
.art-archive-pagination-wrap .navigation.pagination {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:6px
}
.art-archive-pagination-wrap .page-numbers {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:40px;
    height:40px;
    padding:0 12px;
    border-radius:999px;
    font-family:var(--art-font-family-heading);
    font-weight:600;
    font-size:14px;
    color:var(--accent-2);
    background:var(--white);
    border:1px solid color-mix(in srgb,var(--accent-2) 22%,transparent);
    text-decoration:none;
    transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease
}
.art-archive-pagination-wrap .page-numbers.current,.art-archive-pagination-wrap .page-numbers:hover {
    background:var(--accent-2);
    color:var(--white);
    border-color:var(--accent-2)
}
.art-archive-empty {
    font-family:var(--art-font-family-body);
    color:var(--text);
    padding:48px 0
}
.art-blog-hero--single {
    position:relative;
    min-height:clamp(320px,52vw,600px);
    display:flex;
    align-items:center;
    overflow:hidden;
    background:linear-gradient(135deg,var(--accent-2) 0%,#011540 100%)
}
.art-blog-hero--single.art-blog-hero--has-image {
    background:#0a1430
}
.art-blog-hero__media {
    position:absolute;
    inset:0;
    z-index:0
}
.art-blog-hero__media img {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block
}
.art-blog-hero__overlay {
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient( 180deg,rgba(1,21,64,0.25) 0%,rgba(2,42,104,0.75) 55%,rgba(1,17,48,0.92) 100% );
    pointer-events:none
}
.art-blog-hero__inner {
    position:relative;
    z-index:2;
    padding:48px 16px 56px;
    max-width:920px;
    margin:0 auto;
    text-align:center
}
.art-blog-hero__inner--left {
    text-align:left;
    margin:0;
    max-width:none;
    width:100%
}
.art-blog-hero__title {
    font-family:var(--art-font-family-heading);
    font-weight:700;
    font-size:clamp(28px,4.8vw,40px);
    line-height:1.18;
    color:var(--white);
    margin:0 0 16px;
    text-shadow:0 14px 48px rgba(0,0,0,0.45)
}
.art-blog-hero__meta {
    font-family:var(--art-font-family-body);
    font-size:clamp(15px,2.4vw,18px);
    line-height:1.65;
    color:rgba(255,255,255,0.9);
    margin:0 auto;
    max-width:720px
}
.art-blog-hero__meta-row {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:16px 24px;
    margin-top:4px
}
.art-blog-hero__meta-item {
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-family:var(--art-font-family-body);
    font-size:14px;
    color:rgba(255,255,255,0.92)
}
.art-blog-hero__meta-item i {
    color:var(--accent);
    font-size:14px
}
.art-single-post,.art-single-post__layout-section,.art-single-post__layout-inner,.art-single-post__layout-inner>.row,.art-single-post__sidebar {
    overflow:visible
}
.art-single-post__layout-section {
    background:var(--bg)
}
@media (min-width:992px) {
    .art-single-post__row {
        align-items:stretch
    }
    .art-single-post__sidebar {
        align-self:stretch;
        display:flex;
        flex-direction:column
    }

}
.py-lg-6 {
    padding-top:4.5rem !important;
    padding-bottom:4.5rem !important
}
@media (max-width:991.98px) {
    .py-lg-6 {
        padding-top:2.75rem !important;
        padding-bottom:2.75rem !important
    }

}
.art-single-post__content-box {
    background:var(--white);
    border:1px solid rgba(2,42,104,0.12);
    border-radius:14px;
    padding:clamp(20px,3vw,36px);
    box-shadow:0 4px 24px rgba(2,42,104,0.04)
}
.art-single-post__content {
    font-family:var(--art-font-family-body);
    font-size:var(--art-font-body-d);
    line-height:1.65;
    color:var(--text);
    max-width:100%
}
.art-single-post__content>*:first-child {
    margin-top:0
}
.art-single-post__content>*:last-child {
    margin-bottom:0
}
.art-single-post__content p {
    margin:0 0 0.85em
}
.art-single-post__content h2 {
    font-family:var(--art-font-family-heading);
    color:var(--black);
    font-size:clamp(22px,2.8vw,28px);
    line-height:1.25;
    margin:1.35em 0 0.5em
}
.art-single-post__content h3,.art-single-post__content h4 {
    font-family:var(--art-font-family-heading);
    color:var(--black);
    line-height:1.3;
    margin:1.1em 0 0.45em
}
.art-single-post__content h2:first-child,.art-single-post__content h3:first-child {
    margin-top:0
}
.art-single-post__content ul,.art-single-post__content ol {
    margin:0 0 0.85em;
    padding-left:1.35em
}
.art-single-post__content li {
    margin-bottom:0.35em
}
.art-single-post__content li:last-child {
    margin-bottom:0
}
.art-single-post__content table,.art-single-post__content .art-post-table {
    width:100%;
    border-collapse:collapse;
    margin:0.75em 0 1em;
    font-size:0.94em;
    background:var(--white);
    border:1px solid rgba(2,42,104,0.18);
    border-radius:8px;
    overflow:hidden
}
.art-single-post__content table th,.art-single-post__content table td,.art-single-post__content .art-post-table th,.art-single-post__content .art-post-table td {
    border:1px solid rgba(2,42,104,0.14);
    padding:10px 14px;
    text-align:left;
    vertical-align:top
}
.art-single-post__content table thead th,.art-single-post__content .art-post-table thead th {
    background:var(--accent-2);
    color:var(--white);
    font-family:var(--art-font-family-heading);
    font-weight:700;
    font-size:13px;
    letter-spacing:0.02em;
    border-color:color-mix(in srgb,var(--accent-2) 80%,var(--black))
}
.art-single-post__content table tbody tr:nth-child(even),.art-single-post__content .art-post-table tbody tr:nth-child(even) {
    background:rgba(2,42,104,0.03)
}
.art-single-post__content table tbody tr:hover,.art-single-post__content .art-post-table tbody tr:hover {
    background:rgba(2,42,104,0.06)
}
@media (max-width:767.98px) {
    .art-single-post__content table,.art-single-post__content .art-post-table {
        display:block;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch
    }

}
.art-blog-sidebar--sticky {
    position:relative
}
@media (min-width:992px) {
    .art-single-post__sidebar .art-blog-sidebar--sticky {
        position:-webkit-sticky;
        position:sticky;
        top:var(--art-sticky-offset,96px);
        z-index:5;
        align-self:flex-start;
        width:100%
    }

}
.art-sidebar-recent {
    background:var(--white);
    border-radius:14px;
    padding:22px 20px;
    box-shadow:0 10px 36px rgba(2,42,104,0.08);
    border:1px solid rgba(2,42,104,0.08);
    margin-bottom:20px
}
.art-sidebar-recent__heading {
    font-family:var(--art-font-family-heading);
    font-size:18px;
    font-weight:800;
    color:var(--accent-2);
    margin:0 0 14px;
    padding-bottom:10px;
    border-bottom:3px solid var(--accent-2)
}
.art-sidebar-recent__list {
    list-style:none;
    margin:0;
    padding:0
}
.art-sidebar-recent__item {
    border-bottom:1px dashed color-mix(in srgb,var(--black) 22%,transparent);
    padding:14px 0
}
.art-sidebar-recent__item:first-child {
    padding-top:0
}
.art-sidebar-recent__link {
    display:flex;
    align-items:flex-start;
    gap:14px;
    text-decoration:none;
    color:inherit;
    transition:opacity 0.2s ease
}
.art-sidebar-recent__link:hover {
    opacity:0.82
}
.art-sidebar-recent__thumb {
    flex:0 0 84px;
    width:84px;
    height:56px;
    border-radius:6px;
    overflow:hidden;
    background:var(--card-bg);
    display:block
}
.art-sidebar-recent__thumb img {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block
}
.art-sidebar-recent__thumb-ph {
    display:block;
    width:100%;
    height:100%;
    background:linear-gradient(135deg,#e4e9f2 0%,#d8dfea 100%)
}
.art-sidebar-recent__title {
    font-family:var(--art-font-family-heading);
    font-size:14px;
    font-weight:700;
    line-height:1.45;
    color:var(--black);
    display:block
}
.art-sidebar-subscribe {
    background:var(--white);
    border-radius:14px;
    padding:22px 20px;
    box-shadow:0 10px 36px rgba(2,42,104,0.08);
    border:1px solid rgba(2,42,104,0.08)
}
.art-sidebar-subscribe__heading {
    font-family:var(--art-font-family-heading);
    font-size:18px;
    font-weight:800;
    color:var(--accent-2);
    margin:0 0 10px
}
.art-sidebar-subscribe__intro {
    font-family:var(--art-font-family-body);
    font-size:13px;
    line-height:1.55;
    color:var(--text);
    margin:0 0 18px
}
.art-sidebar-subscribe__field {
    margin-bottom:12px
}
.art-sidebar-subscribe__field input {
    width:100%;
    padding:11px 14px;
    border-radius:8px;
    border:1px solid color-mix(in srgb,var(--accent-2) 22%,transparent);
    font-family:var(--art-font-family-body);
    font-size:14px;
    outline:none;
    transition:border-color 0.2s ease,box-shadow 0.2s ease
}
.art-sidebar-subscribe__field input:focus {
    border-color:var(--accent);
    box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent)
}
.art-sidebar-subscribe__btn {
    width:100%;
    border:none;
    border-radius:8px;
    padding:12px 16px;
    font-family:var(--art-font-family-heading);
    font-weight:700;
    font-size:13px;
    letter-spacing:0.06em;
    text-transform:uppercase;
    background:var(--accent-2);
    color:var(--white);
    cursor:pointer;
    transition:background 0.25s ease,transform 0.2s ease
}
.art-sidebar-subscribe__btn:hover:not(:disabled) {
    background:color-mix(in srgb,var(--accent-2) 85%,var(--black));
    transform:translateY(-1px)
}
.art-sidebar-subscribe__btn:disabled {
    opacity:0.65;
    cursor:not-allowed
}
.art-sidebar-subscribe__feedback {
    font-family:var(--art-font-family-body);
    font-size:13px;
    line-height:1.45;
    margin:14px 0 0
}
.art-sidebar-subscribe__feedback.is-success {
    color:color-mix(in srgb,var(--accent-2) 75%,var(--black))
}
.art-sidebar-subscribe__feedback.is-error {
    color:#b42318
}
.art-hub-section {
    background:var(--bg)
}
.art-hub-sidebar--sticky {
    position:relative
}
@media (min-width:992px) {
    .art-hub-sidebar--sticky {
        position:sticky;
        top:104px;
        align-self:flex-start
    }

}
.art-hub-categories {
    background:var(--white);
    border-radius:14px;
    padding:20px 18px;
    box-shadow:0 10px 36px rgba(2,42,104,0.07);
    border:1px solid rgba(2,42,104,0.07);
    margin-bottom:20px
}
.art-hub-categories__heading {
    font-family:var(--art-font-family-heading);
    font-size:17px;
    font-weight:800;
    color:var(--accent-2);
    margin:0 0 14px;
    padding-bottom:10px;
    border-bottom:3px solid var(--accent-2)
}
.art-hub-categories__all {
    margin:0 0 12px
}
.art-hub-categories__all-link {
    font-family:var(--art-font-family-heading);
    font-weight:700;
    font-size:13px;
    color:var(--accent-2);
    text-decoration:none
}
.art-hub-categories__all-link:hover {
    color:var(--accent)
}
.art-hub-categories__list {
    list-style:none;
    margin:0;
    padding:0
}
.art-hub-categories__item {
    border-bottom:1px dashed color-mix(in srgb,var(--black) 18%,transparent)
}
.art-hub-categories__item:last-child {
    border-bottom:none
}
.art-hub-categories__link {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:11px 0;
    font-family:var(--art-font-family-heading);
    font-weight:600;
    font-size:14px;
    color:var(--black);
    text-decoration:none;
    transition:color 0.2s ease
}
.art-hub-categories__link:hover {
    color:var(--accent-2)
}
.art-hub-categories__count {
    font-size:12px;
    font-weight:700;
    color:var(--text);
    background:var(--card-bg);
    border-radius:999px;
    padding:2px 9px;
    flex-shrink:0
}
.art-hub-categories__empty {
    font-size:13px;
    color:var(--text);
    margin:0
}
.art-hub-sentinel-wrap {
    min-height:1px
}
.art-hub-sentinel {
    height:1px;
    width:100%
}