.puthawala-projects-section{--p-bg:#f2faf6;--p-label:#4f46e5;--p-blue:#2563eb;--p-orange:#fbb03b;--p-gray:#6b7280;background:var(--p-bg);padding:0 24px;overflow-x:clip;overflow-y:visible}
.puthawala-projects-max{max-width:1320px;margin:0 auto}
.puthawala-projects-inner{display:flex;flex-direction:column}
.puthawala-projects-sidebar{width:100%;flex-shrink:0;padding:40px 0}
.puthawala-sidebar-content{max-width:550px}
.puthawala-sidebar-label{font-family:Caveat,cursive;font-size:25px;line-height:1;margin:0 0 12px;color:var(--p-label)}
.puthawala-sidebar-title{font-size:48px;font-weight:800;line-height:.92;letter-spacing:-.03em;color:#000;margin:0 0 40px;display:flex;align-items:center}
.puthawala-title-dot{display:inline-block;width:14px;height:14px;background:var(--p-blue);border-radius:3px;margin-left:10px;margin-top:40px;transform:translateY(-2px)}
.puthawala-package-wrap{display:flex;align-items:flex-start;gap:16px;margin-bottom:48px}
.puthawala-package-icon{width:60px;height:60px;border-radius:14px;background:var(--p-blue);flex:0 0 60px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px}
.puthawala-package-text h3{font-size:20px;font-weight:700;color:#000;margin:0}
.puthawala-package-text p{font-size:15px;line-height:1.6;color:var(--p-gray);max-width:400px;margin:8px 0 0}
.puthawala-btn{margin-top:52px;display:inline-flex;align-items:center;gap:8px;border-radius:14px;background:var(--p-orange);padding:14px 28px;font-size:15px;font-weight:700;line-height:1;color:#000;text-decoration:none;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}
.puthawala-btn:hover{transform:scale(1.04);box-shadow:0 8px 24px rgba(0,0,0,.12);color:#000}
.puthawala-projects-scroll{width:100%;overflow-x:clip;overflow-y:visible}
.puthawala-project-item{display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(32px);transition:opacity .75s ease,transform .75s ease;min-height:80vh}
.puthawala-project-item.is-visible{opacity:1;transform:translateY(0)}
.puthawala-image-block{position:relative;width:100%;height:340px;overflow-x:clip;overflow-y:visible}
.puthawala-image-block img{width:100%;height:100%;display:block;object-fit:contain}
.puthawala-project-info{background:#fff;border-radius:0 0 16px 16px;width:100%;margin-top:30px;padding:20px 24px;box-sizing:border-box}
.puthawala-project-heading{display:flex;align-items:center;gap:12px}
.puthawala-project-bullet{width:10px;height:10px;border-radius:50%;background:var(--p-blue);flex:0 0 10px}
.puthawala-project-info h3{font-size:15px;font-weight:700;color:#000;margin:0}
.puthawala-project-info p{font-size:13px;line-height:1.6;color:rgba(0,0,0,.7);margin:12px 0 0;padding-left:22px}
.puthawala-btn-icon{display:inline-flex}
@media(min-width:640px){.puthawala-projects-section{padding:0 40px}}
@media(min-width:1024px){
 .puthawala-projects-section{padding:0 56px}
 .puthawala-projects-inner{flex-direction:row;justify-content:space-between}
 .puthawala-projects-sidebar{width:43%;padding:48px 0;position:sticky;top:40px;align-self:flex-start;height:max-content;z-index:5}
 .puthawala-sidebar-title{font-size:70px}
 .puthawala-projects-scroll{width:40%;margin-top:50px}
 .puthawala-image-block{height:600px}
}
@media(max-width:767px){
 .puthawala-sidebar-title{font-size:42px}
 .puthawala-btn{margin-top:20px}
 .puthawala-project-item{min-height:70vh}
}