html.brand-open,html.brand-open body{overflow:hidden}
.brand-dialog{width:min(760px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 48px);margin:auto;padding:48px 52px;border:0;border-radius:7px;background:var(--cream);color:var(--ink);font:inherit;box-shadow:0 28px 90px rgba(23,25,22,.28);overscroll-behavior:contain}
.brand-dialog::backdrop{background:rgba(23,25,22,.58);backdrop-filter:blur(5px)}
.brand-dialog h2{font-size:clamp(30px,4vw,44px);color:var(--forest);margin:0 0 28px;padding-right:24px}
.brand-dialog .cms-text{font-size:14px;line-height:1.75}
.brand-close{position:absolute;top:14px;right:14px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--forest);cursor:pointer;font:32px/1 Inter,sans-serif;transition:background .2s}
.brand-close:hover{background:var(--sand)}
.brand-close:focus-visible{outline:2px solid var(--forest);outline-offset:2px}
@media(max-width:600px){.brand-dialog{width:calc(100% - 28px);max-height:calc(100dvh - 28px);padding:36px 24px}.brand-dialog .label{padding-right:40px}.brand-dialog h2{padding-right:0;margin-bottom:24px}}