/* ── HERO ── */
            .hero {
                min-height: 580px;
                display: flex;
                align-items: center;
                padding: 140px 48px 80px;
                position: relative;
                overflow: hidden;
                background: var(--dark);
            }

            .hero-bg {
                position: absolute;
                inset: 0;
                z-index: 0;
                background:
                    radial-gradient(ellipse 60% 50% at 70% 40%, rgba(83, 74, 183, 0.08) 0%, transparent 70%),
                    radial-gradient(ellipse 40% 40% at 20% 70%, rgba(127, 119, 221, 0.06) 0%, transparent 60%);
            }

            .hero-grid {
                position: absolute;
                inset: 0;
                z-index: 0;
                background-image: linear-gradient(rgba(0, 0, 0, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.06) 1px, transparent 1px);
                background-size: 60px 60px;
                mask-image: radial-gradient(ellipse 80% 80% at 60% 40%, black 20%, transparent 80%);
            }

            .hero-inner {
                max-width: 1200px;
                margin: 0 auto;
                position: relative;
                z-index: 1;
                width: 100%;
            }

            .hero-eyebrow {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                border: 1px solid #AFA9EC;
                background: #EEEDFE;
                color: #3C3489;
                font-size: 12px;
                font-weight: 500;
                padding: 6px 14px;
                border-radius: 20px;
                margin-bottom: 28px;
            }

            .hero-dot {
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background: var(--purple-400);
                animation: pulse 2s ease-in-out infinite;
            }

            @keyframes pulse {

                0%,
                100% {
                    opacity: 1;
                    transform: scale(1)
                }

                50% {
                    opacity: 0.5;
                    transform: scale(0.8)
                }
            }

            .hero h1 {
                font-family: 'DM Serif Display', serif;
                font-size: 62px;
                font-weight: 400;
                line-height: 1.08;
                letter-spacing: -0.03em;
                color: var(--text);
                max-width: 760px;
                margin-bottom: 20px;
            }

            .hero h1 em {
                color: var(--purple-400);
                font-style: italic;
            }

            .hero-sub {
                font-size: 18px;
                color: var(--text-muted);
                line-height: 1.7;
                max-width: 520px;
                margin-bottom: 36px;
            }

            .hero-stats {
                display: flex;
                gap: 40px;
            }

            .hero-stat-num {
                font-size: 22px;
                font-weight: 500;
                color: var(--purple-400);
            }

            .hero-stat-lbl {
                font-size: 12px;
                color: var(--text-muted);
                margin-top: 3px;
            }

            /* ── CATEGORY BAR ── */
            .cat-bar-wrap {
                position: sticky;
                top: 64px;
                z-index: 50;
                background: rgba(250, 250, 249, 0.96);
                backdrop-filter: blur(12px);
                border-bottom: 1px solid var(--border);
            }

            .cat-bar {
                max-width: 1200px;
                margin: 0 auto;
                padding: 0 48px;
                display: flex;
                gap: 0;
                overflow-x: auto;
                scrollbar-width: none;
            }

            .cat-bar::-webkit-scrollbar {
                display: none;
            }

            .cat-btn {
                flex-shrink: 0;
                padding: 16px 20px;
                font-size: 13px;
                font-weight: 500;
                color: var(--text-muted);
                background: none;
                border: none;
                border-bottom: 2px solid transparent;
                cursor: pointer;
                font-family: inherit;
                transition: all 0.2s;
                white-space: nowrap;
            }

            .cat-btn:hover {
                color: var(--text);
            }

            .cat-btn.active {
                color: var(--purple-400);
                border-bottom-color: var(--purple-400);
            }

            /* ── FEATURED ── */
            .featured-wrap {
                max-width: 1200px;
                margin: 0 auto;
                padding: 60px 48px 0;
            }

            .featured-label {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                background: var(--purple-600);
                color: #fff;
                font-size: 11px;
                font-weight: 500;
                padding: 5px 12px;
                border-radius: 4px;
                margin-bottom: 24px;
                letter-spacing: 0.06em;
            }

            .featured-card {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 0;
                border: 1px solid var(--border);
                border-radius: 20px;
                overflow: hidden;
                background: var(--card-bg);
                transition: border-color 0.2s;
            }

            .featured-card:hover {
                border-color: rgba(127, 119, 221, 0.4);
            }

            .featured-img {
                background: linear-gradient(135deg, #EEEDFE 0%, #AFA9EC 100%);
                min-height: 380px;
                display: flex;
                align-items: center;
                justify-content: center;
                position: relative;
                overflow: hidden;
            }

            .featured-img-inner {
                text-align: center;
            }

            .featured-img-icon {
                font-size: 64px;
                color: var(--purple-400);
                opacity: 0.6;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .featured-img-icon svg {
                width: 64px;
                height: 64px;
            }

            .featured-img-label {
                font-size: 13px;
                color: var(--purple-200);
                margin-top: 12px;
                opacity: 0.7;
            }
            .featured-img-inner img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            .featured-content {
                padding: 48px;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }

            .featured-cat {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                background: rgba(83, 74, 183, 0.2);
                color: var(--purple-200);
                font-size: 11px;
                font-weight: 500;
                padding: 5px 12px;
                border-radius: 20px;
                margin-bottom: 16px;
                border: 1px solid rgba(83, 74, 183, 0.3);
            }

            .featured-h2 {
                font-family: 'DM Serif Display', serif;
                font-size: 32px;
                font-weight: 400;
                line-height: 1.2;
                color: var(--text);
                margin-bottom: 16px;
                letter-spacing: -0.02em;
            }

            .featured-desc {
                font-size: 15px;
                color: var(--text-muted);
                line-height: 1.75;
                margin-bottom: 28px;
            }

            .featured-meta {
                display: flex;
                align-items: center;
                gap: 16px;
                margin-bottom: 24px;
            }

            .meta-item {
                display: flex;
                align-items: center;
                gap: 6px;
                font-size: 12px;
                color: var(--text-muted);
            }

            .meta-item i {
                font-size: 11px;
                color: var(--purple-400);
            }

            .read-btn {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                background: var(--purple-600);
                color: #fff;
                padding: 12px 24px;
                border-radius: 8px;
                font-size: 14px;
                font-weight: 500;
                text-decoration: none;
                transition: background 0.2s;
                width: fit-content;
            }

            .read-btn:hover {
                background: var(--purple-800);
            }

            /* ── ARTICLE GRID ── */
            .grid-wrap {
                max-width: 1200px;
                margin: 0 auto;
                padding: 60px 48px;
            }

            .grid-header {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-bottom: 32px;
            }

            .grid-title {
                font-size: 20px;
                font-weight: 500;
                color: var(--text);
            }

            .grid-view-all {
                font-size: 13px;
                color: var(--purple-400);
                text-decoration: none;
                display: flex;
                align-items: center;
                gap: 6px;
            }

            .article-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 20px;
            }

            .article-card {
                border: 1px solid var(--border);
                border-radius: 16px;
                background: var(--card-bg);
                overflow: hidden;
                transition: border-color 0.2s, transform 0.2s;
                display: flex;
                flex-direction: column;
            }

            .article-card:hover {
                border-color: rgba(127, 119, 221, 0.35);
                transform: translateY(-4px);
            }

            .article-thumb {
                height: 180px;
                background: linear-gradient(135deg, #EEEDFE, #E8E6FB);
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 36px;
                color: var(--purple-400);
                opacity: 0.7;
                position: relative;
                overflow: hidden;
            }

            .article-thumb::after {
                content: '';
                position: absolute;
                inset: 0;
                background: linear-gradient(to bottom, transparent 60%, #fff 100%);
            }

            .article-body {
                padding: 20px;
                flex: 1;
                display: flex;
                flex-direction: column;
            }

            .article-cat {
                display: inline-flex;
                align-items: center;
                gap: 5px;
                background: rgba(83, 74, 183, 0.15);
                color: var(--purple-200);
                font-size: 10px;
                font-weight: 500;
                padding: 4px 10px;
                border-radius: 20px;
                border: 1px solid rgba(83, 74, 183, 0.25);
                margin-bottom: 12px;
            }

            .article-title {
                font-size: 16px;
                font-weight: 500;
                color: var(--text);
                line-height: 1.4;
                margin-bottom: 10px;
            }

            .article-desc {
                font-size: 13px;
                color: var(--text-muted);
                line-height: 1.65;
                flex: 1;
                margin-bottom: 16px;
            }

            .article-footer {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding-top: 14px;
                border-top: 1px solid var(--border);
            }

            .article-author {
                font-size: 12px;
                color: var(--text-muted);
            }

            .article-read-time {
                font-size: 11px;
                color: var(--purple-400);
                display: flex;
                align-items: center;
                gap: 4px;
            }

            /* ── LIVE UPDATES ── */
            .live-wrap {
                max-width: 1200px;
                margin: 0 auto;
                padding: 0 48px 60px;
            }

            .live-inner {
                border: 1px solid var(--border);
                border-radius: 16px;
                padding: 32px;
                background: var(--card-bg);
            }

            .live-header {
                display: flex;
                align-items: center;
                gap: 10px;
                margin-bottom: 24px;
            }

            .live-dot {
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background: #22c55e;
                animation: livepulse 1.5s ease-in-out infinite;
            }

            @keyframes livepulse {

                0%,
                100% {
                    opacity: 1
                }

                50% {
                    opacity: 0.3
                }
            }

            .live-title {
                font-size: 15px;
                font-weight: 500;
                color: var(--text);
            }

            .live-list {
                display: flex;
                flex-direction: column;
                gap: 12px;
            }

            .live-item {
                display: flex;
                align-items: flex-start;
                gap: 14px;
                padding: 14px;
                border-radius: 10px;
                background: var(--dark-2);
                border: 1px solid var(--border);
                transition: border-color 0.2s;
            }

            .live-item:hover {
                border-color: rgba(127, 119, 221, 0.3);
            }

            .live-item-icon {
                width: 32px;
                height: 32px;
                border-radius: 8px;
                background: rgba(83, 74, 183, 0.2);
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 14px;
                color: var(--purple-400);
                flex-shrink: 0;
            }

            .live-item-text {
                flex: 1;
            }

            .live-item-title {
                font-size: 13px;
                font-weight: 500;
                color: var(--text);
                margin-bottom: 3px;
            }

            .live-item-date {
                font-size: 11px;
                color: var(--text-muted);
            }

            .live-item-tag {
                font-size: 10px;
                font-weight: 500;
                padding: 3px 8px;
                border-radius: 4px;
                flex-shrink: 0;
            }

            .tag-new {
                background: rgba(34, 197, 94, 0.15);
                color: #4ade80;
                border: 1px solid rgba(34, 197, 94, 0.2);
            }

            .tag-partner {
                background: rgba(83, 74, 183, 0.2);
                color: var(--purple-200);
                border: 1px solid rgba(83, 74, 183, 0.3);
            }

            .tag-research {
                background: rgba(251, 191, 36, 0.1);
                color: #fbbf24;
                border: 1px solid rgba(251, 191, 36, 0.2);
            }

            /* ── RESEARCH STRIP ── */
            .research-wrap {
                border-top: 1px solid var(--border);
                border-bottom: 1px solid var(--border);
                padding: 40px 48px;
                background: #F8F7FE;
            }

            .research-inner {
                max-width: 1200px;
                margin: 0 auto;
                display: flex;
                align-items: center;
                gap: 32px;
                flex-wrap: wrap;
            }

            .research-label {
                font-size: 11px;
                font-weight: 500;
                color: var(--text-muted);
                text-transform: uppercase;
                letter-spacing: 0.1em;
                white-space: nowrap;
            }

            .research-tags {
                display: flex;
                gap: 10px;
                flex-wrap: wrap;
            }

            .research-tag {
                border: 1px solid rgba(175, 169, 236, 0.2);
                border-radius: 20px;
                padding: 7px 16px;
                font-size: 12px;
                color: var(--purple-200);
                background: rgba(83, 74, 183, 0.1);
                transition: all 0.2s;
                cursor: default;
            }

            .research-tag:hover {
                border-color: var(--purple-400);
                color: var(--purple-100);
            }

            /* ── IMPACT ── */
            .impact-wrap {
                max-width: 1200px;
                margin: 0 auto;
                padding: 60px 48px;
            }

            .section-eyebrow {
                font-size: 11px;
                font-weight: 500;
                color: var(--purple-400);
                text-transform: uppercase;
                letter-spacing: 0.1em;
                margin-bottom: 14px;
                display: flex;
                align-items: center;
                gap: 10px;
            }

            .section-eyebrow::before {
                content: '';
                display: block;
                width: 20px;
                height: 1px;
                background: var(--purple-400);
            }

            .section-h2 {
                font-family: 'DM Serif Display', serif;
                font-size: 36px;
                font-weight: 400;
                color: var(--text);
                letter-spacing: -0.02em;
                margin-bottom: 12px;
            }

            .section-p {
                font-size: 15px;
                color: var(--text-muted);
                line-height: 1.75;
                max-width: 500px;
                margin-bottom: 36px;
            }

            .impact-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 16px;
            }

            .impact-card {
                border: 1px solid var(--border);
                border-radius: 14px;
                padding: 24px;
                background: var(--card-bg);
                transition: border-color 0.2s;
            }

            .impact-card:hover {
                border-color: rgba(127, 119, 221, 0.3);
            }

            .impact-ico {
                font-size: 24px;
                color: var(--purple-400);
                margin-bottom: 12px;
            }

            .impact-title {
                font-size: 14px;
                font-weight: 500;
                color: var(--text);
                margin-bottom: 8px;
            }

            .impact-desc {
                font-size: 12px;
                color: var(--text-muted);
                line-height: 1.65;
            }

            /* ── NEWSLETTER ── */
            .newsletter-wrap {
                max-width: 1200px;
                margin: 0 auto;
                padding: 0 48px 80px;
            }

            .newsletter-inner {
                background: linear-gradient(135deg, #26215C 0%, #3C3489 100%);
                border: 1px solid rgba(127, 119, 221, 0.2);
                border-radius: 20px;
                padding: 56px;
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 48px;
                align-items: center;
            }

            .newsletter-h2 {
                font-family: 'DM Serif Display', serif;
                font-size: 32px;
                font-weight: 400;
                color: #EEEDFE;
                line-height: 1.2;
                margin-bottom: 12px;
                letter-spacing: -0.02em;
            }

            .newsletter-p {
                font-size: 14px;
                color: var(--purple-200);
                line-height: 1.7;
            }

            .newsletter-tags {
                display: flex;
                gap: 8px;
                flex-wrap: wrap;
                margin-top: 16px;
            }

            .newsletter-tag {
                font-size: 11px;
                color: var(--purple-200);
                background: rgba(255, 255, 255, 0.06);
                border: 1px solid rgba(255, 255, 255, 0.1);
                padding: 4px 12px;
                border-radius: 20px;
            }

            .newsletter-form {
                display: flex;
                flex-direction: column;
                gap: 12px;
            }

            .newsletter-input {
                background: rgba(255, 255, 255, 0.06);
                border: 1px solid rgba(255, 255, 255, 0.12);
                border-radius: 10px;
                padding: 14px 18px;
                font-size: 14px;
                color: var(--text);
                font-family: inherit;
                outline: none;
                transition: border-color 0.2s;
            }

            .newsletter-input::placeholder {
                color: var(--text-muted);
            }

            .newsletter-input:focus {
                border-color: var(--purple-400);
            }

            .newsletter-btn {
                background: var(--purple-600);
                color: #fff;
                border: none;
                padding: 14px 28px;
                border-radius: 10px;
                font-size: 14px;
                font-weight: 500;
                cursor: pointer;
                font-family: inherit;
                transition: background 0.2s;
            }

            .newsletter-btn:hover {
                background: var(--purple-800);
            }

            .newsletter-note {
                font-size: 11px;
                color: rgba(175, 169, 236, 0.5);
            }

            /* ── FOOTER ── */
            footer {
                background: #1A1A1A;
                border-top: 1px solid var(--border);
                padding: 32px 48px;
            }

            .footer-inner {
                max-width: 1200px;
                margin: 0 auto;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

            .footer-brand {
                display: flex;
                align-items: center;
                gap: 10px;
            }

            .footer-icon {
                width: 28px;
                height: 28px;
                border-radius: 7px;
                background: var(--purple-600);
                display: flex;
                align-items: center;
                justify-content: center;
                color: #fff;
                font-size: 13px;
            }

            .footer-name {
                font-size: 14px;
                font-weight: 500;
                color: #fff;
            }

            .footer-links {
                display: flex;
                gap: 24px;
            }

            .footer-links a {
                font-size: 13px;
                color: rgba(255, 255, 255, 0.6);
                text-decoration: none;
                transition: color 0.2s;
            }

            .footer-links a:hover {
                color: #fff;
            }

            .footer-copy {
                font-size: 12px;
                color: rgba(255, 255, 255, 0.4);
            }

            .news-card {
                border: 1px solid var(--border);
                border-radius: var(--radius-lg);
                background: #fff;
                overflow: hidden;
                display: flex;
                flex-direction: column;
                transition: border-color 0.2s, transform 0.2s;
                text-decoration: none;
            }

            .news-card:hover {
                border-color: var(--purple-200);
                transform: translateY(-3px);
            }

            .news-thumb {
                height: 160px;
                background: var(--purple-50);
                display: flex;
                align-items: center;
                justify-content: center;
                color: var(--purple-400);
            }

            .news-thumb svg {
                width: 40px;
                height: 40px;
                opacity: 0.5;
            }

            .news-thumb img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: inherit;
            }

            .news-body {
                padding: 20px;
                display: flex;
                flex-direction: column;
                flex: 1;
                gap: 10px;
            }

            .news-cat {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                font-size: 11px;
                font-weight: 500;
                color: var(--purple-600);
                background: var(--purple-50);
                border: 1px solid var(--purple-100);
                padding: 4px 12px;
                border-radius: 20px;
                width: fit-content;
            }

            .news-title {
                font-size: 15px;
                font-weight: 500;
                color: var(--text-primary);
                line-height: 1.4;
            }

            .news-desc {
                font-size: 13px;
                color: var(--text-secondary);
                line-height: 1.65;
                flex: 1;
            }

            .news-footer-row {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding-top: 14px;
                border-top: 1px solid var(--border);
                margin-top: auto;
            }

            .news-author {
                font-size: 12px;
                color: var(--text-secondary);
            }

            .news-time {
                font-size: 11px;
                color: var(--purple-600);
                display: flex;
                align-items: center;
                gap: 4px;
            }

            .news-cta-row {
                display: flex;
                justify-content: center;
            }

            .news-cta-btn {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                background: var(--purple-600);
                color: #fff;
                padding: 14px 32px;
                border-radius: var(--radius-md);
                font-size: 15px;
                font-weight: 500;
                text-decoration: none;
                transition: background 0.2s, transform 0.15s;
            }

            .news-cta-btn:hover {
                background: var(--purple-800);
                transform: translateY(-1px);
            }

            @media (max-width: 900px) {
                .news-preview {
                    padding-left: 24px;
                    padding-right: 24px;
                }

                .news-grid {
                    grid-template-columns: 1fr;
                }

                .news-header {
                    flex-direction: column;
                    gap: 8px;
                }
            }

  

            /* ── RESPONSIVE ── */
            @media (max-width: 900px) {
                .nav {
                    padding: 16px 24px;
                }

                .nav-links,
                .nav-cta {
                    display: none;
                }

                .hamburger-btn {
                    display: flex;
                }

                .hero {
                    padding: 120px 24px 60px;
                }

                .hero h1 {
                    font-size: 38px;
                }

                .hero-stats {
                    gap: 24px;
                    flex-wrap: wrap;
                }

                .cat-bar {
                    padding: 0 24px;
                }

                .featured-wrap,
                .grid-wrap,
                .live-wrap,
                .impact-wrap,
                .newsletter-wrap {
                    padding-left: 24px;
                    padding-right: 24px;
                }

                .featured-card {
                    grid-template-columns: 1fr;
                }

                .featured-img {
                    min-height: 220px;
                }

                .featured-content {
                    padding: 28px;
                }

                .featured-h2 {
                    font-size: 24px;
                }

                .article-grid {
                    grid-template-columns: 1fr;
                }

                .impact-grid {
                    grid-template-columns: 1fr 1fr;
                }

                .newsletter-inner {
                    grid-template-columns: 1fr;
                    padding: 36px 28px;
                    gap: 32px;
                }

                .research-wrap {
                    padding: 32px 24px;
                }

            }

            /* ── ANIMATIONS ── */
            @keyframes fadeUp {
                from {
                    opacity: 0;
                    transform: translateY(24px)
                }

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

            .fade-up {
                animation: fadeUp 0.6s ease both;
            }

            .delay-1 {
                animation-delay: 0.1s;
            }

            .delay-2 {
                animation-delay: 0.2s;
            }

            .delay-3 {
                animation-delay: 0.3s;
            }

            /* ── LIVE UPDATES UPGRADED ── */
            .live-section-header {
                display: flex;
                align-items: flex-start;
                justify-content: space-between;
                margin-bottom: 32px;
                gap: 24px;
            }

            .live-grid {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 16px;
            }

            .live-card {
                border: 1px solid var(--border);
                border-radius: 14px;
                padding: 24px;
                background: var(--card-bg);
                display: flex;
                flex-direction: column;
                gap: 10px;
                transition: border-color 0.2s, transform 0.2s;
            }

            .live-card:hover {
                border-color: rgba(83, 74, 183, 0.3);
                transform: translateY(-2px);
            }

            .live-card-featured {
                border-color: rgba(83, 74, 183, 0.25);
                background: var(--purple-50);
                grid-column: span 2;
                flex-direction: row;
                align-items: flex-start;
                gap: 28px;
            }

            .live-card-featured .live-card-title {
                font-size: 18px;
            }

            .live-card-top {
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

            .live-card-icon {
                width: 36px;
                height: 36px;
                border-radius: 9px;
                background: var(--purple-50);
                border: 1px solid var(--purple-100);
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 16px;
                color: var(--purple-600);
                flex-shrink: 0;
            }

            .live-card-featured .live-card-icon {
                width: 48px;
                height: 48px;
                font-size: 20px;
                background: #fff;
            }

            .live-card-date {
                font-size: 11px;
                color: var(--text-muted);
                font-weight: 500;
                text-transform: uppercase;
                letter-spacing: 0.06em;
            }

            .live-card-title {
                font-size: 15px;
                font-weight: 500;
                color: var(--text);
                line-height: 1.45;
            }

            .live-card-desc {
                font-size: 13px;
                color: var(--text-muted);
                line-height: 1.65;
                flex: 1;
            }

            .live-card-link {
                font-size: 13px;
                color: var(--purple-600);
                text-decoration: none;
                display: inline-flex;
                align-items: center;
                gap: 6px;
                font-weight: 500;
                margin-top: auto;
            }

            .live-card-link:hover {
                color: var(--purple-800);
            }

            .live-card-featured>div {
                flex: 1;
            }

            @media (max-width: 900px) {
                .live-grid {
                    grid-template-columns: 1fr;
                }

                .live-card-featured {
                    flex-direction: column;
                    grid-column: span 1;
                }

                .live-section-header {
                    flex-direction: column;
                }
            }


            .ico {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                vertical-align: middle;
            }

            .ico svg {
                width: 1em;
                height: 1em;
            }