{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["turbopack:///[project]/src/styles/casestudy/casestudy2section3.css"],"sourcesContent":["/* Case Study 2 Section 3 Detail Content Styling */\n\n.cs2-content-section {\n    padding: 15px 40px; /* Standardize with 30px total gap rule */\n    background-color: var(--color-black); \n    color: var(--color-white);\n}\n\n.cs2-container {\n    max-width: 1400px;\n    margin: 0 auto;\n}\n\n/* 3x2 Gallery Grid */\n.cs2-gallery-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n    margin-bottom: 80px;\n}\n\n.cs2-gallery-item {\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);\n    transition: transform 0.3s ease;\n}\n\n.cs2-gallery-item:hover {\n    transform: scale(1.02);\n}\n\n.cs2-gallery-item img {\n    width: 100%;\n    height: auto;\n    display: block;\n}\n\n/* Text Content Area */\n.cs2-text-content {\n    max-width: 1400px;\n}\n\n.cs2-content-block {\n    margin-bottom: 60px;\n}\n\n.cs2-heading {\n    color: var(--color-primary); /* Bright Green from Mockup */\n    font-size: 42px; /* Standardized to match Home Page Section Titles */\n    font-weight: 700;\n    margin-bottom: 25px;\n    font-family: var(--font-heading);\n    line-height: 1.2;\n}\n\n.cs2-content-block p {\n    font-size: 18px; /* Matching .about-text p standard */\n    line-height: 1.7;\n    color: #eeeeee; /* Matching .about-text color */\n    margin-bottom: 25px;\n    font-family: var(--font-body);\n}\n\n/* Bullet Lists */\n.cs2-list {\n    list-style: none;\n    padding: 0;\n    margin: 30px 0;\n}\n\n.cs2-list li {\n    font-size: 18px;\n    color: #eeeeee;\n    margin-bottom: 15px;\n    padding-left: 40px;\n    position: relative;\n    line-height: 1.6;\n    font-family: var(--font-body);\n}\n\n.cs2-list li::before {\n    content: \"⦿\"; /* Custom target icon to match mockup */\n    position: absolute;\n    left: 0;\n    color: var(--color-primary); /* Changed to Green for better standout */\n    font-size: 22px;\n    top: -2px;\n}\n\n.cs2-rate-text {\n    font-size: 20px;\n    font-weight: 700;\n    color: var(--color-white);\n    margin-bottom: 30px;\n    font-family: var(--font-heading);\n}\n\n/* Back Button */\n.cs2-back-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    background-color: var(--color-primary);\n    color: var(--color-white);\n    padding: 14px 35px; /* Matching Hero Button Padding */\n    border-radius: 50px;\n    font-size: 16px;\n    font-weight: 700;\n    text-decoration: none;\n    font-family: var(--font-heading);\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 20px rgba(84, 178, 72, 0.4);\n}\n\n.cs2-back-btn:hover {\n    background-color: var(--color-white);\n    color: var(--color-primary);\n    transform: translateY(-3px);\n    box-shadow: 0 8px 30px rgba(255, 255, 255, 0.2);\n}\n\n/* Responsive Overrides - Professional Standards */\n\n@media (max-width: 1200px) {\n    .cs2-gallery-grid {\n        gap: 20px;\n    }\n    \n    .cs2-heading {\n        font-size: 36px;\n    }\n}\n\n@media (max-width: 991px) {\n    .cs2-content-section {\n        padding: 80px 30px;\n    }\n\n    .cs2-gallery-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n        margin-bottom: 60px;\n    }\n    \n    .cs2-heading {\n        font-size: 32px;\n    }\n    \n    .cs2-content-block p, \n    .cs2-list li {\n        font-size: 17px;\n    }\n}\n\n@media (max-width: 768px) {\n    .cs2-content-section {\n        padding: 60px 20px;\n    }\n    \n    .cs2-gallery-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n        margin-bottom: 50px;\n    }\n    \n    .cs2-heading {\n        font-size: 28px;\n        margin-bottom: 20px;\n    }\n    \n    .cs2-content-block {\n        margin-bottom: 40px;\n    }\n\n    .cs2-footer {\n        text-align: center;\n        width: 100%;\n    }\n\n    .cs2-back-btn {\n        width: 100%;\n        max-width: 320px;\n        justify-content: center;\n    }\n}\n\n@media (max-width: 480px) {\n    .cs2-content-section {\n        padding: 50px 15px;\n    }\n    \n    .cs2-heading {\n        font-size: 24px;\n        line-height: 1.3;\n    }\n    \n    .cs2-content-block p, \n    .cs2-list li {\n        font-size: 16px;\n        line-height: 1.6;\n    }\n\n    .cs2-list li {\n        padding-left: 30px;\n    }\n\n    .cs2-list li::before {\n        font-size: 18px;\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}\n"],"names":[],"mappings":"AAEA;;;;;;AAMA;;;;;AAMA;;;;;;;AAOA;;;;;;;AAOA;;;;AAIA;;;;;;AAOA;;;;AAIA;;;;AAIA;;;;;;;;;AASA;;;;;;;;AASA;;;;;;AAMA;;;;;;;;;;AAUA;;;;;;;;;AASA;;;;;;;;AASA;;;;;;;;;;;;;;;;AAgBA;;;;;;;AASA;EACI;;;;EAIA;;;;;AAKJ;EACI;;;;EAIA;;;;;;EAMA;;;;EAIA;;;;;AAMJ;EACI;;;;EAIA;;;;;;EAMA;;;;;EAKA;;;;EAIA;;;;;EAKA;;;;;;;AAOJ;EACI;;;;EAIA;;;;;EAKA;;;;;EAMA;;;;EAIA;;;;;AAMJ;;;;;AAWA"}}]
}