.tw-project-archive-hero,.tw-project-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#07172f,#123b80);color:#fff}.tw-project-archive-hero>.techworld-container{padding-block:clamp(4rem,8vw,7rem);max-width:940px}.tw-project-archive-hero h1,.tw-project-hero h1{color:#fff;font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.05;margin:.45rem 0 1rem}.tw-project-archive-hero p:last-child{max-width:760px;color:rgba(255,255,255,.78);font-size:1.1rem}.tw-projects-content{padding-block:clamp(3rem,6vw,6rem)}.tw-project-filters{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:2.25rem}.tw-project-filters a{padding:.72rem 1rem;border:1px solid var(--techworld-color-border);border-radius:8px;background:#fff;color:var(--techworld-color-secondary-800);font-weight:700;text-decoration:none}.tw-project-filters a:hover,.tw-project-filters a.is-active{background:var(--techworld-color-primary-600);border-color:var(--techworld-color-primary-600);color:#fff}.tw-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.tw-project-card{overflow:hidden;border:1px solid var(--techworld-color-border);border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(15,23,42,.07);transition:.25s}.tw-project-card:hover{transform:translateY(-6px);box-shadow:0 22px 45px rgba(15,23,42,.13)}.tw-project-card__media{position:relative;display:block;aspect-ratio:16/11;overflow:hidden;background:#eaf0fb}.tw-project-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.tw-project-card:hover img{transform:scale(1.045)}.tw-project-card__placeholder{display:grid;width:100%;height:100%;place-items:center;background:linear-gradient(135deg,#0b1f3f,#2458ce);color:#fff;font-weight:800}.tw-project-card__status{position:absolute;top:1rem;right:1rem;padding:.4rem .65rem;border-radius:999px;background:rgba(7,23,47,.88);color:#fff;font-size:.72rem;font-weight:800}.tw-project-card__body{padding:1.5rem}.tw-project-card__industry{color:var(--techworld-color-primary-600);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.tw-project-card__title{font-size:1.35rem;margin:.6rem 0}.tw-project-card__title a,.tw-project-card__link{color:var(--techworld-color-secondary-900);font-weight:800;text-decoration:none}.tw-project-card__meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;color:var(--techworld-color-text-muted);font-size:.88rem}.tw-project-card p{color:var(--techworld-color-text-muted)}.tw-project-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:4rem;padding-block:clamp(4rem,7vw,6.5rem)}.tw-project-hero__meta{display:flex;flex-wrap:wrap;gap:.7rem 1.25rem;margin:1.25rem 0 1.75rem;color:rgba(255,255,255,.8)}.tw-project-hero .tw-text-link{color:#fff}.tw-project-hero figure{margin:0}.tw-project-hero img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px;box-shadow:0 30px 70px rgba(0,0,0,.28)}.tw-project-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:3rem;padding-block:clamp(3.5rem,7vw,7rem)}.tw-project-content{font-size:1.05rem}.tw-project-content>*+*{margin-top:1.25rem}.tw-project-sidebar{display:grid;align-content:start;gap:1.5rem}.tw-project-facts,.tw-project-cta{padding:1.5rem;border:1px solid var(--techworld-color-border);border-radius:16px;background:#fff;box-shadow:var(--techworld-shadow-sm)}.tw-project-facts dl{margin:1rem 0 0}.tw-project-facts dl div{display:grid;grid-template-columns:1fr 1.2fr;gap:1rem;padding:.8rem 0;border-top:1px solid var(--techworld-color-border)}.tw-project-facts dt{color:var(--techworld-color-text-muted)}.tw-project-facts dd{margin:0;text-align:right;font-weight:700}.tw-project-services{margin-top:1.5rem}.tw-project-cta{border:0;background:linear-gradient(145deg,#081a36,#1648a5);color:#fff}.tw-project-cta h2{color:#fff}.tw-project-cta p{color:rgba(255,255,255,.76)}.tw-project-gallery{margin-top:3rem}.tw-project-gallery__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.tw-project-gallery__item{display:block;overflow:hidden;border-radius:14px}.tw-project-gallery__item:first-child{grid-column:1/-1}.tw-project-gallery img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .3s}.tw-project-gallery__item:hover img{transform:scale(1.03)}.tw-lightbox{position:fixed;z-index:99999;inset:0;display:grid;place-items:center;background:rgba(3,10,23,.94);padding:3rem}.tw-lightbox[hidden]{display:none}.tw-lightbox img{max-width:min(1200px,90vw);max-height:86vh;object-fit:contain}.tw-lightbox__close,.tw-lightbox__nav{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer}.tw-lightbox__close{top:1.25rem;right:1.25rem;width:48px;height:48px;border-radius:50%;font-size:2rem}.tw-lightbox__nav{top:50%;width:52px;height:68px;font-size:2.5rem;transform:translateY(-50%)}.tw-lightbox__nav--prev{left:1.25rem}.tw-lightbox__nav--next{right:1.25rem}.tw-lightbox-open{overflow:hidden}.tw-related-projects{padding-bottom:clamp(4rem,8vw,7rem)}.tw-project-navigation{margin-bottom:4rem}.tw-project-navigation .nav-links{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tw-project-navigation a{display:block;padding:1.25rem;border:1px solid var(--techworld-color-border);border-radius:12px;text-decoration:none;font-weight:800}.tw-project-navigation span{display:block;color:var(--techworld-color-text-muted);font-size:.78rem;text-transform:uppercase}.tw-projects-empty{padding:3rem;text-align:center;border:1px dashed var(--techworld-color-border);border-radius:16px}@media(max-width:1024px){.tw-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tw-project-layout{grid-template-columns:1fr}.tw-project-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.tw-project-hero__grid{grid-template-columns:1fr;gap:2rem}.tw-project-sidebar,.tw-project-gallery__grid{grid-template-columns:1fr}.tw-project-gallery__item:first-child{grid-column:auto}.tw-lightbox{padding:1rem}.tw-lightbox__nav{width:42px;height:56px}}@media(max-width:575px){.tw-project-grid{grid-template-columns:1fr}.tw-project-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.4rem}.tw-project-filters a{white-space:nowrap}.tw-project-navigation .nav-links{grid-template-columns:1fr}}
