/* Live portfolio cards: genuine site imagery, not simulated website screenshots. */
.live-project-preview{display:block;position:relative;background:#17263a;isolation:isolate}
.project-domain-bar{position:absolute;top:0;left:0;right:0;height:33px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-inline:16px;background:#122036;color:#a9bad4;font-size:.55rem;z-index:3;border-bottom:1px solid #ffffff13;letter-spacing:.02em}
.project-domain-bar>span{color:#627898;font-size:.4rem;letter-spacing:3px}.project-domain-bar>b{font-size:.9rem;font-weight:400}
.live-project-preview>img{position:absolute;top:33px;left:0;width:100%;height:calc(100% - 33px);object-fit:cover;transition:transform .5s ease;z-index:-2}
.live-project-preview:after{content:"";position:absolute;inset:33px 0 0;background:linear-gradient(180deg,#0613210d 15%,#05132444 45%,#051324e8);z-index:-1}
.live-project-preview:hover>img{transform:scale(1.035)}
.live-project-badge{position:absolute;top:52px;left:21px;display:flex;align-items:center;gap:7px;padding:5px 9px;background:#081829bd;border:1px solid #b4cbed3d;color:#d9e6fa;border-radius:5px;font-size:.45rem;font-weight:550;letter-spacing:.1em;backdrop-filter:blur(8px)}
.live-project-badge i{width:5px;height:5px;background:#79d9b3;border-radius:50%}
.live-preview-title{position:absolute;left:28px;right:25px;bottom:25px;color:white}
.live-preview-title>small{display:block;letter-spacing:.14em;font-size:.5rem;color:#c2d2e8;margin-bottom:10px}
.live-preview-title>strong{font-size:clamp(2rem,3.4vw,3.2rem);font-weight:550;line-height:1.02;letter-spacing:-.055em;display:block}
.live-preview-title>strong>span{color:#82b0ff}.engineering-preview .live-preview-title>strong>span{color:#dec095}
.courier-preview{background:#fff}.courier-preview:after{display:none}
.courier-preview>img{top:2%;width:84%;height:calc(100% - 152px);object-fit:contain;background:white}
.courier-preview .live-project-badge{top:44px;left:16px;color:#52637d;background:#f4f7fc;border-color:#dce5f1;font-size:.4rem;padding:3px 7px;backdrop-filter:none}
.courier-preview-footer{position:absolute;bottom:0;left:0;right:0;background:#092341;padding:18px 25px;color:white;border-top:3px solid #cd2536}
.courier-preview-footer>small{display:block;font-size:.44rem;letter-spacing:.13em;color:#98b6d7;margin-bottom:7px}
.courier-preview-footer>strong{font-size:1.15rem;font-weight:500;letter-spacing:-.03em;line-height:1.25;display:block}
.courier-preview-footer>span{position:absolute;right:25px;bottom:22px;font-size:1.8rem;color:#9ebce0}
.visit-project{display:inline-flex;align-items:center;gap:18px;margin-top:20px;font-size:.75rem;color:#b7cef6;padding-block:4px;transition:color .2s}
.visit-project>span[aria-hidden]{transition:transform .2s;font-size:1.05rem}.visit-project:hover{color:white}.visit-project:hover>span[aria-hidden]{transform:translate(3px,-3px)}
@media(max-width:992px){.live-preview-title{left:23px;bottom:22px}.live-preview-title>strong{font-size:2.15rem}.live-preview-title>small{font-size:.44rem}.courier-preview-footer{padding:14px 19px}.courier-preview-footer>strong{font-size:1rem}.courier-preview>img{height:calc(100% - 138px)}.live-project-badge{top:47px;left:17px;font-size:.42rem}.project-domain-bar{font-size:.49rem}}
@media(max-width:768px){.live-preview-title>strong{font-size:2.8rem}.live-preview-title{left:28px;bottom:28px}.courier-preview-footer{padding:21px 25px}.courier-preview-footer>strong{font-size:1.25rem}.courier-preview>img{top:58px;height:calc(100% - 168px)}.live-preview-title>small{font-size:.5rem}}
@media(max-width:576px){.live-preview-title>strong{font-size:2.25rem}.live-preview-title{left:22px;bottom:22px}.live-preview-title>small{font-size:.43rem}.courier-preview-footer{padding:16px 20px}.courier-preview-footer>strong{font-size:1.05rem}.courier-preview>img{top:57px;height:calc(100% - 149px)}.project-domain-bar{padding-inline:12px;font-size:.48rem}.courier-preview-footer>span{right:20px;bottom:18px}}
@media(prefers-reduced-motion:reduce){.live-project-preview>img,.visit-project,.visit-project>span[aria-hidden]{transition:none}}