#projects{z-index:1;position:relative}.whn-header-right{max-width:520px}.whn-description{color:#ffffffb3;margin:0 0 16px;font-size:.95rem;line-height:1.6}.whn-view-all{color:#fff;border:1px solid #ffffff4d;border-radius:30px;align-items:center;gap:8px;padding:10px 24px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.whn-view-all:hover{background:#ff2a2a1a;border-color:#ff2a2a}.whn-view-all-icon{border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .3s;display:flex}.whn-view-all:hover .whn-view-all-icon{border-color:#ff2a2a}.whn-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.whn-featured{flex-direction:column;display:flex}.whn-right-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:24px;display:grid}.whn-card{cursor:pointer;background:#1a1a1a;border-radius:16px;transition:transform .3s,box-shadow .3s;overflow:hidden}.whn-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0006}.whn-card-featured{flex-direction:column;height:500px;display:flex}.whn-card-image{position:relative;overflow:hidden}.whn-card-image img{object-fit:contain;width:100%;height:100%;transition:transform .4s;display:block}.whn-card:hover .whn-card-image img{transform:scale(1.05)}.whn-card-image-featured{height:auto}.whn-card-image-small{height:250px}.whn-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;z-index:2;background:#ff2a2a;border-radius:20px;padding:6px 16px;font-size:.75rem;font-weight:600;position:absolute;top:12px;right:12px}.whn-badge-events{background:#7c3aed}.whn-item{flex-direction:column;display:flex}.whn-item .whn-card-title{margin-top:12px}.whn-featured .whn-card-title{margin-top:16px}.whn-card-title{color:#fff;margin:0 0 6px;font-size:1rem;font-weight:700;line-height:1.4}.whn-card-title-featured{margin-bottom:8px;font-size:1.3rem}.whn-card-desc{color:#fff9;margin:0;font-size:.9rem;line-height:1.6}.whn-card-date{color:#ffffff80;margin:0;font-size:.85rem}@media (max-width:1024px){.whn-grid{grid-template-columns:1fr}.whn-card-featured{height:450px}.whn-card-image-featured{height:65%}}@media (max-width:768px){.whn-header{flex-direction:column;gap:20px}.whn-header-right{max-width:100%}.whn-card-featured{height:380px}.whn-card-image-featured{height:60%}.whn-right-grid{grid-template-columns:1fr}.whn-card-image-small{height:240px}.whn-section{margin:40px auto}}@media (max-width:480px){.whn-title{font-size:1.6rem}.whn-card-featured{height:200px}.whn-card-image-featured{height:55%}.whn-card-title-featured{font-size:1.1rem}}
.introducing-dot-ai{color:#fff;position:relative;overflow:hidden}.container{max-width:1200px;margin:0 auto}.section-title{z-index:1;position:relative}.mask-wrap .section-header{width:100%;margin-bottom:60px;display:block;text-align:left!important}.content-wrapper{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.text-content{flex-direction:column;gap:25px;display:flex}.description{color:#e0e0e0;text-align:justify;margin:0;font-size:1.1rem;line-height:1.8}.description:first-of-type{color:#fff;font-weight:500}.image-content{justify-content:center;align-items:center;display:flex}.image-placeholder{border-radius:20px;width:100%;max-width:450px;height:450px;padding:2px;position:relative;overflow:hidden}.image-placeholder:before{content:"";z-index:-1;animation:3s ease-in-out infinite alternate borderGlow;position:absolute;inset:-2px}.image-placeholder img{object-fit:cover;background:#1a1a2e;border-radius:18px;width:100%;height:100%}.image-placeholder img[src=""],.image-placeholder img:not([src]){color:#007bff;background:linear-gradient(135deg,#1a1a2e,#0a0a0a);justify-content:center;align-items:center;font-size:1.2rem;font-weight:600;display:flex}@media (max-width:968px){.introducing-dot-ai{padding:80px 4%}.section-title{margin-bottom:50px;font-size:2.8rem}.content-wrapper{grid-template-columns:1fr;gap:50px}.image-placeholder{max-width:400px;height:400px}}@media (max-width:640px){.introducing-dot-ai{padding:60px 3%}.section-title{margin-bottom:40px;font-size:2.2rem}.description{font-size:1rem}.image-placeholder{max-width:300px;height:300px}}@keyframes borderGlow{0%{box-shadow:0 0 20px #007bff80}50%{box-shadow:0 0 30px #00ff7b80}to{box-shadow:0 0 20px #007bff80}}