{"id":360,"date":"2026-07-31T07:55:32","date_gmt":"2026-07-31T12:55:32","guid":{"rendered":"https:\/\/www.pearlandmusic.org\/?page_id=360"},"modified":"2026-08-20T15:45:14","modified_gmt":"2026-08-20T20:45:14","slug":"pearland-brass-ensemble","status":"publish","type":"page","link":"https:\/\/www.pearlandmusic.org\/?page_id=360","title":{"rendered":"Pearland Brass Ensemble"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"360\" class=\"elementor elementor-360\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-129f7be e-flex e-con-boxed e-con e-parent\" data-id=\"129f7be\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f504168 elementor-widget elementor-widget-html\" data-id=\"f504168\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>The Pearland Brass Ensemble<\/title>\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');\n    :root {\n      --steel-blue: #0b1e42;\n      --steel-blue-light: #163c88;\n      --gold: #d4af37;\n      --gold-hover: #b89320;\n      --gold-light: #f3e5ab;\n      --bg: #eef2f6;\n      --card-bg: #ffffff;\n      --text-dark: #121824;\n      --text-muted: #525f7f;\n      --white: #ffffff;\n    }\n    html {\n      scroll-behavior: smooth;\n    }\n    .pbe-wrapper * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n    .pbe-wrapper {\n      font-family: 'Inter', sans-serif;\n      background: var(--bg);\n      color: var(--text-dark);\n      line-height: 1.6;\n      overflow-x: hidden;\n    }\n    \/* ===== TOP NAVIGATION BAR ===== *\/\n    .pbe-navbar {\n      position: sticky;\n      top: 0;\n      z-index: 1000;\n      background: rgba(11, 30, 66, 0.96);\n      backdrop-filter: blur(12px);\n      border-bottom: 1px solid rgba(212, 175, 55, 0.3);\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);\n    }\n    .pbe-nav-container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 14px 24px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n    .pbe-nav-brand {\n      font-family: 'Playfair Display', serif;\n      color: var(--gold-light);\n      font-weight: 700;\n      font-size: 1.25rem;\n      text-decoration: none;\n      letter-spacing: 0.5px;\n    }\n    .pbe-nav-links {\n      display: flex;\n      list-style: none;\n      gap: 24px;\n      align-items: center;\n    }\n    .pbe-nav-links a {\n      color: var(--white);\n      text-decoration: none;\n      font-size: 0.9rem;\n      font-weight: 500;\n      transition: color 0.25s ease;\n      letter-spacing: 0.3px;\n      position: relative;\n    }\n    .pbe-nav-links a::after {\n      content: '';\n      position: absolute;\n      bottom: -4px;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background: var(--gold);\n      transition: width 0.25s ease;\n    }\n    .pbe-nav-links a:hover {\n      color: var(--gold-light);\n    }\n    .pbe-nav-links a:hover::after {\n      width: 100%;\n    }\n    \/* Hamburger Toggle Button *\/\n    .pbe-menu-toggle {\n      display: none;\n      background: transparent;\n      border: none;\n      color: var(--gold-light);\n      font-size: 1.5rem;\n      cursor: pointer;\n      z-index: 1002;\n      padding: 4px;\n    }\n    \/* ===== HERO ===== *\/\n    .pbe-hero {\n      position: relative;\n      min-height: 85vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      background: linear-gradient(135deg, #0b1e42 0%, #163c88 60%, #0b1e42 100%);\n      padding: 100px 20px;\n      overflow: hidden;\n    }\n    .pbe-hero::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background: \n        radial-gradient(circle at 20% 30%, rgba(212, 175, 55, 0.18) 0%, transparent 50%),\n        radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.05) 0%, transparent 50%);\n      pointer-events: none;\n    }\n    .pbe-hero-content {\n      position: relative;\n      z-index: 2;\n      max-width: 900px;\n    }\n    .pbe-hero-badge {\n      display: inline-block;\n      background: rgba(212, 175, 55, 0.15);\n      border: 1px solid rgba(212, 175, 55, 0.5);\n      color: var(--gold-light);\n      font-size: 0.85rem;\n      font-weight: 600;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      padding: 8px 22px;\n      border-radius: 50px;\n      margin-bottom: 28px;\n    }\n    .pbe-hero h1 {\n      font-family: 'Playfair Display', serif;\n      font-size: clamp(2.8rem, 7vw, 4.8rem);\n      font-weight: 700;\n      line-height: 1.1;\n      margin-bottom: 20px;\n      color: var(--white);\n      text-shadow: 0 2px 20px rgba(0,0,0,0.4);\n    }\n    .pbe-hero-subtitle {\n      font-size: 1.25rem;\n      color: rgba(255,255,255,0.9);\n      max-width: 620px;\n      margin: 0 auto 40px;\n      font-weight: 300;\n    }\n    .pbe-hero-cta {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      background: linear-gradient(135deg, #d4af37, #b89320);\n      color: #0b1e42;\n      font-weight: 700;\n      font-size: 1rem;\n      padding: 16px 38px;\n      border-radius: 50px;\n      text-decoration: none;\n      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n      box-shadow: 0 8px 25px rgba(212, 175, 55, 0.3);\n    }\n    .pbe-hero-cta:hover {\n      transform: translateY(-4px) scale(1.02);\n      box-shadow: 0 14px 30px rgba(212, 175, 55, 0.45);\n      background: linear-gradient(135deg, #e8c44d, #c9a227);\n    }\n    \/* ===== SECTIONS ===== *\/\n    .pbe-section {\n      padding: 120px 20px;\n      position: relative;\n      scroll-margin-top: 60px;\n    }\n    .pbe-container {\n      max-width: 1100px;\n      margin: 0 auto;\n      position: relative;\n    }\n    .pbe-section-title {\n      font-family: 'Playfair Display', serif;\n      font-size: clamp(2rem, 4vw, 2.8rem);\n      font-weight: 600;\n      text-align: center;\n      margin-bottom: 16px;\n      color: var(--steel-blue);\n    }\n    .pbe-section-line {\n      width: 80px;\n      height: 3px;\n      background: linear-gradient(90deg, transparent, var(--gold), transparent);\n      margin: 0 auto 50px;\n    }\n    .pbe-top-btn {\n      position: absolute;\n      top: -20px;\n      right: 0;\n      font-size: 0.8rem;\n      font-weight: 600;\n      color: var(--steel-blue);\n      text-decoration: none;\n      background: var(--card-bg);\n      padding: 6px 14px;\n      border-radius: 20px;\n      border: 1px solid rgba(11, 30, 66, 0.2);\n      transition: all 0.25s ease;\n    }\n    .pbe-top-btn:hover {\n      background: var(--steel-blue);\n      color: var(--white);\n      transform: translateY(-2px);\n    }\n    .pbe-text {\n      font-size: 1.1rem;\n      color: var(--text-muted);\n      max-width: 800px;\n      margin: 0 auto 24px;\n      text-align: center;\n      font-weight: 400;\n    }\n    \/* ===== ABOUT CARDS ===== *\/\n    .pbe-about-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 28px;\n      margin-top: 50px;\n    }\n    .pbe-card {\n      background: var(--card-bg);\n      border: 1px solid rgba(11, 30, 66, 0.1);\n      border-radius: 16px;\n      padding: 36px 28px;\n      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n      box-shadow: 0 4px 15px rgba(0,0,0,0.04);\n    }\n    .pbe-card:hover {\n      border-color: rgba(212, 175, 55, 0.5);\n      transform: translateY(-8px);\n      box-shadow: 0 16px 35px rgba(11, 30, 66, 0.12);\n    }\n    .pbe-card-icon {\n      font-size: 2rem;\n      margin-bottom: 18px;\n    }\n    .pbe-card h3 {\n      font-family: 'Playfair Display', serif;\n      font-size: 1.35rem;\n      color: var(--steel-blue);\n      margin-bottom: 12px;\n    }\n    .pbe-card p {\n      color: var(--text-muted);\n      font-size: 0.98rem;\n      font-weight: 400;\n    }\n    \/* ===== REHEARSAL ===== *\/\n    .pbe-rehearsal {\n      background: rgba(11, 30, 66, 0.04);\n    }\n    .pbe-rehearsal-box {\n      background: var(--card-bg);\n      border: 1px solid rgba(11, 30, 66, 0.15);\n      border-radius: 20px;\n      padding: 48px 40px;\n      text-align: center;\n      max-width: 700px;\n      margin: 0 auto;\n      position: relative;\n      overflow: hidden;\n      box-shadow: 0 8px 25px rgba(0,0,0,0.06);\n    }\n    .pbe-rehearsal-box::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 4px;\n      background: linear-gradient(90deg, transparent, var(--gold), transparent);\n    }\n    .pbe-rehearsal-box h3 {\n      font-family: 'Playfair Display', serif;\n      font-size: 1.6rem;\n      color: var(--steel-blue);\n      margin-bottom: 20px;\n    }\n    .pbe-rehearsal-details {\n      font-size: 1.15rem;\n      color: var(--text-dark);\n      line-height: 1.8;\n    }\n    .pbe-rehearsal-details strong {\n      color: var(--steel-blue-light);\n    }\n    \/* ===== FILTER CONTROLS ===== *\/\n    .pbe-filter-controls {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 12px;\n      margin-bottom: 40px;\n    }\n    .pbe-filter-btn {\n      background: var(--card-bg);\n      border: 1px solid rgba(11, 30, 66, 0.18);\n      color: var(--steel-blue);\n      padding: 9px 20px;\n      border-radius: 30px;\n      font-size: 0.88rem;\n      font-weight: 600;\n      cursor: pointer;\n      transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);\n      box-shadow: 0 2px 6px rgba(0,0,0,0.03);\n    }\n    .pbe-filter-btn:hover {\n      background: rgba(11, 30, 66, 0.06);\n      border-color: var(--steel-blue);\n      transform: translateY(-2px);\n    }\n    .pbe-filter-btn.active {\n      background: var(--steel-blue);\n      color: var(--gold-light);\n      border-color: var(--steel-blue);\n      box-shadow: 0 6px 18px rgba(11, 30, 66, 0.25);\n    }\n    \/* ===== MEMBERS ===== *\/\n    .pbe-members-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));\n      gap: 18px;\n    }\n    .pbe-member {\n      background: var(--card-bg);\n      border: 1px solid rgba(11, 30, 66, 0.1);\n      border-radius: 12px;\n      padding: 20px 18px;\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n      box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n    }\n    .pbe-member.pbe-hidden {\n      display: none !important;\n    }\n    .pbe-member:hover {\n      border-color: var(--gold);\n      transform: translateY(-4px);\n      box-shadow: 0 10px 24px rgba(11, 30, 66, 0.12);\n    }\n    .pbe-member-instrument {\n      font-size: 0.75rem;\n      font-weight: 700;\n      letter-spacing: 0.5px;\n      color: var(--steel-blue-light);\n      background: rgba(22, 60, 136, 0.08);\n      padding: 5px 12px;\n      border-radius: 6px;\n      white-space: nowrap;\n    }\n    .pbe-member-name {\n      font-weight: 600;\n      color: var(--text-dark);\n      font-size: 0.98rem;\n    }\n    \/* ===== STEERING ===== *\/\n    .pbe-steering {\n      background: rgba(11, 30, 66, 0.04);\n    }\n    .pbe-steering-list {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 14px;\n      max-width: 800px;\n      margin: 0 auto;\n    }\n    .pbe-steering-item {\n      background: var(--card-bg);\n      border: 1px solid rgba(11, 30, 66, 0.15);\n      color: var(--steel-blue);\n      padding: 12px 24px;\n      border-radius: 50px;\n      font-weight: 600;\n      font-size: 0.95rem;\n      transition: all 0.25s ease;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n    }\n    .pbe-steering-item:hover {\n      background: var(--steel-blue);\n      color: var(--gold-light);\n      border-color: var(--steel-blue);\n      transform: translateY(-3px);\n      box-shadow: 0 6px 16px rgba(11, 30, 66, 0.2);\n    }\n    \/* ===== EVENTS ===== *\/\n    .pbe-events-list {\n      display: flex;\n      flex-direction: column;\n      gap: 18px;\n      max-width: 700px;\n      margin: 0 auto;\n    }\n    .pbe-event {\n      display: flex;\n      align-items: center;\n      gap: 24px;\n      background: var(--card-bg);\n      border: 1px solid rgba(11, 30, 66, 0.12);\n      border-radius: 14px;\n      padding: 24px 28px;\n      transition: all 0.3s ease;\n      box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n    }\n    .pbe-event:hover {\n      border-color: var(--gold);\n      transform: translateX(8px);\n      box-shadow: 0 8px 25px rgba(11, 30, 66, 0.1);\n    }\n    .pbe-event-date {\n      min-width: 180px;\n      font-weight: 700;\n      color: var(--steel-blue-light);\n      font-size: 0.95rem;\n    }\n    .pbe-event-venue {\n      color: var(--text-dark);\n      font-size: 1.05rem;\n      font-weight: 500;\n    }\n    \/* ===== CONTACT ===== *\/\n    .pbe-contact {\n      background: rgba(11, 30, 66, 0.04);\n    }\n    .pbe-contact-box {\n      background: var(--card-bg);\n      border: 1px solid rgba(11, 30, 66, 0.15);\n      border-radius: 20px;\n      padding: 50px 40px;\n      text-align: center;\n      max-width: 600px;\n      margin: 0 auto;\n      position: relative;\n      box-shadow: 0 8px 25px rgba(0,0,0,0.06);\n    }\n    .pbe-contact-box::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 4px;\n      background: linear-gradient(90deg, transparent, var(--gold), transparent);\n    }\n    .pbe-contact-box h3 {\n      font-family: 'Playfair Display', serif;\n      font-size: 1.5rem;\n      color: var(--steel-blue);\n      margin-bottom: 16px;\n    }\n    .pbe-contact-box p {\n      color: var(--text-muted);\n      margin-bottom: 24px;\n      font-size: 1.05rem;\n    }\n    .pbe-email {\n      display: inline-block;\n      font-size: 1.25rem;\n      font-weight: 700;\n      color: var(--steel-blue-light);\n      text-decoration: none;\n      letter-spacing: 0.5px;\n      transition: all 0.25s ease;\n      padding: 8px 16px;\n      border-radius: 8px;\n    }\n    .pbe-email:hover {\n      color: var(--gold-hover);\n      background: rgba(11, 30, 66, 0.05);\n    }\n    \/* ===== THANKS ===== *\/\n    .pbe-thanks {\n      text-align: center;\n      padding: 90px 20px;\n      background: var(--bg);\n    }\n    .pbe-thanks p {\n      font-size: 1.15rem;\n      color: var(--text-muted);\n      max-width: 650px;\n      margin: 0 auto;\n      font-style: italic;\n    }\n    .pbe-thanks strong {\n      color: var(--steel-blue);\n      font-style: normal;\n    }\n    \/* ===== FOOTER ===== *\/\n    .pbe-footer {\n      text-align: center;\n      padding: 50px 20px;\n      background: var(--steel-blue);\n      color: rgba(255,255,255,0.85);\n      font-size: 0.9rem;\n    }\n    .pbe-footer span {\n      color: var(--gold-light);\n    }\n    .pbe-footer-revised {\n      margin-top: 12px;\n      font-size: 0.8rem;\n      color: rgba(255,255,255,0.5);\n    }\n    \/* ===== MOBILE DRAWER BEHAVIOR ===== *\/\n    @media (max-width: 768px) {\n      .pbe-menu-toggle {\n        display: block;\n      }\n      .pbe-nav-links {\n        position: fixed;\n        top: 0;\n        right: -100%;\n        height: 100vh;\n        width: 260px;\n        background: var(--steel-blue);\n        flex-direction: column;\n        justify-content: flex-start;\n        padding: 90px 30px 40px;\n        gap: 22px;\n        box-shadow: -5px 0 25px rgba(0,0,0,0.3);\n        transition: right 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);\n        z-index: 1001;\n      }\n      .pbe-nav-links.active {\n        right: 0;\n      }\n      .pbe-nav-backdrop {\n        display: none;\n        position: fixed;\n        inset: 0;\n        background: rgba(0, 0, 0, 0.5);\n        backdrop-filter: blur(4px);\n        z-index: 1000;\n      }\n      .pbe-nav-backdrop.active {\n        display: block;\n      }\n      .pbe-section {\n        padding: 90px 20px;\n      }\n      .pbe-top-btn {\n        top: -35px;\n      }\n      .pbe-event {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 8px;\n      }\n      .pbe-event-date {\n        min-width: auto;\n      }\n      .pbe-rehearsal-box,\n      .pbe-contact-box {\n        padding: 36px 24px;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n<div class=\"pbe-wrapper\" id=\"top\">\n  <!-- BACKDROP OVERLAY FOR MOBILE -->\n  <div class=\"pbe-nav-backdrop\" id=\"pbeBackdrop\"><\/div>\n  \n  <!-- TOP NAVIGATION BAR -->\n  <nav class=\"pbe-navbar\">\n    <div class=\"pbe-nav-container\">\n      <a href=\"#top\" class=\"pbe-nav-brand\">Pearland Brass<\/a>\n      \n      <button class=\"pbe-menu-toggle\" id=\"pbeMenuBtn\" aria-label=\"Toggle Navigation\">\n        &#9776;\n      <\/button>\n      <ul class=\"pbe-nav-links\" id=\"pbeNavLinks\">\n        <li><a href=\"#story\">Our Story<\/a><\/li>\n        <li><a href=\"#rehearsal\">Rehearsals<\/a><\/li>\n        <li><a href=\"#members\">Members<\/a><\/li>\n        <li><a href=\"#steering\">Steering Committee<\/a><\/li>\n        <li><a href=\"#events\">Events<\/a><\/li>\n        <li><a href=\"#contact\">Contact<\/a><\/li>\n      <\/ul>\n    <\/div>\n  <\/nav>\n\n  <!-- HERO -->\n  <section class=\"pbe-hero\">\n    <div class=\"pbe-hero-content\">\n      <div class=\"pbe-hero-badge\">Est. 2025 \u00b7 Pearland, Texas<\/div>\n      <h1>The Pearland<br>Brass Ensemble<\/h1>\n      <p class=\"pbe-hero-subtitle\">\n        Enriching the cultural landscape of Pearland through the power, \n        expressiveness, and versatility of brass music.\n      <\/p>\n      <a href=\"#rehearsal\" class=\"pbe-hero-cta\">Join Us for Rehearsal &#8594;<\/a>\n    <\/div>\n  <\/section>\n\n  <!-- ABOUT \/ STORY -->\n  <section class=\"pbe-section\" id=\"story\">\n    <div class=\"pbe-container\">\n      <a href=\"#top\" class=\"pbe-top-btn\">&#8593; Top<\/a>\n      <h2 class=\"pbe-section-title\">Our Story<\/h2>\n      <div class=\"pbe-section-line\"><\/div>\n      <p class=\"pbe-text\">\n        Founded in 2025, the Pearland Brass Ensemble unites skilled local \n        instrumentalists\u2014trumpet, French horn, trombone, euphonium, and tuba \n        players\u2014to showcase the full expressive range of brass instrumentation \n        while fostering a deeper appreciation for chamber and large-ensemble \n        music in our community.\n      <\/p>\n      <div class=\"pbe-about-grid\">\n        <div class=\"pbe-card\">\n          <div class=\"pbe-card-icon\">\ud83d\udd14<\/div>\n          <h3>How We Began<\/h3>\n          <p>\n            The group was initially formed to participate in the Salvation Army\u2019s \n            \u201cRing the Bell\u201d program, performing Christmas music at local businesses \n            such as Kroger and Bass Pro Shop to raise funds for the Salvation Army.\n          <\/p>\n        <\/div>\n        <div class=\"pbe-card\">\n          <div class=\"pbe-card-icon\">\ud83c\udf84<\/div>\n          <h3>First Concert<\/h3>\n          <p>\n            Our debut concert took place in December, a public Christmas program \n            performed jointly with the Pearland Men\u2019s Choir\u2014marking the official \n            beginning of our journey.\n          <\/p>\n        <\/div>\n        <div class=\"pbe-card\">\n          <div class=\"pbe-card-icon\">\u2600\ufe0f<\/div>\n          <h3>Summer Season<\/h3>\n          <p>\n            After a brief hiatus, the ensemble re-formed for the Summer Concert \n            Season, adding new members and rehearsing weekly. Performances included \n            \u201cBig &amp; Small Screen\u201d film &amp; TV music, a Hymn Sing accompaniment, and a \n            \u201cChristmas in July\u201d benefit for the Brazoria County Salvation Army.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- REHEARSAL -->\n  <section class=\"pbe-section pbe-rehearsal\" id=\"rehearsal\">\n    <div class=\"pbe-container\">\n      <a href=\"#top\" class=\"pbe-top-btn\">&#8593; Top<\/a>\n      <h2 class=\"pbe-section-title\">Rehearsals<\/h2>\n      <div class=\"pbe-section-line\"><\/div>\n      <div class=\"pbe-rehearsal-box\">\n        <h3>Weekly Rehearsal<\/h3>\n        <div class=\"pbe-rehearsal-details\">\n          <strong>Monday<\/strong> \u00b7 7:00 \u2013 9:00 pm<br><br>\n          <strong>Shepherd of the Heart<br>Global Methodist Church<\/strong><br>\n          12005 Magnolia Parkway<br>\n          Pearland, Texas 77584\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- MEMBERS (FILTERABLE ROSTER) -->\n  <section class=\"pbe-section\" id=\"members\">\n    <div class=\"pbe-container\">\n      <a href=\"#top\" class=\"pbe-top-btn\">&#8593; Top<\/a>\n      <h2 class=\"pbe-section-title\">Our Members<\/h2>\n      <div class=\"pbe-section-line\"><\/div>\n      <!-- FILTER TABS WITH EUPHONIUM AND EB ALTO HORN -->\n      <div class=\"pbe-filter-controls\">\n        <button class=\"pbe-filter-btn active\" data-filter=\"all\">All<\/button>\n        <button class=\"pbe-filter-btn\" data-filter=\"trumpet\">Trumpets<\/button>\n        <button class=\"pbe-filter-btn\" data-filter=\"horn\">Horns<\/button>\n        <button class=\"pbe-filter-btn\" data-filter=\"alto-horn\">Eb Alto Horn<\/button>\n        <button class=\"pbe-filter-btn\" data-filter=\"trombone\">Trombones<\/button>\n        <button class=\"pbe-filter-btn\" data-filter=\"euphonium\">Euphonium<\/button>\n        <button class=\"pbe-filter-btn\" data-filter=\"low-brass\">Low Brass<\/button>\n        <button class=\"pbe-filter-btn\" data-filter=\"percussion\">Percussion<\/button>\n      <\/div>\n      <div class=\"pbe-members-grid\">\n        <div class=\"pbe-member\" data-category=\"euphonium low-brass\">\n          <span class=\"pbe-member-instrument\">Euphonium<\/span>\n          <span class=\"pbe-member-name\">Charles Moore<\/span>\n        <\/div>\n        <div class=\"pbe-member\" data-category=\"euphonium low-brass\">\n          <span class=\"pbe-member-instrument\">Euphonium<\/span>\n          <span class=\"pbe-member-name\">Francisco Salcedo<\/span>\n        <\/div>\n        <div class=\"pbe-member\" data-category=\"horn\">\n          <span class=\"pbe-member-instrument\">French Horn<\/span>\n          <span class=\"pbe-member-name\">Matt Shoemate<\/span>\n        <\/div>\n        <div class=\"pbe-member\" data-category=\"horn\">\n          <span class=\"pbe-member-instrument\">French Horn<\/span>\n          <span class=\"pbe-member-name\">Madalyn Shoemate<\/span>\n        <\/div>\n        <div class=\"pbe-member\" data-category=\"horn\">\n          <span class=\"pbe-member-instrument\">French Horn<\/span>\n          <span class=\"pbe-member-name\">Gabriel Vasquez<\/span>\n        <\/div>\n        <div class=\"pbe-member\" data-category=\"percussion\">\n          <span class=\"pbe-member-instrument\">Percussion<\/span>\n          <span class=\"pbe-member-name\">Cristian Arreguin<\/span>\n        <\/div>\n        <div class=\"pbe-member\" data-category=\"trombone\">\n          <span class=\"pbe-member-instrument\">Trombone<\/span>\n          <span class=\"pbe-member-name\">Chris Hinojosa<\/span>\n        <\/div>\n        <div class=\"pbe-member\" data-category=\"trombone\">\n          <span class=\"pbe-member-instrument\">Trombone<\/span>\n          <span class=\"pbe-member-name\">James Meador<\/span>\n        <\/div>\n        <div class=\"pbe-member\" data-category=\"trombone\">\n          <span class=\"pbe-member-instrument\">Trombone<\/span>\n          <span class=\"pbe-member-name\">David Griffith<\/span>\n        <\/div>\n        <div class=\"pbe-member\" data-category=\"trombone\">\n          <span class=\"pbe-member-instrument\">Trombone<\/span>\n          <span class=\"pbe-member-name\">Leo Salazar<\/span>\n        <\/div>\n        <div class=\"pbe-member\" data-category=\"trombone\">\n          <span class=\"pbe-member-instrument\">Trombone<\/span>\n          <span class=\"pbe-member-name\">Eduardo Vera<\/span>\n        <\/div>\n        <div class=\"pbe-member\" data-category=\"trombone\">\n          <span class=\"pbe-member-instrument\">Trombone<\/span>\n          <span class=\"pbe-member-name\">Josue Vasquez<\/span>\n        <\/div>\n        <div class=\"pbe-member\" data-category=\"trombone\">\n          <span class=\"pbe-member-instrument\">Trombone<\/span>\n          <span class=\"pbe-member-name\">Juan Ramos<\/span>\n        <\/div>\n        <div class=\"pbe-member\" data-category=\"trumpet\">\n          <span class=\"pbe-member-instrument\">Trumpet<\/span>\n          <span class=\"pbe-member-name\">Maura Ryan<\/span>\n        <\/div>\n        <div class=\"pbe-member\" data-category=\"trumpet\">\n          <span class=\"pbe-member-instrument\">Trumpet<\/span>\n          <span class=\"pbe-member-name\">Gus Paredes<\/span>\n        <\/div>\n        <div class=\"pbe-member\" data-category=\"trumpet\">\n          <span class=\"pbe-member-instrument\">Trumpet<\/span>\n          <span class=\"pbe-member-name\">Morgan White<\/span>\n        <\/div>\n        <div class=\"pbe-member\" data-category=\"trumpet\">\n          <span class=\"pbe-member-instrument\">Trumpet<\/span>\n          <span class=\"pbe-member-name\">Ron Ricaldi<\/span>\n        <\/div>\n        <div class=\"pbe-member\" data-category=\"trumpet\">\n          <span class=\"pbe-member-instrument\">Trumpet<\/span>\n          <span class=\"pbe-member-name\">Rob Greaney<\/span>\n        <\/div>\n        <div class=\"pbe-member\" data-category=\"trumpet\">\n          <span class=\"pbe-member-instrument\">Trumpet<\/span>\n          <span class=\"pbe-member-name\">David Suffel<\/span>\n        <\/div>\n        <div class=\"pbe-member\" data-category=\"low-brass\">\n          <span class=\"pbe-member-instrument\">Tuba<\/span>\n          <span class=\"pbe-member-name\">Gabriel Lawrence<\/span>\n        <\/div>\n        <div class=\"pbe-member\" data-category=\"low-brass\">\n          <span class=\"pbe-member-instrument\">Tuba<\/span>\n          <span class=\"pbe-member-name\">Mike Allen<\/span>\n        <\/div>\n        <div class=\"pbe-member\" data-category=\"low-brass\">\n          <span class=\"pbe-member-instrument\">Tuba<\/span>\n          <span class=\"pbe-member-name\">Ethan Zamora<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- STEERING COMMITTEE -->\n  <section class=\"pbe-section pbe-steering\" id=\"steering\">\n    <div class=\"pbe-container\">\n      <a href=\"#top\" class=\"pbe-top-btn\">&#8593; Top<\/a>\n      <h2 class=\"pbe-section-title\">Steering Committee<\/h2>\n      <div class=\"pbe-section-line\"><\/div>\n      <div class=\"pbe-steering-list\">\n        <div class=\"pbe-steering-item\">Matt Shoemate<\/div>\n        <div class=\"pbe-steering-item\">Mike Allen<\/div>\n        <div class=\"pbe-steering-item\">Ron Ricaldi<\/div>\n        <div class=\"pbe-steering-item\">Jacob Macias<\/div>\n        <div class=\"pbe-steering-item\">Maura Ryan<\/div>\n        <div class=\"pbe-steering-item\">Juan Ramos<\/div>\n        <div class=\"pbe-steering-item\">Rob Greaney<\/div>\n        <div class=\"pbe-steering-item\">Chris Hinojosa<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- UPCOMING EVENTS -->\n  <section class=\"pbe-section\" id=\"events\">\n    <div class=\"pbe-container\">\n      <a href=\"#top\" class=\"pbe-top-btn\">&#8593; Top<\/a>\n      <h2 class=\"pbe-section-title\">Upcoming Events<\/h2>\n      <div class=\"pbe-section-line\"><\/div>\n      <div class=\"pbe-events-list\">\n        <div class=\"pbe-event\">\n          <div class=\"pbe-event-date\">November 1, 2026 at 2:00pm<\/div>\n          <div class=\"pbe-event-venue\">Pearland Brass Ensemble Fall Concert<\/div>\n        <\/div>\n        <div class=\"pbe-event\">\n          <div class=\"pbe-event-date\">Nov 27 \u2013 Dec 24<\/div>\n          <div class=\"pbe-event-venue\">Salvation Army \"Ring the Bell\" Program at local businesses<\/div>\n        <\/div>\n        <div class=\"pbe-event\">\n          <div class=\"pbe-event-date\">December TBD<\/div>\n          <div class=\"pbe-event-venue\">Christmas Concert<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CONTACT -->\n  <section class=\"pbe-section pbe-contact\" id=\"contact\">\n    <div class=\"pbe-container\">\n      <a href=\"#top\" class=\"pbe-top-btn\">&#8593; Top<\/a>\n      <h2 class=\"pbe-section-title\">Contact Us<\/h2>\n      <div class=\"pbe-section-line\"><\/div>\n      <div class=\"pbe-contact-box\">\n        <h3>Get in Touch<\/h3>\n        <p>Questions about joining, performing, or collaborating?<br>We\u2019d love to hear from you.<\/p>\n        <a href=\"mailto:pearlandbrass@gmail.com\" class=\"pbe-email\">pearlandbrass@gmail.com<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- THANKS -->\n  <section class=\"pbe-thanks\">\n    <div class=\"pbe-container\">\n      <p>\n        A heartfelt thank you to <strong>Shepherd of the Heart Global Methodist Church<\/strong> \n        for generously hosting our rehearsals and concerts.\n      <\/p>\n    <\/div>\n  <\/section>\n\n  <!-- FOOTER -->\n  <footer class=\"pbe-footer\">\n    <p>\u00a9 2025\u20132026 <span>The Pearland Brass Ensemble<\/span> \u00b7 Pearland, Texas<\/p>\n    <p class=\"pbe-footer-revised\">revised 082026<\/p>\n  <\/footer>\n<\/div>\n\n<!-- INTERACTIVE SCRIPTS -->\n<script>\n  (function() {\n    function initPBE() {\n      \/\/ ===== 1. ROSTER FILTER LOGIC =====\n      const filterButtons = document.querySelectorAll('.pbe-filter-btn');\n      const members = document.querySelectorAll('.pbe-member');\n      if (filterButtons.length > 0 && members.length > 0) {\n        filterButtons.forEach(button => {\n          button.addEventListener('click', function(e) {\n            e.preventDefault();\n            filterButtons.forEach(btn => btn.classList.remove('active'));\n            this.classList.add('active');\n            const filterValue = this.getAttribute('data-filter');\n            members.forEach(member => {\n              const categories = (member.getAttribute('data-category') || '').split(' ');\n              if (filterValue === 'all' || categories.includes(filterValue)) {\n                member.classList.remove('pbe-hidden');\n              } else {\n                member.classList.add('pbe-hidden');\n              }\n            });\n          });\n        });\n      }\n      \/\/ ===== 2. MOBILE DRAWER NAVIGATION =====\n      const menuBtn = document.getElementById('pbeMenuBtn');\n      const navLinks = document.getElementById('pbeNavLinks');\n      const backdrop = document.getElementById('pbeBackdrop');\n      function closeMenu() {\n        if (navLinks) navLinks.classList.remove('active');\n        if (backdrop) backdrop.classList.remove('active');\n        if (menuBtn) menuBtn.innerHTML = '&#9776;';\n      }\n      if (menuBtn && navLinks && backdrop) {\n        menuBtn.addEventListener('click', function() {\n          const isOpen = navLinks.classList.contains('active');\n          if (isOpen) {\n            closeMenu();\n          } else {\n            navLinks.classList.add('active');\n            backdrop.classList.add('active');\n            menuBtn.innerHTML = '&#10005;'; \/\/ Close 'X' icon\n          }\n        });\n        backdrop.addEventListener('click', closeMenu);\n        \/\/ Close drawer when clicking menu item link\n        navLinks.querySelectorAll('a').forEach(link => {\n          link.addEventListener('click', closeMenu);\n        });\n      }\n    }\n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', initPBE);\n    } else {\n      initPBE();\n    }\n  })();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e705a6c e-flex e-con-boxed e-con e-parent\" data-id=\"e705a6c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>The Pearland Brass Ensemble Pearland Brass &#9776; Our Story Rehearsals Members Steering Committee Events Contact Est. 2025 \u00b7 Pearland, Texas The PearlandBrass Ensemble Enriching the cultural landscape of Pearland through the power, expressiveness, and versatility of brass music. Join Us for Rehearsal &#8594; &#8593; Top Our Story Founded in 2025, the Pearland Brass Ensemble unites [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-360","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.pearlandmusic.org\/index.php?rest_route=\/wp\/v2\/pages\/360","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pearlandmusic.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pearlandmusic.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pearlandmusic.org\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pearlandmusic.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=360"}],"version-history":[{"count":84,"href":"https:\/\/www.pearlandmusic.org\/index.php?rest_route=\/wp\/v2\/pages\/360\/revisions"}],"predecessor-version":[{"id":920,"href":"https:\/\/www.pearlandmusic.org\/index.php?rest_route=\/wp\/v2\/pages\/360\/revisions\/920"}],"wp:attachment":[{"href":"https:\/\/www.pearlandmusic.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=360"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}