/* Cards use the same Framer component, typography and motion as the home grid. */
#hubsync-main .case-more,#norvana-main .case-more,#happy-main .case-more,#pinata-main .case-more{display:flex;flex-direction:column;align-items:stretch;gap:40px;width:100%;max-width:1440px;box-sizing:border-box;margin:0;padding:100px;overflow:visible}
.case-more h2{margin:0}
.case-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 24px;width:100%;align-items:start}
.case-more-card{min-width:0;width:100%;height:624px;position:relative}
@media(max-width:1439px){
 #hubsync-main .case-more,#norvana-main .case-more,#happy-main .case-more,#pinata-main .case-more{padding:80px 48px}
}
@media(max-width:1199px){
 #hubsync-main .case-more,#norvana-main .case-more,#happy-main .case-more,#pinata-main .case-more{padding:64px 40px}
 .case-more-grid{gap:40px 24px}
 .case-more-card{height:auto}
}
@media(max-width:699px){
 #hubsync-main .case-more,#norvana-main .case-more,#happy-main .case-more,#pinata-main .case-more{padding:48px 20px 64px;gap:28px}
 .case-more h2[data-text-style]{--type-size:32px;--type-leading:1.3}
 .case-more-grid{grid-template-columns:minmax(0,1fr);gap:32px}
}