/* Photo layer for Yan Yean Support Services. Extends yy-brand.css. */
.yy-hero--photo {
  position: relative; background: var(--yy-pine) center/cover no-repeat;
  color: var(--yy-cream); padding-block: var(--yy-s7) var(--yy-s6);
  min-height: 58vh; display: flex; align-items: center; border-bottom: 0;
}
.yy-hero--photo::before {
  content:""; position:absolute; inset:0;
  background: linear-gradient(90deg, rgba(30,58,47,.86) 0%, rgba(30,58,47,.66) 55%, rgba(30,58,47,.28) 100%);
}
.yy-hero--photo > .yy-container { position: relative; }
.yy-hero--photo .yy-hero__title, .yy-hero--photo .yy-hero__lead { color: var(--yy-cream); }
.yy-hero--photo .yy-btn--primary { background: var(--yy-amber); color: var(--yy-pine); }
.yy-hero--photo .yy-btn--primary:hover { background: #E0AC4A; }
.yy-hero--photo .yy-btn--secondary { color: var(--yy-cream); border-color: var(--yy-cream); }
.yy-hero--photo .yy-btn--secondary:hover { background: rgba(251,249,244,.14); }

.yy-photo { display:block; width:100%; height:auto; border-radius: var(--yy-radius); object-fit: cover; }
.yy-photo--wide { aspect-ratio: 3/2; }
.yy-split { display:grid; gap: var(--yy-s4); align-items:center; }
@media (min-width: 800px){ .yy-split { grid-template-columns: 1fr 1fr; } }

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

.yy-band { position:relative; background: var(--yy-pine) center/cover no-repeat; color: var(--yy-cream); padding-block: var(--yy-s6); }
.yy-band::before { content:""; position:absolute; inset:0; background: rgba(30,58,47,.76); }
.yy-band > .yy-container { position:relative; }
.yy-band h2, .yy-band h3 { color: var(--yy-cream); }
.yy-band a { color: var(--yy-amber); }