.doctor-card{border:1px solid rgb(var(--clr-teal-deep-rgb) / 20%);background:var(--clr-white);width:100%;box-shadow:0 8px 24px rgb(var(--clr-deep-rgb) / 8%);border-radius:20px;flex-direction:column;padding:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.doctor-card h3,.doctor-card p{margin:0}.doctor-card--carousel{flex-shrink:0;width:250px}@media (hover:hover){.doctor-card:hover{border-color:rgb(var(--clr-teal-deep-rgb) / 40%);box-shadow:0 16px 36px rgb(var(--clr-teal-deep-rgb) / 18%);translate:0 -.375rem}}@media (min-width:40em){.doctor-card{padding:1rem}.doctor-card--carousel{width:315px}}@media (min-width:64em){.doctor-card--carousel{width:330px}}.doctor-card-photo{aspect-ratio:1;background:linear-gradient(to bottom in oklab, var(--clr-surface-tint), var(--clr-mint-150));width:100%;box-shadow:0 0 0 1px rgb(var(--clr-line-rgb) / 70%);border-radius:14px;position:relative;overflow:hidden}.doctor-card--carousel .doctor-card-photo{aspect-ratio:3/2}@media (min-width:40em){.doctor-card--carousel .doctor-card-photo{aspect-ratio:1}}.doctor-card-photo img{pointer-events:none;object-fit:contain;object-position:top center;transition:transform .5s cubic-bezier(.4,0,.2,1)}.doctor-card-photo .doctor-card-backdrop{object-fit:cover;opacity:.7;filter:blur(24px);scale:1.1}@media (hover:hover){.doctor-card:hover .doctor-card-photo img:not(.doctor-card-backdrop){scale:1.03}}.doctor-card-body{flex-direction:column;flex:1;margin-top:.75rem;display:flex}.doctor-card .doctor-name{color:var(--clr-deep);font-family:var(--serif);font-size:var(--fs-19);margin:0 0 .1875rem;font-weight:700;line-height:1.25;transition:color .15s cubic-bezier(.4,0,.2,1)}@media (hover:hover){.doctor-card:hover .doctor-name{color:var(--clr-teal-deep)}}.doctor-card .doctor-role{color:var(--clr-teal);font-size:var(--fs-13);margin:0 0 .375rem;font-weight:600;line-height:1.3}.doctor-card .doctor-bio{color:var(--clr-slate);font-size:var(--fs-12);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:400;line-height:1.45;display:-webkit-box;overflow:hidden}@media (min-width:40em){.doctor-card .doctor-name{font-size:var(--fs-21)}.doctor-card .doctor-role{font-size:var(--fs-14)}.doctor-card .doctor-bio{font-size:var(--fs-12-5)}}.doctor-card-link:after{z-index:1;content:"";border-radius:20px;position:absolute;inset:0}.doctor-card-link:focus-visible{outline:none}.doctor-card-link:focus-visible:after{outline:3px solid var(--clr-action);outline-offset:-4px}.doctor-card-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem;margin-top:.75rem;display:grid}@media (min-width:40em){.doctor-card-stats{gap:.5rem}}.doctor-card .stat-box{border:1px solid var(--clr-mint-150);background:var(--clr-surface);min-width:0;box-shadow:0 1px rgb(var(--clr-black-rgb) / 5%);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:.375rem .25rem;transition:background-color .15s cubic-bezier(.4,0,.2,1);display:flex}.doctor-card .stat-box p{white-space:nowrap;line-height:1.2}@media (hover:hover){.doctor-card:hover .stat-box{background:var(--clr-surface)}}.stat-value{color:var(--clr-deep);font-size:var(--fs-13);font-weight:700}.stat-label{color:var(--clr-sage-dark);font-size:var(--fs-11);font-weight:500}@media (min-width:40em){.stat-value{font-size:var(--fs-14)}.stat-label{font-size:var(--fs-11)}}.stat-short{display:inline}.stat-full{display:none}@media (min-width:40em){.stat-short{display:none}.stat-full{display:inline}}.doctor-card--compact{border-radius:18px;flex-shrink:0;padding:.75rem;transition:none}.doctor-card--compact .doctor-card-link:after{border-radius:18px}.doctor-card--compact .doctor-card-stats{gap:.25rem;margin-top:.625rem}.doctor-card-row{flex:1;gap:.75rem;display:flex}.doctor-card--compact .doctor-card-photo{aspect-ratio:auto;border-radius:12px;flex-shrink:0;align-self:stretch;width:116px}.doctor-card--compact .doctor-card-photo img{object-fit:cover}.doctor-card-details{flex:1;min-width:0}.doctor-card-name{color:var(--clr-deep);font-family:var(--serif);font-size:var(--fs-18);font-weight:700;line-height:1.25}.doctor-card-role{color:var(--clr-teal);font-size:var(--fs-13);font-weight:600}.doctor-card-brief{color:var(--clr-slate);font-size:var(--fs-12);line-height:1.0625rem}
