/* ---- Practice Location ---- */
.loc-grid{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:70px;
  align-items:center;margin-bottom:56px}
.loc-media{position:relative}
.loc-media .media{aspect-ratio:520/430}
.loc-chip{position:absolute;right:-24px;bottom:30px;animation:floatChip 5.2s ease-in-out infinite}
.loc-info .crow{padding:20px 0}
.loc-info .crow:first-child{padding-top:0}
.loc-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.loc-cards .icard .tile{margin-bottom:2px}
@media(max-width:980px){
  .loc-grid{grid-template-columns:1fr;gap:36px;margin-bottom:40px}
  .loc-chip{right:16px;bottom:16px}
}
@media(max-width:680px){
  .loc-actions .btn{flex:1 1 100%}
  .loc-chip{display:none}
}
/* ---- Areas of Practice on the shared dark treatment ---- */
:root{--practice-image:url("https://drdanielserralta.com/wp-content/uploads/2026/08/ChatGPT-Image-Aug-2-2026-01_34_01-AM.png")}
.practice-band{position:relative;isolation:isolate;color:#fff;
  background:var(--primary-deep) var(--practice-image) center 28%/cover no-repeat}
.practice-band::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(160deg,rgba(0,58,74,.74),rgba(0,36,48,.84))}
.practice-band h2,.practice-band .eyebrow{text-shadow:0 2px 14px rgba(0,22,30,.55)}
/* cards stay white so they lift off the panel, as they do elsewhere */
.practice-band .icard{background:#fff}
.practice-band .icard h3{color:var(--ink)}
.practice-band .icard p{color:var(--body)}
@media(max-width:680px){.practice-band{background-position:72% 25%}}