/* Scroll-driven industry card reveal, used only by ecommerce-retail. Positions are set by assets/js/ecommerce-industries.js */
.hbr{position:relative;isolation:isolate;padding-bottom:0}
.hbr-stage-space{display:none}
.hbr-pin{position:relative}
.hbr .svc-head{margin-bottom:8px;position:relative;z-index:2}
.hbr.is-pinned .hbr-pin{position:sticky;top:0;height:100vh;min-height:560px;display:flex;flex-direction:column;justify-content:center;padding-top:60px}
.hbr.is-pinned{height:calc(100vh + var(--hbr-dist,1200px))}

.hbi-others.hbi-industry-fan{--cw:230px;position:relative;list-style:none;margin:0;padding:0;height:calc(var(--cw) * 1.5 + 90px);display:block;gap:0;flex-wrap:nowrap;min-height:0}
.hbi-industry-fan::before{content:"";position:absolute;left:50%;top:50%;width:min(90%,1100px);height:60%;transform:translate(-50%,-50%) scale(var(--hbr-glow,.35));background:radial-gradient(ellipse at center,color-mix(in srgb,var(--orange) 16%,transparent),transparent 65%);opacity:var(--hbr-glowo,.6);pointer-events:none;z-index:-1}
.hbi-industry-fan>li{position:absolute;left:50%;top:50%;width:var(--cw);margin:calc(var(--cw) * -.75) 0 0 calc(var(--cw) * -.5);transform-origin:50% 120%;will-change:transform;backface-visibility:hidden}
.hbi-industry-fan>li>.hbr-card{display:block;height:100%;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.hbi-others.hbi-industry-fan a{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;height:calc(var(--cw) * 1.5);padding:14px 14px 16px;border-radius:20px;background:#000;border:1px solid color-mix(in srgb,var(--white) 10%,transparent);color:var(--white);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--white) 7%,transparent),0 30px 50px -14px color-mix(in srgb,#000 95%,transparent);text-decoration:none;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}
.hbi-others.hbi-industry-fan a::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--orange) 45%,transparent) 50%,transparent);opacity:.55;pointer-events:none}
.hbi-others.hbi-industry-fan a::after{display:none}
.hbi-industry-fan>li.is-center a{border-color:color-mix(in srgb,var(--orange) 60%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--white) 8%,transparent),0 0 40px -10px var(--orange),0 30px 50px -14px #000}
.hbr.is-done .hbi-others.hbi-industry-fan a:hover,.hbi-others.hbi-industry-fan a:focus-visible{transform:translateY(-8px) scale(1.04);border-color:var(--orange);box-shadow:0 0 30px -10px var(--orange),0 28px 44px -12px #000}
.hbi-industry-fan a:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.hbi-industry-fan>li:focus-within{z-index:20!important}

.industry-icon{display:grid;place-items:center;width:100%;aspect-ratio:1/1;flex-shrink:0;border-radius:14px;background:radial-gradient(ellipse at 50% 58%,color-mix(in srgb,var(--orange) 7%,transparent),transparent 76%),linear-gradient(168deg,#0b0b0b,#070707 62%,#050505);border:1px solid color-mix(in srgb,var(--white) 4%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--white) 3%,transparent);color:var(--orange);overflow:hidden}
.industry-icon svg{width:88%;height:88%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.industry-icon .i-structure{stroke:color-mix(in srgb,var(--white) 14%,transparent)}
.industry-icon .i-panel{fill:#0c0c0c}
.industry-icon .i-glow{filter:drop-shadow(0 0 3px color-mix(in srgb,var(--orange) 70%,transparent))}
.industry-icon .i-float{animation:industry-float 5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.industry-icon .i-pulse{animation:industry-pulse 3s ease-in-out infinite}
.industry-icon .i-trace{stroke-dasharray:130;animation:industry-trace 5s ease-in-out infinite}
.industry-icon .i-spin{animation:industry-spin 18s linear infinite;transform-box:fill-box;transform-origin:center}
.industry-icon .i-draw{stroke-dasharray:400;animation:industry-draw 6s ease-in-out infinite}
.industry-icon .i-beat{animation:industry-beat 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.industry-icon .i-rise{animation:industry-rise 4s ease-in-out infinite;transform-box:fill-box;transform-origin:bottom}
.industry-icon .i-lift{animation:industry-lift 4.5s ease-in-out infinite}
.industry-icon .i-steam{stroke-dasharray:30;animation:industry-steam 3s linear infinite}
.industry-icon .i-dot{fill:currentColor;stroke:none}
.hbi-industry-fan li:nth-child(even) .i-float{animation-delay:-2s}
.hbi-industry-fan .i-rise:nth-of-type(2){animation-delay:.3s}.hbi-industry-fan .i-rise:nth-of-type(3){animation-delay:.6s}
.hbr.is-offscreen .industry-icon *{animation-play-state:paused}
.hbr.is-done .hbi-industry-fan a:hover .industry-icon *{animation-duration:1.6s}
.hbr.is-done .hbi-industry-fan a:hover .industry-icon .i-spin{animation-duration:6s}

.industry-name{display:block;font-size:14px;line-height:1.3;font-weight:700;letter-spacing:-.01em;margin-top:14px;padding:0 4px}
.industry-link-mark{margin-top:auto;padding:0 4px;display:flex;justify-content:space-between;align-items:center;color:var(--orange)}
.industry-link-mark::before{content:"";width:28px;height:1px;background:color-mix(in srgb,var(--white) 14%,transparent)}
.industry-link-mark svg{width:30px;height:30px;padding:8px;border-radius:50%;border:1px solid color-mix(in srgb,var(--orange) 45%,transparent);fill:none;stroke:currentColor;stroke-width:2;transition:transform .3s,background .3s}
.hbi-industry-fan a:hover .industry-link-mark svg,.hbi-industry-fan a:focus-visible .industry-link-mark svg{transform:translate(2px,-2px);background:color-mix(in srgb,var(--orange) 14%,transparent)}

@keyframes industry-float{50%{transform:translateY(-5px)}}
@keyframes industry-pulse{50%{opacity:.35}}
@keyframes industry-trace{0%,15%{stroke-dashoffset:130;opacity:.35}50%,85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-130;opacity:.35}}
@keyframes industry-spin{to{transform:rotate(360deg)}}
@keyframes industry-draw{0%{stroke-dashoffset:400}45%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-400}}
@keyframes industry-beat{0%,100%{transform:scale(1)}15%{transform:scale(1.08)}30%{transform:scale(.98)}45%{transform:scale(1.04)}}
@keyframes industry-rise{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}
@keyframes industry-lift{0%,100%{transform:translateY(0)}40%,60%{transform:translateY(-7px)}}
@keyframes industry-steam{0%{stroke-dashoffset:30;opacity:0}30%{opacity:1}100%{stroke-dashoffset:-30;opacity:0}}

/* Mobile / reduced motion: swipeable row, no pinning */
.hbr.is-static .hbi-others.hbi-industry-fan{--cw:200px;display:flex;height:auto;gap:14px;overflow-x:auto;padding:24px 4px 28px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.hbr.is-static .hbi-industry-fan::before{display:none}
.hbr.is-static .hbi-industry-fan>li{position:relative;left:auto;top:auto;margin:0;flex:0 0 var(--cw);scroll-snap-align:center;transform:none!important;opacity:1!important;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .6s}
.hbr.is-static:not(.is-in) .hbi-industry-fan>li{transform:translateX(calc(var(--k,0) * -40px)) scale(.94)!important;opacity:0!important}
@media(prefers-reduced-motion:reduce){.industry-icon *{animation:none!important}.hbi-industry-fan>li,.hbi-industry-fan a{transition:none!important}}