{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["turbopack:///[project]/src/styles/casestudy/casestudy2Articles.css"],"sourcesContent":["/* Related Articles Section Styles - Home Standardized */\n\n.cs-articles-section {\n    padding: 50px 40px;\n    /* Standardize with 50px vertical gap rule */\n    background-color: var(--color-black);\n    color: var(--color-white);\n}\n\n.cs-articles-container {\n    max-width: 1400px;\n    margin: 0 auto;\n}\n\n.cs-articles-header {\n    text-align: center;\n    margin-bottom: 50px;\n    /* Matching standard section rhythm */\n}\n\n.cs-articles-header .section-title {\n    font-size: 42px;\n    /* Standardized to match Home Page Section Titles */\n    font-weight: 700;\n    font-family: var(--font-heading);\n    margin-bottom: 20px;\n    color: var(--color-white);\n    line-height: 1.2;\n}\n\n.cs-articles-header .section-subtitle {\n    font-size: 18px;\n    /* Matching Home Page Section Descriptions */\n    color: #eeeeee;\n    font-family: var(--font-body);\n    max-width: 800px;\n    margin: 0 auto;\n    line-height: 1.6;\n}\n\n/* Articles Grid */\n.cs-articles-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n}\n\n/* Article Card */\n.cs-article-card {\n    background-color: #f3faf1;\n    /* Softer Mint Green from Detail Page standards */\n    border-radius: 20px;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);\n    height: 100%;\n    transition: all 0.4s ease;\n}\n\n.cs-article-card:hover {\n    transform: translateY(-10px);\n}\n\n.cs-article-img {\n    width: 100%;\n    aspect-ratio: 16 / 9;\n    overflow: hidden;\n    border-bottom: 3px solid var(--color-primary);\n}\n\n.cs-article-img img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n.cs-article-card:hover .cs-article-img img {\n    transform: scale(1.1);\n}\n\n.cs-article-info {\n    padding: 30px;\n    /* Generous padding like home cards */\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n}\n\n.cs-article-title {\n    font-size: 26px;\n    /* User requested 26px for card title */\n    font-weight: 600;\n    color: var(--color-primary);\n    margin-bottom: 12px;\n    font-family: var(--font-heading);\n    /* Poppins */\n    line-height: 1.3;\n}\n\n.cs-article-desc {\n    font-size: 18px;\n    /* User requested 18px */\n    line-height: 1.6;\n    color: #000000;\n    margin-bottom: 30px;\n    font-weight: 600;\n    font-family: var(--font-body);\n    /* Lexend Deca */\n    flex-grow: 1;\n}\n\n/* Read More Button - Pill style matching mockup */\n.cs-article-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    border: 2px solid var(--color-primary);\n    color: var(--color-primary);\n    padding: 10px 25px;\n    border-radius: 50px;\n    font-size: 15px;\n    font-weight: 700;\n    text-decoration: none;\n    font-family: var(--font-heading);\n    align-self: flex-start;\n    transition: all 0.3s ease;\n}\n\n.cs-article-btn:hover {\n    background-color: var(--color-primary);\n    color: var(--color-white);\n    box-shadow: 0 5px 15px rgba(84, 178, 72, 0.4);\n}\n\n/* Response Fixes */\n@media (max-width: 1200px) {\n    .cs-articles-header .section-title {\n        font-size: 36px;\n    }\n}\n\n@media (max-width: 991px) {\n    .cs-articles-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n    }\n    \n    .cs-articles-header .section-title {\n        font-size: 32px;\n    }\n\n    .cs-article-title {\n        font-size: 22px;\n    }\n}\n\n@media (max-width: 768px) {\n    .cs-articles-grid {\n        grid-template-columns: 1fr;\n        max-width: 450px;\n        margin: 0 auto;\n    }\n\n    .cs-article-title {\n        font-size: 20px;\n    }\n\n    .cs-article-desc {\n        font-size: 16px;\n    }\n\n    .cs-articles-header .section-title {\n        font-size: 28px;\n    }\n}\n\n@media (max-width: 480px) {\n    .cs-article-info {\n        padding: 20px;\n    }\n\n    .cs-article-btn {\n        width: 100%;\n        justify-content: center;\n    }\n}\n\n/* Professional Spacing Standardization - Fixed 50px Padding */\n.casestudy-detail-page section,\n.casestudy-detail-page .casestudy-hero,\n.casestudy-detail-page .cs-address-section,\n.casestudy-detail-page .cs2-content-section,\n.casestudy-detail-page .cs-articles-section,\n.casestudy-detail-page .contact-section {\n    padding-top: 50px !important;\n    padding-bottom: 50px !important;\n}\n\n/* Specific component overrides for Case Study Detail Page */\n.casestudy-detail-page .casestudy-hero {\n    margin-bottom: 0px;\n    padding-top: 100px !important; /* Keep enough space for hero content top */\n    padding-bottom: 50px !important;\n    height: auto !important;\n    min-height: 480px !important;\n}"],"names":[],"mappings":"AAEA;;;;;;AAOA;;;;;AAKA;;;;;AAMA;;;;;;;;;AAUA;;;;;;;;;AAWA;;;;;;AAOA;;;;;;;;;;;AAYA;;;;AAIA;;;;;;;AAOA;;;;;;;AAOA;;;;AAIA;;;;;;;AAQA;;;;;;;;;AAWA;;;;;;;;;;AAaA;;;;;;;;;;;;;;;;AAgBA;;;;;;AAOA;EACI;;;;;AAKJ;EACI;;;;;EAKA;;;;EAIA;;;;;AAKJ;EACI;;;;;;EAMA;;;;EAIA;;;;EAIA;;;;;AAKJ;EACI;;;;EAIA;;;;;;AAOJ;;;;;AAWA"}}]
}