/* seylac.com consolidated homepage CSS — exact source order; generated 2026-09-19. */

/* SOURCE: seylac-homepage-below-hero-polish-v1.css */
/*
SEYLAC_HOMEPAGE_BELOW_HERO_POLISH_V1
Seylac Homepage Below-Hero Polish V1 — 2026-09-18

Scope is limited to approved content BELOW the hero.
The hero section, its grid, copy, H1, visual/image wrappers and global shell sizing
are intentionally untouched by this stylesheet.
*/

/* Feature section rhythm */
.sx-features {
  padding-block: clamp(68px, 6.8vw, 98px);
}

.sx-features .s4-story-stack {
  gap: clamp(20px, 2.2vw, 28px);
}

.sx-features .sx-feature-intro,
.sx-features .sx-feature-mobile,
.sx-features .s4-story {
  border-radius: 16px;
}

.sx-features .sx-feature-intro,
.sx-features .sx-feature-mobile {
  min-height: 500px;
}

.sx-features .sx-feature-intro-copy,
.sx-features .sx-feature-mobile-copy {
  padding: clamp(36px, 4vw, 56px);
}

.sx-features .sx-feature-intro h2,
.sx-features .sx-feature-mobile h3,
.sx-features .s4-story h3 {
  max-width: 660px;
  font-size: clamp(40px, 4.2vw, 58px);
  line-height: 1.03;
  letter-spacing: -.045em;
  text-wrap: balance;
}

.sx-features .sx-feature-intro-copy > p,
.sx-features .sx-feature-mobile-copy > p,
.sx-features .s4-story p {
  max-width: 690px;
  font-size: clamp(15px, 1.1vw, 18px);
  line-height: 1.62;
  text-wrap: pretty;
}

.sx-features .sx-feature-intro-visual,
.sx-features .sx-feature-mobile-visual {
  min-height: 500px;
  padding: clamp(22px, 2.8vw, 36px);
}

.sx-features .sx-feature-intro-visual img,
.sx-features .sx-feature-mobile-visual img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-inline: auto;
  object-fit: contain;
}

.sx-features .s4-story-team,
.sx-features .s4-story-forward {
  padding: clamp(36px, 4vw, 52px);
}

.sx-features .s4-benefit-grid > div,
.sx-features .s4-value-points > div {
  min-height: 156px;
}

.sx-features .s4-story-value {
  min-height: 500px;
}

.sx-features .s4-value-photo {
  height: clamp(390px, 38vw, 470px);
  min-height: 0;
}

.sx-features .s4-story-forward > figure {
  min-height: 260px;
  max-height: 315px;
}

/* Closing/About section */
.sv351-about {
  padding-block: clamp(68px, 6.8vw, 98px);
}

.sv351-about .sv351-about-card {
  gap: clamp(24px, 3vw, 40px);
  padding: clamp(36px, 4vw, 56px);
  border-radius: 12px;
}

.sv351-about .sv351-about-card h2 {
  font-size: clamp(40px, 4.2vw, 58px);
  line-height: 1.03;
  letter-spacing: -.045em;
  text-wrap: balance;
}

.sv351-about .sv351-about-card > p {
  max-width: 620px;
  line-height: 1.62;
  text-wrap: pretty;
}

/* Tablet */
@media (max-width: 980px) {
  .sx-features .sx-feature-intro,
  .sx-features .sx-feature-mobile {
    min-height: 0;
  }

  .sx-features .sx-feature-intro-visual,
  .sx-features .sx-feature-mobile-visual {
    min-height: 390px;
  }

  .sx-features .sx-feature-intro h2,
  .sx-features .sx-feature-mobile h3,
  .sx-features .s4-story h3,
  .sv351-about .sv351-about-card h2 {
    font-size: clamp(38px, 5.7vw, 50px);
  }
}

