.port-hero,.port-item,.port-media{overflow:hidden}.empty-state,.lb-caption,.port-hero{text-align:center}:root{--ease-spring:cubic-bezier(0.34, 1.3, 0.64, 1)}.empty-state.show,video{display:block}.port-hero{padding:160px 6% 80px;position:relative}.port-hero-blob{position:absolute;pointer-events:none;border-radius:60% 40% 55% 45%/50% 60% 40% 50%}.filter-bar,.port-hero-inner,.port-item,.port-media{position:relative}.ph-b1{width:500px;height:400px;background:var(--pink-light);top:-100px;right:-100px;opacity:.7;animation:9s ease-in-out infinite morphB1}.ph-b2{width:360px;height:300px;background:var(--lavender);bottom:-60px;left:-80px;opacity:.5;animation:11s ease-in-out infinite morphB2;border-radius:45% 55% 40% 60%/60% 40% 55% 45%}@keyframes morphB1{0%,100%{border-radius:60% 40% 55% 45%/50% 60% 40% 50%}50%{border-radius:45% 55% 50% 50%/55% 45%}}@keyframes morphB2{0%,100%{border-radius:45% 55% 40% 60%/60% 40% 55% 45%}50%{border-radius:55% 45%/45% 55%}}.port-hero-inner{z-index:2}.port-badge{display:inline-flex;align-items:center;gap:8px;background:var(--pink-pale);color:var(--pink-deep);padding:8px 18px;border-radius:100px;font-size:13px;font-weight:700;letter-spacing:.05em;border:1.5px solid var(--pink);margin-bottom:24px;animation:.6s both fadeUp}.filter-btn,.port-item{background:var(--cream2);cursor:none}.port-hero h1{font-family:var(--font-display);font-size:clamp(52px, 8vw, 88px);font-weight:900;line-height:.95;letter-spacing:-2px;margin-bottom:18px;animation:.7s .1s both fadeUp}.port-hero h1 em{font-style:italic;color:var(--pink-deep)}.port-hero p{font-size:17px;color:var(--ink3);max-width:480px;margin:0 auto 48px;line-height:1.7;animation:.7s .2s both fadeUp}.filter-bar{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:64px;animation:.7s .3s both fadeUp;z-index:2}.filter-btn{display:inline-flex;align-items:center;gap:7px;padding:11px 22px;border-radius:100px;font-size:14px;font-weight:600;border:1.5px solid var(--cream3);color:var(--ink2);transition:all .3s var(--ease-spring);font-family:var(--font-body)}.filter-btn .count{font-size:11px;font-weight:700;padding:2px 7px;border-radius:100px;background:var(--cream3);color:var(--ink3);transition:.3s}.filter-btn:hover{border-color:var(--pink);color:var(--pink-deep);transform:translateY(-2px)}.filter-btn.active{background:var(--ink);color:var(--cream);border-color:var(--ink);box-shadow:0 8px 24px rgba(26,16,22,.18)}.filter-btn.active .count{background:rgba(253,246,238,.18);color:var(--cream)}.gallery-section{padding:0 5% 100px}.gallery-grid{columns:4;column-gap:18px}@media (max-width:1200px){.gallery-grid{columns:3}}@media (max-width:900px){.gallery-grid{columns:2}}@media (max-width:540px){.gallery-grid{columns:1}}.port-item{break-inside:avoid;margin-bottom:18px;border-radius:20px 6px;border:1.5px solid var(--cream3);transition:all .4s var(--ease-spring);display:block;animation:.5s both itemIn}.port-item:hover{transform:translateY(-6px) scale(1.01);border-color:var(--pink);box-shadow:0 18px 48px var(--shadow-blob)}.lb-close:hover,.lb-nav:hover{background:var(--pink-deep);border-color:var(--pink-deep)}.port-item.hidden{display:none}@keyframes itemIn{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}.port-media img,.port-media video{width:100%;display:block;transition:transform .5s}.port-item:hover .port-media img{transform:scale(1.04)}.port-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(26,16,22,.72) 0,transparent 60%);opacity:0;transition:opacity .35s;display:flex;align-items:flex-end;padding:18px}.port-item:hover .port-overlay{opacity:1}.port-overlay-icon{width:40px;height:40px;border-radius:50%;background:rgba(253,246,238,.15);backdrop-filter:blur(6px);border:1.5px solid rgba(253,246,238,.3);display:flex;align-items:center;justify-content:center;margin-left:auto}.port-overlay-icon i{font-size:20px;color:var(--cream)}.port-caption{padding:14px 16px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.port-caption-left h3{font-size:14px;font-weight:600;color:var(--ink);line-height:1.3}.port-caption-left p{font-size:12px;color:var(--ink3);margin-top:2px}.port-tag{flex-shrink:0;font-size:10px;font-weight:700;padding:4px 10px;border-radius:100px;letter-spacing:.06em;text-transform:uppercase}.tag-design{background:var(--pink-pale);color:var(--pink-deep);border:1px solid var(--pink)}.tag-video{background:#e0eeff;color:#25a;border:1px solid #a0c0f0}.tag-motion{background:#e0f8ec;color:#206040;border:1px solid #80d0a8}.port-item.video-item{border-radius:6px 20px}.lightbox{position:fixed;inset:0;z-index:200;background:rgba(26,16,22,.9);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;backdrop-filter:blur(8px)}.lightbox.open{opacity:1;pointer-events:all}.lb-inner{max-width:min(90vw,900px);max-height:90vh;position:relative;transform:scale(.92);transition:transform .35s var(--ease-spring)}.lightbox.open .lb-inner{transform:scale(1)}.lb-inner img,.lb-inner video{max-width:100%;max-height:80vh;border-radius:16px;display:block;box-shadow:0 40px 100px rgba(26,16,22,.5)}.lb-caption{color:rgba(253,246,238,.7);font-size:14px;margin-top:16px}.lb-close,.lb-nav{position:fixed;background:rgba(253,246,238,.1);display:flex;cursor:none;color:var(--cream);transition:.25s}.lb-close{top:24px;right:28px;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(253,246,238,.2);align-items:center;justify-content:center}.lb-close:hover{transform:scale(1.1)}.lb-close i,.lb-nav i{font-size:22px}.lb-nav{top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(253,246,238,.2);align-items:center;justify-content:center}.lb-prev{left:20px}.lb-next{right:20px}.empty-state{padding:80px 20px;display:none}.empty-state i{font-size:48px;color:var(--cream3);margin-bottom:16px}.empty-state p{color:var(--ink3);font-size:16px}@media (max-width:768px){.port-hero{padding:130px 5% 60px}}