.sp-product-journey{height:500svh}.portfolio-maker{display:grid;gap:8px;margin-top:27px;color:#285b78}.portfolio-maker span{font:7px monospace;letter-spacing:1px;color:#648da4}.portfolio-maker strong{font:400 19px Arial;color:#086a9b}.portfolio-art{isolation:isolate}.portfolio-halo{position:absolute;width:min(80%,500px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#c5e8f9 0,#e6f5fc 56%,transparent 72%)}.portfolio-deck-image{position:relative;width:min(75%,350px);height:min(80%,390px);background-image:url('/assets/service/portfolio-deck.jpg');background-size:610% auto;background-repeat:no-repeat;border-radius:5px;box-shadow:0 22px 60px #12577c19}.portfolio-crop-0{background-position:7% 60%}.portfolio-crop-1{background-position:29% 60%}.portfolio-crop-2{background-position:54% 60%}.portfolio-crop-3{background-position:78% 60%}.portfolio-crop-4{background-position:98% 60%}.sp-product-tabs{gap:20px}.sp-product-tabs button{font-size:10px;line-height:1.4}.sp-product-tabs button span{display:block;margin:0 0 7px}.sp-product-copy h3{max-width:430px}.sp-product-copy .sp-link{margin-top:14px}@media(max-width:760px){.sp-product-journey{height:500svh}.sp-product h3{font-size:33px}.portfolio-maker{margin-top:13px;gap:4px}.portfolio-maker strong{font-size:15px}.sp-product figure{top:245px}.portfolio-deck-image{width:min(68%,250px);height:min(90%,280px)}.sp-product-tabs{gap:8px}.sp-product-tabs button{font-size:8px}.sp-product-tabs button span{font-size:7px}.sp-product-copy .sp-link{margin-top:5px}}@media(max-width:760px) and (max-height:720px){.sp-product h3{font-size:27px;margin:9px 0}.sp-product-copy p{margin:6px 0}.portfolio-maker{margin-top:8px}.sp-product figure{top:205px}.portfolio-deck-image{height:min(95%,230px)}}
.sp-product figure img.portfolio-product-photo{width:85%;height:78%;max-height:470px;object-fit:contain;mix-blend-mode:multiply;position:relative;z-index:1}.portfolio-art figcaption{max-width:280px;text-align:right}
@media(max-width:760px){.sp-product figure img.portfolio-product-photo{width:95%;height:95%}}
.service-page .site-header{position:fixed;z-index:50}.service-page:has(.sp-product-stage:hover) .ask-launcher{width:44px;height:44px;right:15px;bottom:15px;padding:0;display:grid;place-items:center}.service-page:has(.sp-product-stage:hover) .ask-launcher>span:not(.ask-spark){display:none}
@media(max-width:760px){.portfolio-art figcaption{display:none}}
@media(max-width:760px){.service-page.portfolio-in-view .ask-launcher{bottom:90px}}
