.example-preview{border-top:1px solid #e9e6df;border-bottom:1px solid #e9e6df;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,88px);margin-top:112px;padding-block:44px;display:grid}.figma-site .example-preview h2{max-width:440px;font:400 clamp(34px, 4vw, 52px)/1.12 var(--font-editorial), Georgia, serif;letter-spacing:-.025em;margin-top:16px}.example-preview-intro>p{color:#62635d;max-width:430px;margin-block:20px;font-size:17px;line-height:1.7}.example-preview-note{background:#faf8f2;border:1px solid #e7e2d7;border-radius:6px 24px 6px 6px;padding:28px 32px}.example-sample-label{letter-spacing:.06em;text-transform:uppercase;color:#706449;font-size:11px;font-weight:500;display:inline-block}.example-preview-note ol{margin-top:20px;padding:0;list-style:none}.example-preview-note li+li{border-top:1px solid #e5e0d5;margin-top:18px;padding-top:18px}.example-preview-note li>span{color:#686a57;font-size:12px}.example-preview-note li>p{color:#323630;margin-top:6px;font-size:16px;line-height:1.55}@media (max-width:767px){.example-preview{grid-template-columns:1fr;gap:26px;margin-top:64px;padding-block:32px}.example-preview-note{padding:24px}}