.gdt-team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; border-top: 1px solid var(--ink); padding-top: 32px; }
.gdt-dr-card { display: flex; flex-direction: column; background: var(--paper-2); border: 1px solid var(--line); transition: transform .3s, box-shadow .3s; text-decoration: none; color: inherit; }
.gdt-dr-card:hover { transform: translateY(-3px); box-shadow: 0 12px 32px rgba(12,26,20,.1); }
.gdt-dr-photo { aspect-ratio: 4/5; background: linear-gradient(135deg, #e8e3d7 0%, #d5ceba 100%); position: relative; overflow: hidden; }
.gdt-dr-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
.gdt-dr-photo::after { content: attr(data-initials); position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-family: var(--serif); font-size: 68px; font-style: italic; color: rgba(15,36,25,.22); letter-spacing: -0.02em; z-index: 0; }
.gdt-dr-body { padding: 18px 20px 22px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.gdt-dr-role { font-family: var(--mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--forest); display: flex; align-items: center; gap: 8px; }
.gdt-dr-role .dot { width: 4px; height: 4px; background: var(--forest); border-radius: 50%; }
.gdt-dr-name { font-family: var(--serif); font-size: 22px; font-weight: 400; letter-spacing: -0.005em; line-height: 1.15; }
.gdt-dr-card-desc { font-size: 13px; color: var(--muted); line-height: 1.55; margin-top: 8px; }
.gdt-clinic-intro { margin-top: 72px; margin-bottom: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: end; }
.gdt-clinic-gallery { display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 220px 220px; gap: 12px; margin-top: 20px; }
.gdt-clinic-shot { position: relative; overflow: hidden; background: var(--moss); color: var(--paper); display: flex; flex-direction: column; justify-content: flex-end; padding: 18px; }
.gdt-clinic-shot::before { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, var(--forest) 0%, var(--moss) 100%); z-index: 0; }
.gdt-clinic-shot > * { position: relative; z-index: 1; }
.gdt-clinic-shot img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.cs-shade { position: absolute; inset: 0; z-index: 0; background: linear-gradient(to top, rgba(10,22,16,.85) 0%, rgba(10,22,16,.2) 60%, transparent 100%); }
.gdt-cs-k { font-family: var(--mono); font-size: 9px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--sage-light); margin-bottom: 6px; }
.gdt-cs-t { font-family: var(--serif); font-size: 18px; line-height: 1.15; letter-spacing: -0.005em; }
.gdt-cs-t em { font-style: italic; color: var(--sage-light); }
.gdt-clinic-shot.hero { grid-column: 1; grid-row: 1 / span 2; padding: 24px; }
.gdt-clinic-shot.hero .gdt-cs-t { font-size: 28px; }
@media (max-width: 1100px) {
  .gdt-team-grid { grid-template-columns: repeat(2, 1fr); }
  .gdt-clinic-intro { grid-template-columns: 1fr; gap: 20px; }
  .gdt-clinic-gallery { grid-template-columns: 1fr 1fr; grid-template-rows: 200px 200px 200px; }
  .gdt-clinic-shot.hero { grid-column: 1 / span 2; grid-row: 1; }
}
@media (max-width: 640px) {
  .gdt-team-grid {
    display: flex; flex-direction: row;
    overflow-x: auto; scroll-snap-type: x mandatory;
    gap: 12px; padding-bottom: 12px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .gdt-team-grid::-webkit-scrollbar { display: none; }
  .gdt-team-grid .gdt-dr-card {
    flex: 0 0 78vw; max-width: 320px;
    scroll-snap-align: start;
  }
}