.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:18px;margin:20px 0}.selected-photo,.photo-item{min-width:0;display:flex;flex-direction:column;gap:10px;padding:16px;border:2px solid #161616;background:#fff}.selected-photo img,.photo-item img{width:100%;height:150px;object-fit:contain;margin:0}.selected-photo span{font-size:13px;overflow-wrap:anywhere}.selected-photo input,.selected-photo select{width:100%;padding:10px;font:inherit;border:1px solid #555}.selected-photo button{padding:10px;background:#161616;color:white;border:0;font:inherit;cursor:pointer}.gift-fields{border:2px solid #161616;padding:24px;display:grid;gap:12px}.gift-fields legend{font-weight:900;padding:0 10px}.gift-fields input:not([type=checkbox]),.gift-fields textarea{width:100%;padding:12px;border:1px solid #777;font:inherit}.gift-fields input[type=checkbox]{width:auto}.offer-rule{font-weight:900}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.portfolio-example{border:3px solid #161616;padding:22px;background:#fff}.portfolio-example h3{margin:0 0 8px}.portfolio-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.portfolio-pair figure{margin:0}.portfolio-pair button{display:block;padding:0;border:0;background:none;width:100%;cursor:zoom-in}.portfolio-pair img{width:100%;aspect-ratio:1;object-fit:cover}.portfolio-pair figcaption{font-size:13px;padding:8px 0}.portfolio-cta{display:inline-block;margin-top:15px;background:#ffe135;color:#111;border:2px solid #111;padding:12px 20px;font-weight:900;text-decoration:none}.portfolio-kind{font-size:13px;color:#555}.portfolio-zoom{border:3px solid #161616;padding:20px;width:min(900px,92vw);background:#fff}.portfolio-zoom::backdrop{background:rgba(0,0,0,.8)}.portfolio-zoom img{max-width:100%;max-height:75vh;display:block;margin:auto}.portfolio-zoom button{font:inherit;padding:10px 18px;margin-bottom:14px}@media(max-width:700px){.portfolio-grid{grid-template-columns:1fr}.gift-fields{padding:16px}}

.portfolio-frame{display:block;overflow:hidden;aspect-ratio:1}.portfolio-frame.paired img{width:200%;height:100%;max-width:none;object-fit:fill}.portfolio-frame.paired.after img{transform:translateX(-50%)}.portfolio-grid .portfolio-example h3{font-size:22px}#portfolio{padding:80px max(20px,calc((100vw - 1100px)/2));background:#fff8df}#portfolio h2{font-family:Bangers,system-ui;font-size:clamp(36px,6vw,56px);margin-bottom:30px;letter-spacing:.04em}