.case{grid-template-columns:minmax(0,1fr) minmax(0,.67fr);align-items:center}.case-copy{padding:30px 36px}.case-visual{width:calc(100% - 16px);height:auto;min-height:0;padding:20px 22px;margin:16px 16px 16px 0;gap:13px;align-self:center}.diagram-scene{max-width:430px;min-height:0;margin-inline:auto;aspect-ratio:500/330}.case-button{font-size:15px;line-height:1.5;font-weight:600;margin-top:22px;padding-bottom:5px;gap:8px}.visual-bottom{padding-top:13px}.visual-bottom strong{font-size:25px}.visual-bottom span{font-size:9px}.diagram-note{margin-top:0;font-size:7px}.visual-header{font-size:7px;line-height:1.5}.diagram-label{font-size:8px;padding:5px 6px}.label-1,.label-2{top:17%}.label-3,.label-4{bottom:13%}
@media(min-width:1600px){.case{grid-template-columns:minmax(0,1fr) minmax(0,.64fr)}.case-copy{padding:34px 42px}.case-visual{padding:22px 26px;gap:14px}.case-button{font-size:17px}.diagram-scene{max-width:450px}.visual-header{font-size:8px}.diagram-label{font-size:9px}.visual-bottom strong{font-size:28px}.visual-bottom span{font-size:10px}}
.case .diagram-scene{max-width:375px}
@media(max-width:1050px){.case{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}.case-copy{padding:26px}.case-visual{padding:18px 16px}.diagram-label{font-size:7px}.case-button{font-size:14px}}
@media(max-width:760px){.case{display:flex;align-items:stretch}.case-copy{padding:25px}.case-visual{width:auto;margin:0 12px 12px;min-height:0;padding:20px 16px;gap:15px;align-self:stretch}.diagram-scene{width:100%;max-width:375px;min-height:0}.case-button{font-size:15px}.visual-bottom strong{font-size:24px;white-space:nowrap}.visual-bottom span{font-size:9px}.diagram-label{font-size:7px}.diagram-note{font-size:7px}}
