.creative-portfolio-section{background:#F8F4FB;border-top:1px solid #E9E9EC;margin-top:72px}
.creative-filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}
.creative-filter{display:flex;align-items:center;gap:14px;border:1px solid #DDC9EA;border-radius:999px;background:white;padding:12px 18px;font:500 14px var(--f-sans);color:#55515B;cursor:pointer;min-height:44px}
.creative-filter span{font:12px var(--f-mono);opacity:.7}.creative-filter.active{background:#4F1F78;border-color:#4F1F78;color:white}.creative-filter:hover:not(.active){background:#EEE2F6}
.creative-portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.creative-project .project-media{aspect-ratio:1;background:white;padding:20px}
.creative-project .project-media img{width:100%;height:100%;object-fit:contain;object-position:center}
.creative-project .project-caption{padding:22px;gap:14px}.creative-project .project-headline{font-size:26px;line-height:1.2}.creative-project .project-tag{font-size:12px;line-height:1.6}.creative-project .project-view{font-size:14px}
.creative-project.listing-project{grid-column:span 2}.creative-project.packaging-project{grid-column:span 2}
.creative-project.listing-project .project-media{aspect-ratio:1.25;padding:16px}.creative-project.packaging-project .project-media{aspect-ratio:2;padding:12px}
.creative-project.listing-project .project-caption,.creative-project.packaging-project .project-caption{padding:26px}.creative-project.listing-project .project-headline,.creative-project.packaging-project .project-headline{font-size:30px}
.creative-portfolio-status{font-size:14px;color:#6F6F73;margin-top:24px}
.portfolio-detail-gallery{display:flex;flex-direction:column;gap:32px}.portfolio-detail-image{margin:0;padding:20px;background:#FCFAFE;border:1px solid #E9E9EC;border-radius:14px}.portfolio-detail-image img{display:block;width:100%;height:auto;object-fit:contain}.portfolio-detail-image figcaption{font-size:14px;color:#6F6F73;line-height:1.6;margin:16px 0 10px}.portfolio-detail-image>a{font-size:14px;color:#4F1F78;text-decoration:underline;text-underline-offset:4px}
.portfolio-creative-dialog .dialog-content{overflow-wrap:break-word}
.creative-filter:focus-visible{outline:3px solid #B58ADA;outline-offset:4px}
@media(max-width:1100px){.creative-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creative-project.listing-project,.creative-project.packaging-project{grid-column:auto}.creative-project.packaging-project .project-media{aspect-ratio:1.25}.creative-project .project-caption{padding:24px}}
@media(max-width:600px){.creative-portfolio-section{margin-top:56px}.creative-portfolio-grid{grid-template-columns:minmax(0,1fr);gap:20px}.creative-project .project-media{padding:16px;aspect-ratio:1.2}.creative-project .project-media img{max-height:340px}.creative-project.listing-project .project-media{aspect-ratio:1}.creative-project.packaging-project .project-media{aspect-ratio:1.6}.creative-project .project-caption,.creative-project.listing-project .project-caption,.creative-project.packaging-project .project-caption{padding:24px 20px}.creative-project .project-headline,.creative-project.listing-project .project-headline,.creative-project.packaging-project .project-headline{font-size:28px}.creative-filter{padding:10px 14px;font-size:14px}.portfolio-detail-image{padding:10px}.portfolio-detail-gallery{gap:24px}}