.branding-body{max-width:1100px;padding:48px 8vw 110px}.branding-lede{max-width:820px;margin:0 0 32px;font-size:18px;line-height:1.6}.branding-lede a,.branding-how a,.branding-fallback a{color:#a84a1d;text-underline-offset:3px;text-decoration:underline}.branding-demo{background:#fff;border:1px solid #dcc9bd;border-radius:18px;overflow:hidden;box-shadow:3px 3px #dedede}.branding-demo-chrome{font:600 13px/1.5 var(--font-montserrat), Montserrat, sans-serif;letter-spacing:.03em;background:#fff1e9;border-bottom:1px solid #dcc9bd;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex}.branding-demo-chrome a{color:#a84a1d;text-underline-offset:3px;text-decoration:underline}.branding-shot{display:block}.branding-shot img{width:100%;height:auto;display:block}.branding-live{border-top:1px solid #dcc9bd}.branding-live summary{cursor:pointer;color:#a84a1d;font:600 14px/1.5 var(--font-montserrat), Montserrat, sans-serif;padding:12px 18px}.branding-frame iframe{border:0;border-top:1px solid #dcc9bd;width:100%;height:820px;display:block}.branding-fallback{color:#303030;margin:0;padding:10px 18px 14px;font-size:14px}.branding-how{max-width:820px;margin-top:44px}.branding-how h2{margin:0 0 12px;font-size:1.5rem}.branding-how p{font-size:17px;line-height:1.6}.branding-how pre{background:#fff1e9;border:1px solid #dcc9bd;border-radius:12px;padding:14px 18px;font-size:13px;line-height:1.5;overflow-x:auto}.branding-links{gap:8px;margin:20px 0 0;padding:0;list-style:none;display:grid}@media (max-width:700px){.branding-frame iframe{height:600px}}