.sr-project-portfolio-three,.sr-project-portfolio-three *{box-sizing:border-box}
.sr-project-portfolio-three{width:100%;font-family:Inter,Arial,sans-serif}
.sr-project-portfolio-three__stage{position:relative;overflow:hidden;isolation:isolate;background:#063f7e center center/cover no-repeat}
.sr-project-portfolio-three__stage:before,.sr-project-portfolio-three__stage:after{content:'';position:absolute;top:0;bottom:0;width:22%;z-index:0;pointer-events:none}
.sr-project-portfolio-three__stage:before{left:0;background:linear-gradient(135deg,rgba(7,93,182,.62),rgba(1,34,76,.12) 66%,transparent 67%)}
.sr-project-portfolio-three__stage:after{right:0;background:linear-gradient(225deg,rgba(7,93,182,.56),rgba(1,34,76,.10) 66%,transparent 67%)}
.sr-project-portfolio-three__blueprint{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url('../ship-blueprint.png');background-repeat:repeat-y;background-size:420px auto;background-position:left top;opacity:.18;mix-blend-mode:screen}
.sr-project-portfolio-three__overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:rgba(0,43,92,.20);opacity:1}
.sr-project-portfolio-three__inner{position:relative;z-index:2;width:1260px;max-width:1260px;margin:0 auto;padding:58px 0}
.sr-project-portfolio-three__board{width:100%;overflow:hidden;background:#fff;border:4px solid rgba(255,255,255,.88);border-radius:8px;box-shadow:0 18px 44px rgba(0,22,57,.26)}
.sr-project-portfolio-three__item{--sr-project3-image-width:48%;display:grid;grid-template-columns:var(--sr-project3-image-width) 1fr;min-height:420px;background:#fff;text-decoration:none;color:inherit;border-bottom:8px solid #cfe7fb}
.sr-project-portfolio-three__item:last-child{border-bottom:none}
.sr-project-portfolio-three__item.is-image-right{grid-template-columns:1fr var(--sr-project3-image-width)}
.sr-project-portfolio-three__item.is-image-right .sr-project-portfolio-three__media{order:2}
.sr-project-portfolio-three__item.is-image-right .sr-project-portfolio-three__content{order:1}
.sr-project-portfolio-three__media{position:relative;padding:8px;display:flex;align-items:stretch;justify-content:center;background:#fff}
.sr-project-portfolio-three__media:after{content:'';position:absolute;left:8px;bottom:8px;width:120px;height:100px;background:linear-gradient(135deg,rgba(0,68,159,0) 0 52%,rgba(0,93,202,.90) 53% 72%,rgba(23,132,255,.72) 73% 100%);clip-path:polygon(0 100%,100% 100%,100% 0);pointer-events:none}
.sr-project-portfolio-three__media img{width:100%;height:100%;min-height:390px;object-fit:cover;border-radius:4px;display:block}
.sr-project-portfolio-three__content{padding:22px 28px 26px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.sr-project-portfolio-three__number-row{display:flex;align-items:center;gap:0;margin-bottom:10px}
.sr-project-portfolio-three__number-tab{--sr-tab-start:#0d3d90;--sr-tab-end:#1486f1;position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:112px;height:58px;padding:0 22px;color:#fff;font-size:36px;line-height:1;font-weight:700;letter-spacing:-.03em;background:linear-gradient(110deg,var(--sr-tab-start),var(--sr-tab-end));clip-path:polygon(0 0,82% 0,100% 100%,0 100%)}
.sr-project-portfolio-three__number-tab:after{content:'';position:absolute;right:-16px;top:0;width:26px;height:58px;background:linear-gradient(180deg,#6fb3ff,#a9d3ff);clip-path:polygon(0 0,40% 0,100% 100%,60% 100%)}
.sr-project-portfolio-three__tab-line{height:2px;flex:1;background:#3d9cf6;margin-left:12px}
.sr-project-portfolio-three__title{margin:0;color:#0a2f72;font-size:27px;line-height:1.12;font-weight:700;letter-spacing:-.02em}
.sr-project-portfolio-three__title-line{display:block;width:60px;height:3px;background:#3d9cf6;margin:12px 0 14px}
.sr-project-portfolio-three__description{color:#3a3f49;font-size:15px;line-height:1.43;font-weight:400}
@media(max-width:1280px){.sr-project-portfolio-three__inner{width:calc(100% - 32px);max-width:1260px}}
@media(max-width:1024px){.sr-project-portfolio-three__inner{padding:44px 18px;width:100%}.sr-project-portfolio-three__item,.sr-project-portfolio-three__item.is-image-right{grid-template-columns:1fr 1fr}.sr-project-portfolio-three__media{padding:7px}.sr-project-portfolio-three__media img{min-height:320px}.sr-project-portfolio-three__number-tab{min-width:94px;height:52px;font-size:32px}.sr-project-portfolio-three__title{font-size:23px}.sr-project-portfolio-three__description{font-size:14px}}
@media(max-width:767px){.sr-project-portfolio-three__inner{padding:28px 14px}.sr-project-portfolio-three__board{border-width:3px;border-radius:6px}.sr-project-portfolio-three__item,.sr-project-portfolio-three__item.is-image-right{display:flex;flex-direction:column;min-height:unset;border-bottom-width:5px}.sr-project-portfolio-three__item.is-image-right .sr-project-portfolio-three__media,.sr-project-portfolio-three__item.is-image-right .sr-project-portfolio-three__content{order:initial}.sr-project-portfolio-three__media{padding:8px 8px 0}.sr-project-portfolio-three__media img{min-height:230px;max-height:340px}.sr-project-portfolio-three__media:after{left:8px;bottom:0;width:86px;height:72px}.sr-project-portfolio-three__content{padding:18px 18px 24px}.sr-project-portfolio-three__number-tab{min-width:84px;height:48px;font-size:28px}.sr-project-portfolio-three__number-tab:after{height:48px}.sr-project-portfolio-three__title{font-size:21px}.sr-project-portfolio-three__description{font-size:14px;line-height:1.5}.sr-project-portfolio-three__blueprint{background-size:300px auto}}