/* Dynamic home solutions: scoped to the existing solutions section. */
html[data-direction="white"] .solutions #solutionHeadline{min-height:3.12em;display:flex;flex-direction:column;justify-content:flex-end}
html[data-direction="white"] .solutions #solutionHeadline>span{display:block}
html[data-direction="white"] .solutions #solutionHeadline .solution-accent{color:#50df8d}
html[data-direction="white"] .solutions #solutionDescription{min-height:3.1em;align-self:end}
html[data-direction="white"] .solutions #solutionStage{position:relative}
html[data-direction="white"] .solutions #solutionStage img{transition:opacity 160ms ease}
html[data-direction="white"] .solutions #solutionStage.is-fading img{opacity:.45}
html[data-direction="white"] .solutions #solutionStage.has-image-error img{visibility:hidden}
html[data-direction="white"] .solutions #solutionStage .solution-image-fallback{position:absolute;inset:0;display:none;place-items:center;padding:32px;text-align:center;color:rgba(255,255,255,.72);background:#06110c}
html[data-direction="white"] .solutions #solutionStage.has-image-error .solution-image-fallback{display:grid}
html[data-direction="white"] .solutions .solution-list[role="tablist"]{min-width:0}
html[data-direction="white"] .solutions .solution[role="tab"]:focus-visible{outline:3px solid #50df8d;outline-offset:-4px}
html[data-direction="white"] .solutions #solutionAnnouncement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){
  html[data-direction="white"] .solutions .section-head{display:block}
  html[data-direction="white"] .solutions .section-head>div{margin-bottom:12px}
  html[data-direction="white"] .solutions #solutionHeadline{min-height:0;display:block;font-size:clamp(36px,8.2vw,52px);line-height:1.06}
  html[data-direction="white"] .solutions #solutionHeadline>span{display:block}
  html[data-direction="white"] .solutions #solutionDescription{min-height:4.5em;margin:0;max-width:36ch;font-size:14px;line-height:1.5}
  html[data-direction="white"] .solutions .solutions-grid{display:grid;grid-template-columns:1fr;grid-template-areas:"tabs" "photo";margin-top:28px}
  html[data-direction="white"] .solutions .solution-list{grid-area:tabs;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(112px,auto));border-bottom:1px solid rgba(255,255,255,.2)}
  html[data-direction="white"] .solutions .solution{min-width:0;grid-template-columns:28px minmax(0,1fr);gap:8px;padding:14px 12px;border-right:1px solid rgba(255,255,255,.2)}
  html[data-direction="white"] .solutions .solution:nth-child(2){border-right:0}
  html[data-direction="white"] .solutions .solution:nth-child(3),html[data-direction="white"] .solutions .solution:nth-child(4){border-bottom:0}
  html[data-direction="white"] .solutions .solution h3{font-size:clamp(15px,4.1vw,19px);line-height:1.25;overflow-wrap:anywhere}
  html[data-direction="white"] .solutions .solution p{font-size:clamp(11px,3vw,13px);line-height:1.4;overflow-wrap:anywhere}
  html[data-direction="white"] .solutions .solution small{font-size:11px}
  html[data-direction="white"] .solutions .solutions-image{grid-area:photo}
}
@media(max-width:360px){html[data-direction="white"] .solutions .solution{padding-inline:9px;grid-template-columns:24px minmax(0,1fr);gap:6px}html[data-direction="white"] .solutions .solution h3{font-size:15px}html[data-direction="white"] .solutions .solution p{font-size:11px}}
@media(prefers-reduced-motion:reduce){html[data-direction="white"] .solutions #solutionStage img{transition:none}}

html[data-direction="white"] .solutions .solution::before{transition:none}
@media(max-width:760px){
  html[data-direction="white"] .solutions #solutionStage{min-height:0;aspect-ratio:4/3}
  html[data-direction="white"] .solutions #solutionStage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
}