.gallery-page {background:#f8f9fa;color:var(--text-color);font-family:'Inter',sans-serif;}
.gallery-hero {background:linear-gradient(180deg,#d5e5ee 0%,#f8f9fa 92%);color:#2c2c2c;overflow:hidden;padding:86px 20px 62px;position:relative;text-align:center;}
.gallery-hero-bg {background:radial-gradient(circle at 14% 20%,rgba(91,154,139,0.18),transparent 32%),radial-gradient(circle at 86% 18%,rgba(52,152,219,0.14),transparent 28%);height:100%;left:0;position:absolute;top:0;width:100%;}
.gallery-hero-content {margin:0 auto;max-width:820px;position:relative;z-index:2;}
.hero-badge {background:rgba(91,154,139,0.12);border:1px solid rgba(91,154,139,0.24);border-radius:50px;color:var(--green);display:inline-block;font-size:0.78rem;font-weight:800;letter-spacing:1px;margin-bottom:18px;padding:8px 18px;text-transform:uppercase;}
.gallery-hero-title {color:#2c2c2c;font-size:52px;font-weight:800;letter-spacing:0;line-height:1.08;margin-bottom:18px;}
.gallery-hero-subtitle {color:#5d6470;font-size:18px;line-height:1.7;margin:0 auto;max-width:620px;}
.gallery-section {padding:70px 0;}
.section-header {margin-bottom:42px;position:relative;}
.section-subtitle {color:var(--green);display:block;font-size:0.78rem;font-weight:800;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase;}
.section-title {color:#2c2c2c;font-size:40px;font-weight:800;letter-spacing:0;margin-bottom:14px;}
.section-line {background:var(--green);border-radius:2px;height:4px;margin:0 auto;width:56px;}
.ba-section {background:#fff;}
.ba-grid {display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr));}
.ba-item {background:#fff;border:1px solid #edf1f2;border-radius:18px;box-shadow:0 8px 22px rgba(0,0,0,0.045);overflow:hidden;padding:0;transition:var(--transition);}
.ba-item:hover {box-shadow:0 16px 32px rgba(0,0,0,0.08);transform:translateY(-5px);}
.ba-comparison {display:grid;gap:0;grid-template-columns:repeat(2,minmax(0,1fr));position:relative;}
.ba-half2 {aspect-ratio:18 / 16;border-radius:0;overflow:hidden;position:relative;}
.ba-half2 img {height:100%;object-fit:cover;object-position:center 28%;transition:transform 0.6s ease;width:100%;}
.ba-item:hover .ba-half2 img {transform:scale(1.05);}
.ba-label {backdrop-filter:blur(4px);background:rgba(0,0,0,0.65);border:1px solid rgba(255,255,255,0.15);border-radius:20px;bottom:12px;box-shadow:0 2px 8px rgba(0,0,0,0.2);color:rgba(255,255,255,0.95);font-size:0.75rem;font-weight:700;letter-spacing:0.5px;padding:4px 12px;pointer-events:none;position:absolute;text-transform:uppercase;}
.ba-half2.before .ba-label {left:12px;}
.ba-half2.after .ba-label {background:rgba(91,154,139,0.85);border-color:rgba(91,154,139,0.3);right:12px;}
.ba-name {background:linear-gradient(to top,rgba(0,0,0,0.6) 0%,transparent 100%);bottom:0;color:rgba(255,255,255,0.9);font-size:0.85rem;font-weight:700;left:0;letter-spacing:0.5px;padding:10px 0 6px;pointer-events:none;position:absolute;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.3);width:100%;z-index:2;}
.results-section {background:#f8f9fa;}
.masonry-grid {column-count:4;column-gap:20px;}
.masonry-item {break-inside:avoid;margin-bottom:20px;}
.result-card {background:#fff;border:1px solid #edf1f2;border-radius:18px;box-shadow:0 8px 22px rgba(0,0,0,0.045);overflow:hidden;position:relative;transition:var(--transition);}
.result-card img {display:block;height:auto;transition:transform 0.5s ease;width:100%;}
.result-card:hover {box-shadow:0 16px 32px rgba(0,0,0,0.08);transform:translateY(-5px);}
.result-card:hover img {transform:scale(1.08);}
.result-name {background:linear-gradient(to top,rgba(0,0,0,0.5) 0%,transparent 100%);bottom:0;color:rgba(255,255,255,0.95);font-size:0.8rem;font-weight:700;left:0;letter-spacing:0.3px;opacity:0.8;padding:15px 10px 8px;pointer-events:none;position:absolute;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.3);transition:opacity 0.3s ease;width:100%;}
.result-card:hover .result-name {opacity:1;}
.gallery-cta {background:#fff;padding:76px 0 90px;}
.cta-wrapper {background:linear-gradient(135deg,#2c2c2c,#3f5d58);border-radius:28px;box-shadow:0 18px 42px rgba(40,62,58,0.14);overflow:hidden;padding:56px 32px;position:relative;text-align:center;}
.cta-wrapper::before {background:radial-gradient(circle,rgba(255,255,255,0.12),transparent 55%);content:'';height:320px;position:absolute;right:-110px;top:-110px;width:320px;}
.cta-content {margin:0 auto;max-width:640px;position:relative;z-index:2;}
.cta-title {color:#fff;font-size:2.35rem;font-weight:800;margin-bottom:14px;}
.cta-text {color:rgba(255,255,255,0.78);font-size:1.1rem;line-height:1.65;margin:0 auto 28px;}
.cta-button {align-items:center;background:#fff;border-radius:50px;box-shadow:0 12px 24px rgba(0,0,0,0.12);color:var(--green);display:inline-flex;font-size:1.05rem;font-weight:800;gap:12px;justify-content:center;min-height:48px;padding:13px 28px;text-decoration:none;transition:var(--transition);}
.cta-button:hover {box-shadow:0 16px 30px rgba(0,0,0,0.18);color:var(--green);transform:translateY(-2px);}
.view-more-btn {align-items:center;background:#fff;border:1px solid rgba(91,154,139,0.28);border-radius:50px;box-shadow:0 8px 18px rgba(0,0,0,0.045);color:var(--green);display:inline-flex;font-weight:800;padding:12px 26px;text-decoration:none;transition:var(--transition);}
.view-more-btn:hover {background:var(--green);box-shadow:0 12px 24px rgba(91,154,139,0.22);color:#fff;transform:translateY(-2px);}
.pagination-wrapper {margin-top:50px;}
@media (max-width:1200px) {.masonry-grid {column-count:3;}}
@media (max-width:1024px) {.ba-grid {grid-template-columns:1fr;}}
@media (max-width:768px) {.gallery-hero-title {font-size:38px;} .masonry-grid {column-count:2;} .cta-wrapper {padding:46px 22px;} .cta-title {font-size:2rem;}}
@media (max-width:480px) {.gallery-hero {padding:72px 20px 48px;} .gallery-hero-title {font-size:32px;} .gallery-section {padding:54px 0;} .masonry-grid {column-count:1;}}