.portfolio-shell{max-width:1200px;margin:0 auto;padding:3rem 2rem 1rem}.portfolio-note{background:var(--bg-secondary);border:1px solid var(--line-color);max-width:640px;color:var(--text-muted);text-align:center;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;margin:0 auto 2rem;padding:.75rem 1.1rem;font-size:.9rem;display:flex}.portfolio-note svg{color:var(--accent-color);flex-shrink:0}.portfolio-filters{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem;display:flex}.portfolio-filters button{border:1px solid var(--line-strong);background:var(--surface-color);color:var(--primary-color);font:inherit;cursor:pointer;border-radius:999px;padding:.5rem 1.1rem;font-size:.9rem;font-weight:600;transition:background .2s,color .2s,border-color .2s}.portfolio-filters button:hover{border-color:var(--accent-color);color:var(--accent-color)}.portfolio-filters button.is-active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;display:grid}.portfolio-tile{aspect-ratio:4/3;background:var(--navy-deep);cursor:zoom-in;width:100%;box-shadow:0 14px 34px var(--shadow-soft);border:none;border-radius:20px;padding:0;display:block;position:relative;overflow:hidden}.portfolio-tile img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.portfolio-tile:hover img,.portfolio-tile:focus-visible img{transform:scale(1.05)}.portfolio-tile:focus-visible{outline:3px solid var(--accent-color);outline-offset:3px}.portfolio-tile-label{color:var(--primary-color);letter-spacing:.04em;background:#fffaf7e6;border-radius:999px;padding:.25rem .7rem;font-size:.75rem;font-weight:700;position:absolute;bottom:.75rem;left:.75rem}.portfolio-cta{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;margin:3rem auto 0;display:flex}.portfolio-lightbox{background:var(--navy-deep);color:#fff;border:none;border-radius:24px;width:min(1100px,94vw);max-width:none;max-height:94vh;margin:auto;padding:0}.portfolio-lightbox::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b1a33d1}.portfolio-lightbox-inner{align-items:center;display:flex;position:relative}.portfolio-lightbox figure{flex:1;margin:0}.portfolio-lightbox figure img{object-fit:contain;width:100%;height:auto;max-height:82vh;display:block}.portfolio-lightbox figcaption{color:#ffffffd9;padding:.9rem 1.25rem 1.1rem;font-size:.95rem}.portfolio-lightbox figcaption span{color:var(--rose-gold)}.portfolio-lightbox-close,.portfolio-lightbox-nav{z-index:2;color:#fff;cursor:pointer;background:#0b1a3399;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute}.portfolio-lightbox-close{top:.75rem;right:.75rem}.portfolio-lightbox-nav{top:45%}.portfolio-lightbox-nav.is-prev{left:.75rem}.portfolio-lightbox-nav.is-next{right:.75rem}.portfolio-lightbox-close:hover,.portfolio-lightbox-nav:hover{background:var(--accent-color);border-color:var(--accent-color)}@media (max-width:1024px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.portfolio-shell{padding:2rem 1rem 0}.portfolio-grid{gap:.6rem}.portfolio-tile{border-radius:14px}.portfolio-tile-label{display:none}}