.brand-page{background:var(--background);color:var(--foreground)}.brand-page main{max-width:1600px;margin-inline:auto;padding-top:clamp(150px,15vw,220px);padding-bottom:clamp(80px,10vw,160px)}.brand-intro h1{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(56px,8.5vw,128px);font-weight:500;line-height:1.04}.brand-intro>p{color:var(--muted);margin-top:20px;font-size:clamp(19px,2.3vw,28px);line-height:1.4}.brand-index{flex-wrap:wrap;gap:4px 30px;margin-top:28px;display:flex}.brand-index a{align-items:center;gap:10px;min-height:44px;font-size:16px;display:inline-flex}.brand-section{margin-top:clamp(70px,9vw,140px);scroll-margin-top:36px}.brand-section__heading{grid-template-columns:1fr 1fr;align-items:end;gap:24px;margin-bottom:28px;display:grid}.brand-section__heading h2{font-size:clamp(34px,4.4vw,64px);line-height:1.1}.brand-section__heading>p{max-width:36ch;color:var(--muted);font-size:18px;line-height:1.5}.brand-logo-pair{border-radius:12px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.brand-logo-sample{flex-direction:column;justify-content:space-between;min-width:0;min-height:clamp(240px,25vw,360px);margin:0;padding:30px;display:flex}.brand-logo-sample--light{color:#163c53;background:#dbeaf3}.brand-logo-sample--dark{color:#e4eff5;background:#0b1d29}.brand-logo-lockup{flex:1;justify-content:center;align-items:center;gap:8px;padding-block:24px;display:flex}.brand-logo-lockup img{flex-shrink:0;width:clamp(68px,9vw,132px);height:auto;transform:translateY(-3%)}.brand-logo-sample--dark img{filter:brightness(0)invert()}.brand-logo-lockup span{font:400 clamp(40px, 4.8vw, 72px) / 1.8 var(--font-display);letter-spacing:-.04em}.brand-logo-sample figcaption{font-size:14px;line-height:1.5}.brand-identity__details{grid-template-columns:1fr auto;align-items:start;gap:32px;margin-top:24px;display:grid}.brand-identity__details>p,.brand-type-specimen>p:not(.brand-type-sans,.brand-type-script),.brand-ai__body>p{max-width:61ch;color:var(--muted);font-size:18px;line-height:1.55}.brand-downloads{flex-wrap:wrap;gap:4px 26px;display:flex}.brand-downloads a{white-space:nowrap;min-height:44px;text-decoration:underline;-webkit-text-decoration-color:var(--link-border);text-decoration-color:var(--link-border);align-items:center;gap:12px;font-size:16px;display:inline-flex}.brand-palette__head,.brand-palette__row{grid-template-columns:1fr 1.2fr 1.2fr;column-gap:12px;display:grid}.brand-palette__head{color:var(--muted);margin-bottom:12px;font-size:14px}.brand-palette__list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.brand-palette__role{flex-direction:column;justify-content:center;gap:6px;display:flex}.brand-palette__role h3{letter-spacing:-.02em;font-size:21px;line-height:1.15}.brand-palette__role>span{color:var(--muted);max-width:24ch;font-size:14px;line-height:1.3}.brand-swatch{border-radius:6px;justify-content:space-between;align-items:center;gap:8px;min-height:90px;padding:12px 12px 12px 24px;display:flex}.brand-swatch__theme{display:none}.brand-swatch__hex{font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all;font-size:19px;line-height:1.4;display:block}.brand-swatch__copy{width:44px;height:44px;color:inherit;background:0 0;border:0;border-radius:4px;flex-shrink:0;place-items:center;padding:0;display:grid}.brand-swatch__copy:focus-visible{outline-offset:-4px;outline-color:currentColor}.brand-palette__status{min-height:24px;color:var(--muted);margin-top:10px;font-size:14px;line-height:1.5}.brand-note{color:var(--muted);max-width:75ch;font-size:16px;line-height:1.5}.brand-type-grid{grid-template-columns:1fr 1fr;column-gap:8%;display:grid}.brand-type-specimen{border-top:1px solid var(--border);min-width:0;padding-top:24px}.brand-type-specimen h3{letter-spacing:-.02em;font-size:20px}.brand-type-sans,.brand-type-script{align-items:center;min-height:230px;margin-block:8px 20px;display:flex}.brand-type-sans{letter-spacing:-.04em;font-size:clamp(34px,4vw,60px);font-weight:500;line-height:1.14}.brand-type-script{font:400 clamp(44px, 5.6vw, 84px) / 1.8 var(--font-display);letter-spacing:-.04em}.brand-type-specimen .brand-downloads{margin-top:18px}.brand-rules{margin:0}.brand-rules>div{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:24px;padding-block:28px;display:grid}.brand-rules dt{letter-spacing:-.03em;font-size:clamp(24px,2.4vw,34px);font-weight:500;line-height:1.3}.brand-rules dd{color:var(--muted);max-width:60ch;margin:0;font-size:18px;line-height:1.55}.brand-ai{border-top:1px solid var(--border);padding-top:40px}.brand-ai__body{grid-template-columns:1fr 1fr;gap:24px;display:grid}.brand-ai__body>p{max-width:44ch}.brand-reference-links{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.brand-reference-links a{min-height:44px;text-decoration:underline;-webkit-text-decoration-color:var(--link-border);text-decoration-color:var(--link-border);align-items:center;gap:20px;font-size:18px;display:flex}.brand-reference-links svg,.brand-downloads svg{flex-shrink:0}@media (hover:hover) and (pointer:fine){.brand-index a:hover,.brand-downloads a:hover,.brand-reference-links a:hover{text-decoration:underline}.brand-swatch__copy:hover{outline-offset:-4px;outline:1px solid}}@media (max-width:1000px){.brand-logo-sample{padding:24px}.brand-logo-lockup{gap:0}.brand-logo-lockup img{width:66px}.brand-logo-lockup span{font-size:clamp(32px,4.7vw,48px)}.brand-type-sans,.brand-type-script{min-height:200px}}@media (max-width:700px){.brand-page main{padding-top:144px}.brand-index{column-gap:22px;margin-top:20px}.brand-section__heading{grid-template-columns:1fr;gap:12px;margin-bottom:22px}.brand-logo-pair{grid-template-columns:1fr}.brand-logo-sample{min-height:220px;padding:20px 24px}.brand-logo-lockup img{width:clamp(64px,16vw,100px)}.brand-logo-lockup span{font-size:clamp(38px,10.5vw,64px)}.brand-identity__details{grid-template-columns:1fr;gap:12px}.brand-palette__head{display:none}.brand-palette__list{gap:24px}.brand-palette__row{grid-template-columns:1fr 1fr;gap:10px}.brand-palette__role{grid-column:1/-1;gap:4px}.brand-palette__role>span{max-width:none}.brand-swatch{gap:2px;min-height:88px;padding:12px 6px 12px 14px}.brand-swatch__theme{margin-bottom:4px;font-size:12px;line-height:1.3;display:block}.brand-swatch__hex{font-size:16px}.brand-type-grid{grid-template-columns:1fr;gap:40px}.brand-type-sans,.brand-type-script{min-height:0;margin-block:8px;padding-block:24px}.brand-type-sans{font-size:clamp(32px,8.5vw,52px)}.brand-type-script{font-size:clamp(48px,13vw,70px)}.brand-rules>div{grid-template-columns:1fr;gap:10px;padding-block:24px}.brand-ai__body{grid-template-columns:1fr;gap:20px}.brand-reference-links a{font-size:17px}}
