.gw-v2-brand-book{gap:var(--gw-v2-space-xl);padding-block:var(--gw-v2-space-lg) var(--gw-v2-space-2xl);display:grid}.gw-v2-brand-book :where(p){color:var(--gw-v2-text-muted)}.gw-v2-brand-book__hero{gap:var(--gw-v2-space-md);padding:clamp(var(--gw-v2-space-lg), 5vw, var(--gw-v2-space-3xl));background:radial-gradient(circle at 76% 18%, color-mix(in srgb, var(--gw-v2-brand-aqua) 16%, transparent), transparent 24rem), var(--gw-v2-surface);border:1px solid var(--gw-v2-seam-strong);border-radius:var(--gw-v2-radius-lg);box-shadow:var(--gw-v2-elevation-2);display:grid}.gw-v2-brand-book__hero h1{max-inline-size:12ch;font-size:clamp(3rem,8vw,7rem)}.gw-v2-brand-book__hero>p:last-of-type{max-inline-size:62ch;font-size:var(--gw-v2-type-lg)}.gw-v2-brand-book__eyebrow,.gw-v2-brand-book__label{font-family:var(--gw-v2-font-code);font-size:var(--gw-v2-type-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--gw-v2-signal)!important}.gw-v2-brand-book__actions{gap:var(--gw-v2-space-xs);flex-wrap:wrap;display:flex}.gw-v2-brand-book__actions a{min-block-size:2.75rem;padding-inline:var(--gw-v2-space-sm);color:var(--gw-v2-text);background:var(--gw-v2-surface-raised);border:1px solid var(--gw-v2-seam-strong);border-radius:var(--gw-v2-radius-sm);align-items:center;text-decoration:none;display:inline-flex}.gw-v2-brand-book__actions a:hover{background:var(--gw-v2-signal-soft)}.gw-v2-brand-book__actions a:first-child{color:var(--gw-v2-on-signal);background:var(--gw-v2-signal);border-color:var(--gw-v2-signal)}.gw-v2-brand-book__section{gap:var(--gw-v2-space-md);scroll-margin-block-start:8rem;display:grid}.gw-v2-brand-book__section>header{gap:var(--gw-v2-space-2xs);max-inline-size:var(--gw-v2-measure);display:grid}.gw-v2-brand-book__section h2{font-size:var(--gw-v2-type-xl)}.gw-v2-brand-book__grid{gap:var(--gw-v2-space-sm);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));display:grid}.gw-v2-brand-book__card,.gw-v2-brand-book__type,.gw-v2-brand-book__role,.gw-v2-brand-book__state{align-content:start;gap:var(--gw-v2-space-2xs);min-inline-size:0;padding:var(--gw-v2-space-md);background:var(--gw-v2-surface);border:1px solid var(--gw-v2-seam);border-radius:var(--gw-v2-radius-md);display:grid}.gw-v2-brand-book__card h3,.gw-v2-brand-book__role h3,.gw-v2-brand-book__state h3{font-size:var(--gw-v2-type-lg)}.gw-v2-brand-book__type-grid{gap:var(--gw-v2-space-sm);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.gw-v2-brand-book__type strong{overflow-wrap:anywhere;margin-block-start:var(--gw-v2-space-sm);display:block}.gw-v2-brand-book__type--display strong{color:var(--gw-v2-text);font-family:var(--gw-v2-font-display);font-size:clamp(2rem,5vw,4rem);font-weight:400;line-height:1}.gw-v2-brand-book__type--body strong{font-family:var(--gw-v2-font-body);font-size:var(--gw-v2-type-lg);font-weight:600}.gw-v2-brand-book__type--code strong{font-family:var(--gw-v2-font-code);font-size:var(--gw-v2-type-sm);font-weight:400}.gw-v2-brand-book__spectrum{border:1px solid var(--gw-v2-seam-strong);border-radius:var(--gw-v2-radius-md);grid-template-columns:repeat(4,1fr);min-block-size:7rem;display:grid;overflow:hidden}.gw-v2-brand-book__spectrum span{padding:var(--gw-v2-space-sm);color:var(--gw-v2-on-signal);font-family:var(--gw-v2-font-code);font-size:var(--gw-v2-type-xs);text-transform:uppercase;place-items:end start;display:grid}.gw-v2-brand-book__spectrum span:first-child{background:var(--gw-v2-brand-emerald)}.gw-v2-brand-book__spectrum span:nth-child(2){background:var(--gw-v2-brand-aqua)}.gw-v2-brand-book__spectrum span:nth-child(3){background:var(--gw-v2-brand-sapphire)}.gw-v2-brand-book__spectrum span:nth-child(4){background:var(--gw-v2-brand-violet)}.gw-v2-brand-book__colour-options{gap:var(--gw-v2-space-xs);grid-template-columns:repeat(4,minmax(0,1fr));margin-block-start:var(--gw-v2-space-sm);display:grid}.gw-v2-brand-book__colour-option{min-block-size:8rem;padding:var(--gw-v2-space-sm);color:var(--gw-v2-on-signal);border-radius:var(--gw-v2-radius-md);border:1px solid #ffffff2e;align-content:end;gap:.2rem;display:grid;box-shadow:inset 0 1px #ffffff2e}.gw-v2-brand-book__colour-option span{font:var(--gw-v2-type-xs) var(--gw-v2-font-code);letter-spacing:.08em;text-transform:uppercase;opacity:.78}.gw-v2-brand-book__colour-option strong{font-family:var(--gw-v2-font-display);font-size:1.2rem;font-weight:400}.gw-v2-brand-book__colour-option small{font-size:var(--gw-v2-type-xs);opacity:.78}.gw-v2-brand-book__colour-option--tone-emerald{background:var(--gw-v2-brand-emerald)}.gw-v2-brand-book__colour-option--tone-aqua{color:var(--gw-v2-canvas-inverse);background:var(--gw-v2-brand-aqua)}.gw-v2-brand-book__colour-option--gradient-spectrum{background:linear-gradient(120deg, var(--gw-v2-brand-emerald), var(--gw-v2-brand-aqua) 38%, var(--gw-v2-brand-sapphire) 68%, var(--gw-v2-brand-violet))}.gw-v2-brand-book__colour-option--gradient-soft{background:linear-gradient(145deg, color-mix(in srgb, var(--gw-v2-brand-aqua) 78%, var(--gw-v2-surface-raised)), color-mix(in srgb, var(--gw-v2-brand-violet) 68%, var(--gw-v2-canvas)))}.gw-v2-brand-book__role-grid,.gw-v2-brand-book__state-grid{gap:var(--gw-v2-space-sm);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.gw-v2-brand-book__role{border-block-start:3px solid var(--gw-v2-role)}.gw-v2-brand-book__role strong,.gw-v2-brand-book__state strong{color:var(--gw-v2-role,var(--gw-v2-signal));font-family:var(--gw-v2-font-code);font-size:var(--gw-v2-type-xs);letter-spacing:.08em;text-transform:uppercase}.gw-v2-brand-book__state{border-inline-start:3px solid var(--gw-v2-state-current)}.gw-v2-brand-book__state strong{color:var(--gw-v2-state-current)}.gw-v2-brand-book__surface-map{background:var(--gw-v2-seam-strong);border:1px solid var(--gw-v2-seam-strong);border-radius:var(--gw-v2-radius-md);grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.gw-v2-brand-book__surface-map div{align-content:end;gap:var(--gw-v2-space-3xs);min-block-size:7.5rem;padding:var(--gw-v2-space-sm);background:var(--gw-v2-surface);display:grid}.gw-v2-brand-book__surface-map div:nth-child(2){background:var(--gw-v2-surface-muted)}.gw-v2-brand-book__surface-map div:nth-child(3){background:var(--gw-v2-surface-raised)}.gw-v2-brand-book__surface-map div:nth-child(4){background:var(--gw-v2-surface-recessed)}.gw-v2-brand-book__surface-map div:nth-child(5){background:var(--gw-v2-canvas-strong)}.gw-v2-brand-book__surface-map strong{font-family:var(--gw-v2-font-code);font-size:var(--gw-v2-type-xs);text-transform:uppercase}.gw-v2-brand-book__surface-map small{color:var(--gw-v2-text-muted)}@media (width<=52.5rem){.gw-v2-brand-book__type-grid,.gw-v2-brand-book__role-grid,.gw-v2-brand-book__state-grid,.gw-v2-brand-book__surface-map{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=36rem){.gw-v2-brand-book__type-grid,.gw-v2-brand-book__role-grid,.gw-v2-brand-book__state-grid,.gw-v2-brand-book__surface-map{grid-template-columns:1fr}.gw-v2-brand-book__spectrum{grid-template-columns:1fr 1fr;min-block-size:12rem}.gw-v2-brand-book__colour-options{grid-template-columns:1fr 1fr}}