@scope([data-style-owner=brand-frame]) to (:scope [data-style-owner]:not([data-style-owner=brand-frame])>*){:where(:scope,*).brand-frame{min-height:var(--app-content-height,100svh);width:100%;padding:clamp(var(--space-6), 8svh, calc(var(--space-12) * 2)) clamp(var(--content-space), 4vw, var(--space-12));background:var(--color-canvas);flex-direction:column;align-items:center;display:flex}:where(:scope,*).brand-frame-header{justify-content:center;align-items:center;width:100%;display:flex}:where(:scope,*).brand-wordmark{align-items:center;gap:var(--space-2);color:var(--color-ink);letter-spacing:-.04em;font-size:1.5rem;font-weight:700;text-decoration:none;display:inline-flex}:where(:scope,*).brand-wordmark>img{flex:none}:where(:scope,*).brand-frame-content{gap:var(--space-8);flex-direction:column;width:100%;min-width:0;max-width:28rem;display:flex}:where(:scope,*).brand-divider{width:100%;height:auto;max-width:var(--page-width);flex:none;margin-inline:auto;display:block}}