.openstudios-brand{color:#fff;text-decoration:none}
.openstudios-brand .mark{border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.08);font:850 19px/1 Inter,system-ui,sans-serif}
.openstudios-wordmark{display:grid;grid-template-columns:auto auto;align-items:baseline;width:max-content}
.openstudios-wordmark strong{color:#ff7a3d;font:820 clamp(40px,4vw,56px)/.96 Inter,system-ui,sans-serif;letter-spacing:-1.8px}
.openstudios-wordmark b{margin-left:3px;color:#fff;font:750 clamp(20px,2vw,27px)/1 Inter,system-ui,sans-serif;letter-spacing:-.5px}
.openstudios-wordmark small{grid-column:1;width:0;min-width:100%;white-space:nowrap;margin-top:10px;color:#c6d9e6;font:600 15px/1.25 Inter,system-ui,sans-serif;letter-spacing:.02em}
@media(max-width:850px){.openstudios-wordmark strong{font-size:38px}.openstudios-wordmark b{font-size:20px}.openstudios-wordmark small{font-size:11px;margin-top:7px}}
@media(max-width:580px){.openstudios-brand{gap:12px}.openstudios-brand .mark{width:52px;height:52px;flex-basis:52px;border-radius:13px;font-size:15px}.openstudios-wordmark strong{font-size:29px;letter-spacing:-1px}.openstudios-wordmark b{font-size:16px}.openstudios-wordmark small{max-width:240px;font-size:9.5px}}

/* Size the tagline with its wordmark before first paint; no post-load fitting. */
.openstudios-wordmark small{line-height:0}
.openstudios-wordmark small svg{display:block;width:100%;height:auto;overflow:visible}
.openstudios-wordmark small text{fill:currentColor;font:600 15.1734px Inter,system-ui,sans-serif;letter-spacing:.02em}