/* Shared responsive refinements and member archive. */
.member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.members-section{background:#f4f6f5}.member-card{min-width:0;border:1px solid #dce2de;background:white;border-radius:16px;padding:28px;display:flex;flex-direction:column}.member-heading{display:flex;gap:20px;align-items:center;margin-bottom:24px}.member-number{font:500 2.2rem/1 Arial;color:var(--orange)}.member-label{font:600 .65rem/1.5 Arial;letter-spacing:.1em;color:var(--muted)}.member-heading h3{font-size:1.5rem;margin-top:6px}.member-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;font-size:.85rem;border-top:1px solid var(--line);margin-top:auto;padding-top:12px}.member-link:hover{color:var(--orange)}.members-intro{max-width:720px;margin-bottom:32px;line-height:2}.member-details{margin-bottom:24px}.member-details summary{cursor:pointer;min-height:48px;padding:12px 0;font-size:.875rem}.member-embed iframe{display:block;width:100%;height:580px;border:0;background:white}.member-card:has(.member-details){padding:24px 16px}.member-grid:has(.member-details){grid-template-columns:repeat(2,minmax(0,1fr))}.opening-copy span{display:inline-block}.eyebrow{overflow-wrap:anywhere}a,button,input,select{touch-action:manipulation}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
@media(max-width:1100px){.header nav{gap:12px;font-size:.8rem}.header nav .nav-social{display:none}.member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.menu-button{display:block;min-height:44px;min-width:100px}.header{height:78px}.header nav{display:none;position:absolute;top:78px;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;padding:16px 24px;max-height:calc(100dvh - 78px);overflow:auto;overscroll-behavior:contain;border-bottom:1px solid var(--line)}.header nav.open{display:flex}.header nav a{display:flex;align-items:center;min-height:46px;font-size:1rem}.header nav .nav-social{display:flex}.header nav .nav-cta{justify-content:space-between}.header{padding:0 20px}.logo-opening{min-height:calc(100svh - 78px)}}
@media(max-width:600px){.member-grid,.member-grid:has(.member-details){grid-template-columns:1fr}.member-card{padding:24px}.member-heading{margin-bottom:20px}.members-intro{font-size:.95rem}.section-heading{align-items:flex-start;flex-direction:column}.section-heading .text-link{margin-top:0}.eyebrow{font-size:clamp(1.65rem,8vw,2.5rem);line-height:1.2}.opening-copy span{display:block}.opening-copy{font-size:1.1rem}.logo-opening{padding-bottom:120px}.opening-bottom{bottom:65px}.hero-line{white-space:normal}.hero-description br{display:none}.hero{height:auto;min-height:690px}.hero-content{padding-bottom:170px}.hero-bottom{bottom:35px}.project-row{grid-template-columns:28px minmax(0,1fr) 24px;gap:12px}.project-row p{grid-column:2;grid-row:2}.project-row .arrow{grid-column:3;grid-row:1}.intro{grid-template-columns:1fr;gap:28px}.info-table th{width:30%;padding:16px 8px 16px 0}.info-table td{padding:16px 0}.contact-email{font-size:clamp(.875rem,4vw,1.1rem);overflow-wrap:anywhere}.button{max-width:100%;gap:12px}.button-row{flex-wrap:wrap}.contact-band .button{min-width:0}.filters input,.filters select{font-size:16px;min-width:0;width:100%}.social-account{padding-right:40px;overflow-wrap:anywhere}.footer-top{gap:28px}.footer-top>div a{min-height:44px;display:inline-flex;align-items:center}footer{padding-bottom:85px}.motion-toggle{min-height:44px;bottom:max(10px,env(safe-area-inset-bottom))}.article-meta{flex-wrap:wrap}.page-head h1{overflow-wrap:anywhere}.breadcrumb{overflow-wrap:anywhere}}

.member-photo{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;border-radius:8px;margin:0 0 22px;background:#fff8e9}.spotify-row .tag{background:#e4f6e9;color:#175732}.spotify-play{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#1ed760;color:#102c1b;flex-shrink:0}.listen-label{display:inline-block;margin-top:14px;font-weight:600;font-size:.9rem;color:#175732}@media(max-width:600px){.spotify-play{width:44px;height:44px}.spotify-row>div{flex-basis:calc(100% - 70px)}.spotify-row>.round-arrow{display:none}}