:root {
            --primary: #4300FF;
            --secondary: #CFFFE2;
            --bg-main: #7ea4d0;
            --bg-alt: #DDF4E7;
            --accent: #8DBCC7;
            --text-dark: #000000;
            --text-light: #FFFFFF;
            --font-main: 'Schibsted Grotesk', sans-serif;
            --ease-magazine: cubic-bezier(0.16, 1, 0.3, 1);
        }

        /* --- STYLISTIC BASELINE & RESET --- */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        body {
            background-color: var(--bg-main);
            color: var(--text-dark);
            font-family: var(--font-main);
            font-weight: 400;
            overflow-x: hidden;
        }
        .services-alternating-atlas{
    width:min(1500px,92%);
    margin:auto;
    padding:140px 0;
}

.atlas-service-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
    margin:120px 0;
}

.atlas-service-row.is-inverted .atlas-image-wrapper{
    order:2;
}

.atlas-service-row.is-inverted .atlas-content-payload{
    order:1;
}

.atlas-image-wrapper{
    overflow:hidden;
    border-radius:22px;
}

.atlas-image-wrapper img{
    width:100%;
    height:620px;
    object-fit:cover;
    transition:.8s;
}

.atlas-service-row:hover img{
    transform:scale(1.05);
}

.atlas-content-payload h2{
    font-size:3rem;
    margin:20px 0;
    text-transform:uppercase;
    line-height:1.15;
}

.atlas-content-payload p{
    line-height:2;
    color:#666;
}

.service-tag{
    color:var(--primary);
    text-transform:uppercase;
    letter-spacing:.2em;
    font-size:.85rem;
}

