.projects-page{--navy:#04256a;--navy-deep:#032167;--navy-dark:#050b18;--cyan:#2eb5e7;--cyan-bright:#2fbaeb;--cyan-light:#32c5f4;--ink:#0f172a;--muted:#4a5a7a;--bg-soft:#f5f8fc;--white:#fff;--radius-sm:5px;--radius-md:10px;--radius-card:14px;--radius-xl:20px;--radius-pill:999px;--border-soft:2px solid #04256a14;--shadow-soft:0 10px 24px #04256a0f;--shadow-hover:0 16px 32px #04256a1f;font-family:var(--font-poppins), Poppins, sans-serif;color:var(--navy);background:var(--white);width:100%;overflow-x:hidden}.projects-page *{box-sizing:border-box}.projects-page .projects-container{max-width:1240px;margin:0 auto;padding:0 24px}.projects-page .projects-section{padding-top:130px;padding-bottom:96px}.projects-page .projects-header{max-width:640px;margin-bottom:56px}.projects-page .projects-title{color:var(--navy);letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(32px,4vw,46px);font-weight:700}.projects-page .projects-subtitle{color:var(--muted);margin:0;font-size:15px;line-height:1.65}.projects-page .projects-filter{flex-wrap:wrap;gap:10px;margin-bottom:48px;display:flex}.projects-page .projects-filter__pill{border-radius:var(--radius-pill);border:var(--border-soft);background:var(--bg-soft);color:var(--navy);cursor:pointer;padding:9px 20px;font-size:13.5px;font-weight:600;transition:background .2s,color .2s,border-color .2s,transform .2s}.projects-page .projects-filter__pill:hover{background:#2eb5e71f;transform:translateY(-1px)}.projects-page .projects-filter__pill.is-active{background:linear-gradient(90deg, var(--cyan-light) 0%, var(--cyan) 100%);color:var(--navy);border-color:#0000;box-shadow:0 8px 20px #2eb5e740}.projects-page .projects-filter__pill:focus-visible{outline:2px solid var(--navy);outline-offset:2px}@media (max-width:650px){.projects-page .projects-filter{gap:8px;margin-bottom:36px}.projects-page .projects-filter__pill{padding:8px 16px;font-size:13px}}.projects-page .projects-rows{flex-direction:column;gap:88px;display:flex}.projects-page .project-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px;display:grid}.projects-page .project-row--reverse{direction:rtl}.projects-page .project-row--reverse>*{direction:ltr}.projects-page .project-row__content{flex-direction:column;gap:18px;display:flex}.projects-page .project-row__heading{align-items:baseline;gap:14px;display:flex}.projects-page .project-row__index{color:var(--cyan);letter-spacing:.04em;font-size:15px;font-weight:700}.projects-page .project-row__name{color:var(--navy);margin:0;font-size:clamp(24px,2.6vw,32px);font-weight:700;line-height:1.2}.projects-page .project-row__description{max-width:460px;color:var(--muted);-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:14.5px;line-height:1.65;display:-webkit-box;overflow:hidden}.projects-page .btn-outline{border-radius:var(--radius-pill);color:var(--navy);border:1px solid #04256a40;align-items:center;gap:12px;width:fit-content;padding:6px 6px 6px 22px;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.projects-page .btn-outline:hover{background:#2eb5e714}.projects-page .btn-outline:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.projects-page .btn-outline .btn-outline__circle{border-radius:var(--radius-pill);background:var(--navy);width:36px;height:36px;color:var(--white);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.projects-page .project-detail__meta-cta{justify-content:center;align-self:flex-start;width:60%;max-width:260px}.projects-page .project-row__media{border-radius:var(--radius-xl);width:100%;height:340px;box-shadow:var(--shadow-soft);background:var(--bg-soft);display:block;position:relative;overflow:hidden}.projects-page .project-row__media:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.projects-page .project-row__image{object-fit:fill;object-position:center top;transition:transform .5s}.projects-page .project-row__media:hover .project-row__image{transform:scale(1.06)}.projects-page .project-row__placeholder{background:linear-gradient(145deg, var(--navy-deep) 0%, var(--navy) 100%);width:100%;height:100%}.projects-page .projects-cta-bottom{margin-top:88px}.projects-page .projects-cta-bottom__box{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-deep) 100%);text-align:center;color:var(--white);border-radius:2rem;padding:80px 40px}.projects-page .projects-cta-bottom__title{max-width:760px;color:var(--white);margin:0 auto 18px;font-size:clamp(28px,4vw,46px);font-weight:600;line-height:1.15}.projects-page .projects-cta-bottom__desc{color:#ffffffbf;max-width:640px;margin:0 auto 24px;font-size:clamp(15px,1.6vw,18px);line-height:1.7}@media (max-width:650px){.projects-page .projects-cta-bottom__box{border-radius:1.5rem;padding:56px 24px}}.projects-page .projects-cta-bottom__button{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--cyan-light) 0%, var(--cyan) 100%);color:var(--navy);align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 20px #2eb5e747}.projects-page .projects-cta-bottom__button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #2eb5e761}.projects-page .projects-cta-bottom__button:focus-visible{outline:2px solid var(--white);outline-offset:2px}.projects-page .project-detail{padding-top:130px;padding-bottom:96px}.projects-page .project-detail__breadcrumb{color:var(--muted);align-items:center;gap:8px;margin-bottom:28px;font-size:13px;font-weight:500;display:flex}.projects-page .project-detail__breadcrumb a{color:var(--muted);text-decoration:none}.projects-page .project-detail__breadcrumb a:hover{color:var(--cyan)}.projects-page .project-detail__breadcrumb span[aria-current=page]{color:var(--navy);font-weight:600}.projects-page .project-detail__header{max-width:860px;margin-bottom:28px}.projects-page .project-detail__category-pill{color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;border:2px solid #2eb5e759;margin-bottom:14px;padding:5px 14px;font-size:11px;font-weight:700;display:inline-block}.projects-page .project-detail__title{color:var(--navy);margin:0 0 12px;font-size:clamp(30px,4vw,48px);font-weight:700;line-height:1.18}.projects-page .project-detail__lede{color:var(--muted);margin:0;font-size:clamp(15px,1.6vw,18px);line-height:1.65}.projects-page .project-detail__visual{aspect-ratio:21/9;border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-soft);background:var(--bg-soft);margin-bottom:24px;position:relative;overflow:hidden}.projects-page .project-detail__visual-image{object-fit:cover;object-position:center top}.projects-page .project-detail__layout{grid-template-columns:minmax(0,1.4fr) minmax(0,.75fr);align-items:start;gap:40px;display:grid}.projects-page .project-detail__content{flex-direction:column;gap:32px;display:flex}.projects-page .project-detail__section{border-bottom:1px solid #04256a14;padding-bottom:28px}.projects-page .project-detail__section:last-child{border-bottom:none;padding-bottom:0}.projects-page .project-detail__section-title{color:var(--navy);margin:0 0 14px;font-size:20px;font-weight:600;line-height:1.3}.projects-page .project-detail__body-text{color:var(--muted);margin:0;font-size:15px;line-height:1.75}.projects-page .project-detail__features{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.projects-page .project-detail__feature-item{color:var(--navy);align-items:flex-start;gap:12px;font-size:14.5px;line-height:1.6;display:flex}.projects-page .project-detail__feature-bullet{background:var(--cyan);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:7px}.projects-page .project-detail__solution-list{flex-direction:column;gap:18px;display:flex}.projects-page .project-detail__solution-item{border-radius:var(--radius-md);border:var(--border-soft);background:var(--white);padding:18px 20px}.projects-page .project-detail__solution-title{color:var(--navy);margin:0 0 6px;font-size:15.5px;font-weight:600}.projects-page .project-detail__overview{flex-direction:column;gap:20px;display:flex}.projects-page .project-detail__overview-heading{color:var(--navy);margin:0 0 6px;font-size:15.5px;font-weight:600}.projects-page .project-detail__sidebar{position:sticky;top:120px}.projects-page .project-detail__meta-card{border-radius:var(--radius-card);background:var(--white);border:var(--border-soft);box-shadow:var(--shadow-soft);padding:28px 24px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.projects-page .project-detail__meta-card:after{content:"";filter:blur(18px);opacity:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 0,#2fbaeb80,#0000 55%),radial-gradient(circle at 55% 0,#32c5f466,#0000 60%),radial-gradient(circle at 85% 0,#2fbaeb73,#0000 55%),radial-gradient(circle at 40% 0,#32c5f459,#0000 65%);transition:opacity .6s,transform .6s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translateY(-100%)}.projects-page .project-detail__meta-card:hover{box-shadow:0 22px 48px #04256a24}.projects-page .project-detail__meta-card:hover:after{opacity:1;transform:translateY(0)}.projects-page .project-detail__meta-inner{z-index:1;flex-direction:column;gap:20px;display:flex;position:relative}.projects-page .project-detail__meta-brand{align-items:center;gap:12px;display:flex}.projects-page .project-detail__meta-logo{border-radius:var(--radius-md);background:var(--bg-soft);border:var(--border-soft);flex-shrink:0;width:40px;height:40px;position:relative;overflow:hidden}.projects-page .project-detail__meta-logo-img{object-fit:contain}.projects-page .project-detail__meta-brand-name{color:var(--navy);font-size:16px;font-weight:700}.projects-page .project-detail__meta-list{flex-direction:column;gap:14px;display:flex}.projects-page .project-detail__meta-item{flex-direction:column;gap:3px;display:flex}.projects-page .project-detail__meta-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.projects-page .project-detail__meta-value{color:var(--navy);word-break:break-word;font-size:14px;font-weight:500}.projects-page .project-detail__meta-value--lg{color:var(--navy);font-size:20px;font-weight:700}.projects-page .btn-primary{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--cyan-light) 0%, var(--cyan) 100%);color:var(--navy);cursor:pointer;text-align:center;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 20px #2eb5e740}.projects-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px #2eb5e759}.projects-page .btn-primary:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.projects-page .btn-primary__icon{font-size:15px;transition:transform .2s}.projects-page .btn-primary:hover .btn-primary__icon{transform:translate(2px,-2px)}.projects-page .project-detail__cta-banner{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-deep) 100%);text-align:center;border-radius:2rem;margin:56px 0;padding:80px 40px}.projects-page .project-detail__cta-banner h2{color:var(--white);max-width:760px;margin:0 auto 18px;font-size:clamp(28px,4vw,46px);font-weight:600;line-height:1.15}.projects-page .project-detail__cta-banner p{color:#ffffffbf;max-width:640px;margin:0 auto 24px;font-size:clamp(15px,1.6vw,18px);line-height:1.7}@media (max-width:650px){.projects-page .project-detail__cta-banner{border-radius:1.5rem;padding:56px 24px}}.projects-page .project-detail__more{border-top:1px solid #04256a14;padding-top:40px}.projects-page .related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px;display:grid}.projects-page .related-card{background:var(--white);border:var(--border-soft);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);color:inherit;flex-direction:column;text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;overflow:hidden}.projects-page .related-card:hover{box-shadow:var(--shadow-hover);border-color:#2eb5e759;transform:translateY(-4px)}.projects-page .related-card:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.projects-page .related-card__media{background:var(--bg-soft);border-bottom:var(--border-soft);width:100%;height:160px;position:relative;overflow:hidden}.projects-page .related-card__image{object-fit:cover;object-position:center top;transition:transform .4s}.projects-page .related-card:hover .related-card__image{transform:scale(1.04)}.projects-page .related-card__placeholder{background:linear-gradient(145deg, var(--navy-deep) 0%, var(--navy) 100%);width:100%;height:100%}.projects-page .related-card__body{flex-direction:column;gap:4px;padding:18px 20px;display:flex}.projects-page .related-card__category{letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);font-size:11px;font-weight:700}.projects-page .related-card__title{color:var(--navy);margin:0;font-size:16px;font-weight:600}.projects-page .related-card__description{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}@media (max-width:1024px){.projects-page .project-row{gap:36px}.projects-page .project-row__media{height:280px}.projects-page .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.projects-page .project-detail__layout{grid-template-columns:1fr;gap:32px}.projects-page .project-detail__sidebar{position:static}.projects-page .project-row,.projects-page .project-row--reverse{direction:ltr;grid-template-columns:1fr}.projects-page .project-row__media{order:-1;height:240px}.projects-page .projects-rows{gap:56px}}@media (max-width:768px){.projects-page .projects-section{padding-top:110px;padding-bottom:64px}.projects-page .project-detail{padding-top:110px}}@media (max-width:650px){.projects-page .projects-container{padding:0 16px}.projects-page .related-grid{grid-template-columns:1fr;gap:16px}.projects-page .project-row__description{max-width:100%}}@media (prefers-reduced-motion:reduce){.projects-page .project-row__image,.projects-page .related-card,.projects-page .related-card:hover,.projects-page .project-row__link,.projects-page .projects-back-link,.projects-page .btn-primary,.projects-page .btn-primary:hover,.projects-page .projects-cta-bottom__button{transition:none!important;transform:none!important}}