.industry{background:#0c2226;color:#fff;overflow:hidden;padding:100px 0}.industry__wrap{margin:0 auto;max-width:var(--container-max);padding:0 var(--gutter)}.industry__badge{align-items:center;display:inline-flex;gap:10px;margin-bottom:24px}.industry__badgeLine{background:var(--color-accent);border-radius:2px;flex:0 0 auto;height:2px;width:24px}.industry__badgeText{color:var(--color-accent);font-size:14px;font-weight:500;letter-spacing:.2em;text-transform:uppercase}.industry__title{color:#fff;font-size:48px;font-weight:500;letter-spacing:-.05em;line-height:1.12;margin:0;white-space:pre-line}.industry__header{margin-bottom:56px}.industry__grid{display:grid;gap:16px;grid-template-columns:1fr}.industry__card{border-radius:var(--radius-12);cursor:pointer;height:340px;overflow:hidden;position:relative;transition:transform .5s ease,opacity .5s ease;will-change:transform,opacity}.industry__grid:hover .industry__card{opacity:.4;transform:scale(.95)}.industry__grid .industry__card:hover{opacity:1;transform:scale(1.1);z-index:10}.industry__media{inset:0;position:absolute}.industry__img{filter:grayscale(1);height:100%;object-fit:cover;transform:scale(1);transition:transform .7s ease;width:100%}.industry__card:hover .industry__img{transform:scale(1.06)}.industry__grad{background:linear-gradient(0deg,#0c2226 0,rgba(12,34,38,.6) 55%,rgba(12,34,38,.3));inset:0;position:absolute}.industry__base{bottom:0;left:0;padding:28px;position:absolute;right:0;transition:opacity .3s ease,transform .3s ease;z-index:2}.industry__cardTitle{font-size:18px;font-weight:500;margin-bottom:6px}.industry__cardLine{color:hsla(0,0%,100%,.7);font-size:14px;font-weight:500;line-height:1.5}.industry__hover{background:rgba(12,34,38,.94);display:flex;flex-direction:column;inset:0;justify-content:center;padding:28px;position:absolute;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:3}.industry__card:hover .industry__hover{transform:translateY(0)}.industry__card:hover .industry__base{opacity:0;transform:translateY(6px)}.industry__hoverTitle{border-bottom:1px solid hsla(0,0%,100%,.12);font-size:16px;font-weight:500;margin-bottom:16px;padding-bottom:12px}.industry__hoverList{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.industry__hoverItem{color:hsla(0,0%,100%,.72);font-size:13px;font-weight:500;line-height:1.55;padding-left:18px;position:relative}.industry__arrow{color:var(--color-accent);font-size:12px;left:0;position:absolute;top:0}.industry [data-sr]{opacity:1;transform:none}.industry .is-sr-hidden{opacity:0;transform:translateY(12px)}.industry .is-sr-shown{opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease}@media (min-width:768px){.industry__grid{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.industry__grid{gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.industry{padding:64px 0}.industry__title{font-size:32px}.industry__card{height:320px}.industry__header{margin-bottom:40px}.industry__grid{gap:20px}}@media (max-width:480px){.industry__title{font-size:28px}.industry__card{height:320px}.industry__base,.industry__hover{padding:20px}.industry__grid{gap:16px}}@media (max-width:768px){.industry__cardLine,.industry__cardTitle,.industry__hoverText,.industry__hoverTitle{hyphens:auto;overflow-wrap:anywhere;word-break:break-word}.industry__hover{justify-content:flex-start;overflow:auto;-webkit-overflow-scrolling:touch}}@media (hover:none) and (pointer:coarse){.industry__grid .industry__card:hover,.industry__grid:hover .industry__card{opacity:1!important;transform:none!important}.industry__grid .industry__card:hover{z-index:auto!important}.industry__card{opacity:1!important}.industry__card,.industry__card:hover .industry__img{transform:none!important}}