:root {
    --identity-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --black: #000;
    --jet-black: #1f2a2d;
    --cerulean: #0080aa;
    --alice-blue: #dce6e8;
    --white: #fff;
    --bright-amber: #ffd027;
    --black-rgb: 0 0 0;
    --jet-black-rgb: 31 42 45;
    --cerulean-rgb: 0 128 170;
    --alice-blue-rgb: 220 230 232;
    --white-rgb: 255 255 255;
    --bright-amber-rgb: 255 208 39;
    --identity-ink: var(--black);
    --identity-paper: var(--alice-blue);
    --identity-muted: var(--jet-black);
    --identity-line: var(--alice-blue);
    --identity-accent: var(--cerulean);
    --identity-dark: var(--jet-black);
    --identity-light: var(--white);
    --identity-light-rgb: var(--white-rgb);
    --identity-ink-rgb: var(--black-rgb);
    --identity-dark-rgb: var(--jet-black-rgb);
    --identity-accent-rgb: var(--cerulean-rgb);
    --identity-muted-rgb: var(--jet-black-rgb);
    --identity-page-title-size: clamp(3rem, 7vw, 6.4rem);
    --identity-page-title-line-height: .94;
    --ink: var(--identity-ink);
    --paper: var(--identity-paper);
    --muted: var(--identity-muted);
    --line: var(--identity-line);
    --accent: var(--identity-accent);
    --dark: var(--identity-dark);
    --light: var(--identity-light);
    --shell-ink: var(--identity-ink);
    --shell-paper: var(--identity-paper);
    --shell-muted: var(--identity-muted);
    --shell-accent: var(--identity-accent);
    --shell-dark: var(--identity-dark);
    --shell-light: var(--identity-light);
    --home-ink: var(--identity-ink);
    --home-paper: var(--identity-paper);
    --home-muted: var(--identity-muted);
    --home-accent: var(--identity-accent);
    --home-dark: var(--identity-dark);
    --home-light: var(--identity-light);
    color-scheme: light;
    font-family: var(--identity-font);
    letter-spacing: -.051em;
}

.page-title {
    margin: 0;
    font-size: var(--identity-page-title-size);
    font-weight: 700;
    line-height: var(--identity-page-title-line-height);
    letter-spacing: -.051em;
    overflow-wrap: anywhere;
    text-wrap: balance;
}

.brand-wordmark {
    display: inline-block;
    position: relative;
    padding-right: .075em;
    background-color: var(--black);
    background-image: none;
    background-clip: text;
    color: transparent;
    font-weight: 800;
    letter-spacing: -.051em;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.brand-wordmark::before,
.brand-wordmark::after {
    content: none;
}

.brand-wordmark.studio-hero-wordmark {
    background-color: var(--black);
}

.brand:focus-visible,
.site-brand:focus-visible {
    outline: 2px solid var(--identity-accent);
    outline-offset: .3rem;
    border-radius: .2rem;
}