/* Same gapless image-led masonry as the Packaging collection. */
body.has-packaging-categories .industry-browser{display:block!important;padding-block:28px}
body.has-packaging-categories .industry-boxes{display:flex;flex-wrap:wrap;gap:12px 24px}
.packaging-category-link{display:inline-flex;align-items:center;min-height:44px;padding:8px 4px;color:#b9b3bf;font:500 14px/1.5 'DM Sans',sans-serif;text-decoration:none}
.packaging-category-link:hover,.packaging-category-link[aria-current=page]{color:#ff9b63}
.packaging-category-link:focus-visible{outline:2px solid #ff9b63;outline-offset:4px}
body.has-guideline-categories .industry-browser{display:block!important;padding-block:36px}
body.has-guideline-categories .industry-boxes{display:flex;flex-wrap:wrap;gap:12px 24px}
body.has-guideline-categories .industry-box{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;min-width:0;min-height:44px;padding:8px 4px;border:0;border-radius:0;background:none;box-shadow:none;text-decoration:none;font:500 14px/1.5 'DM Sans',sans-serif;color:#b9b3bf;transform:none}
body.has-guideline-categories .industry-box strong{font:inherit}
body.has-guideline-categories .industry-box::before,body.has-guideline-categories .industry-box::after{display:none}
body.has-guideline-categories .industry-box:hover,body.has-guideline-categories .industry-box[aria-current="page"]{background:none;box-shadow:none;color:#ff9b63;transform:none}
body.has-guideline-categories .industry-box:focus-visible{outline:2px solid #ff9b63;outline-offset:4px}
body.has-guideline-categories .industry-box small{font-size:11px;white-space:nowrap}
.copy-guideline-category{min-height:44px;margin-top:18px;padding:12px 18px;border:1px solid #8c8198;border-radius:999px;background:#19151f;color:#fff;font:600 13px/1.4 Arial,sans-serif;cursor:pointer}
.copy-guideline-category:focus-visible{outline:3px solid #ff9b63;outline-offset:3px}
body.has-framed-gallery .guideline-grid{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:none;gap:0;align-items:start}
body.has-framed-gallery .pulp-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1px;gap:0;align-items:start;min-width:0}
body.has-framed-gallery .guideline-grid .collection-card{min-width:0;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
body.has-framed-gallery .guideline-grid .card-cover{aspect-ratio:auto;min-height:0;padding:0;background:none;overflow:hidden;border:0;border-radius:0}
body.has-framed-gallery .guideline-grid .card-cover::before{display:none}
body.has-framed-gallery .guideline-grid .card-cover img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;transform:none;filter:none}
body.has-framed-gallery .guideline-grid .collection-card:hover img{transform:none;filter:none}
body.has-framed-gallery .collection-card:nth-child(6n+1){--social-mat:#bcc9ce}
body.has-framed-gallery .collection-card:nth-child(6n+2){--social-mat:#e5c3ad}
body.has-framed-gallery .collection-card:nth-child(6n+3){--social-mat:#bbcec0}
body.has-framed-gallery .collection-card:nth-child(6n+4){--social-mat:#b7c4dd}
body.has-framed-gallery .collection-card:nth-child(6n+5){--social-mat:#d9bdcc}
body.has-framed-gallery .collection-card:nth-child(6n+6){--social-mat:#cbd0ad}
body.has-framed-gallery .design-open{display:block;position:relative;box-sizing:border-box;padding:clamp(10px,1.2vw,18px);background:var(--social-mat,#bcc9ce);border:1px solid rgba(8,8,12,.18)}
body.has-framed-gallery .curated-project-name{position:absolute;z-index:2;left:18px;top:18px;max-width:85%;padding:9px 12px;margin:0;pointer-events:none;background:#08080ce6;color:#fff;font:600 16px/1.4 "DM Sans",sans-serif;opacity:0;transition:opacity .15s}
body.has-framed-gallery .design-open:hover .curated-project-name,body.has-framed-gallery .design-open:focus-visible .curated-project-name{opacity:1}
body.has-framed-gallery .guideline-grid .card-cover::after{content:"View project ↗";position:absolute;inset:auto 18px 18px auto;padding:14px 20px;border-radius:999px;background:#08080ced;color:#fff;font:600 13px/1.2 "DM Sans",sans-serif;opacity:1;transform:none;pointer-events:none}
/* Reuse collection.css's packaging-style VIEW PROJECT overlay at bottom-right. */
body.has-framed-gallery .design-open:focus-visible .card-cover::after{opacity:1;transform:none}
@media(hover:none){body.has-framed-gallery .card-cover::after{opacity:1;transform:none}}
body.has-framed-gallery .design-open:focus-visible{outline:3px solid #08080c;outline-offset:-4px}
@media(max-width:760px){body.has-framed-gallery .pulp-project-grid{display:flex;flex-direction:column;gap:0}body.has-framed-gallery .collection-card{width:100%}}
@media(prefers-reduced-motion:reduce){body.has-framed-gallery .curated-project-name{transition:none}}

/* Social-only editorial masonry: native artwork proportions, monochrome idle. */
body.has-social-projects #project-grid.glass-grid{display:grid;width:100%;max-width:none;row-gap:0}
body.has-social-projects #project-grid .glass-card{opacity:1;transform:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:none}
body.has-social-projects #project-grid .glass-card figure{margin:0}
body.has-social-projects .pulp-project-grid{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:8px}
body.has-social-projects .design-open{padding:0;border:0;background:#101014}
body.has-social-projects .guideline-grid .card-cover{aspect-ratio:var(--social-cover-ratio,3/4)}
body.has-social-projects .collection-card:nth-child(5n+1){--social-cover-ratio:3/4}
body.has-social-projects .collection-card:nth-child(5n+2){--social-cover-ratio:4/5}
body.has-social-projects .collection-card:nth-child(5n+3){--social-cover-ratio:9/10}
body.has-social-projects .collection-card:nth-child(5n+4){--social-cover-ratio:2/3}
body.has-social-projects .collection-card:nth-child(5n+5){--social-cover-ratio:5/6}
body.has-guideline-categories .collection-card:nth-child(5n+1){--social-cover-ratio:4/3}
body.has-guideline-categories .collection-card:nth-child(5n+2){--social-cover-ratio:1/1}
body.has-guideline-categories .collection-card:nth-child(5n+3){--social-cover-ratio:3/2}
body.has-guideline-categories .collection-card:nth-child(5n+4){--social-cover-ratio:5/4}
body.has-guideline-categories .collection-card:nth-child(5n+5){--social-cover-ratio:6/5}
body.has-social-projects .guideline-grid .card-cover img{height:100%;object-fit:cover}
body.has-guideline-categories .guideline-grid .card-cover img{object-fit:contain}
/* Web covers are landscape artwork: retain the complete composition in both galleries. */
body.has-social-projects[data-field="web"] .guideline-grid .card-cover{aspect-ratio:auto}
body.has-social-projects[data-field="web"] .guideline-grid .card-cover img{height:auto;object-fit:contain}
body.has-social-projects .guideline-grid .collection-card{padding-bottom:8px}
body.has-social-projects .guideline-grid .card-cover img{filter:grayscale(1);transition:filter .4s ease,transform .55s ease}
body.has-social-projects .guideline-grid .design-open:hover img,body.has-social-projects .guideline-grid .design-open:focus-visible img{filter:grayscale(0);transform:scale(1.025)}
body.has-social-projects .curated-project-name{left:10px;top:10px;font-size:13px;max-width:calc(100% - 20px)}
body.has-social-projects .guideline-grid .card-cover::after{inset:auto 10px 10px auto;padding:12px 14px;font-size:11px;opacity:0;transition:opacity .25s ease}
body.has-social-projects .design-open:hover .card-cover::after,body.has-social-projects .design-open:focus-visible .card-cover::after{opacity:1}
body.has-social-projects .design-open:focus-visible{outline:3px solid #ff784e;outline-offset:-3px}
@media(min-width:761px) and (max-width:1100px){body.has-social-projects .pulp-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){body.has-social-projects .pulp-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1px;column-gap:8px}body.has-social-projects .guideline-grid .card-cover::after{opacity:1}}
@media(hover:none){body.has-social-projects .guideline-grid .card-cover img{filter:none}body.has-social-projects .guideline-grid .card-cover::after{opacity:1}}
@media(prefers-reduced-motion:reduce){body.has-social-projects .guideline-grid .card-cover img,body.has-social-projects .guideline-grid .card-cover::after{transition:none}body.has-social-projects .guideline-grid .design-open:hover img{transform:none}}