/* Subtitle leaf marks — base layout; positions set by assets/js/subtitle-leaves.js */

.sec-head__subtitle--leaves {
  position: relative;
  overflow: visible;
  letter-spacing: 0;
  line-height: 1;
}

.sub-leaves__text {
  position: relative;
  display: inline-block;
  z-index: 0;
  line-height: 1;
  vertical-align: top;
}

.sub-leaves__text-inner {
  display: inline;
}

.sub-leaves__mark {
  position: absolute;
  pointer-events: none;
  left: auto;
  top: auto;
  width: auto;
  height: auto;
  visibility: hidden;
}

.sub-leaves__mark img {
  position: absolute;
  left: 0;
  top: 0;
  max-width: none;
  z-index: 2;
  width: 100%;
  height: 100%;
}

.sub-leaves__mark .sub-leaves__mark-img--desktop { display: block; }
.sub-leaves__mark .sub-leaves__mark-img--mobile { display: none; }

body.sub-leaves-js .sub-leaves__mark {
  left: var(--leaf-x, auto);
  top: var(--leaf-y, auto);
  width: var(--leaf-w, auto);
  height: var(--leaf-h, auto);
  visibility: visible;
}

.section--credits .sec-head__subtitle.sec-head__subtitle--leaves,
.section--projects .sec-head__subtitle.sec-head__subtitle--leaves,
.section--quality .sec-head__subtitle.sec-head__subtitle--leaves,
.section--overview .sec-head__subtitle.sec-head__subtitle--leaves,
.section--blog .sec-head__subtitle.sec-head__subtitle--leaves,
.section--gallery .sec-head__subtitle.sec-head__subtitle--leaves,
.section--reviews .sec-head__subtitle.sec-head__subtitle--leaves,
.section--contacts .sec-head__subtitle.sec-head__subtitle--leaves {
  overflow: visible;
}

body.home .sec-head__subtitle.sec-head__subtitle--leaves {
  line-height: 1;
}

.section--contacts .sec-head__subtitle--leaves { letter-spacing: 0.0625em; }
