/* Original fictional design samples: no client project screenshots. */
.print-reference-grid .print-visual{height:465px;padding:16px;background:#efefe8;align-items:start}.print-reference-grid .print-visual img,.print-reference-grid .reference-card:nth-child(1) .print-visual img,.print-reference-grid .reference-card:nth-child(2) .print-visual img,.print-reference-grid .reference-card:nth-child(3) .print-visual img{width:100%;height:100%;object-fit:contain;object-position:top;box-shadow:none;background:transparent}.reference-open .reference-visual>img{object-fit:cover;object-position:top}.portfolio-detail>img{max-width:100%;height:auto;background:#f7f7f1}.banner-strip>.original-banner{position:relative;aspect-ratio:1;overflow:hidden;box-shadow:0 8px 20px #111f3015;background:var(--ink);border-radius:2px}.original-banner>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover;object-position:top;transform:none!important;opacity:.86;box-shadow:none!important;aspect-ratio:1!important}.original-banner>div{position:absolute;left:0;right:0;bottom:0;padding:12px;background:linear-gradient(transparent,#111f30e8 20%);color:white;padding-top:30px}.original-banner small{font:500 5px Arial;letter-spacing:.15em;display:block;margin-bottom:7px;color:#e4e9df}.original-banner b{font-size:14px;line-height:1.5;display:block;letter-spacing:-.04em}.original-banner span{font-size:7px;display:table;background:var(--yellow);color:var(--ink);padding:2px 5px;margin-top:9px}.banner-strip>.original-banner:nth-child(1){transform:rotate(-4deg)}.banner-strip>.original-banner:nth-child(2){transform:translateY(-12px) rotate(2deg)}.banner-strip>.original-banner:nth-child(3){transform:rotate(-1deg)}.original-banner-note{grid-column:span 2;display:block;font-size:8px;color:var(--muted);margin-top:-14px}.reference-card .work-meta small{letter-spacing:.04em}.portfolio-editorial-heading>.eyebrow{letter-spacing:.1em}.deliverable-screen>img{object-fit:cover;object-position:top}.output-browser>img{object-fit:cover;object-position:top}.output-mobile>img{height:auto;object-fit:contain}
@media(max-width:1000px){.print-reference-grid .print-visual{height:390px;padding:12px}.original-banner b{font-size:12px}.original-banner>div{padding:10px;padding-top:24px}}
@media(max-width:720px){.print-reference-grid .print-visual{height:auto;aspect-ratio:2/3;padding:12px}.print-reference-grid .print-visual img,.print-reference-grid .reference-card:nth-child(1) .print-visual img,.print-reference-grid .reference-card:nth-child(2) .print-visual img,.print-reference-grid .reference-card:nth-child(3) .print-visual img{width:100%;height:100%;object-fit:contain;object-position:top}.original-banner>div{padding:7px;padding-top:21px}.original-banner small{font-size:4px;margin-bottom:4px}.original-banner b{font-size:10px;line-height:1.5}.original-banner span{font-size:5px;padding:1px 4px;margin-top:5px}.banner-strip>.original-banner:nth-child(2){transform:translateY(-8px) rotate(2deg)}.original-banner-note{grid-column:auto;font-size:7px;margin-top:-7px}.reference-card .zoom-label{font-size:10px}.reference-card .work-meta small{font-size:8px}}