.reference-detail-container{max-width:1400px;margin:0 auto;padding:60px 20px 80px}.reference-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;margin-bottom:80px}.reference-gallery{position:relative}.main-image-container{position:relative;width:100%;aspect-ratio:4/3;background:#fff;border-radius:8px;overflow:hidden;margin-bottom:20px;border:1px solid #e5e7eb}.main-image{width:100%;height:100%;object-fit:contain;object-position:center;padding:40px}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.95);border:1px solid #e5e7eb;width:44px;height:44px;border-radius:8px;color:#1f2937;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;backdrop-filter:blur(10px)}.gallery-nav:hover{background:#fff;border-color:#019ede;color:#019ede;box-shadow:0 4px 12px rgba(1,158,222,.15)}.gallery-nav.prev{left:16px}.gallery-nav.next{right:16px}.gallery-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px}.thumbnail{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;cursor:pointer;border:2px solid #e5e7eb;transition:all .2s ease;opacity:.5}.thumbnail:hover{opacity:.8;border-color:#cbd5e1}.thumbnail.active{opacity:1;border-color:#019ede}.reference-info{display:flex;flex-direction:column;justify-content:center}.reference-header{margin-bottom:40px}.reference-title{font-size:36px;font-weight:600;color:#111827;margin:0 0 20px 0;line-height:1.3;letter-spacing:-.02em}.reference-divider{display:none}.reference-description{font-size:16px;line-height:1.7;color:#6b7280;margin:0}.reference-description p{margin:0 0 15px 0}.reference-description p:last-child{margin-bottom:0}.reference-stats{display:none}.reference-actions{display:flex;gap:12px;margin-top:40px;padding-top:40px;border-top:1px solid #e5e7eb}.btn-primary-ref{padding:14px 28px;background:#019ede;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-primary-ref:hover{background:#0174b8}.btn-secondary-ref{padding:14px 28px;background:#f9fafb;color:#374151;border:1px solid #e5e7eb;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-secondary-ref:hover{background:#fff;border-color:#cbd5e1}.reference-features{background:#fff;padding:60px;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:40px}.features-header{margin-bottom:40px}.features-title{font-size:24px;font-weight:600;color:#111827;margin:0 0 8px 0;letter-spacing:-.01em}.features-subtitle{font-size:15px;color:#6b7280;margin:0}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.feature-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f9fafb;border-radius:6px;transition:all .2s ease}.feature-item:hover{background:#f3f4f6}.feature-icon{width:20px;height:20px;flex-shrink:0;margin-top:2px}.feature-icon svg{width:100%;height:100%;fill:#019ede}.feature-text{font-size:14px;line-height:1.6;color:#374151;font-weight:400}.related-projects{background:#f9fafb;padding:60px;border-radius:8px;border:1px solid #e5e7eb}.related-header{margin-bottom:32px}.related-title{font-size:24px;font-weight:600;color:#111827;margin:0;letter-spacing:-.01em}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.related-item{background:#fff;padding:24px;border-radius:6px;border:1px solid #e5e7eb;transition:all .2s ease}.related-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px rgba(0,0,0,.04)}.related-item-title{font-size:16px;font-weight:600;color:#111827;margin:0 0 16px 0}.related-item-list{list-style:none;padding:0;margin:0}.related-item-list li{padding:10px 0;border-bottom:1px solid #f3f4f6;font-size:14px;color:#6b7280;display:flex;align-items:flex-start;gap:10px;line-height:1.5}.related-item-list li:last-child{border-bottom:none;padding-bottom:0}.related-item-list li::before{content:'';width:4px;height:4px;background:#9ca3af;border-radius:50%;flex-shrink:0;margin-top:8px}@media (max-width:1024px){.reference-hero{grid-template-columns:1fr;gap:50px}.main-image-container{aspect-ratio:16/10}}@media (max-width:768px){.reference-detail-container{padding:40px 16px 60px}.reference-hero{gap:40px;margin-bottom:60px}.reference-title{font-size:28px}.main-image{padding:24px}.gallery-nav{width:40px;height:40px;font-size:18px}.gallery-nav.prev{left:12px}.gallery-nav.next{right:12px}.reference-actions{flex-direction:column;padding-top:30px;margin-top:30px}.btn-primary-ref,.btn-secondary-ref{width:100%;justify-content:center}.reference-features,.related-projects{padding:40px 24px}.features-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}}@media (max-width:480px){.reference-title{font-size:24px}.features-title,.related-title{font-size:20px}.main-image{padding:20px}.gallery-thumbnails{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}.btn-primary-ref,.btn-secondary-ref{padding:12px 24px;font-size:14px}.reference-features,.related-projects{padding:32px 20px}}