.scrollPortfolio{height:100vh!important;min-height:700px!important;margin:0!important;overflow:clip!important}.scrollPortfolioSticky{perspective:1400px!important;height:100vh!important;min-height:700px!important;overflow:hidden!important}.scrollPortfolio header{z-index:20!important;width:min(37vw,650px)!important;padding-top:clamp(88px,10vh,125px)!important}.portfolioRail{width:max-content!important;transform-style:preserve-3d!important;will-change:transform!important;align-items:center!important;gap:clamp(12px,1.15vw,21px)!important;transition:transform .12s linear!important;display:flex!important}.portfolioRailOne{transform:translate3d(calc(var(--portfolioShift,0px) + var(--pointerX,0px)),var(--pointerY,0px),0) rotateX(var(--portfolioTiltX,0deg)) rotateY(var(--portfolioTiltY,0deg))!important;inset:7vh auto auto 36vw!important}.portfolioRailTwo{transform:translate3d(calc(var(--portfolioShiftReverse,0px) + var(--pointerXReverse,0px)),var(--pointerYReverse,0px),0) rotateX(var(--portfolioTiltXReverse,0deg)) rotateY(var(--portfolioTiltYReverse,0deg))!important;inset:37vh auto auto -7vw!important}.portfolioRailThree{z-index:4!important;transform:translate3d(calc(var(--portfolioShiftThird,0px) + var(--pointerX,0px)),var(--pointerY,0px),0) rotateX(var(--portfolioTiltX,0deg)) rotateY(var(--portfolioTiltY,0deg))!important;position:absolute!important;top:67vh!important;left:18vw!important}.portfolioRail article,.portfolioRail article:nth-child(2){width:clamp(220px,18.5vw,350px)!important;height:clamp(170px,25vh,270px)!important;transform:translateZ(calc(12px + (var(--cardIndex) % 3) * 16px)) rotateY(calc((var(--cardIndex) - 2) * .35deg))!important;opacity:1!important;isolation:isolate!important;background:#d9d8d2!important;border-radius:clamp(14px,1.2vw,22px)!important;flex:none!important;margin:0!important;transition:transform .62s cubic-bezier(.16,1,.3,1),width .62s cubic-bezier(.16,1,.3,1),box-shadow .5s,opacity .4s!important;animation:none!important;overflow:hidden!important;box-shadow:0 20px 42px #0b191e26!important}.portfolioRail article:nth-child(3n+2){width:clamp(190px,15vw,285px)!important}.portfolioRail article:nth-child(3n){width:clamp(250px,21vw,390px)!important}.portfolioRail img,.portfolioRail article:hover img{object-fit:cover!important;object-position:center!important;filter:none!important;image-rendering:auto!important;backface-visibility:hidden!important;width:100%!important;height:100%!important;transform:scale(1.002)translateZ(0)!important}.portfolioRail article:after{background:linear-gradient(#0000 58%,#020a0dad 100%)!important}.portfolioRail:hover article:not(:hover){filter:none!important;opacity:.88!important;transform:translateZ(-16px)scale(.975)!important}.portfolioRail article:hover{opacity:1!important;z-index:30!important;width:clamp(320px,29vw,530px)!important;transform:translateY(-8px)translateZ(130px)rotateY(0)scale(1.02)!important;box-shadow:0 36px 72px #08181e47!important}.portfolioRail article div{opacity:.95!important;bottom:14px!important;left:18px!important;right:18px!important;transform:none!important}.portfolioRail article b{font-size:clamp(16px,1.25vw,23px)!important}.storyboardEdge{z-index:20!important;background:linear-gradient(#0000,#f3f2eee6)!important;padding-top:18px!important}.scrollPortfolio+.otaServiceDetail{margin-top:0!important}.otaServiceDetail{min-height:auto!important;padding-top:clamp(62px,7vw,100px)!important;padding-bottom:clamp(62px,7vw,100px)!important}.droneShowcase.phase-landed{min-height:min(94vh,820px)!important}.droneShowcase.phase-landed .droneCopy>*{opacity:1!important;visibility:visible!important;clip-path:inset(0)!important;filter:none!important;transform:none!important}.droneShowcase.phase-landed .droneVisual:before{opacity:1!important;clip-path:inset(0)!important;filter:none!important;transform:scale(1)!important}@media (max-width:900px){.scrollPortfolio,.scrollPortfolioSticky{height:auto!important;min-height:0!important;overflow:visible!important}.scrollPortfolio header{width:auto!important;padding-top:34px!important}.portfolioRailOne,.portfolioRailTwo,.portfolioRailThree{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;padding:0 18px 14px!important;display:grid!important;position:relative!important;inset:auto!important;transform:none!important}.portfolioRail article,.portfolioRail article:nth-child(n),.portfolioRail article:hover{opacity:1!important;width:100%!important;height:clamp(180px,54vw,310px)!important;min-height:0!important;transform:none!important}}@media (max-width:540px){.portfolioRailOne,.portfolioRailTwo,.portfolioRailThree{grid-template-columns:1fr!important}}
