/* Subtitle — flat Figma SVG (text + leaves, single coordinate system) */

.sec-head__subtitle--composite {
  margin-top: 4px;
  padding-left: 0;
  letter-spacing: 0;
  line-height: 0;
  color: var(--green);
  overflow: visible;
}

.sec-head__subtitle--composite .sub-composite__svg {
  display: block;
  overflow: visible;
}

.sec-head__subtitle--composite .sub-composite__svg svg {
  display: block;
  width: calc(var(--sub-figma-w) * clamp(32px, 3.333vw, 64px) / var(--sub-figma-fs));
  height: auto;
  overflow: visible;
}

body.home .sec-head__subtitle--composite .sub-composite__svg svg {
  width: calc(var(--sub-figma-w) * clamp(32px, 3.333vw, 64px) / var(--sub-figma-fs));
}

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

.section--contacts .sec-head__subtitle--composite .sub-composite__svg svg {
  width: calc(var(--sub-figma-w) * clamp(32px, 3.333vw, 64px) / var(--sub-figma-fs));
}

/* Desktop/tablet — alternate subtitle SVG L/R from credits (same as mobile.css) */
@media (min-width: 481px) {
  .sec-head__subtitle--composite {
    margin-top: var(--sec-head-title-gap);
  }

  body.home .sec-head__subtitle--composite .sec-head__subtitle-desktop {
    display: block;
    width: 100%;
  }

  body.home .section--credits .sec-head__subtitle.sec-head__subtitle--composite,
  body.home .section--quality .sec-head__subtitle.sec-head__subtitle--composite,
  body.home #blog.section--blog .sec-head__subtitle.sec-head__subtitle--composite,
  body.home #reviews .sec-head__subtitle.sec-head__subtitle--composite {
    display: block;
    padding-left: 0;
    width: auto;
    max-width: none;
    margin-left: 0;
    margin-right: auto;
    text-align: left;
    white-space: normal;
  }

  body.home .section--projects .sec-head__subtitle.sec-head__subtitle--composite,
  body.home .section--overview .sec-head__subtitle.sec-head__subtitle--composite,
  body.home #gallery.section--gallery .sec-head__subtitle.sec-head__subtitle--composite {
    display: block;
    padding-left: 0;
    width: auto;
    max-width: none;
    margin-left: auto;
    margin-right: 0;
    text-align: right;
    white-space: normal;
  }

  body.home .section--contacts .sec-head__subtitle.sec-head__subtitle--composite {
    display: block;
    padding-left: 0;
    width: min(913px, 70.231%);
    max-width: 100%;
    margin-left: auto;
    margin-right: 0;
    text-align: right;
    white-space: normal;
    box-sizing: border-box;
  }

  body.home .section--credits .sec-head__subtitle--composite .sub-composite__svg,
  body.home .section--quality .sec-head__subtitle--composite .sub-composite__svg,
  body.home #blog.section--blog .sec-head__subtitle--composite .sub-composite__svg,
  body.home #reviews .sec-head__subtitle--composite .sub-composite__svg {
    display: block;
    width: fit-content;
    margin-left: 0;
    margin-right: auto;
  }

  body.home .section--projects .sec-head__subtitle--composite .sub-composite__svg,
  body.home .section--overview .sec-head__subtitle--composite .sub-composite__svg,
  body.home #gallery.section--gallery .sec-head__subtitle--composite .sub-composite__svg,
  body.home .section--contacts .sec-head__subtitle--composite .sub-composite__svg {
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-right: 0;
  }

  /* Subpages — blog single + archive (left-aligned composite, same as home #blog) */
  .sec-head--subpage .sec-head__subtitle--composite .sec-head__subtitle-desktop {
    display: block;
    width: 100%;
  }

  .article__section-head .sec-head__subtitle.sec-head__subtitle--composite,
  .section--blog-archive .sec-head__subtitle.sec-head__subtitle--composite {
    display: block;
    padding-left: 0;
    width: auto;
    max-width: none;
    margin-left: 0;
    margin-right: auto;
    text-align: left;
    white-space: normal;
  }

  .article__section-head .sec-head__subtitle--composite .sub-composite__svg,
  .section--blog-archive .sec-head__subtitle--composite .sub-composite__svg {
    display: block;
    width: fit-content;
    margin-left: 0;
    margin-right: auto;
  }

  /* Subpages — reviews (left, as home #reviews) */
  .section--reviews-archive .sec-head__subtitle.sec-head__subtitle--composite {
    display: block;
    padding-left: 0;
    width: auto;
    max-width: none;
    margin-left: 0;
    margin-right: auto;
    text-align: left;
    white-space: normal;
  }

  .section--reviews-archive .sec-head__subtitle--composite .sub-composite__svg {
    display: block;
    width: fit-content;
    margin-left: 0;
    margin-right: auto;
  }

  /* Subpages — gallery archive (right, as home #gallery) */
  .section--gallery-archive .sec-head__subtitle.sec-head__subtitle--composite {
    display: block;
    padding-left: 0;
    width: auto;
    max-width: none;
    margin-left: auto;
    margin-right: 0;
    text-align: right;
    white-space: normal;
  }

  .section--gallery-archive .sec-head__subtitle--composite .sub-composite__svg {
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-right: 0;
  }

  /* Subpages — projects / types / variant detail (right, as home projects) */
  .types-page__section-head .sec-head__subtitle.sec-head__subtitle--composite,
  .detail-page__section-head .sec-head__subtitle.sec-head__subtitle--composite {
    display: block;
    padding-left: 0;
    width: auto;
    max-width: none;
    margin-left: auto;
    margin-right: 0;
    text-align: right;
    white-space: normal;
  }

  .types-page__section-head .sec-head__subtitle--composite .sub-composite__svg,
  .detail-page__section-head .sec-head__subtitle--composite .sub-composite__svg {
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-right: 0;
  }
}