{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["turbopack:///[project]/src/styles/AboutSection.css"],"sourcesContent":["/* About Section */\r\n.about-section {\r\n    display: flex;\r\n    align-items: stretch;\r\n    gap: 60px;\r\n    padding: 50px 40px;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.about-text {\r\n    flex: 1.1;\r\n    font-size: var(--font-size-body);\r\n    line-height: 1.7;\r\n    color: #eeeeee;\r\n    font-weight: 400;\r\n    padding-right: 30px;\r\n}\r\n\r\n.about-title {\r\n    font-size: 42px;\r\n    font-weight: 700;\r\n    margin: 0 0 25px 0;\r\n    line-height: 1.25;\r\n    color: #ffffff;\r\n}\r\n\r\n.about-text p {\r\n    margin-bottom: 25px;\r\n    font-size: 18px;\r\n    line-height: 1.6;\r\n}\r\n\r\n.about-image-wrapper {\r\n    flex: 1;\r\n    width: 100%;\r\n    max-width: 680px;\r\n    height: 635px;\r\n    /* Fixed height to match text content balance */\r\n    position: relative;\r\n    border-radius: 12px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n    display: flex;\r\n    margin-left: auto;\r\n    overflow: hidden;\r\n}\r\n\r\n/* Comparison Slider */\r\n.comparison-slider {\r\n    flex: 1;\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    cursor: ew-resize;\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    user-select: none;\r\n    background-color: #1a1a1a;\r\n}\r\n\r\n.comparison-image-base,\r\n.comparison-image-overlay {\r\n    pointer-events: none;\r\n    height: 100%;\r\n    width: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n.comparison-handle {\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 2px;\r\n    background-color: transparent;\r\n    transform: translateX(-50%);\r\n    pointer-events: none;\r\n    z-index: 10;\r\n}\r\n\r\n.comparison-handle-button {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 44px;\r\n    height: 44px;\r\n    background-color: var(--color-primary);\r\n    border: 4px solid #ffffff;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #ffffff;\r\n    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);\r\n}\r\n\r\n/* Responsive */\r\n@media (max-width: 1024px) {\r\n    .about-section {\r\n        flex-direction: column;\r\n        gap: 40px;\r\n        padding: 40px 20px;\r\n        text-align: center;\r\n    }\r\n\r\n    .about-text {\r\n        padding-right: 0;\r\n        text-align: center;\r\n    }\r\n\r\n    .about-image-wrapper {\r\n        margin: 20px auto 0 auto;\r\n        width: 100%;\r\n        max-width: 100%;\r\n        height: 350px;\r\n        /* Maintain visibility on mobile */\r\n    }\r\n\r\n\r\n    .about-title {\r\n        font-size: 32px;\r\n    }\r\n}\r\n"],"names":[],"mappings":"AACA;;;;;;;;;AASA;;;;;;;;;AASA;;;;;;;;AAQA;;;;;;AAMA;;;;;;;;;;;;;AAeA;;;;;;;;;;;;;AAYA;;;;;;;AAQA;;;;;;;;;;;AAWA;;;;;;;;;;;;;;;;;AAkBA;EACI;;;;;;;EAOA;;;;;EAKA;;;;;;;EASA"}}]
}