.service-process{
    margin:20px 0 40px;
    font-weight:700;
    color:#222;
}

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

    .atlas-service-row.is-inverted .atlas-image-wrapper,
    .atlas-service-row.is-inverted .atlas-content-payload{
        order:initial;
    }

    .atlas-image-wrapper img{
        height:380px;
    }

    .atlas-content-payload h2{
        font-size:2.2rem;
    }
}

        /* Editorial Typographic Hierarchy Scale */
        h1, h2, h3 { font-weight: 900; text-transform: uppercase; line-height: 0.85; letter-spacing: -0.04em; }
        h4, .studio-title { font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; }
        p, .studio-body { font-weight: 400; font-size: 1.15rem; line-height: 1.65; color: rgba(0,0,0,0.85); }
        
        .extra-bold { font-weight: 900; }
        .medium { font-weight: 600; }
        .regular { font-weight: 400; }

        /* Oversized Spacing Utility Rules */
        .editorial-whitespace-block { padding: 12rem 4rem; }
        .asymmetric-divider { width: 100%; height: 1px; background-color: rgba(0,0,0,0.15); margin: 4rem 0; }

        /* --- GLOBAL APPLICATION RUNTIME INTERFACES --- */
        .reading-progress-indicator {
            position: fixed;
            top: 0;
            left: 0;
            width: 0%;
            height: 4px;
            background-color: var(--primary);
            z-index: 1001;
            transition: width 0.1s linear;
        }

        .header-interface-bar {
            position: fixed;
            top: 0;
            left: 0;
            height: 100px;
            width: 100%;
            padding: 2.5rem 4rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            z-index: 1000;
            pointer-events: none;
        }

        .brand-logo-anchor {
            font-weight: 900;
            height: 100px;
            font-size: 1.75rem;
            letter-spacing: -0.06em;
            color: var(--text-dark);
            text-decoration: none;
            pointer-events: auto;
            cursor: pointer;
        }

        .brand-logo-anchor.mix-light { color: var(--text-light); }

        /* Bespoke Hamburger Trigger Configuration */
        .hamburger-editorial-trigger {
            width: 54px;
            height: 54px;
            background-color: var(--text-dark);
            border-radius: 50%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 5px;
            cursor: pointer;
            pointer-events: auto;
            transition: transform 0.4s var(--ease-magazine);
        }

        .hamburger-editorial-trigger span {
            display: block;
            width: 22px;
            height: 2px;
            background-color: var(--text-light);
            transition: transform 0.4s var(--ease-magazine), width 0.4s ease;
        }

        .hamburger-editorial-trigger span.short-bar { width: 14px; align-self: flex-start; margin-left: 16px; }
        .hamburger-editorial-trigger:hover { transform: scale(1.08); }
        .hamburger-editorial-trigger:hover span.short-bar { width: 22px; }

        /* Fullscreen Overlay Magazine Matrix Menu */
        .fullscreen-navigation-deck {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            background-color: var(--primary);
            z-index: 999;
            clip-path: circle(0% at 95% 5%);
            transition: clip-path 0.8s var(--ease-magazine);
            display: grid;
            grid-template-columns: 1.3fr 0.7fr;
            padding: 10rem 6rem 6rem 6rem;
        }

        .fullscreen-navigation-deck.is-active { clip-path: circle(150% at 95% 5%); }

        .nav-column-primary { display: flex; flex-direction: column; justify-content: center; gap: 1.5rem; }
        .nav-link-item { font-size: 5.5vw; font-weight: 900; text-transform: uppercase; color: var(--secondary); text-decoration: none; line-height: 0.85; transition: transform 0.3s ease, color 0.3s ease; display: inline-block; cursor: pointer; }
        .nav-link-item:hover { color: var(--text-light); transform: translateX(25px); }

        .nav-column-metadata { display: flex; flex-direction: column; justify-content: space-between; border-left: 1px solid rgba(255,255,255,0.15); padding-left: 5rem; color: var(--text-light); }

        /* --- ROUTING MULTIPAGE CHAPTER FRAMEWORKS --- */
        .studio-page-chapter { display: none; width: 100%; }
        .studio-page-chapter.active-chapter { display: block; }

        /* --- PREVENT CONVENTIONAL UI PATTERNS (BUTTON EXTRAS) --- */
        .studio-magnetic-cta {
            background-color: var(--primary);
            color: var(--text-light);
            padding: 1.5rem 3rem;
            font-family: var(--font-main);
            font-weight: 600;
            text-transform: uppercase;
            border: none;
            cursor: pointer;
            width: fit-content;
            display: inline-block;
            transition: background-color 0.3s ease, transform 0.2s ease;
            letter-spacing: 0.05em;
            font-size: 0.95rem;
        }
        .studio-magnetic-cta:hover { background-color: var(--text-dark); color: var(--secondary); }

        /* ==========================================================================
           1. HOME PAGE ARCHITECTURE
           ========================================================================== */
        .home-hero-split { display: grid; grid-template-columns: 45fr 55fr; min-height: 100vh; width: 100%; background-color: var(--bg-main); }
        .home-hero-left { padding: 12rem 5rem 5rem 5rem; display: flex; flex-direction: column; justify-content: space-between; }
        .home-hero-right { position: relative; overflow: hidden; background-color: #111; }
        
        .home-hero-imagery { width: 100%; height: 100%; object-fit: cover; opacity: 0.8; transform: scale(1); }
        .home-floating-meta { position: absolute; top: 5rem; right: 5rem; background-color: var(--text-light); padding: 2.5rem; z-index: 10; text-transform: uppercase; font-weight: 900; line-height: 1.6; font-size: 0.9rem; }
        .home-stamp-vertical { position: absolute; bottom: 5rem; right: 5rem; font-size: 5rem; font-weight: 900; color: var(--secondary); writing-mode: vertical-rl; line-height: 1; }

        /* Section 2: Typography Stack */
        .home-stack-section { background-color: var(--bg-alt); padding: 12rem 5rem; display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 4rem; }
        .service-editorial-strip-list { display: flex; flex-direction: column; }
        .editorial-strip-row { border-top: 2px solid var(--text-dark); padding: 3rem 0; display: grid; grid-template-columns: 1fr 1fr; transition: all 0.4s var(--ease-magazine); cursor: pointer; }
        .editorial-strip-row:last-child { border-bottom: 2px solid var(--text-dark); }
        .editorial-strip-row:hover { background-color: rgba(67, 0, 255, 0.04); padding-left: 2rem; }

        /* Section 3: Horizontal Carousel Track Matrix */
        .home-horizontal-carousel-pin { background-color: var(--primary); color: var(--text-light); overflow: hidden; }
        .horizontal-scroller-track { display: flex; width: 300vw; }
        .horizontal-viewport-slide { width: 100vw; height: 100vh; display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 6rem; padding: 10rem 5rem; align-items: center; }
        .slide-media-box { height: 70vh; background-color: #000; overflow: hidden; }
        .slide-media-box img { width: 100%; height: 100%; object-fit: cover; }

        /* Section 4: White Space Numbers Counters */
        .home-stats-block { background-color: var(--bg-main); padding: 15rem 5rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6rem; }
        .stat-giant-unit { font-size: 10vw; font-weight: 900; color: var(--primary); line-height: 0.8; margin-bottom: 2rem; }

        /* Section 5: Fixed Frame Parallax */
        .parallax-viewport-window { height: 90vh; background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://i.pinimg.com/1200x/96/e2/a9/96e2a9925a2f2e68967b20bc77e73878.jpg'); background-attachment: fixed; background-position: center; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; color: var(--text-light); padding: 5rem; }

        /* Section 6: Workflow Nodes Framework */
        .workflow-module-flow { padding: 12rem 5rem; background-color: var(--text-light); text-align: center; }
        .workflow-node-grid { max-width: 800px; margin: 6rem auto 0 auto; display: flex; flex-direction: column; align-items: center; gap: 1.5rem; }
        .workflow-module-card { width: 100%; border: 2px solid var(--text-dark); padding: 3rem; background-color: var(--bg-main); text-align: left; transition: background-color 0.4s ease; }
        .workflow-module-card:hover { background-color: var(--secondary); }
        .workflow-vector-arrow { font-size: 3rem; color: var(--primary); font-weight: 900; margin: 0.5rem 0; }

        /* Section 7: Focal Case Assessment */
        .home-focal-case { padding: 12rem 5rem; display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 8rem; background-color: var(--bg-main); align-items: center; }

        /* Section 8: Testimonials Slider Layer */
        .home-testimonial-slider { padding: 12rem 5rem; background-color: var(--bg-alt); position: relative; overflow: hidden; }
        .testimonial-slide-node { display: grid; grid-template-columns: 300px 1fr; gap: 6rem; align-items: center; }
        .testimonial-avatar-frame { aspect-ratio: 1/1; border-radius: 50%; overflow: hidden; }
        .testimonial-avatar-frame img { width: 100%; height: 100%; object-fit: cover; }
        .giant-editorial-quote-mark { font-size: 10rem; font-weight: 900; color: var(--primary); line-height: 0.2; transform: translateY(40px); }

        /* Section 9: Asymmetric Insights Panel */
        .home-insights-asymmetric-deck { padding: 12rem 5rem; display: grid; grid-template-columns: 1.3fr 0.7fr 1fr; gap: 4rem; background-color: var(--bg-main); }
        .insight-asymmetric-block { border-top: 1px solid var(--text-dark); padding-top: 2.5rem; display: flex; flex-direction: column; justify-content: space-between; min-height: 450px; transition: transform 0.3s ease; }
        .insight-asymmetric-block:hover { transform: translateY(-10px); }
        .insight-asymmetric-block.featured-hero-block { grid-column: span 1; background-color: var(--text-dark); color: var(--text-light); padding: 3rem; border-top: none; }

        /* Section 10: Premium Newsletter Form Layout */
        .home-newsletter-publication-box { background-color: var(--text-dark); color: var(--text-light); padding: 15rem 5rem; text-align: center; }
        .publication-clean-input { width: 100%; max-width: 700px; background: transparent; border: none; border-bottom: 2px solid rgba(255,255,255,0.25); padding: 1.5rem 0; font-family: var(--font-main); font-size: 1.75rem; color: var(--text-light); margin-top: 4rem; outline: none; text-align: center; transition: border-color 0.3s ease; }
        .publication-clean-input:focus { border-bottom-color: var(--secondary); }

        /* ==========================================================================
           2. ABOUT PAGE HOOK LAYOUT
           ========================================================================== */
        .about-hero-canvas { position: relative; height: 80vh; background-color: var(--primary); color: var(--text-light); display: flex; justify-content: center; align-items: center; overflow: hidden; }
        .about-watermark-giant { position: absolute; font-size: 30vw; font-weight: 900; color: rgba(255,255,255,0.03); letter-spacing: -0.05em; line-height: 1; pointer-events: none; }
        .about-editorial-philosophy { padding: 12rem 5rem; display: grid; grid-template-columns: 1fr 1fr; gap: 8rem; background-color: var(--bg-main); }
        .vertical-typography-lane { font-size: 4.5rem; font-weight: 900; text-transform: uppercase; writing-mode: vertical-rl; line-height: 1; color: rgba(0,0,0,0.08); }

        /* ==========================================================================
           3. AI SERVICES ALTERNATING ATLAS
           ========================================================================== */
        .services-alternating-atlas { padding: 6rem 0; background-color: var(--bg-main); }
        .atlas-service-row { display: grid; grid-template-columns: 1fr 1fr; min-height: 90vh; align-items: center; border-bottom: 1px solid rgba(0,0,0,0.1); }
        .atlas-service-row.is-inverted { direction: rtl; }
        .atlas-service-row.is-inverted .atlas-content-payload { direction: ltr; }
        .atlas-image-wrapper { height: 90vh; overflow: hidden; background-color: #000; }
        .atlas-image-wrapper img { width: 100%; height: 100%; object-fit: cover; opacity: 0.85; }
        .atlas-content-payload { padding: 8rem; }

        /* ==========================================================================
           4. CASE STUDIES INTEL MATRIX
           ========================================================================== */
        .case-viewport-magazine-row { min-height: 100vh; display: grid; grid-template-columns: 1fr 1fr; background-color: var(--bg-main); border-bottom: 2px solid var(--text-dark); }
        .case-magazine-details { padding: 10rem 6rem; display: flex; flex-direction: column; justify-content: space-between; }
        .case-giant-digit { font-size: 8rem; font-weight: 900; color: rgba(0,0,0,0.08); line-height: 0.8; }

        /* ==========================================================================
           5. INSIGHTS JOURNAL LAYOUT
           ========================================================================== */
        .insights-journal-deck { padding: 12rem 5rem; background-color: var(--bg-main); }
        .insights-journal-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 6rem; margin-top: 5rem; }
        .journal-featured-block { border-bottom: 3px solid var(--text-dark); padding-bottom: 4rem; }
        .journal-featured-img-frame { width: 100%; height: 55vh; overflow: hidden; margin-bottom: 2.5rem; }
        .journal-featured-img-frame img { width: 100%; height: 100%; object-fit: cover; }

        /* ==========================================================================
           6. CONTACT SPLIT CORE FIELD
           ========================================================================== */
        .contact-split-matrix { display: grid; grid-template-columns: 1fr 1fr; min-height: 100vh; background-color: var(--bg-main); }
        .contact-left-branding { padding: 12rem 5rem; display: flex; flex-direction: column; justify-content: space-between; background-color: var(--text-dark); color: var(--text-light); }
        .contact-right-form-pane { padding: 12rem 5rem; display: flex; flex-direction: column; justify-content: center; background-color: var(--bg-main); }
        
        .studio-form-floating-group { position: relative; margin-bottom: 4rem; }
        .form-magazine-input { width: 100%; padding: 1.25rem 0; background: transparent; border: none; border-bottom: 2px solid rgba(0,0,0,0.15); font-family: var(--font-main); font-size: 1.35rem; outline: none; transition: border-color 0.3s ease; }
        .form-magazine-input:focus { border-bottom-color: var(--primary); }
        .form-magazine-label { position: absolute; left: 0; top: 1.5rem; color: rgba(0,0,0,0.4); pointer-events: none; transition: 0.3s var(--ease-magazine); text-transform: uppercase; font-weight: 600; font-size: 0.95rem; letter-spacing: 0.05em; }
        .form-magazine-input:focus ~ .form-magazine-label, .form-magazine-input:valid ~ .form-magazine-label { top: -1.25rem; font-size: 0.85rem; color: var(--primary); }

        /* ==========================================================================
           7 & 8. LEGAL DOCUMENTATION ARCHITECTURE (PRIVACY & TERMS)
           ========================================================================== */
        .legal-editorial-shell { max-width: 1000px; margin: 0 auto; padding: 15rem 3rem 10rem 3rem; }
        .legal-chapter-module { margin-bottom: 7rem; display: grid; grid-template-columns: 100px 1fr; gap: 3rem; }
        .legal-chapter-index { font-size: 3.5rem; font-weight: 900; color: var(--primary); line-height: 0.8; }
        .legal-chapter-module h3 { font-size: 2.2rem; margin-bottom: 2rem; letter-spacing: -0.03em; }
        .legal-chapter-module p { font-size: 1.2rem; text-align: justify; line-height: 1.8; margin-bottom: 1.5rem; color: rgba(0,0,0,0.85); }

        /* ==========================================================================
           9 & 10. UTILITY SUBSCRIPTION PIPELINES (SUBSCRIBE / UNSUBSCRIBE)
           ========================================================================== */
        .utility-action-viewport { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 5rem; background-color: var(--bg-alt); }
        .runtime-success-box { display: none; background-color: var(--primary); color: var(--text-light); padding: 1.5rem 3.5rem; font-weight: 600; margin-top: 3rem; text-transform: uppercase; letter-spacing: 0.05em; }

        /* ==========================================================================
           11. SYSTEM EXCEPTION DIAGNOSTIC (404 RUNTIME EXCEPTION)
           ========================================================================== */
        .exception-fullscreen-layer { height: 100vh; background-color: var(--primary); color: var(--text-light); display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 5rem; overflow: hidden; }
        .exception-giant-letters { font-size: 16vw; font-weight: 900; color: var(--secondary); line-height: 0.8; letter-spacing: -0.05em; }

        /* ==========================================================================
           GLOBAL COMPREHENSIVE PLATFORM FOOTER
           ========================================================================== */
        .studio-magazine-footer { background-color: var(--bg-main); border-top: 1px solid rgba(0,0,0,0.15); padding: 8rem 5rem 4rem 5rem; display: grid; grid-template-columns: repeat(4, 1fr); gap: 5rem; }
        .footer-link-stack { display: flex; flex-direction: column; gap: 1rem; }
        .footer-link-stack a { color: var(--text-dark); text-decoration: none; font-weight: 500; cursor: pointer; transition: color 0.3s ease; }
        .footer-link-stack a:hover { color: var(--primary); }

        /* ==========================================================================
           RESPONSIVE INTERFACE RE-GRIDDING MECHANICS
           ========================================================================== */
        @media (max-width: 1100px) {
            .home-hero-split, .home-stack-section, .horizontal-viewport-slide, .home-focal-case, .home-insights-asymmetric-deck, .about-editorial-philosophy, .atlas-service-row, .case-viewport-magazine-row, .insights-journal-grid, .contact-split-matrix, .studio-magazine-footer {
                grid-template-columns: 1fr !important;
            }
            .atlas-service-row.is-inverted { direction: ltr; }
            .home-hero-left, .contact-left-branding { padding: 10rem 2rem 4rem 2rem; }
            .home-hero-right, .atlas-image-wrapper { height: 55vh; }
            .editorial-strip-row { grid-template-columns: 1fr; gap: 1rem; }
            .horizontal-scroller-track { width: 300vw; }
            .home-stats-block { grid-template-columns: 1fr; gap: 4rem; padding: 8rem 2rem; }
            .fullscreen-navigation-deck { grid-template-columns: 1fr; padding: 10rem 3rem 4rem 3rem; }
            .nav-column-metadata { border-left: none; padding-left: 0; padding-top: 3rem; }
            .header-interface-bar { padding: 2rem; }
            .legal-chapter-module { grid-template-columns: 1fr; gap: 1rem; }
            .testimonial-slide-node { grid-template-columns: 1fr; text-align: center; justify-items: center; }
            .testimonial-avatar-frame { width: 180px; }
            .atlas-content-payload, .case-magazine-details, .contact-right-form-pane { padding: 6rem 2rem; }
        }
        /* ===========================
   INSIGHTS / JOURNAL SECTION
=========================== */

.insights-journal-deck{
    width:min(1500px,92%);
    margin:auto;
    padding:140px 0;
}

.insights-journal-grid{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:70px;
    align-items:start;
}

.journal-featured-block{
    display:flex;
    flex-direction:column;
}

.journal-featured-img-frame{
    overflow:hidden;
    border-radius:22px;
    margin-bottom:35px;
}

.journal-featured-img-frame img{
    width:100%;
    height:700px;
    object-fit:cover;
    display:block;
    transition:.8s ease;
}

.journal-featured-block:hover img{
    transform:scale(1.05);
}

.journal-featured-block h2{
    font-size:3.3rem;
    line-height:1.1;
    margin-bottom:25px;
    text-transform:uppercase;
}

.journal-featured-block p{
    font-size:1.1rem;
    line-height:2;
    color:#555;
}

/* ===========================
   Sidebar
=========================== */

.insights-journal-grid>div:last-child{
    position:sticky;
    top:120px;
}

.insights-journal-grid h3{
    text-transform:uppercase;
    letter-spacing:.12em;
}

.insights-journal-grid h4{
    letter-spacing:.12em;
}

.insights-journal-grid>div:last-child>div{
    padding:28px 0;
    border-bottom:1px solid rgba(0,0,0,.08);
}

.insights-journal-grid>div:last-child>div:last-child{
    border:none;
}

.insights-journal-grid>div:last-child p{
    color:#666;
    line-height:1.8;
}

/* ===========================
   Research Grid
=========================== */

.insights-research-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;
    margin-top:100px;
}

.insights-research-grid article{
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    border-radius:20px;
    overflow:hidden;
    transition:.45s;
}

.insights-research-grid article:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 70px rgba(0,0,0,.12);
}

.insights-research-grid img{
    width:100%;
    height:270px;
    object-fit:cover;
    display:block;
    transition:.8s;
}

.insights-research-grid article:hover img{
    transform:scale(1.08);
}

.insights-research-grid article h4{
    padding:30px 30px 0;
    letter-spacing:.15em;
    text-transform:uppercase;
    font-size:.8rem;
}

.insights-research-grid article h2{
    padding:15px 30px;
    font-size:1.8rem;
    line-height:1.3;
    text-transform:uppercase;
}

.insights-research-grid article p{
    padding:0 30px 35px;
    line-height:1.9;
    color:#666;
}

/* ===========================
   Decorative Heading
=========================== */

.insights-journal-deck h1{
    text-transform:uppercase;
    line-height:.95;
    letter-spacing:-2px;
}

.insights-journal-deck span{
    display:inline-block;
    margin-bottom:15px;
    font-size:.85rem;
}

/* ===========================
   Responsive
=========================== */

@media(max-width:1200px){

    .insights-journal-grid{
        grid-template-columns:1fr;
    }

    .insights-journal-grid>div:last-child{
        position:relative;
        top:auto;
    }

    .journal-featured-img-frame img{
        height:550px;
    }

    .insights-research-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:768px){

    .insights-journal-deck{
        padding:90px 0;
    }

    .insights-journal-deck h1{
        font-size:3rem !important;
    }

    .journal-featured-block h2{
        font-size:2.2rem;
    }

    .journal-featured-img-frame img{
        height:380px;
    }

    .insights-research-grid{
        grid-template-columns:1fr;
    }

    .insights-research-grid article h2{
        font-size:1.5rem;
    }

}