.portfolio{max-width:1280px;margin:auto}.portfolio-heading{max-width:780px;padding:28px 0 36px}.portfolio-heading h1{font-size:clamp(40px,6vw,76px);margin:12px 0}.portfolio-credit,.portfolio-count{color:#aab0b7;font-size:14px}.portfolio-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.portfolio-filters button,.portfolio-views button{border:1px solid #38403a;background:transparent;color:#eee;border-radius:30px;padding:10px 18px;cursor:pointer;font:inherit}.portfolio-filters button[aria-pressed=true]{background:#d6f765;color:#111;border-color:#d6f765}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px;margin-top:26px}.portfolio-card[hidden]{display:none}.portfolio-image{border:0;padding:0;width:100%;display:block;background:#16181a;cursor:zoom-in;border-radius:12px;overflow:hidden}.portfolio-image img{width:100%;height:auto;display:block;transition:transform .3s}.portfolio-image:hover img{transform:scale(1.02)}.portfolio-copy{padding:20px 4px}.portfolio-copy span{color:#d6f765;font-size:12px;letter-spacing:1px}.portfolio-copy h2{font-size:23px;margin:7px 0 10px}.portfolio-copy p{color:#adb1b6;line-height:1.7;font-size:15px}.portfolio-views{display:flex;gap:8px;margin-top:12px}.portfolio-views button{font-size:13px;padding:7px 12px}.portfolio-end{border-top:1px solid #333;margin-top:36px;padding-top:30px;color:#aab0b7}.portfolio-end a{display:inline-block;margin:14px 20px 0 0}.portfolio-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.portfolio-preview-grid a{text-decoration:none}.portfolio-preview-grid img{width:100%;height:auto;display:block;border-radius:12px}.portfolio-preview-grid h3{margin-top:16px}.portfolio-lightbox{padding:20px;background:#111;border:1px solid #444;color:white;max-width:min(94vw,920px);max-height:96vh;border-radius:12px}.portfolio-lightbox::backdrop{background:rgba(0,0,0,.88)}.portfolio-lightbox img{display:block;max-width:100%;max-height:80vh;width:auto;height:auto;margin:auto}.portfolio-lightbox p{text-align:center;margin:12px 0 0}.portfolio-close{position:absolute;right:12px;top:12px;background:#111d;color:white;border:1px solid #888;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:20px}.portfolio-image:focus-visible,.portfolio-filters button:focus-visible,.portfolio-views button:focus-visible,.portfolio-close:focus-visible{outline:3px solid #d6f765;outline-offset:4px}@media(max-width:900px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-preview-grid{gap:14px}}@media(max-width:600px){.portfolio-heading{padding-top:8px}.portfolio-grid{grid-template-columns:1fr;gap:26px}.portfolio-preview-grid{grid-template-columns:1fr}.portfolio-filters{gap:7px}.portfolio-filters button{font-size:14px;padding:9px 14px}.portfolio-copy{padding-top:16px}.portfolio-heading .lead{font-size:20px}}
.portfolio-photo{position:relative;display:block;line-height:0}.portfolio-photo::after{content:'CARD CASES';position:absolute;left:50%;top:60%;transform:translate(-50%,-50%) rotate(-12deg);z-index:1;pointer-events:none;white-space:nowrap;line-height:1.2;font-family:Arial,sans-serif;font-size:clamp(14px,1.6vw,24px);font-weight:900;letter-spacing:2px;color:rgba(255,255,255,.65);text-shadow:0 1px 3px rgba(0,0,0,.65);padding:6px 10px;border:1px solid rgba(255,255,255,.35);border-radius:3px;background:rgba(0,0,0,.12)}.portfolio-lightbox .portfolio-photo{width:fit-content;margin:auto}.portfolio-lightbox .portfolio-photo::after{font-size:clamp(16px,2vw,28px)}