.hero{padding:60px 0 80px;position:relative}.hero,.hero:before{background:var(--teal)}.hero:before{content:"";height:120px;left:0;position:absolute;right:0;top:-120px}.hero-grid{align-items:center;display:grid;gap:56px;grid-template-columns:1fr 1.2fr}.hero-text .eyebrow{color:var(--yellow)}.hero-text h1{color:#fff;font-size:clamp(40px,4.5vw,68px);line-height:1;margin-bottom:20px}.hero-text h1 em{color:var(--yellow);font-style:normal}.hero-sub{color:hsla(0,0%,100%,.75);font-size:17px;font-weight:500;line-height:1.55;margin-bottom:28px}.hero-stats{border-top:1px solid hsla(0,0%,100%,.15);display:flex;gap:32px;padding-top:28px}.hero-stat{display:flex;flex-direction:column}.hero-stat-number{color:var(--yellow);font-family:Montserrat,sans-serif;font-size:36px;font-weight:900;line-height:1}.hero-stat-label{color:hsla(0,0%,100%,.55);font-size:11px;font-weight:600;letter-spacing:.1em;margin-top:5px;text-transform:uppercase}.hero-map-wrap{border-radius:28px;box-shadow:0 12px 48px rgba(35,31,115,.14);height:480px;overflow:hidden;position:relative}#heroMap{height:100%;width:100%}.map-legend-float{align-items:center;backdrop-filter:blur(6px);background:hsla(0,0%,100%,.97);border-radius:0 0 28px 28px;border-top:1px solid rgba(35,31,115,.08);bottom:0;display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:center;left:0;padding:8px 16px;position:absolute;right:0;z-index:500}.map-legend-break{flex-basis:100%;height:0}.map-legend-item{align-items:center;color:var(--navy);cursor:pointer;display:flex;font-size:10px;font-weight:600;gap:5px;transition:opacity .2s;white-space:nowrap}.map-legend-item:hover{opacity:.7}.map-legend-dot{border-radius:50%;flex-shrink:0;height:9px;width:9px}.map-tip{backdrop-filter:blur(6px);background:hsla(0,0%,100%,.92);border-radius:10px;color:var(--ink-muted);font-size:11px;font-weight:600;left:16px;padding:8px 12px;pointer-events:none;position:absolute;top:16px;z-index:500}.filter-bar{background:#fff;border-bottom:1px solid var(--line);border-top:1px solid var(--line)}.filter-bar-inner{align-items:center;display:flex;justify-content:center;padding:20px 0}.filter-groups{gap:12px;min-width:0}.filter-group,.filter-groups{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.filter-group{gap:8px}.filter-group-label{color:var(--ink-muted);font-size:11px;font-weight:700;letter-spacing:.12em;margin-right:4px;text-transform:uppercase;white-space:nowrap}.filter-chip{background:var(--cream);border:1.5px solid var(--line);border-radius:999px;color:var(--ink-soft);cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.filter-chip:hover{border-color:var(--teal);color:var(--teal)}.filter-chip.active{background:var(--teal);border-color:var(--teal);color:#fff}.portfolio-search-row{display:flex;justify-content:flex-end;margin-bottom:28px}.filter-search{flex-shrink:0;position:relative}.filter-search input{background:#fff;border:1.5px solid var(--line);border-radius:999px;color:var(--ink-soft);font-family:Poppins,sans-serif;font-size:13px;outline:none;padding:10px 16px 10px 38px;transition:border-color .2s ease;width:280px}.filter-search input:focus{border-color:var(--teal)}.filter-search svg{color:var(--ink-muted);left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.portfolio-section{background:var(--cream);padding:40px 0 100px}.portfolio-grid{display:grid;gap:32px;grid-template-columns:repeat(3,1fr)}.project-card{background:#fff;border:2px solid transparent;border-radius:28px;box-shadow:0 4px 20px rgba(35,31,115,.07);display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.project-card:hover{box-shadow:0 16px 48px rgba(35,31,115,.14);transform:translateY(-8px)}.project-card.hidden{display:none}.card-carousel{background:var(--cream-dark);flex-shrink:0;height:240px;overflow:hidden;position:relative;width:100%}.card-carousel.no-image{align-items:center;display:flex;justify-content:center}.project-card:nth-of-type(3n+1) .card-carousel.no-image{background:linear-gradient(135deg,#b8dde8,#8fc8d8)}.project-card:nth-of-type(3n+2) .card-carousel.no-image{background:linear-gradient(135deg,#c8ddb8,#a8c898)}.project-card:nth-of-type(3n+3) .card-carousel.no-image{background:linear-gradient(135deg,#d8c8e8,#c0a8d8)}.card-carousel.no-image:after{background:hsla(0,0%,100%,.5);border-radius:50%;content:"";height:40px;width:40px}.card-carousel>img{display:block;height:100%;inset:0;object-fit:cover;object-position:center;position:absolute;width:100%}.card-category{backdrop-filter:blur(4px);border-radius:999px;font-size:11px;font-weight:700;left:14px;letter-spacing:.1em;padding:5px 12px;position:absolute;text-transform:uppercase;top:14px;z-index:10}.cat-community{background:#00808c;color:#fff}.cat-custom{background:#625ff4;color:#fff}.cat-inclusive{background:#dc2476;color:#fff}.cat-landform{background:#7a643c;color:#fff}.cat-nature{background:#378337;color:#fff}.cat-school{background:#231f73;color:#fff}.cat-indoor{background:#5a58a0;color:#fff}.cat-shelter{background:#1a7abd;color:#fff}.cat-splash{background:#007f9c;color:#fff}.cat-fitness{background:#c64f28;color:#fff}.card-body{display:flex;flex:1;flex-direction:column;padding:28px 24px}.card-meta{flex-wrap:wrap;gap:10px;margin-bottom:14px}.card-location,.card-meta{align-items:center;display:flex}.card-location{color:var(--ink-muted);font-size:12px;font-weight:500;gap:4px}.card-location svg{flex-shrink:0}.card-body h3{color:var(--navy);font-size:22px;line-height:1.2;margin-bottom:10px;text-transform:none}.pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:56px}.pag-btn{background:#fff;border:1.5px solid var(--line);border-radius:10px;color:var(--navy);cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;height:40px;min-width:40px;padding:0 14px;transition:all .2s ease}.pag-btn:hover{border-color:var(--teal);color:var(--teal)}.pag-btn.active{background:var(--navy);border-color:var(--navy);color:#fff}.pag-btn:disabled{cursor:default;opacity:.35;pointer-events:none}.pag-ellipsis{color:var(--ink-muted);font-weight:600;padding:0 4px}.empty-state{color:var(--ink-muted);display:none;grid-column:1/-1;padding:80px 40px;text-align:center}.empty-state.visible{display:block}.empty-state h3{color:var(--navy);font-size:28px;margin-bottom:12px}.empty-state p{font-size:16px}.final-cta{padding:80px 0 100px}.final-cta-inner{background:var(--navy);border-radius:32px;color:var(--cream);overflow:hidden;padding:72px 60px;position:relative;text-align:center}@media (min-width:1024px){.final-cta-inner{background:var(--navy) url(https://6094237.fs1.hubspotusercontent-na2.net/hubfs/6094237/Flagship-Recreation-2026/content/homepage/image-02.png) center/cover no-repeat}}.final-cta h2{color:var(--cream);font-size:clamp(36px,4vw,56px);margin-bottom:20px}.final-cta p{color:hsla(35,85%,95%,.85);font-size:18px;font-weight:500;margin-bottom:36px;margin-left:auto;margin-right:auto;max-width:580px}.final-cta .btn-group{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.mapboxgl-popup-content{border-radius:14px!important;box-shadow:0 8px 32px rgba(35,31,115,.15)!important;font-family:Poppins,sans-serif!important;overflow:hidden;padding:0!important}.popup-thumb{display:block;height:110px;object-fit:cover;width:100%}.popup-body{padding:12px 14px}.mapboxgl-popup-tip{display:none!important}.mapboxgl-ctrl-group{border-radius:10px!important;box-shadow:0 2px 12px rgba(35,31,115,.12)!important}@media (max-width:1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{gap:40px;grid-template-columns:1fr}.hero-map-wrap{height:400px;order:-1}.hero-stats{gap:32px}}@media (max-width:768px){.container{padding:0 24px}.hero{padding:40px 0 48px}.hero-map-wrap{height:320px}.hero-stats{flex-wrap:wrap;gap:20px}.hero-stat-number{font-size:32px}.map-legend-item{font-size:9px}.map-legend-float{gap:4px 10px;padding:6px 10px}.portfolio-grid{grid-template-columns:1fr}.final-cta-inner{padding:48px 32px}.filter-bar-inner{padding:16px 0}.portfolio-search-row{justify-content:stretch;margin-bottom:20px}.filter-search,.filter-search input{width:100%}.pagination{flex-wrap:wrap;row-gap:8px}}@media (max-width:480px){.hero-map-wrap{height:280px}.map-legend-item{font-size:8px;gap:3px}.map-legend-dot{height:7px;width:7px}.map-legend-float{gap:3px 6px}}