{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["turbopack:///[project]/src/styles/BestArchitectureSection.css"],"sourcesContent":["/* Best Architecture Section Styles - Static Frame with 3D Flip Content */\r\n.best-architecture-section {\r\n    padding: 50px 0;\r\n    background-color: #000000;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n}\r\n\r\n.best-architecture-container {\r\n    width: 100%;\r\n    max-width: 1400px;\r\n    padding: 0 40px;\r\n}\r\n\r\n.best-architecture-header {\r\n    text-align: center;\r\n    max-width: 1050px;\r\n    margin: 0 auto 40px auto;\r\n}\r\n\r\n.best-architecture-title {\r\n    font-size: 42px;\r\n    font-family: var(--font-heading);\r\n    line-height: 1.25;\r\n    margin-bottom: 15px;\r\n    font-weight: 700;\r\n}\r\n\r\n.best-architecture-title span {\r\n    color: var(--color-white);\r\n}\r\n\r\n.best-architecture-subtitle {\r\n    font-size: 18px;\r\n    font-family: var(--font-body);\r\n    color: #ffffff;\r\n    line-height: 1.6;\r\n    font-weight: 500;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.best-architecture-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n    width: 100%;\r\n}\r\n\r\n/* Static Card Design with Inner Flip */\r\n.best-architecture-flip-card {\r\n    background-color: #ffffff;\r\n    border-radius: 12px;\r\n    height: 280px;\r\n    /* Reduced height for more compact look */\r\n    border: 1.5px solid #54b248;\r\n    perspective: 2000px;\r\n    position: relative;\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\r\n    overflow: hidden;\r\n}\r\n\r\n.best-architecture-card-inner {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n    transform-style: preserve-3d;\r\n    cursor: pointer;\r\n}\r\n\r\n.best-architecture-flip-card:hover .best-architecture-card-inner {\r\n    transform: rotateY(180deg);\r\n}\r\n\r\n.best-architecture-card-front,\r\n.best-architecture-card-back {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    -webkit-backface-visibility: hidden;\r\n    backface-visibility: hidden;\r\n    padding: 20px;\r\n    /* Reduced for ultra-compact look */\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    justify-content: flex-start;\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    /* Prevent ANY child overflow */\r\n    box-sizing: border-box;\r\n    /* Force border-box for padding */\r\n}\r\n\r\n.best-architecture-card-front {\r\n    z-index: 2;\r\n    background: #ffffff;\r\n}\r\n\r\n.best-architecture-card-back {\r\n    background: #ffffff;\r\n    transform: rotateY(180deg);\r\n}\r\n\r\n.best-architecture-icon {\r\n    width: 95px;\r\n    height: 85px;\r\n    margin-bottom: 15px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n}\r\n\r\n.card-custom-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n    filter: brightness(0) saturate(100%) invert(60%) sepia(35%) saturate(1000%) hue-rotate(65deg) brightness(85%) contrast(85%);\r\n}\r\n\r\n.best-architecture-card-title,\r\n.back-title {\r\n    font-size: 26px;\r\n    font-family: var(--font-heading);\r\n    color: #54b248;\r\n    margin-bottom: 5px;\r\n    font-weight: 600;\r\n}\r\n\r\n.best-architecture-card-desc,\r\n.extra-content {\r\n    font-size: 18px;\r\n    font-family: var(--font-body);\r\n    color: #1a1a1a;\r\n    /* Slightly softer black for better readability */\r\n    line-height: 1.4;\r\n    font-weight: 500;\r\n    margin: 0;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    overflow: visible;\r\n}\r\n\r\n.learn-more-btn {\r\n    background-color: var(--color-primary);\r\n    color: white;\r\n    border: none;\r\n    padding: 8px 18px;\r\n    border-radius: 50px;\r\n    font-weight: 600;\r\n    font-family: var(--font-body);\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    transition: all 0.2s;\r\n    position: absolute;\r\n    bottom: 20px;\r\n    left: 25px;\r\n}\r\n\r\n.learn-more-btn:hover {\r\n    background-color: var(--color-primary-dark);\r\n}\r\n\r\n/* Responsive */\r\n@media (max-width: 1100px) {\r\n    .best-architecture-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .best-architecture-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .best-architecture-flip-card {\r\n        height: auto;\r\n        min-height: 250px;\r\n    }\r\n\r\n    .best-architecture-title {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .best-architecture-subtitle {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .best-architecture-section {\r\n        padding: 40px 0;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .best-architecture-title {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .best-architecture-card-title {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .best-architecture-card-desc {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .best-architecture-icon {\r\n        width: 70px;\r\n        height: 60px;\r\n    }\r\n}"],"names":[],"mappings":"AACA;;;;;;;;AAQA;;;;;;AAMA;;;;;;AAMA;;;;;;;;AAQA;;;;AAIA;;;;;;;;;;AAUA;;;;;;;AAQA;;;;;;;;;;;AAYA;;;;;;;;;AASA;;;;AAIA;;;;;;;;;;;;;;;AAoBA;;;;;AAKA;;;;;AAKA;;;;;;;;;AASA;;;;;;;AAOA;;;;;;;;AASA;;;;;;;;;;;;AAcA;;;;;;;;;;;;;;;;;AAiBA;;;;AAKA;EACI;;;;;AAKJ;EACI;;;;EAIA;;;;;EAKA;;;;EAIA;;;;EAIA;;;;;AAKJ;EACI;;;;EAIA;;;;EAIA;;;;EAIA"}}]
}