.rr-team-section { max-width: 1100px; margin: 0 auto; padding: 60px 24px; font-family: 'DM Sans', sans-serif; } .rr-team-intro { text-align: center; margin-bottom: 56px; } .rr-team-intro h2 { font-family: 'Lora', Georgia, serif; font-size: 36px; font-weight: 400; color: #1e1e1e; margin-bottom: 12px; letter-spacing: -0.01em; } .rr-team-intro p { font-size: 16px; color: #6b6b6b; max-width: 520px; margin: 0 auto; line-height: 1.7; } .rr-team-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 28px; } .rr-card { background: #ffffff; border: 1px solid #e8e3dc; border-radius: 16px; overflow: hidden; transition: transform 0.25s ease, box-shadow 0.25s ease; display: flex; flex-direction: column; } .rr-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.09); } .rr-card-photo { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; object-position: top center; display: block; background: #e8ede7; } .rr-card-body { padding: 20px; display: flex; flex-direction: column; flex: 1; } .rr-card-name { font-family: 'Lora', Georgia, serif; font-size: 18px; font-weight: 500; color: #1e1e1e; margin-bottom: 2px; line-height: 1.3; } .rr-card-pronoun { font-size: 12px; color: #9a9a9a; margin-bottom: 14px; letter-spacing: 0.02em; } .rr-card-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; } .rr-tag { font-size: 11px; font-weight: 500; padding: 4px 10px; border-radius: 20px; letter-spacing: 0.02em; white-space: nowrap; } .rr-tag-primary { background: #e8ede7; color: #3a5232; border: 1px solid #c2d0bf; } .rr-tag-special { background: #f2e8df; color: #7a4f2c; border: 1px solid #dfc9b4; } .rr-card-hook { font-size: 13px; color: #5a5a5a; line-height: 1.6; flex: 1; margin-bottom: 18px; font-style: italic; } .rr-card-btn { display: inline-block; text-align: center; padding: 10px 18px; background: #4a6741; color: #ffffff !important; font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 500; border-radius: 8px; text-decoration: none !important; transition: background 0.2s ease; letter-spacing: 0.02em; } .rr-card-btn:hover { background: #3a5232; color: #ffffff !important; } .rr-schedule-strip { margin-top: 56px; background: #4a6741; border-radius: 16px; padding: 40px 32px; text-align: center; color: #ffffff; } .rr-schedule-strip h3 { font-family: 'Lora', Georgia, serif; font-size: 26px; font-weight: 400; margin-bottom: 10px; letter-spacing: -0.01em; } .rr-schedule-strip p { font-size: 14px; opacity: 0.85; margin-bottom: 24px; line-height: 1.6; } .rr-schedule-btn { display: inline-block; padding: 13px 28px; background: #ffffff; color: #3a5232 !important; font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 500; border-radius: 8px; text-decoration: none !important; transition: opacity 0.2s ease; letter-spacing: 0.02em; } .rr-schedule-btn:hover { opacity: 0.9; } @media (max-width: 640px) { .rr-team-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; } .rr-team-intro h2 { font-size: 28px; } .rr-card-body { padding: 14px; } .rr-card-name { font-size: 15px; } .rr-schedule-strip { padding: 28px 20px; } } @media (max-width: 400px) { .rr-team-grid { grid-template-columns: 1fr; } }
