/* Jottershop customer product photographs, 2026: additive CSS, does not override legacy page styles */
.jotter-photo-showcase { margin: clamp(36px, 5vw, 76px) 0; padding: clamp(24px, 4vw, 48px) 0; border-top: 1px solid #d8dce3; border-bottom: 1px solid #d8dce3; color:#263957; }
.jotter-photo-heading { max-width: 850px; margin: 0 0 26px; }
.jotter-photo-kicker { color:#b65328!important; font-size: .78rem!important; font-weight:750!important; letter-spacing:.14em; text-transform:uppercase; margin:0 0 10px!important; }
.jotter-photo-heading h2 { font-family:var(--display, Georgia, serif); font-size: clamp(1.95rem,3.4vw,3.05rem); line-height:1.15; color:#233d68; margin: 0 0 12px; }
.jotter-photo-heading > p:not(.jotter-photo-kicker) { color:#42546d; line-height:1.7; font-size:1.03rem; margin:0; }
.jotter-photo-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px);align-items:stretch;}
.jotter-photo-grid-4 {grid-template-columns:repeat(4,minmax(0,1fr));}
.jotter-photo-grid-1 {grid-template-columns:minmax(0,1fr);max-width:780px;}
.jotter-photo-card { background:#fff; border:1px solid #dce0e8; border-radius:7px; overflow:hidden; box-shadow:0 5px 24px rgba(24,43,78,.045); display:flex;flex-direction:column;min-width:0;}
.jotter-photo-frame {display:block;background:#f1eee9;overflow:hidden;aspect-ratio:4/3;}
.jotter-photo-frame img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease;}
.jotter-photo-frame:hover img {transform:scale(1.025);}
.jotter-photo-card-content {padding:clamp(16px,1.6vw,23px);display:flex;flex-direction:column;flex:1;}
.jotter-photo-card-content h3 {font-family:var(--display,Georgia,serif);color:#243f6b;font-weight:500;font-size:clamp(1.15rem,1.5vw,1.45rem);line-height:1.22;margin:0 0 9px;}
.jotter-photo-card-content p {color:#455771;font-size:.95rem;line-height:1.65;margin:0 0 18px;}
.jotter-photo-link {font-size:.89rem;font-weight:750;color:#9b421e!important;text-decoration:underline;text-underline-offset:4px;margin-top:auto;align-self:start;}
.jotter-photo-link:hover {color:#253f6c!important;}
.jotter-photo-link:focus-visible,.jotter-photo-frame:focus-visible {outline:3px solid #c65a2e;outline-offset:3px;}
.jotter-photo-note {color:#57677d;font-size:.82rem;line-height:1.65;margin:17px 0 0;}
@media (max-width: 1050px){.jotter-photo-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width: 720px){.jotter-photo-grid,.jotter-photo-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}.jotter-photo-grid-1{grid-template-columns:1fr;}.jotter-photo-frame{aspect-ratio:4/3;}}
@media (max-width: 520px){.jotter-photo-grid,.jotter-photo-grid-4{grid-template-columns:1fr;}.jotter-photo-frame{aspect-ratio:3/2;}.jotter-photo-showcase{margin:36px 0;padding:29px 0;}.jotter-photo-heading h2{font-size:2rem;}}
@media (prefers-reduced-motion:reduce){.jotter-photo-frame img{transition:none;}.jotter-photo-frame:hover img{transform:none;}}