/* Two permanent service entries, using the existing Famiflora campaigns. */
.hero.hero-v2{min-height:0;padding-top:42px;padding-bottom:48px;align-content:center}
.hero-v2 .eyebrow{margin-bottom:22px}
.hero-v2 .hero-description{margin-top:22px;line-height:1.7;max-width:460px}
.hero-v2 .hero-conversion{margin-top:22px}
.hero-v2 .hero-reviews{margin-top:20px;padding-top:18px}
.hero-services{margin-top:25px;min-width:0}
.hero-services-label{display:flex;align-items:center;gap:7px;margin:0 0 11px;color:#54647b;font-size:.75rem;line-height:1.5;font-weight:700;letter-spacing:.015em}
.hero-services-label>span{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--blue)}
.hero-services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hero-service{position:relative;display:flex;flex-direction:column;min-width:0;padding:15px 15px 12px;border-radius:18px;overflow:hidden;text-decoration:none;border:1px solid transparent;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.hero-service-hydrogel{background:#04121f;color:#f3f9ff;border-color:#233c4e}
.hero-service-cases{background:#fff8e9;color:#061b2a;border-color:#e8deca}
.hero-service-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;position:relative;z-index:1}
.hero-service h2{font-size:clamp(.9375rem,1.4vw,1.2rem);line-height:1.17;letter-spacing:-.035em;font-weight:700;margin:0;color:inherit}
.hero-service-hydrogel h2 span{color:#54f0f6}
.hero-service-cases h2 span{color:#b73715}
.hero-service-arrow{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border-radius:50%;transition:transform .25s ease}
.hero-service-arrow .icon{width:15px;height:15px}
.hero-service-hydrogel .hero-service-arrow{color:#54f0f6;background:#123543}
.hero-service-cases .hero-service-arrow{color:#061b2a;background:#f35023}
.hero-service-art{display:flex;align-items:center;justify-content:center;height:100px;margin:6px -6px 5px;overflow:hidden;pointer-events:none}
.hero-service-art img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .4s cubic-bezier(.2,.65,.25,1)}
.hero-service-hydrogel .hero-service-art{margin-inline:-10px}
.hero-service-hydrogel .hero-service-art img{width:150px;max-width:100%;object-fit:cover;object-position:50% 44%;border-radius:10px;mix-blend-mode:screen}
.hero-service-cases .hero-service-art img{mix-blend-mode:multiply}
.hero-service-description{margin:0;font-size:.75rem;line-height:1.5;letter-spacing:-.015em;position:relative;z-index:1}
.hero-service-hydrogel .hero-service-description{color:#c5dce8}
.hero-service-cases .hero-service-description{color:#45535a}
.hero-service:focus-visible{outline:3px solid #1b50ed;outline-offset:4px}
@media(hover:hover) and (pointer:fine){
  .hero-service:hover{transform:translateY(-3px);box-shadow:0 12px 25px -16px #142d5966}
  .hero-service-hydrogel:hover{border-color:#16e3ed}
  .hero-service-cases:hover{border-color:#f35023}
  .hero-service:hover .hero-service-art img{transform:scale(1.04)}
  .hero-service:hover .hero-service-arrow{transform:translate(1px,-1px)}
}
@media(min-width:1500px){.hero.hero-v2{padding-top:54px;padding-bottom:58px}}
@media(max-width:1150px) and (min-width:701px){
  .hero.hero-v2{gap:0 28px;padding-top:36px;padding-bottom:40px}
  .hero-service{padding:12px 11px 10px;border-radius:15px}
  .hero-service-arrow{width:23px;height:23px;flex-basis:23px}
  .hero-service-art{height:86px}
  .hero-service-description{font-size:.75rem;line-height:1.5}
}
@media(max-width:900px) and (min-width:701px){
  .hero-services-grid{gap:8px}
  .hero-service-heading{gap:3px}
  .hero-service h2{font-size:.8125rem;letter-spacing:-.04em}
  .hero-service-arrow{width:20px;height:20px;flex-basis:20px}
  .hero-service-description{font-size:.75rem}
}
@media(max-width:700px){
  .hero.hero-v2{padding-top:26px;padding-bottom:32px}
  .hero-v2 .eyebrow{margin-bottom:15px}
  .hero-v2 .hero-description{font-size:.9375rem;line-height:1.65;margin-top:18px;max-width:460px}
  .hero-services{margin-top:20px}
  .hero-services-label{margin-bottom:10px;font-size:.75rem}
  .hero-services-grid{gap:10px}
  .hero-service{padding:12px 11px 10px;border-radius:16px}
  .hero-service h2{font-size:clamp(.875rem,3.9vw,1.125rem);line-height:1.18;letter-spacing:-.04em}
  .hero-service-arrow{width:23px;height:23px;flex-basis:23px}
  .hero-service-arrow .icon{width:14px;height:14px}
  .hero-service-art{height:85px;margin-top:6px;margin-bottom:5px}
  .hero-service-hydrogel .hero-service-art img{width:130px}
  .hero-service-description{font-size:.75rem;line-height:1.45}
  .hero-v2 .hero-conversion{margin-top:20px}
}
@media(max-width:370px){
  .hero-service{padding-inline:9px}
  .hero-service h2{font-size:.8125rem}
  .hero-service-arrow{width:20px;height:20px;flex-basis:20px}
  .hero-service-art{height:76px}
  .hero-service-description{font-size:.75rem}
}
@media(prefers-reduced-motion:reduce){
  .hero-service,.hero-service-art img,.hero-service-arrow{transition:none}
  .hero-service:hover,.hero-service:hover .hero-service-art img,.hero-service:hover .hero-service-arrow{transform:none}
}