/* The product is the evidence. Keep its full screen and explain the contribution. */
.project-proof{margin:26px 0 30px;min-width:0}
.proof-image{position:relative;display:block;background:#fff;border:1px solid #dfe1d9;color:#181817;overflow:hidden;cursor:zoom-in}
.proof-image img{display:block;width:100%;height:auto;object-fit:contain}
.proof-expand{position:absolute;bottom:10px;right:10px;display:grid;place-items:center;width:36px;height:36px;background:#f7f7f2;color:#2849ee;border:1px solid #c9cbc1;font-size:22px;transition:background .15s,color .15s}
.proof-image:hover .proof-expand{background:#2849ee;color:#fff}
.project-proof figcaption{display:flex;flex-direction:column;gap:6px;margin-top:13px;font-size:13px;line-height:1.55;color:var(--quiet,#55574e);max-width:62ch}
.project-proof figcaption strong{font-size:14px;font-weight:600;color:var(--ink,#181817)}
.project-proof figcaption small{font-size:11px;line-height:1.5;margin-top:2px}
.feature-project .proof-image{aspect-ratio:16/10;display:flex;align-items:center}
.feature-project .proof-image img{height:100%;object-fit:contain;max-height:100%}
.home-page .supporting-projects .project{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:52px;padding-block:40px;align-items:center}
.supporting-projects .project>.project-proof{margin:0}
.supporting-projects .project-summary{min-width:0}
.supporting-projects .project-summary h3{margin:0 0 20px}
.supporting-projects .project-summary>p:not(.project-role){font-size:16px;line-height:1.65;margin:0 0 18px}
.supporting-projects .project-summary>.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.supporting-projects .proof-image{aspect-ratio:4/3;display:flex;align-items:center}
.supporting-projects .proof-image img{max-height:100%}
.story-proof-stack{margin-top:32px}
.story-proof-stack .project-proof{margin:0 0 32px}
.stories-page .earlier-grid .project-proof{margin:24px 0}
.stories-page .earlier-grid .project-proof figcaption,.stories-page .earlier-grid .project-proof figcaption strong{color:var(--paper)}
.stories-page .earlier-grid .project-proof figcaption small{color:#e0e6ff}
.translatly-proof{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:start;margin-top:24px}
.translatly-proof .proof-image{padding:16px}
.proof-credit{border:0;margin-top:12px;font-size:11px;line-height:1.6}
.proof-credit summary{font-size:11px;min-height:44px;padding:10px 0;cursor:pointer}
.proof-credit div{padding-bottom:12px;max-width:65ch}
.proof-dialog{background:var(--paper,#f7f7f2);color:#181817;border:0;padding:20px;width:min(1440px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 32px);box-sizing:border-box;overflow:auto}
.proof-dialog::backdrop{background:#111b}
.proof-dialog-header{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:16px}
.proof-dialog-header h2{font-family:DM,Arial,sans-serif;font-size:20px;line-height:1.3;font-weight:600;margin:0}
.proof-dialog button{font:inherit;cursor:pointer;border:1px solid #c9cbc1;background:transparent;color:#181817;min-height:44px;min-width:44px;padding:8px 12px}
.proof-dialog-image{display:block;max-width:100%;width:auto;height:auto;max-height:calc(100dvh - 260px);object-fit:contain;margin:0 auto;background:white}
.proof-dialog-caption{font-size:14px;line-height:1.55;margin:15px 0 0;max-width:95ch}
.proof-dialog-source{font-size:12px;color:#55574e;margin:6px 0 0}
.proof-dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;font-size:13px}
@media(max-width:850px){.home-page .supporting-projects .project{gap:30px}.translatly-proof{gap:30px}}
@media(max-width:700px){.home-page .supporting-projects .project{display:flex;flex-direction:column;align-items:stretch;gap:25px;padding-block:30px}.supporting-projects .project-summary{order:-1}.supporting-projects .project-summary h3{margin-bottom:15px}.supporting-projects .project-summary>p:not(.project-role){font-size:15px}.project-proof figcaption{font-size:12px}.project-proof figcaption strong{font-size:13px}.story-proof-stack{margin-top:25px}.translatly-proof{grid-template-columns:1fr;gap:8px;margin-top:24px}.proof-dialog{width:calc(100vw - 16px);padding:14px;max-height:calc(100dvh - 16px)}.proof-dialog-header{gap:12px}.proof-dialog-header h2{font-size:16px}.proof-dialog-image{max-height:calc(100dvh - 300px)}.proof-dialog-caption{font-size:12px}.proof-dialog-source{font-size:11px}.proof-dialog-footer{margin-top:12px}.proof-expand{width:30px;height:30px;font-size:19px}}
@media(prefers-reduced-motion:reduce){.proof-expand{transition:none}}
/* Client review: lead with the assignment, keep extra interface detail optional. */
.company-preview .proof-image{aspect-ratio:auto!important;cursor:pointer}
.company-preview .proof-image img{width:100%;max-height:none}
.company-preview figcaption small a{display:inline-flex;align-items:center;min-height:44px;color:var(--blue);font-size:13px;font-weight:600}
.stories-page .case-heading .case-intro{font-size:19px;line-height:1.5;letter-spacing:-.25px;max-width:38ch;margin:0 0 22px}
.more-product-views{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0 0}
.more-product-views summary{font-size:14px;line-height:1.5;font-weight:500;cursor:pointer;min-height:48px;padding:15px 26px 15px 0;position:relative;list-style:none}
.more-product-views summary::-webkit-details-marker{display:none}
.more-product-views summary:after{content:'+';position:absolute;right:2px;top:13px;font-size:20px}
.more-product-views[open] summary:after{content:'−'}
.more-product-views .project-proof{margin:6px 0 24px}
.home-page .supporting-projects .proof-image:not(.company-preview .proof-image){aspect-ratio:auto}
.home-page .supporting-projects .proof-image img{max-height:none}
.feature-project .project-subtitle{min-height:2.6em}
.stories-page .story-index-detail{max-width:100%;white-space:normal;overflow-wrap:normal}
@media(max-width:700px){.stories-page .case-heading .case-intro{font-size:17px;margin-bottom:20px}.feature-project .project-subtitle{min-height:0}.more-product-views summary{font-size:13px}}

/* A single Translatly product visual after removal of the architecture diagram. */
.translatly-proof:has(> :only-child){grid-template-columns:minmax(0,1fr);max-width:580px}