/* Photo layer for the Diamond Valley Home Care site.
   Extends dvhc-brand.css — uses its tokens, adds nothing that competes. */

.dv-hero--photo {
  position: relative;
  background: var(--dv-ironbark) center/cover no-repeat;
  color: var(--dv-paper);
  padding-block: var(--dv-s7) var(--dv-s6);
  min-height: 60vh;
  display: flex; align-items: center;
}
.dv-hero--photo::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(43,39,36,.82) 0%, rgba(43,39,36,.62) 55%, rgba(43,39,36,.25) 100%);
}
.dv-hero--photo > .dv-container { position: relative; }
.dv-hero--photo .dv-hero__title,
.dv-hero--photo .dv-hero__lead { color: var(--dv-paper); }
.dv-hero--photo .dv-btn--secondary { color: var(--dv-paper); border-color: var(--dv-paper); }
.dv-hero--photo .dv-btn--secondary:hover { background: rgba(252,251,249,.12); }
.dv-hero--photo .dv-btn--primary { background: var(--dv-paper); color: var(--dv-ironbark); }
.dv-hero--photo .dv-btn--primary:hover { background: var(--dv-stone); }

.dv-photo { display: block; width: 100%; height: auto; border-radius: var(--dv-radius); object-fit: cover; }
.dv-photo--tall { aspect-ratio: 4 / 5; }
.dv-photo--wide { aspect-ratio: 3 / 2; }
.dv-photo--band { aspect-ratio: 18 / 7; border-radius: 0; }

.dv-split { display: grid; gap: var(--dv-s4); align-items: center; }
@media (min-width: 800px) {
  .dv-split { grid-template-columns: 1fr 1fr; }
  .dv-split--img-right > :first-child { order: 0; }
  .dv-split--img-right > :last-child { order: 1; }
}

.dv-card--photo { padding: 0; overflow: hidden; border-left: 1px solid var(--dv-rule); }
.dv-card--photo img { border-radius: 0; aspect-ratio: 3/2; }
.dv-card--photo .dv-card__body { padding: var(--dv-s3); border-left: var(--dv-border-strong); }
.dv-card--photo h3 { margin-top: 0; }

.dv-band { position: relative; background: var(--dv-ironbark) center/cover no-repeat; color: var(--dv-paper); padding-block: var(--dv-s6); }
.dv-band::before { content:""; position:absolute; inset:0; background: rgba(43,39,36,.72); }
.dv-band > .dv-container { position: relative; }
.dv-band h2 { color: var(--dv-paper); }
.dv-band a { color: var(--dv-ochre); }