.brand-guide{min-height:100vh;font-size:16px;line-height:1.55}.brand-guide ::selection{color:var(--foreground);background:var(--primary)}.brand-guide a{color:inherit;text-decoration:none}.brand-guide a:focus-visible,.brand-guide button:focus-visible,.brand-guide input:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.brand-guide h1,.brand-guide h2,.brand-guide h3,.brand-guide p{margin:0}.brand-guide h1,.brand-guide h2,.brand-guide h3{font-weight:400}.brand-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:110px;padding:0 4vw;display:flex}.brand-lockup{align-items:center;gap:10px;display:inline-flex}.brand-lockup svg{width:45px;height:45px}.brand-lockup span{letter-spacing:-.045em;font-size:22px;font-weight:500;line-height:.96}.brand-header-title,.brand-eyebrow,.brand-header-link,.brand-specimen-caption,.brand-footer{font:400 12px/1.5 var(--brand-mono)}.brand-header-title{color:var(--muted-foreground)}.brand-header-link{align-items:center;gap:22px;display:flex}.brand-layout{grid-template-columns:224px minmax(0,1fr);gap:44px;max-width:1600px;margin:auto;padding:0 4vw;display:grid}.brand-sidebar{align-self:start;padding-top:56px;position:sticky;top:36px}.brand-eyebrow{color:var(--muted-foreground);letter-spacing:.025em}.brand-sidebar nav{gap:2px;margin-top:24px;display:grid}.brand-sidebar nav a{gap:20px;padding:12px 0;font-size:14px;display:flex}.brand-sidebar nav a span{color:var(--muted-foreground);font:12px/1.8 var(--brand-mono)}.brand-sidebar nav a:hover{text-underline-offset:5px;text-decoration:underline}.brand-sidebar-note{font:12px/1.8 var(--brand-mono);margin-top:75px}.brand-sidebar-note>span:last-child{color:var(--muted-foreground);margin-top:6px;display:block}.brand-status-dot{background:var(--primary);border:1px solid #858f37;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.brand-content{min-width:0}.brand-intro{grid-template-columns:1.4fr 1fr;align-items:end;gap:34px;padding:54px 0 68px;display:grid}.brand-intro h1{letter-spacing:-.065em;margin-top:25px;font-size:clamp(56px,6.5vw,96px);line-height:.97}.brand-intro-copy{max-width:300px;padding-bottom:6px}.brand-intro-copy p{color:var(--muted-foreground);margin:20px 0 25px;font-size:17px}.brand-intro-copy a{align-items:center;gap:25px;font-size:14px;display:inline-flex}.brand-section{border-top:1px solid var(--border);padding:34px 0 72px;scroll-margin-top:30px}.brand-section-heading{grid-template-columns:1.25fr 1fr;align-items:end;gap:40px;margin-bottom:30px;display:grid}.brand-section-heading h2{letter-spacing:-.045em;margin-top:12px;font-size:clamp(28px,3vw,40px);line-height:1.1}.brand-section-heading>p{color:var(--muted-foreground);max-width:410px;font-size:16px}.brand-identity-board{grid-template-columns:1fr 1.25fr;min-height:325px;display:grid}.brand-symbol-specimen,.brand-wordmark-specimen{background:var(--secondary);place-items:center;padding:36px 20px 62px;display:grid;position:relative}.brand-symbol-specimen>svg{width:190px;height:190px}.brand-wordmark-specimen{background:var(--foreground);color:var(--background)}.brand-large-lockup{align-items:center;gap:14px;display:flex}.brand-large-lockup svg{width:66px;height:66px}.brand-large-lockup span{letter-spacing:-.045em;font-size:clamp(26px,2.9vw,42px);font-weight:500;line-height:.97}.brand-specimen-caption{justify-content:space-between;font-size:12px;display:flex;position:absolute;bottom:20px;left:22px;right:22px}.brand-notes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-top:28px;display:grid}.brand-notes-grid h3{margin-bottom:7px;font-size:17px}.brand-notes-grid p{color:var(--muted-foreground);font-size:14px}.brand-type-main{background:var(--secondary);padding:24px 30px 40px}.brand-type-heading{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.brand-type-alphabet{letter-spacing:-.065em;font-size:clamp(72px,10vw,145px);line-height:1.35}.brand-type-sentence{letter-spacing:-.045em;font-size:clamp(22px,3vw,42px)}.brand-type-roles{grid-template-columns:1fr 1fr;gap:40px;padding:32px 0;display:grid}.brand-type-headline{letter-spacing:-.065em;padding:20px 0;font-size:42px;line-height:1.04}.brand-type-roles>div>p:last-child{color:var(--muted-foreground);font-size:14px}.brand-type-body{max-width:400px;padding:20px 0;line-height:1.55}.brand-mono-specimen{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:27px 0;display:grid}.brand-mono-specimen>div>p{font:14px/2 var(--brand-mono);padding-top:14px}.brand-mono-specimen>p{color:var(--muted-foreground);max-width:320px;font-size:16px}.brand-footnote{color:var(--muted-foreground);max-width:780px;font-size:14px;margin-top:22px!important}.brand-palette{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 18px;display:grid}.brand-swatch-color{border:1px solid var(--border);height:120px}.brand-swatch>div:last-child{grid-template-columns:1fr auto;gap:4px;padding-top:13px;display:grid}.brand-swatch h3{font-size:17px}.brand-swatch code{font:12px/2 var(--brand-mono)}.brand-swatch p{color:var(--muted-foreground);grid-column:1/-1;font-size:14px}.brand-stack-note{background:var(--secondary);padding:24px}.brand-stack-note p{letter-spacing:-.03em;margin:8px 0;font-size:24px}.brand-stack-note>span:last-child{color:var(--muted-foreground);font-size:14px}.brand-application{grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;display:grid}.brand-project-cover{background:var(--secondary);padding:30px}.brand-project-cover .brand-lockup svg{width:26px;height:26px}.brand-project-cover .brand-lockup span{letter-spacing:-.02em;font-size:14px;font-weight:400}.brand-project-cover>.brand-eyebrow{margin-top:38px;display:block}.brand-project-cover h3{letter-spacing:-.06em;margin:8px 0 12px;font-size:72px;line-height:1.1}.brand-project-cover>p{color:var(--muted-foreground)}.brand-cover-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:38px;padding-top:20px;display:flex}.brand-cover-footer code{font:12px/1.5 var(--brand-mono)}.brand-application-notes h3{letter-spacing:-.04em;margin:15px 0;font-size:30px}.brand-application-notes p{color:var(--muted-foreground);margin-bottom:18px}.brand-application-notes a{align-items:center;gap:20px;font-size:14px;display:inline-flex}.brand-downloads{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.brand-downloads>a{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:25px 20px;display:flex}.brand-downloads>a:nth-child(odd){border-right:1px solid var(--border)}.brand-downloads>a:hover{background:var(--secondary)}.brand-downloads h3{margin-bottom:6px;font-size:18px}.brand-footer{border-top:1px solid var(--border);color:var(--muted-foreground);justify-content:space-between;gap:20px;padding:24px 0 40px;display:flex}.brand-skip{z-index:100;background:var(--primary);padding:12px;position:absolute;top:-100px;left:20px}.brand-skip:focus{top:12px}.brand-playground{margin-top:28px}.brand-playground-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding-bottom:10px;display:flex}.brand-component-actions{border-bottom:1px solid var(--border);padding:24px 0 28px}.brand-button-row{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.brand-component-grid{grid-template-columns:1fr 1fr;gap:40px;padding-top:28px;display:grid}.brand-component-form>label{margin:22px 0 8px;font-size:14px;display:block}.brand-switch-row{justify-content:space-between;align-items:center;gap:24px;margin:25px 0;display:flex}.brand-switch-row label{font-size:14px}.brand-switch-row p{color:var(--muted-foreground);margin-top:4px;font-size:14px}.brand-demo-note{color:var(--muted-foreground);font-size:12px;margin-top:12px!important}.brand-save-status{font-size:14px;margin-top:12px!important}.brand-field-error{color:var(--destructive);font-size:14px;margin-top:6px!important}.brand-badge-row{flex-wrap:wrap;gap:9px;margin-top:22px;display:flex}.brand-badge{border:1px solid var(--input);font:12px/1.5 var(--brand-mono);padding:5px 9px;display:inline-flex}.brand-badge-accent{background:var(--primary);border-color:var(--primary)}.brand-badge-muted{background:var(--secondary);color:var(--muted-foreground);border-color:var(--border)}.brand-component-states>p{color:var(--muted-foreground);margin-top:18px;font-size:14px}.brand-example-notice{background:var(--secondary);align-items:flex-start;gap:12px;margin-top:26px;padding:18px;display:flex}.brand-example-notice>svg{flex:none;margin-top:2px}.brand-example-notice h3{margin-bottom:5px;font-size:16px}.brand-example-notice p,.brand-focus-example p{color:var(--muted-foreground);font-size:14px}.brand-focus-example{margin-top:25px}.brand-focus-example p{margin-top:8px}.brand-code-panel{padding-top:24px}.brand-code-heading{justify-content:space-between;align-items:flex-start;gap:26px;display:flex}.brand-code-heading h3{letter-spacing:-.03em;margin-bottom:10px;font-size:24px}.brand-code-heading p{color:var(--muted-foreground);max-width:540px;font-size:16px}.brand-code-panel pre{background:var(--secondary);max-width:100%;font:13px/1.7 var(--brand-mono);margin:24px 0 0;padding:24px;overflow:auto}.brand-code-links{flex-wrap:wrap;gap:18px;margin-top:20px;font-size:14px;display:flex}.brand-code-links a{text-underline-offset:4px;text-decoration:underline}@media (max-width:560px){.brand-component-grid{grid-template-columns:1fr;gap:30px}.brand-playground-heading>.brand-eyebrow{display:none}.brand-code-heading{flex-direction:column}}@media (max-width:1100px){.brand-layout{grid-template-columns:160px minmax(0,1fr);gap:28px}.brand-intro{grid-template-columns:1.2fr 1fr}.brand-large-lockup{gap:6px}.brand-large-lockup svg{width:46px;height:46px}.brand-specimen-caption{flex-wrap:wrap;gap:6px;font-size:12px}}@media (max-width:800px){.brand-header{height:88px;padding:0 24px}.brand-header-title{display:none}.brand-layout{padding:0 24px;display:block}.brand-sidebar{padding-top:20px;position:static}.brand-sidebar>.brand-eyebrow,.brand-sidebar-note{display:none}.brand-sidebar nav{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:0 20px;margin:0;padding-bottom:12px;display:flex}.brand-sidebar nav a{gap:7px;padding:7px 0}.brand-intro{padding:36px 0 44px}.brand-intro h1{font-size:66px}.brand-notes-grid{gap:20px}}@media (max-width:560px){.brand-header{padding:0 20px}.brand-lockup span{font-size:19px}.brand-header-link{gap:8px}.brand-layout{padding:0 20px}.brand-intro,.brand-section-heading,.brand-type-roles,.brand-mono-specimen,.brand-application{grid-template-columns:1fr;gap:24px}.brand-intro h1{font-size:clamp(52px,14vw,72px)}.brand-intro-copy{max-width:340px}.brand-intro-copy>.brand-eyebrow{display:none}.brand-intro-copy p{margin-top:0}.brand-identity-board{grid-template-columns:1fr}.brand-symbol-specimen,.brand-wordmark-specimen{min-height:275px}.brand-large-lockup span{font-size:36px}.brand-large-lockup svg{width:60px;height:60px}.brand-section{padding-bottom:48px}.brand-notes-grid{grid-template-columns:1fr;gap:22px}.brand-type-main{padding:20px}.brand-palette{grid-template-columns:1fr 1fr;gap:22px 14px}.brand-swatch>div:last-child{grid-template-columns:1fr}.brand-swatch-color{height:105px}.brand-downloads{grid-template-columns:1fr}.brand-downloads>a{padding:22px 0}.brand-downloads>a:nth-child(odd){border-right:0}.brand-footer{flex-direction:column}}