/* G02 r04: three assets placed in the page; all explanation remains live text. */
.g02-phone{width:min(100%,350px);margin:0 auto}.g02-phone a{display:block}.g02-phone img{display:block;width:100%;height:auto}.g02-phone figcaption{max-width:290px;margin:-12px auto 0;text-align:center}
.g02-pair{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.g02-pair>*{min-width:0}.g02-copy .eyebrow{margin-bottom:14px}.g02-copy h2{max-width:19ch}.g02-copy p{max-width:48ch;color:var(--muted)}.g02-copy .g02-purpose{font-size:20px;line-height:1.5;color:var(--ink);margin-top:24px}.g02-detail{max-width:510px;width:100%;margin:0 auto}.g02-detail a{display:block;border-radius:10px;box-shadow:0 12px 28px #102c3e18;overflow:hidden}.g02-detail img{display:block;width:100%;height:auto}.g02-detail figcaption{margin-top:18px;font-size:13px;line-height:1.6}.g02-example{margin-top:52px;border-top:1px solid var(--line);padding-top:44px}.g02-example .g02-detail{max-width:445px}.g02-example h3{font:32px/1.2 Georgia,serif;max-width:18ch}.g02-example .g02-copy .small{font-size:14px}.g02-example .eyebrow{margin-top:0}.g02-demo{font-size:13px;color:var(--muted)}
@media(max-width:760px){.g02-phone{max-width:320px}.g02-pair{grid-template-columns:1fr;gap:28px}.g02-copy h2{max-width:none}.g02-copy .g02-purpose{font-size:19px}.g02-example{margin-top:34px;padding-top:30px}.g02-example h3{font-size:29px;max-width:none}.g02-detail{max-width:510px}.g02-phone figcaption{max-width:270px}.g02-detail figcaption{margin-top:15px}}