/* Raga artwork: natural image proportions, scoped to the homepage and app hero. */
.photo-hero--raga-art {
  height:auto;
  min-height:100svh;
  max-height:none;
  padding:148px 0 84px;
  align-items:center;
  background:#0b0806;
}
.raga-hero-picture { position:absolute; inset:0; display:block; }
.photo-hero--raga-art .photo-hero__img { object-fit:cover; object-position:65% 50%; }
.photo-hero--raga-art .photo-hero__overlay {
  background:linear-gradient(90deg,rgba(11,8,4,.82) 0%,rgba(11,8,4,.62) 36%,rgba(11,8,4,.16) 65%,rgba(11,8,4,.03) 100%),linear-gradient(0deg,#0b0804 0%,transparent 20%,transparent 85%,rgba(11,8,4,.3) 100%);
}
.photo-hero--raga-art .photo-hero__content { max-width:var(--max-w); }
.photo-hero--raga-art h1 { max-width:650px !important; font-size:clamp(3.1rem,6vw,5.3rem); }
.photo-hero--raga-art .lead { max-width:540px !important; color:#d5c7ae; }
.photo-hero--raga-art.photo-hero--medium { min-height:690px; padding-top:150px; padding-bottom:90px; }
.photo-hero--raga-art.photo-hero--medium .photo-hero__img { object-position:65% 48%; }
.photo-hero--raga-art.photo-hero--medium .lead { max-width:550px !important; }
@media(max-width:767px) {
  .photo-hero--raga-art { min-height:100svh; padding:270px 0 44px; align-items:flex-end; }
  .photo-hero--raga-art .photo-hero__img { object-position:78% 25%; }
  .photo-hero--raga-art .photo-hero__overlay { background:linear-gradient(0deg,#0b0804 0%,rgba(11,8,4,.93) 24%,rgba(11,8,4,.65) 52%,rgba(11,8,4,.1) 82%,rgba(11,8,4,.2) 100%); }
  .photo-hero--raga-art h1 { font-size:clamp(2.75rem,10.8vw,4rem); }
  .photo-hero--raga-art .photo-hero__kicker { font-size:9px; letter-spacing:1.6px; }
  .photo-hero--raga-art .lead { font-size:16px; line-height:1.75; }
  .photo-hero--raga-art.photo-hero--medium { min-height:760px; padding:280px 0 56px; }
  .photo-hero--raga-art.photo-hero--medium .photo-hero__img { object-position:78% 25%; }
}