#portfolio-projects{--accent:#ec2328;background:#080c10;color:#fff;padding:0 0 30px;font-family:Arial,sans-serif}#portfolio-projects *{box-sizing:border-box}#portfolio-projects .pp-wrap{max-width:1200px;width:calc(100% - 40px);margin:auto}#portfolio-projects .pp-hero{min-height:310px;padding:55px 0 40px;display:flex;align-items:center;background:linear-gradient(90deg,#080c10 0%,rgba(8,12,16,.8) 40%,rgba(8,12,16,.12)),url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1800&q=85') center/cover}#portfolio-projects .pp-kicker{font-size:10px;letter-spacing:3px;text-transform:uppercase;margin-bottom:14px}#portfolio-projects .pp-kicker:after{content:"";display:inline-block;width:32px;height:1px;background:var(--accent);margin-left:12px;vertical-align:middle}#portfolio-projects h2{color:#fff;font:normal clamp(38px,5vw,58px)/1.1 Georgia,serif;margin:0}#portfolio-projects .pp-script{display:block;color:var(--accent);font:italic clamp(38px,5vw,58px)/1.2 Georgia,serif}#portfolio-projects .pp-intro{max-width:480px;color:#ddd;font-size:12px;line-height:1.8}#portfolio-projects .pp-filters{position:relative;margin:-8px auto 24px;padding:13px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 42px;gap:10px;border:1px solid #30363c;border-radius:20px;background:#10151bf2}#portfolio-projects .pp-field{height:43px;display:flex;align-items:center;min-width:0;border:1px solid #363d45;border-radius:24px;padding:0 13px;background:#090d11}#portfolio-projects input,#portfolio-projects select{width:100%;min-width:0;background:0 0;color:#fff;border:0;outline:none;font-size:12px}#portfolio-projects input::placeholder{color:#ddd}#portfolio-projects select option{background:#10151b;color:#fff}#portfolio-projects .pp-searchbtn{border:0;border-radius:50%;background:var(--accent);color:#fff;font-size:22px;cursor:pointer}#portfolio-projects .pp-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;font-size:11px;color:#bbb}#portfolio-projects .pp-grid,#portfolio-projects .pp-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}#portfolio-projects .pp-card{position:relative;min-width:0;aspect-ratio:1.42;overflow:hidden;border:1px solid #30363c;border-radius:7px;background:#141a20}#portfolio-projects .pp-image{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .45s;cursor:default}#portfolio-projects .pp-card:hover .pp-image{transform:scale(1.05)}#portfolio-projects .pp-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.88),transparent 65%);pointer-events:none}#portfolio-projects .pp-caption{position:absolute;z-index:2;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px}#portfolio-projects .pp-caption h3{color:#fff;font:normal 18px Georgia,serif;margin:0;overflow-wrap:anywhere}#portfolio-projects .pp-arrow{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border:1px solid var(--accent);border-radius:50%;color:#fff;text-decoration:none;font-size:18px;transition:background .2s}#portfolio-projects .pp-arrow:hover{background:var(--accent)}#portfolio-projects .pp-zoom{position:absolute;z-index:3;top:11px;right:11px;width:36px;height:36px;border:1px solid #ffffffa6;border-radius:50%;background:#0008;color:#fff;font-size:20px;cursor:zoom-in}#portfolio-projects .pp-zoom:hover{background:var(--accent)}#portfolio-projects .pp-loadwrap{text-align:center;padding:28px 0}#portfolio-projects .pp-loadwrap[hidden]{display:none!important}#portfolio-projects .pp-load{padding:12px 24px;border:1px solid var(--accent);border-radius:25px;background:0 0;color:#fff;cursor:pointer}#portfolio-projects .pp-load:hover{background:var(--accent)}#portfolio-projects .pp-empty{grid-column:1/-1;text-align:center;padding:40px 10px;color:#bbb}#portfolio-projects .pp-project-gallery{margin-top:24px}#portfolio-projects .pp-gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px;margin-bottom:20px;border:1px solid #363d45;border-left:3px solid var(--accent);border-radius:10px;background:#10151b}#portfolio-projects .pp-gallery-title{margin:0;color:#fff;font:normal clamp(22px,3vw,30px)/1.3 Georgia,serif;overflow-wrap:anywhere}#portfolio-projects .pp-gallery-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}#portfolio-projects .pp-gallery-details{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--accent);border-radius:50%;background:0 0;color:#fff;text-decoration:none;font-size:22px}#portfolio-projects .pp-gallery-details:hover{background:var(--accent)}#portfolio-projects .pp-gallery-back{padding:10px 14px;border:1px solid #555e68;border-radius:22px;background:0 0;color:#fff;cursor:pointer;font-size:12px}#portfolio-projects .pp-gallery-back:hover{border-color:var(--accent);background:var(--accent)}#portfolio-projects .pp-gallery-count{font-size:12px;color:#bbb;margin:0 0 15px}#portfolio-projects .pp-gallery-item{position:relative;min-width:0;aspect-ratio:1.2;overflow:hidden;border:1px solid #30363c;border-radius:6px;background:#141a20}#portfolio-projects .pp-gallery-item img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in;transition:transform .35s}#portfolio-projects .pp-gallery-item:hover img{transform:scale(1.035)}#portfolio-projects .pp-lightbox{position:fixed;z-index:999999;inset:0;background:#000e;display:none;align-items:center;justify-content:center;padding:45px 15px}#portfolio-projects .pp-lightbox.open{display:flex}#portfolio-projects .pp-lightbox img{max-width:95%;max-height:85vh;object-fit:contain}#portfolio-projects .pp-close{position:absolute;top:12px;right:20px;background:0 0;color:#fff;border:0;font-size:38px;cursor:pointer}#portfolio-projects .pp-hidden{display:none!important}#portfolio-projects .pp-gallery-loading{grid-column:1/-1;text-align:center;padding:35px 10px;color:#bbb}@media(max-width:1100px){#portfolio-projects .pp-filters{grid-template-columns:repeat(3,minmax(0,1fr))}#portfolio-projects .pp-searchbtn{min-height:40px;border-radius:24px}}@media(max-width:600px){#portfolio-projects .pp-wrap{width:calc(100% - 28px)}#portfolio-projects .pp-hero{min-height:300px;padding:45px 0;background-position:center}#portfolio-projects h2{font-size:38px}#portfolio-projects .pp-script{font-size:41px}#portfolio-projects .pp-filters{padding:9px;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}#portfolio-projects .pp-field{padding:0 9px}#portfolio-projects .pp-grid,#portfolio-projects .pp-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}#portfolio-projects .pp-card{aspect-ratio:.9}#portfolio-projects .pp-caption{padding:9px}#portfolio-projects .pp-caption h3{font-size:14px}#portfolio-projects .pp-arrow{width:27px;height:27px;flex-basis:27px}#portfolio-projects .pp-zoom{width:30px;height:30px;top:7px;right:7px}#portfolio-projects .pp-gallery-item{aspect-ratio:.95}#portfolio-projects .pp-gallery-heading{padding:11px;gap:8px}#portfolio-projects .pp-gallery-title{font-size:20px}#portfolio-projects .pp-gallery-actions{gap:6px}#portfolio-projects .pp-gallery-details{width:34px;height:34px}#portfolio-projects .pp-gallery-back{padding:9px 10px;font-size:11px}}#portfolio-projects .pp-gallery-item .pp-caption,#portfolio-projects .pp-gallery-item .pp-arrow{display:none !important}