/* Articles listing */
.ka-articles-hero { position: relative; overflow: hidden; padding: 118px 0 104px; background: radial-gradient(circle at 86% 30%, rgba(255,220,46,.92) 0 3px, transparent 4px), radial-gradient(ellipse at 83% 52%, rgba(208,136,16,.42), transparent 22%), linear-gradient(122deg, #240032 0%, #570b69 53%, #27113f 100%); background-size: 120% 120%; animation: ka-articles-ambient-shift 18s ease-in-out infinite alternate; }
.ka-articles-hero::before, .ka-articles-hero::after { position: absolute; content: ''; border-radius: 50%; pointer-events: none; }
.ka-articles-hero::before { top: -248px; right: -105px; width: 610px; height: 610px; border: 1px solid rgba(255,255,255,.2); box-shadow: 0 0 0 58px rgba(255,255,255,.055), 0 0 0 118px rgba(255,255,255,.03); animation: ka-articles-orbit 28s linear infinite; }
.ka-articles-hero::after { right: 18%; bottom: -226px; width: 350px; height: 350px; background: rgba(255,210,38,.11); animation: ka-articles-orbit 20s linear infinite reverse; }
@keyframes ka-articles-ambient-shift { from { background-position: 0% 50%; } to { background-position: 100% 50%; } }
@keyframes ka-articles-orbit { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.ka-articles-hero-content { position: relative; z-index: 1; max-width: 790px; }
.ka-articles-hero .ka-section-label { display: inline-block; margin: 0 0 20px; padding: 7px 13px; border: 1px solid rgba(255,255,255,.34); border-radius: 3px; color: #ffe18b; background: rgba(255,255,255,.08); }
.ka-articles-hero h1 { max-width: 760px; margin: 0 0 20px; color: var(--ka-white); font-family: var(--ka-font-heading); font-size: clamp(38px,5.4vw,70px); line-height: 1.02; letter-spacing: -2.5px; text-transform: uppercase; }
.ka-articles-hero p:not(.ka-section-label) { max-width: 660px; margin: 0; color: rgba(255,255,255,.84); font-size: 18px; line-height: 1.75; }
.ka-articles-section { padding: 84px 0 100px; background: linear-gradient(180deg, #f8f7fb 0%, #fff 34%); }
.ka-featured-article { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(340px,.95fr); overflow: hidden; border-radius: 24px; background: var(--ka-white); box-shadow: 0 24px 60px rgba(36,0,54,.13); }
.ka-featured-article-image, .ka-article-card-image { position: relative; display: block; overflow: hidden; background: var(--ka-gradient-purple); }
.ka-featured-article-image { min-height: 420px; }
.ka-featured-article-image img, .ka-article-card-image img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .55s ease; }
.ka-featured-article:hover .ka-featured-article-image img, .ka-article-card:hover .ka-article-card-image img { transform: scale(1.055); }
.ka-article-image-fallback { width: 100%; height: 100%; min-height: inherit; display: grid; place-items: center; padding: 30px; color: rgba(255,255,255,.95); font-family: var(--ka-font-heading); font-size: clamp(24px,3vw,38px); letter-spacing: .08em; line-height: 1.2; text-align: center; text-transform: uppercase; }
.ka-featured-article-content { align-self: center; padding: 50px clamp(30px,5vw,68px); }
.ka-article-meta { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0 0 14px; color: var(--ka-muted); font-family: var(--ka-font-caption); font-size: 12px; letter-spacing: .05em; text-transform: uppercase; }
.ka-article-meta span + span::before { margin-right: 18px; content: '•'; color: var(--ka-orange); }
.ka-article-meta a:hover { color: var(--ka-orange-dark); }
.ka-featured-article .ka-card-kicker { margin-bottom: 13px; }
.ka-featured-article h2, .ka-articles-heading h2, .ka-article-card h2 { color: var(--ka-purple-dark); font-family: var(--ka-font-heading); text-transform: uppercase; }
.ka-featured-article h2 { margin: 0 0 18px; font-size: clamp(28px,3.1vw,43px); line-height: 1.08; letter-spacing: -1.9px; }
.ka-featured-article h2 a:hover, .ka-article-card h2 a:hover { color: var(--ka-orange-dark); }
.ka-featured-article-excerpt { margin: 0 0 27px; color: var(--ka-muted); font-size: 17px; line-height: 1.78; }
.ka-articles-heading { display: flex; align-items: end; justify-content: space-between; margin: 80px 0 28px; }
.ka-articles-heading .ka-section-label { margin: 0 0 9px; }
.ka-articles-heading h2 { margin: 0; font-size: clamp(28px,3vw,42px); letter-spacing: -1.8px; }
.ka-articles-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 27px; }
.ka-article-card { overflow: hidden; border: 1px solid var(--ka-border); border-radius: 18px; background: var(--ka-white); box-shadow: 0 12px 32px rgba(36,0,54,.07); transition: transform .25s ease, box-shadow .25s ease; }
.ka-article-card:hover { transform: translateY(-7px); box-shadow: 0 24px 48px rgba(36,0,54,.15); }
.ka-article-card-image { height: 224px; }
.ka-article-card-body { padding: 25px 25px 28px; }
.ka-article-card-body .ka-article-meta { margin-bottom: 13px; font-size: 11px; }
.ka-article-card h2 { margin: 0 0 13px; font-size: 20px; line-height: 1.18; letter-spacing: -.85px; }
.ka-article-card-body > p:not(.ka-article-meta) { min-height: 79px; margin: 0 0 19px; color: var(--ka-muted); line-height: 1.65; }
.ka-article-card .ka-card-link span { margin-left: 7px; font-size: 18px; line-height: 0; transition: transform .2s ease; }
.ka-article-card:hover .ka-card-link span { transform: translateX(4px); }
@media (max-width: 900px) { .ka-articles-hero { padding: 92px 0 84px; } .ka-featured-article { grid-template-columns: 1fr; } .ka-featured-article-image { min-height: 320px; } .ka-articles-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 620px) { .ka-articles-hero { padding: 76px 0 68px; } .ka-articles-hero h1 { letter-spacing: -1.4px; } .ka-articles-section { padding: 55px 0 70px; } .ka-featured-article-image { min-height: 250px; } .ka-featured-article-content { padding: 33px 24px 36px; } .ka-articles-heading { margin: 54px 0 22px; } .ka-articles-grid { grid-template-columns: 1fr; } .ka-article-card-image { height: 230px; } .ka-article-card-body > p:not(.ka-article-meta) { min-height: auto; } }

/* Premium Articles closing section and single Article layout */
.ka-article-closing-cta { position: relative; overflow: hidden; padding: 0 0 104px; background: linear-gradient(180deg, #fff 0%, #f8f6fb 100%); }
.ka-article-closing-cta-card { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 36px; overflow: hidden; padding: 54px clamp(30px, 5vw, 70px); border-radius: 25px; background: linear-gradient(125deg, #260038 0%, #570a68 57%, #2d1244 100%); box-shadow: 0 24px 56px rgba(35, 0, 53, .24); }
.ka-article-closing-cta-card::before, .ka-article-closing-cta-card::after { position: absolute; content: ''; border-radius: 50%; pointer-events: none; }
.ka-article-closing-cta-card::before { top: -200px; right: -62px; width: 455px; height: 455px; border: 1px solid rgba(255,255,255,.18); box-shadow: 0 0 0 48px rgba(255,255,255,.045), 0 0 0 102px rgba(255,255,255,.028); }
.ka-article-closing-cta-card::after { bottom: -170px; right: 25%; width: 270px; height: 270px; background: rgba(255,210,31,.12); }
.ka-article-closing-cta-card > * { position: relative; z-index: 1; }
.ka-article-closing-cta-card .ka-section-label { display: inline-block; margin: 0 0 13px; padding: 6px 10px; border: 1px solid rgba(255,255,255,.28); border-radius: 3px; color: #ffe18b; background: rgba(255,255,255,.08); }
.ka-article-closing-cta-card h2 { max-width: 700px; margin: 0 0 13px; color: #fff; font-family: var(--ka-font-heading); font-size: clamp(28px, 3.4vw, 47px); line-height: 1.06; letter-spacing: -1.8px; text-transform: uppercase; }
.ka-article-closing-cta-card p:not(.ka-section-label) { max-width: 650px; margin: 0; color: rgba(255,255,255,.8); font-size: 17px; line-height: 1.72; }
.ka-article-closing-cta-card .ka-btn { flex: 0 0 auto; white-space: nowrap; }
.ka-single-article-hero { position: relative; overflow: hidden; padding: 80px 0 94px; background: radial-gradient(ellipse at 82% 30%, rgba(208,136,16,.36), transparent 22%), linear-gradient(125deg, #250032 0%, #540967 54%, #27113f 100%); }
.ka-single-article-hero::after { position: absolute; top: -245px; right: -75px; width: 550px; height: 550px; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; box-shadow: 0 0 0 55px rgba(255,255,255,.045), 0 0 0 112px rgba(255,255,255,.025); content: ''; pointer-events: none; }
.ka-single-article-hero-content { position: relative; z-index: 1; max-width: 930px; }
.ka-article-back-link { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 33px; color: rgba(255,255,255,.83); font-family: var(--ka-font-heading); font-size: 13px; letter-spacing: .08em; text-transform: uppercase; }
.ka-article-back-link:hover { color: #ffe260; }
.ka-article-back-link span { font-family: Arial, sans-serif; font-size: 22px; line-height: 1; }
.ka-single-article-hero .ka-section-label { display: inline-block; margin: 0 0 18px; padding: 7px 13px; border: 1px solid rgba(255,255,255,.32); border-radius: 3px; color: #ffe18b; background: rgba(255,255,255,.08); }
.ka-single-article-hero h1 { max-width: 930px; margin: 0 0 22px; color: #fff; font-family: var(--ka-font-heading); font-size: clamp(34px, 5vw, 66px); line-height: 1.05; letter-spacing: -2.3px; text-transform: uppercase; }
.ka-single-article-meta { display: flex; flex-wrap: wrap; gap: 7px 19px; color: rgba(255,255,255,.76); font-family: var(--ka-font-caption); font-size: 13px; letter-spacing: .06em; text-transform: uppercase; }
.ka-single-article-meta span + span::before { margin-right: 19px; content: '•'; color: #ffd532; }
.ka-single-article-meta a:hover { color: #ffe260; }
.ka-single-article-content-wrap { padding: 74px 0 48px; background: linear-gradient(180deg, #f8f7fb 0%, #fff 42%); }
.ka-single-article-featured-image { max-width: 1000px; margin: 0 auto 58px; overflow: hidden; border-radius: 22px; box-shadow: 0 24px 54px rgba(35,0,53,.16); }
.ka-single-article-featured-image img { width: 100%; max-height: 570px; display: block; object-fit: cover; }
.ka-single-article-content { max-width: 800px; margin: 0 auto; color: #3d3544; font-size: 18px; line-height: 1.85; }
.ka-single-article-content > *:first-child { margin-top: 0; }
.ka-single-article-content h2, .ka-single-article-content h3, .ka-single-article-content h4 { margin: 2em 0 .65em; color: var(--ka-purple-dark); font-family: var(--ka-font-heading); line-height: 1.18; letter-spacing: -1px; text-transform: uppercase; }
.ka-single-article-content h2 { font-size: clamp(26px, 3vw, 36px); }
.ka-single-article-content h3 { font-size: clamp(22px, 2.5vw, 29px); }
.ka-single-article-content a { color: var(--ka-purple-secondary); text-decoration: underline; text-decoration-color: #e4ad1b; text-underline-offset: 4px; }
.ka-single-article-content a:hover { color: var(--ka-orange-dark); }
.ka-single-article-content ul, .ka-single-article-content ol { padding-left: 1.35em; }
.ka-single-article-content li { margin: .5em 0; }
.ka-single-article-content blockquote { margin: 2em 0; padding: 25px 30px; border-left: 4px solid #e4a00e; border-radius: 0 14px 14px 0; background: #f5eef7; color: var(--ka-purple-dark); font-size: 1.08em; font-style: italic; }
.ka-single-article-return { margin: 58px auto 0; text-align: center; }
@media (max-width: 720px) { .ka-article-closing-cta { padding-bottom: 70px; } .ka-article-closing-cta-card { display: block; padding: 39px 27px; } .ka-article-closing-cta-card .ka-btn { margin-top: 25px; } .ka-single-article-hero { padding: 58px 0 68px; } .ka-single-article-hero h1 { letter-spacing: -1.4px; } .ka-single-article-content-wrap { padding-top: 48px; } .ka-single-article-featured-image { margin-bottom: 39px; border-radius: 16px; } .ka-single-article-content { font-size: 17px; } }