:root{--archive-pad:10px;--archive-margin:clamp(14px,2.4vw,30px)}.design-page{padding:0 var(--archive-margin) var(--archive-margin)}.design-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:0 0 20px;font-size:12px}.design-heading p{margin:0}.design-heading span{color:#bdbdbd}.design-gallery{width:100%;max-width:100%;margin:0;padding:0;background:#000}.justify-row{display:flex;align-items:stretch;width:100%;gap:var(--archive-pad)}.justify-row+.justify-row{margin-top:var(--archive-pad)}.justify-row figure{flex:none;position:relative;margin:0;padding:0;overflow:hidden;background:#0b0b0b}.justify-row figure.is-clickable{cursor:zoom-in}.justify-row img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}.lightbox .nav{position:fixed;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#fff;font-size:46px;line-height:1;padding:0 18px;cursor:pointer;opacity:.7}.lightbox .nav:hover{opacity:1}.lightbox .nav.prev{left:0}.lightbox .nav.next{right:0}.design-source{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;padding:42px 0 15px;font-size:12px}.design-source p{margin:0;color:#bdbdbd}.design-source a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}.lightbox figcaption{position:fixed;left:0;right:0;bottom:14px;text-align:center;font-size:12px;color:#ddd;padding:0 60px}@media(max-width:899px){:root{--archive-pad:6px;--archive-margin:12px}.design-heading{padding-bottom:14px;font-size:10px}.design-heading span{display:none}.lightbox .nav{font-size:34px;padding:0 10px}.design-source{padding-top:28px;font-size:11px}}