/* CODEMA demo: original forest-green palette, selected restaurant image. */
.brand-name{font-family:"Segoe UI",Arial,sans-serif;font-weight:750;letter-spacing:.08em}.brand-name>span{font-weight:500;letter-spacing:.15em}
.brand-logo,.footer-logo{background:#000;border-radius:50%;object-fit:contain}
.demo-notice{background:#103e2e;color:#fff}
.hero-image.codema-demo-hero{border-radius:32px;background:#e9eee4;overflow:hidden}
.hero-image.codema-demo-hero img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hero-image.codema-demo-hero:after,.codema-demo-hero figcaption{display:none}
.hero h1 em{color:inherit}.hero-copy>.eyebrow,.tiny-leaf{color:#173d32}
.codema-demo-cta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:24px;padding-top:22px;border-top:1px solid #d6dccd;font-size:14px}.codema-demo-cta a{font-weight:700;color:#173d32;text-decoration:underline;text-underline-offset:4px}
.hub .brand-card{background:#123b2d;color:#fff}.hub .brand-card h1{color:#fff}.hub .brand-card>img{background:#000;object-fit:contain}.hub .eyebrow{color:#bed7c5}
.codema-hub{background:#102f23}.codema-hub .hub{background:#f8f6ee}.codema-hub .brand-card>p:last-child{color:#e0ece3}
@media(max-width:640px){.hero-image.codema-demo-hero{border-radius:24px}.codema-demo-cta{flex-direction:column}}

.dialog-sugar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 8px}.dialog-sugar select{max-width:65%;background:#f4f6ef;color:#173d32;border:1px solid #b8c6b8;border-radius:12px;padding:12px;font:inherit}