.brandbook-board-shell{--brandbook-muted:color-mix(in oklab, var(--ink) 66%, var(--surface));--brandbook-line:color-mix(in oklab, var(--ink) 16%, var(--surface));--brandbook-dark-line:color-mix(in oklab, var(--paper) 26%, var(--ink));color:var(--ink);background:var(--surface);padding-block:clamp(.75rem,1.6vw,1.75rem) clamp(3.5rem,7vw,8rem)}.brandbook-board{width:var(--wrap);max-inline-size:calc(100% - 2*clamp(.75rem,3vw,3.5rem));margin-inline:auto}.brandbook-hero{border-radius:var(--radius-md);min-block-size:clamp(27rem,58dvh,44rem);color:var(--paper);background:var(--ink);grid-template-columns:minmax(0,1fr) minmax(15rem,.32fr);align-items:end;gap:clamp(2rem,7vw,9rem);padding:clamp(1.35rem,4vw,5rem);display:grid}.brandbook-hero__copy{min-inline-size:0}.brandbook-eyebrow,.brandbook-kicker{color:var(--cyan);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700;line-height:1.3}.brandbook-hero h1{max-inline-size:12ch;color:var(--paper);font-family:var(--display);letter-spacing:-.045em;text-wrap:balance;margin:.75rem 0 1.1rem;font-size:clamp(2.5rem,6.4vw,4rem);font-weight:800;line-height:.98}.brandbook-hero__lead{max-inline-size:60ch;color:var(--paper-a-74);text-wrap:pretty;margin:0;font-size:clamp(1rem,.96rem + .34vw,1.25rem);line-height:1.5}.brandbook-hero__facts{color:var(--paper-a-72);font-family:var(--mono);letter-spacing:.04em;flex-wrap:wrap;gap:.45rem .9rem;margin-block-start:2rem;font-size:.7rem;display:flex}.brandbook-hero__facts span{flex-wrap:wrap;align-items:center;gap:.35rem;display:inline-flex}.brandbook-hero__facts b{color:var(--paper);font-weight:700}.brandbook-hero__lockup{justify-items:end;gap:.8rem;margin:0;display:grid}.brandbook-hero__lockup img{border:1px solid var(--white-a-26);border-radius:var(--radius-sm);background:var(--ink);block-size:auto;inline-size:min(18rem,100%);padding:clamp(.85rem,2vw,1.4rem);display:block}.brandbook-hero__lockup figcaption{color:var(--paper-a-72);font-family:var(--mono);font-size:.68rem}.brandbook-panel{border-block:1px solid var(--brandbook-line);border-block-start:2px solid var(--ink);background:var(--white);grid-template-columns:minmax(15rem,.42fr) minmax(0,1fr);gap:clamp(1.3rem,4vw,5.5rem);margin-block-start:clamp(.7rem,1.2vw,1.25rem);padding:clamp(1.2rem,3vw,3rem);display:grid}.brandbook-panel:nth-of-type(odd){background:var(--paper)}.brandbook-panel__intro{min-inline-size:0;max-inline-size:44ch}.brandbook-panel__intro h2{font-family:var(--display);letter-spacing:-.035em;text-wrap:balance;margin:.5rem 0 .7rem;font-size:clamp(1.75rem,2.9vw,3rem);line-height:1.04}.brandbook-panel__intro>p:last-child{color:var(--brandbook-muted);font-size:var(--step--1);text-wrap:pretty;margin:0;line-height:1.55}.brandbook-panel .brandbook-kicker{color:var(--cyan-foreground)}.brandbook-ledger{grid-template-columns:minmax(15rem,.34fr) minmax(0,1fr)}.brandbook-ledger__rows{min-inline-size:0;display:grid}.brandbook-ledger__row{border-block-end:1px solid var(--brandbook-line);grid-template-columns:6.5rem minmax(11rem,.55fr) minmax(0,1fr);align-items:baseline;gap:1rem;padding:.9rem 0;display:grid}.brandbook-ledger__row:first-child{padding-block-start:0}.brandbook-ledger__row:last-child{border-block-end:0;padding-block-end:0}.brandbook-ledger__index{color:var(--quiet);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:.67rem;font-weight:700}.brandbook-ledger__row h3{font-family:var(--display);font-size:var(--step-1);margin:0;line-height:1.15}.brandbook-ledger__row p{max-inline-size:55ch;color:var(--brandbook-muted);margin:0;font-size:.82rem;line-height:1.45}.brandbook-architecture{gap:.5rem;min-inline-size:0;display:grid}.brandbook-identity-row{border:1px solid var(--brandbook-line);border-radius:var(--radius-sm);background:var(--surface);min-block-size:6.2rem;transition:background-color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard);grid-template-columns:5.5rem minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:.75rem;display:grid}.brandbook-identity-row:hover{border-color:var(--cyan);background:var(--white)}.brandbook-identity-row--parent{border-color:var(--ink);background:var(--paper)}.brandbook-identity-row__mark{border-radius:var(--radius-xs);background:var(--white);place-items:center;min-block-size:4.5rem;display:grid}.brandbook-identity-row__mark img{object-fit:contain;max-block-size:3rem;inline-size:min(4.7rem,86%)}.brandbook-identity-row__body{min-inline-size:0}.brandbook-identity-row__body>span{color:var(--quiet);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:.65rem;font-weight:700}.brandbook-identity-row h3{margin:.3rem 0 .2rem;font-size:1.05rem}.brandbook-identity-row p{color:var(--brandbook-muted);text-wrap:pretty;margin:0;font-size:.78rem;line-height:1.4}.brandbook-state{border-radius:var(--radius-xs);max-inline-size:12rem;font-family:var(--mono);text-align:center;justify-content:center;align-items:center;padding:.35rem .5rem;font-size:.62rem;font-weight:700;line-height:1.25;display:inline-flex}.brandbook-state--approved{color:var(--success-foreground);background:var(--success)}.brandbook-state--controlled{color:var(--warning-foreground);background:var(--warning)}.brandbook-state--development{color:var(--action-foreground);background:var(--action)}.brandbook-color-panel{grid-template-columns:minmax(15rem,.34fr) minmax(0,1fr)}.brandbook-role-list{min-inline-size:0;display:grid}.brandbook-role-row{border-block-end:1px solid var(--brandbook-line);grid-template-columns:2.7rem minmax(7.5rem,.35fr) minmax(0,1fr);align-items:center;gap:.7rem;padding:.7rem 0;display:grid}.brandbook-role-row:last-child{border-block-end:0}.brandbook-role-row__swatch{border:1px solid var(--ink-a-12);border-radius:var(--radius-xs);background:var(--role-color);block-size:2.25rem;inline-size:2.25rem}.brandbook-role-row span{color:var(--quiet);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:.67rem;font-weight:700;display:block}.brandbook-role-row strong{font-family:var(--mono);margin-block-start:.15rem;font-size:.68rem;display:block}.brandbook-role-row p{color:var(--brandbook-muted);margin:0;font-size:.8rem;line-height:1.4}.brandbook-semantic-list{grid-column:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin-block-start:.8rem;display:grid}.brandbook-semantic-row{border:1px solid var(--brandbook-line);border-radius:var(--radius-xs);background:var(--surface);grid-template-columns:.65rem 1fr;align-content:start;gap:.3rem .45rem;padding:.65rem;display:grid}.brandbook-semantic-row__dot{background:var(--semantic-color);border-radius:50%;block-size:.6rem;inline-size:.6rem;margin-block-start:.2rem}.brandbook-semantic-row strong{font-size:.75rem;line-height:1.2}.brandbook-semantic-row>span:last-child{color:var(--brandbook-muted);grid-column:1/-1;font-size:.68rem;line-height:1.35}.brandbook-type-list,.brandbook-motion-list{min-inline-size:0;display:grid}.brandbook-type-row{border-block-end:1px solid var(--brandbook-line);grid-template-columns:minmax(11rem,.42fr) minmax(0,1fr);align-items:center;gap:1rem;padding:.8rem 0;display:grid}.brandbook-type-row:last-child{border-block-end:0}.brandbook-type-row span,.brandbook-motion-row>span{color:var(--quiet);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:.67rem;font-weight:700}.brandbook-type-row p{max-inline-size:26ch;color:var(--brandbook-muted);margin:.3rem 0 0;font-size:.76rem;line-height:1.4}.brandbook-type-sample{color:var(--ink);white-space:pre-line;font-size:clamp(1.05rem,1rem + .7vw,1.6rem);font-weight:650;line-height:1.2}.brandbook-type-sample--inter{font-family:var(--sans)}.brandbook-type-sample--intertight{font-family:var(--display);letter-spacing:-.02em;font-weight:800}.brandbook-type-sample--source{font-family:var(--serif);font-size:1.65rem}.brandbook-type-sample--jetbrains{font-family:var(--mono);font-size:.86rem}.brandbook-panel.brandbook-motion-panel{background:var(--graphite);color:var(--paper);border-color:var(--brandbook-dark-line)}.brandbook-motion-panel .brandbook-panel__intro h2{color:var(--paper)}.brandbook-motion-panel .brandbook-panel__intro>p:last-child{color:var(--paper-a-74)}.brandbook-motion-panel .brandbook-kicker{color:var(--secondary-400,var(--cyan))}.brandbook-motion-row{border-block-end:1px solid var(--white-a-18);grid-template-columns:5.8rem 8rem minmax(0,1fr);align-items:baseline;gap:1rem;padding:.8rem 0;display:grid}.brandbook-motion-row:last-child{border-block-end:0}.brandbook-motion-row>span{color:var(--paper-a-72)}.brandbook-motion-row strong{color:var(--paper);font-family:var(--mono);font-size:.78rem}.brandbook-motion-row p{color:var(--paper-a-74);margin:0;font-size:.8rem;line-height:1.4}.brandbook-publication__body{gap:.8rem;min-inline-size:0;display:grid}.brandbook-status-list{flex-wrap:wrap;gap:.4rem;display:flex}.brandbook-status{border:1px solid var(--brandbook-line);border-inline-start:3px solid var(--status-color);border-radius:var(--radius-xs);color:var(--brandbook-muted);background:var(--surface);flex-wrap:wrap;align-items:baseline;gap:.3rem .45rem;padding:.4rem .55rem;font-size:.68rem;line-height:1.3;display:inline-flex}.brandbook-status b{color:var(--ink);font-size:.7rem}.brandbook-status--approved{--status-color:var(--success)}.brandbook-status--controlled{--status-color:var(--warning)}.brandbook-status--development{--status-color:var(--action)}.brandbook-publication-rule{border-inline-start:3px solid var(--cyan);background:var(--cyan-soft);flex-wrap:wrap;align-items:baseline;gap:.5rem .8rem;padding:.75rem .85rem;display:flex}.brandbook-publication-rule--pending{border-color:var(--critical);background:var(--critical-soft)}.brandbook-publication-rule strong{color:var(--ink);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;font-size:.68rem}.brandbook-publication-rule p{color:var(--brandbook-muted);flex:28rem;margin:0;font-size:.78rem;line-height:1.45}@media (width<=980px){.brandbook-hero{grid-template-columns:1fr;min-block-size:auto}.brandbook-hero__lockup{justify-items:start}.brandbook-hero__lockup img{inline-size:min(15rem,72vw)}.brandbook-panel,.brandbook-ledger,.brandbook-color-panel{grid-template-columns:1fr}.brandbook-semantic-list{grid-column:auto}}@media (width<=700px){.brandbook-board{max-inline-size:calc(100% - 1.25rem)}.brandbook-hero{border-radius:var(--radius-sm);padding:1.2rem}.brandbook-hero h1{max-inline-size:14ch;font-size:clamp(2.35rem,12vw,3.8rem)}.brandbook-panel{margin-block-start:.65rem;padding:1rem}.brandbook-ledger__row{grid-template-columns:4.5rem minmax(0,1fr);gap:.4rem .7rem}.brandbook-ledger__row p{grid-column:2}.brandbook-identity-row{grid-template-columns:4.2rem minmax(0,1fr)}.brandbook-state{grid-column:2;justify-self:start}.brandbook-role-row{grid-template-columns:2.5rem minmax(0,1fr)}.brandbook-role-row p{grid-column:2}.brandbook-semantic-list{grid-template-columns:repeat(2,minmax(0,1fr))}.brandbook-type-row{grid-template-columns:1fr;gap:.55rem}.brandbook-type-row p{max-inline-size:none}.brandbook-motion-row{grid-template-columns:1fr auto;gap:.3rem .8rem}.brandbook-motion-row p{grid-column:1/-1}}@media (width<=390px){.brandbook-board{max-inline-size:calc(100% - 1rem)}.brandbook-hero__facts{font-size:.63rem}.brandbook-identity-row{grid-template-columns:3.5rem minmax(0,1fr);gap:.55rem}.brandbook-identity-row__mark{min-block-size:3.8rem}.brandbook-identity-row__mark img{inline-size:min(3.8rem,90%)}.brandbook-semantic-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.brandbook-board *,.brandbook-board :before,.brandbook-board :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}