/* Mobile */
@media (max-width: 640px) {
  .sx-features {
    padding-block: 50px;
  }

  .sx-features .sx-feature-intro,
  .sx-features .sx-feature-mobile,
  .sx-features .s4-story {
    border-radius: 16px;
  }

  .sx-features .sx-feature-intro-copy,
  .sx-features .sx-feature-mobile-copy,
  .sx-features .s4-story-team,
  .sx-features .s4-story-forward {
    padding: 30px 22px;
  }

  .sx-features .sx-feature-intro h2,
  .sx-features .sx-feature-mobile h3,
  .sx-features .s4-story h3,
  .sv351-about .sv351-about-card h2 {
    max-width: 100%;
    font-size: clamp(34px, 10.2vw, 42px);
    line-height: 1.03;
    letter-spacing: -.04em;
  }

  .sx-features .sx-feature-intro-copy > p,
  .sx-features .sx-feature-mobile-copy > p,
  .sx-features .s4-story p,
  .sv351-about .sv351-about-card > p {
    max-width: 100%;
    font-size: 15px;
    line-height: 1.6;
  }

  .sx-features .sx-feature-list {
    gap: 11px;
  }

  .sx-features .sx-feature-list li {
    gap: 11px;
    font-size: 14px;
    line-height: 1.48;
  }

  .sx-features .sx-feature-intro-visual,
  .sx-features .sx-feature-mobile-visual {
    min-height: 0;
    padding: 18px;
  }

  .sx-features .sx-feature-intro-visual img,
  .sx-features .sx-feature-mobile-visual img {
    width: 100%;
    max-width: 100%;
    max-height: 360px;
    object-fit: contain;
  }

  .sx-features .s4-story-stack {
    gap: 18px;
  }

  .sx-features .s4-benefit-grid,
  .sx-features .s4-value-points {
    gap: 12px;
  }

  .sx-features .s4-benefit-grid > div,
  .sx-features .s4-value-points > div {
    min-height: 0;
  }

  .sx-features .s4-story-value {
    min-height: 0;
  }

  .sx-features .s4-value-photo {
    width: 100%;
    height: clamp(280px, 86vw, 360px);
    min-height: 0;
  }

  .sx-features .s4-story-forward > figure {
    width: 100%;
    min-height: 220px;
    max-height: 280px;
  }

  .sx-features img,
  .sx-features picture,
  .sx-features figure {
    max-width: 100%;
  }

  .sx-features figure {
    overflow: hidden;
  }

  .sv351-about {
    padding-block: 50px;
  }

  .sv351-about .sv351-about-card {
    padding: 30px 22px;
    border-radius: 12px;
  }
}

@media (max-width: 390px) {
  .sx-features,
  .sv351-about {
    padding-block: 46px;
  }

  .sx-features .sx-feature-intro-copy,
  .sx-features .sx-feature-mobile-copy,
  .sx-features .s4-story-team,
  .sx-features .s4-story-forward,
  .sv351-about .sv351-about-card {
    padding-inline: 19px;
  }

  .sx-features .sx-feature-intro h2,
  .sx-features .sx-feature-mobile h3,
  .sx-features .s4-story h3,
  .sv351-about .sv351-about-card h2 {
    font-size: clamp(32px, 10vw, 38px);
  }
}


/* SOURCE: seylac-homepage-stability-v1.css */
/*
 * Seylac Homepage Stability V1
 * Final, narrowly scoped guardrails loaded after the historical homepage layers.
 */

html,
body {
    max-width: 100%;
    overflow-x: clip;
}

.shv-title-line {
    display: block;
}

#sv351-about-title em {
    display: block;
}

@media (max-width: 767px) {
    main,
    main section,
    main article,
    main div,
    main figure,
    main img {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    #shv-title {
        max-width: 100%;
        text-wrap: balance;
    }

    #shv-title .shv-title-line {
        white-space: normal;
    }

    .swf-real__title,
    #s4-story-value-title,
    .s4-story-mobile h3,
    #sv351-about-title {
        overflow-wrap: normal;
        word-break: normal;
        hyphens: none;
        text-wrap: balance;
    }

    .swf-real__media img,
    .s4-value-photo img,
    .s4-story-mobile img,
    .s4-story-growth img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .s4-story-value--trust #s4-story-value-title {
        white-space: normal !important;
    }
}

@media (max-width: 390px) {
    .swf-real__title,
    #s4-story-value-title,
    #sv351-about-title {
        max-width: 100%;
    }
}