/* Editorial client cards and clean social mockups, following the supplied references. */
.jg-reference-card{display:grid;grid-template-columns:minmax(140px,.85fr) minmax(0,2fr);align-items:center;gap:12px;background:#b8d0db;padding:26px 20px;border-radius:6px;overflow:hidden;min-width:0}
.jg-reference-card.fpp{background:linear-gradient(135deg,#b4cbed,#a6bedc)}
.jg-reference-card .jg-project-description{display:flex;flex-direction:column;justify-content:flex-start;align-self:stretch;gap:0;min-height:0;padding:0;position:relative;z-index:3}
.jg-reference-card .jg-project-description h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,2.7vw,42px);font-weight:400;line-height:1.05;letter-spacing:-.025em;margin:18px 0 20px;overflow-wrap:normal}
.jg-reference-card .jg-project-description h3:after{content:'';display:block;width:32px;height:1px;background:#658399;margin-top:20px}
.jg-reference-card .jg-project-description p{font-size:14px!important;line-height:1.5;margin:0 0 12px}
.jg-reference-card .jg-project-description .jg-label{font-size:12px!important;line-height:1.5;letter-spacing:.12em;margin:0}
.jg-reference-card .jg-text-link{font-size:14px;margin-top:14px;line-height:1.5}
.jg-reference-card .jg-phone-stage{height:auto;min-height:430px;background:none;padding:12px 0;gap:8px;overflow:visible;align-items:center;min-width:0}
.jg-reference-card .jg-phone{width:calc((100% - 8px)/2);flex:0 0 calc((100% - 8px)/2);min-width:0;border-radius:28px;padding:4px}
.jg-reference-card .jg-phone-screen{border-radius:22px}
.jg-reference-card .jg-phone-top{padding-inline:8px;font-size:10px}
.jg-reference-card .jg-phone-top i{width:42%;height:13px}
.jg-reference-card .jg-social-header{padding:5px;gap:4px;min-height:38px}
.jg-reference-card .jg-social-header>span:nth-child(2){font-size:10px;line-height:1.2}
.jg-reference-card .jg-social-avatar{width:25px;height:25px;flex-basis:25px}
.jg-reference-card .jg-social-footer{padding:8px 7px 5px}
.jg-reference-card .jg-social-footer p{font-size:12px!important;line-height:1.3;margin:7px 0 0}
.jg-reference-card .jg-social-footer small{font-size:12px;line-height:1.3}
.jg-reference-card .jg-social-footer>div{font-size:20px;gap:10px}
.jg-page .jg-concept .mark-concept{display:none}
.jg-page .jg-concept-phone{min-height:0;padding:24px 16px;background:#b1cbdc;overflow:hidden}
.jg-page .jg-concept-phone .jg-phone{width:min(100%,300px);flex:0 1 300px}
.jg-page .jg-concept-phone .jg-social-footer{padding:12px 14px}
.jg-page .jg-concept-phone .jg-social-footer p{margin:8px 0 0;font-size:14px}
.jg-page .jg-concept-phone .jg-social-footer small{font-size:14px;font-weight:400}
.jg-page .jg-phone-art{transform:none!important}
.jg-reference-card:focus-visible{outline:3px solid #164a73;outline-offset:5px}
@media(min-width:761px) and (max-width:1200px){.jg-project-grid{grid-template-columns:1fr}.jg-reference-card{grid-template-columns:minmax(160px,1fr) minmax(0,2fr);padding:28px;gap:28px}.jg-reference-card .jg-phone{max-width:240px}.jg-reference-card .jg-project-description h3{font-size:42px}.jg-reference-card .jg-social-header>span:nth-child(2){font-size:12px}}
@media(max-width:760px){.jg-reference-card{grid-template-columns:1fr;padding:24px 18px;gap:20px}.jg-reference-card .jg-project-description h3{font-size:34px;margin:12px 0}.jg-reference-card .jg-project-description h3:after{margin-top:14px}.jg-reference-card .jg-phone-stage{min-height:0;padding:10px 0 14px;gap:10px}.jg-reference-card .jg-phone-stage .jg-phone{width:calc((100% - 10px)/2);flex-basis:calc((100% - 10px)/2);max-width:230px}.jg-reference-card .jg-phone-stage .jg-phone-secondary{display:block}.jg-page .jg-concept-phone{padding:24px 20px}.jg-page .jg-concept-phone .jg-phone{width:min(100%,300px);flex-basis:300px}}