{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["turbopack:///[project]/src/styles/casestudy/casestudy.css"],"sourcesContent":["/* Case Study Styles - Standardized with Home Page */\n\n.casestudy-hero {\n    position: relative;\n    height: 65vh;\n    /* Standard home page height */\n    min-height: 580px;\n    background-color: var(--color-black);\n    /* background-image is handled by the component via inline style */\n    background-size: cover;\n    background-position: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--color-white);\n    text-align: center;\n    padding: 0 20px;\n}\n\n.casestudy-hero-content {\n    max-width: 1000px;\n    z-index: 5;\n    padding: 0 20px;\n    transform: translateY(-40px);\n    /* Matching home page content offset */\n}\n\n.hero-subtitle {\n    font-size: 16px;\n    letter-spacing: 2.5px;\n    font-weight: 700;\n    color: var(--color-white);\n    margin-bottom: 12px;\n    text-transform: uppercase;\n    display: block;\n    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);\n}\n\n.casestudy-hero-content h1 {\n    font-size: var(--font-size-h1);\n    font-weight: 700;\n    margin: 0 0 20px 0;\n    /* Standardized margin */\n    line-height: 1.25;\n    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.9);\n}\n\n.casestudy-hero-content h1 .text-primary {\n    color: var(--color-primary);\n}\n\n.casestudy-description {\n    font-size: 18px;\n    /* Matching .services-subtitle standard */\n    line-height: 1.6;\n    margin-bottom: 45px;\n    font-weight: 500;\n    /* Standardized font-weight from home page sections */\n    color: var(--color-white);\n    max-width: 1400px;\n    margin-left: auto;\n    margin-right: auto;\n    text-shadow: 0 2px 10px rgba(0, 0, 0, 1);\n}\n\n.casestudy-hero-btns {\n    display: flex;\n    gap: 20px;\n    justify-content: center;\n    flex-wrap: wrap;\n}\n\n.hero-btn-primary {\n    background-color: var(--color-primary);\n    color: var(--color-white);\n    border: 2px solid var(--color-white);\n    /* White border for left button */\n    padding: 14px 35px;\n    border-radius: 50px;\n    font-weight: 700;\n    font-size: var(--font-size-body);\n    text-decoration: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    font-family: var(--font-heading);\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);\n}\n\n.hero-btn-primary:hover {\n    background-color: var(--color-white);\n    color: var(--color-primary);\n    transform: translateY(-3px);\n    box-shadow: 0 8px 25px rgba(255, 255, 255, 0.2);\n}\n\n.hero-btn-secondary {\n    background-color: #eaf6e5;\n    color: var(--color-primary);\n    border: 2px solid var(--color-primary);\n    /* Green border for right button */\n    padding: 14px 35px;\n    border-radius: 50px;\n    font-weight: 700;\n    font-size: var(--font-size-body);\n    text-decoration: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    font-family: var(--font-heading);\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 15px rgba(84, 178, 72, 0.1);\n}\n\n.hero-btn-secondary:hover {\n    background-color: var(--color-primary);\n    color: var(--color-white);\n    transform: translateY(-3px);\n    box-shadow: 0 8px 25px rgba(84, 178, 72, 0.3);\n}\n\n/* Tablet & Smaller Devices */\n@media (max-width: 1024px) {\n    .casestudy-hero {\n        height: 55vh;\n        min-height: 500px;\n    }\n\n    .casestudy-hero-content h1 {\n        font-size: 38px;\n    }\n}\n\n@media (max-width: 768px) {\n    .casestudy-hero {\n        height: auto;\n        min-height: 480px;\n        padding: 100px 20px;\n    }\n\n    .casestudy-hero-content {\n        transform: translateY(0);\n    }\n\n    .casestudy-hero-content h1 {\n        font-size: 30px;\n        margin-bottom: 20px;\n    }\n\n    .casestudy-hero-content p {\n        font-size: 16px;\n        margin-bottom: 35px;\n    }\n\n    .casestudy-hero-btns {\n        flex-direction: column;\n        align-items: center;\n        width: 100%;\n    }\n\n    .hero-btn-primary,\n    .hero-btn-secondary {\n        width: 90%;\n        max-width: 320px;\n        justify-content: center;\n    }\n}\n\n@media (max-width: 480px) {\n    .casestudy-hero-content h1 {\n        font-size: 26px;\n    }\n}\n\n.casestudy-breadcrumb {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 15px;\n    margin-top: 15px;\n    font-size: 16px;\n    font-weight: 500;\n}\n\n.casestudy-breadcrumb span {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    color: var(--color-white);\n}\n\n.breadcrumb-dot {\n    color: var(--color-primary); /* Green dot from mockup */\n    font-size: 24px;\n    font-weight: 700;\n}\n\n/* Case Study Grid Gallery Section */\n.casestudy-grid-section {\n    padding: 80px 40px;\n    background-color: var(--color-black);\n    /* Dark background as in screenshot */\n}\n\n.casestudy-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n    max-width: 1400px;\n    margin: 0 auto;\n}\n\n.casestudy-card-link {\n    text-decoration: none;\n    display: block;\n    color: inherit;\n    transition: all 0.3s ease;\n}\n\n.casestudy-card {\n    background-color: #eaf6e5;\n    /* Light greenish section from screenshot */\n    border-radius: 20px;\n    /* Large rounded corners as shown in mockup */\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);\n    border: none;\n    height: 100%;\n}\n\n.casestudy-card-link:hover .casestudy-card {\n    transform: translateY(-12px);\n    box-shadow: 0 15px 40px rgba(84, 178, 72, 0.2);\n}\n\n.casestudy-card-img {\n    width: 100%;\n    aspect-ratio: 1 / 1;\n}\n\n.casestudy-card-img img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n.casestudy-card-info {\n    padding: 22px 25px;\n    text-align: left;\n}\n\n.casestudy-card-title {\n    font-size: 19px;\n    font-weight: 700;\n    color: var(--color-primary);\n    /* Green title as shown */\n    margin-bottom: 10px;\n    line-height: 1.3;\n}\n\n.casestudy-card-divider {\n    width: 100%;\n    height: 1.7px;\n    background-color: #000;\n    margin-bottom: 15px;\n}\n\n.casestudy-card-location {\n    font-size: 15px;\n    font-weight: 700;\n    color: #1a1a1a;\n    margin: 0;\n}\n\n/* Responsive Overrides for Grid */\n@media (max-width: 1200px) {\n    .casestudy-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n    }\n}\n\n@media (max-width: 991px) {\n    .casestudy-grid-section {\n        padding: 60px 25px;\n    }\n    \n    .casestudy-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n    }\n}\n\n@media (max-width: 768px) {\n    .casestudy-grid-section {\n        padding: 50px 20px;\n    }\n\n    .casestudy-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n        max-width: 480px;\n        margin: 0 auto;\n    }\n\n    .casestudy-card-title {\n        font-size: 17px;\n    }\n}"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;AAiBA;;;;;;;AAQA;;;;;;;;;;;AAWA;;;;;;;;AASA;;;;AAIA;;;;;;;;;;;;AAcA;;;;;;;AAOA;;;;;;;;;;;;;;;;;AAkBA;;;;;;;AAOA;;;;;;;;;;;;;;;;;AAkBA;;;;;;;AAQA;EACI;;;;;EAKA;;;;;AAKJ;EACI;;;;;;EAMA;;;;EAIA;;;;;EAKA;;;;;EAKA;;;;;;EAMA;;;;;;;AAQJ;EACI;;;;;AAKJ;;;;;;;;;;AAUA;;;;;;;AAOA;;;;;;AAOA;;;;;AAMA;;;;;;;;AAQA;;;;;;;AAOA;;;;;;;;;;;AAaA;;;;;AAKA;;;;;AAKA;;;;;;;AAOA;;;;;AAKA;;;;;;;;AASA;;;;;;;AAOA;;;;;;;AAQA;EACI;;;;;;AAMJ;EACI;;;;EAIA;;;;;;AAMJ;EACI;;;;EAIA;;;;;;;EAOA"}}]
}