.brand-page{color:var(--ink)}
.brand-hero{background:var(--surface);border-bottom:1px solid var(--ink)}
.brand-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(32px,5vw,76px);align-items:center}
.brand-hero-grid>*{min-width:0}
.brand-hero .hero-title{max-width:10ch;margin:22px 0 26px;font-size:clamp(48px,5.8vw,84px);line-height:1;letter-spacing:-.055em;font-family:var(--font-sans);font-weight:650}
.brand-hero .hero-title span{color:var(--accent)}
.brand-hero .lede{max-width:31rem;font-size:clamp(18px,1.55vw,22px);line-height:1.5}
.brand-hero .actions{margin-top:32px}
.brand-pack-note{margin:24px 0 0;font-size:13px;line-height:1.65;color:var(--muted)}
.brand-identity{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);border:2px solid var(--ink);box-shadow:9px 9px 0 var(--accent)}
.brand-identity>div{min-width:0;position:relative;padding:clamp(22px,3vw,40px);display:flex;align-items:center;justify-content:center;min-height:200px}
.brand-identity img{display:block;width:100%;height:auto;object-fit:contain}
.brand-identity-main{grid-column:1/-1;min-height:250px!important;background:var(--paper);border-bottom:2px solid var(--ink)}
.brand-identity-main img{width:min(100%,420px)}
.brand-identity-ink{background:var(--ink);color:var(--card);border-right:2px solid var(--ink)}
.brand-identity-ink img{width:min(100%,280px)}
.brand-identity-blue{background:var(--accent);color:var(--surface)}
.brand-identity-blue img{width:72px}
.brand-spec-label{font-size:11px;font-weight:550;letter-spacing:.04em;line-height:1.5}
.brand-identity .brand-spec-label{position:absolute;left:20px;bottom:16px}
.brand-resources{background:var(--paper)}
.brand-resource-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;gap:48px;margin-bottom:40px}
.brand-resource-heading>*{min-width:0}
.brand-resource-heading .section-title{margin:14px 0 0}
.brand-resource-heading>p{max-width:32rem;font-size:18px;line-height:1.6;color:var(--text-2);margin:0}
.brand-resource-list{border-top:2px solid var(--ink)}
.brand-resource{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:22px;align-items:center;padding:25px 8px;border-bottom:1px solid var(--line-strong);text-decoration:none;transition:background .15s ease,padding .15s ease}
.brand-resource:hover{background:var(--surface);padding-inline:18px}
.brand-resource:focus-visible{position:relative;outline:3px solid var(--accent);outline-offset:3px}
.brand-resource-number{font-size:13px;color:var(--accent)}
.brand-resource-content{display:grid;gap:7px;min-width:0}
.brand-resource-content strong{font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-.025em}
.brand-resource-content>span{font-size:14px;color:var(--muted);line-height:1.55;max-width:46rem}
.brand-resource-format{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:600}
.brand-resource-format>span{font-size:24px;font-weight:400}
.brand-resource-meta{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-top:22px;color:var(--muted);font-size:12px;line-height:1.6;flex-wrap:wrap}
.brand-resource-meta p{margin:0}
.brand-resource-meta>div{display:flex;gap:22px;flex-wrap:wrap}
.brand-resource-meta a{color:var(--ink);text-underline-offset:4px}
.brand-direction{background:var(--surface);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.brand-direction-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 60px;align-items:end;margin-bottom:42px}
.brand-direction-heading>*{min-width:0}
.brand-direction-heading .eyebrow{grid-column:1/-1;margin:0}
.brand-direction-heading .section-title{margin:0}
.brand-direction-heading>p:last-child{margin:0;color:var(--text-2);font-size:18px;line-height:1.65;max-width:35rem}
.brand-specimen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:2px solid var(--ink)}
.brand-specimen>*{min-width:0}
.brand-type-specimen{padding:32px;background:var(--paper);display:flex;flex-direction:column;border-right:2px solid var(--ink)}
.brand-type-specimen .brand-spec-label{margin:0}
.brand-type-display{font-size:clamp(58px,6.8vw,98px);line-height:.97;font-weight:600;letter-spacing:-.055em;margin:48px 0;overflow-wrap:anywhere}
.brand-type-display span{color:var(--accent)}
.brand-type-caption{margin:auto 0 0;font-size:14px;line-height:1.6;color:var(--muted)}
.brand-color-specimen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.brand-color{padding:26px;min-height:225px;display:flex;flex-direction:column;justify-content:space-between;gap:36px;font-size:13px}
.brand-color strong{font-size:17px;font-weight:500;line-height:1.35}
.brand-color-indigo{background:var(--accent);color:var(--surface)}
.brand-color-ink{background:var(--ink);color:var(--surface)}
.brand-color-white{background:var(--surface);border-top:2px solid var(--ink);border-right:2px solid var(--ink)}
.brand-color-canvas{background:var(--paper);border-top:2px solid var(--ink)}
.brand-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:32px}
.brand-rules p{margin:0;font-size:14px;line-height:1.65;color:var(--text-2);min-width:0}
.brand-rules strong{display:block;font-size:16px;color:var(--ink);margin-bottom:7px;font-weight:600}
.brand-reuse{background:var(--accent);color:var(--surface)}
.brand-reuse-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.brand-reuse-grid>*{min-width:0}
.brand-reuse .eyebrow{color:var(--surface)}
.brand-reuse .section-title{color:var(--surface);margin:20px 0 26px}
.brand-reuse-grid>div:first-child>p:last-child{max-width:30rem;font-size:18px;line-height:1.65;margin:0}
.brand-license{border:2px solid var(--ink);background:var(--surface);color:var(--ink);padding:36px;box-shadow:8px 8px 0 var(--ink)}
.brand-license .oss-tag{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.brand-license h3{font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-.035em;font-weight:600;margin:26px 0 20px}
.brand-license>p{font-size:14px;line-height:1.65;color:var(--text-2);margin:0}
.brand-license-links{display:grid;gap:0;margin-top:24px}
.brand-license-links a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 0;border-top:1px solid var(--line-strong);text-decoration:none;font-size:14px;font-weight:550;line-height:1.5}
.brand-license-links a:hover{color:var(--accent)}
@media(max-width:1000px){.brand-hero-grid{grid-template-columns:minmax(0,1fr);gap:46px}.brand-hero .hero-title{max-width:12ch}.brand-hero .lede{max-width:40rem}.brand-identity{max-width:660px;width:calc(100% - 9px)}.brand-resource-heading,.brand-direction-heading,.brand-reuse-grid{gap:30px}.brand-type-display{font-size:clamp(60px,8vw,88px)}.brand-color{min-height:200px;padding:22px}.brand-rules{gap:24px}.brand-license{padding:28px}}
@media(max-width:700px){.brand-hero .hero-title{font-size:clamp(42px,9vw,64px)}.brand-identity>div{min-height:165px;padding:24px}.brand-identity-main{min-height:210px!important}.brand-identity .brand-spec-label{font-size:10px;left:16px;bottom:12px}.brand-identity-blue img{width:60px}.brand-resource-heading,.brand-direction-heading,.brand-reuse-grid{grid-template-columns:minmax(0,1fr)}.brand-resource-heading{gap:22px;margin-bottom:30px}.brand-resource-heading>p,.brand-direction-heading>p:last-child{font-size:16px}.brand-resource{grid-template-columns:26px minmax(0,1fr) auto;gap:12px;padding:22px 0}.brand-resource:hover{padding-inline:6px}.brand-resource-content strong{font-size:19px}.brand-resource-content>span{font-size:13px}.brand-resource-format{gap:8px;font-size:11px}.brand-resource-format>span{font-size:20px}.brand-resource-meta{gap:12px}.brand-specimen{grid-template-columns:minmax(0,1fr)}.brand-type-specimen{border-right:0;border-bottom:2px solid var(--ink);padding:26px}.brand-type-display{font-size:clamp(66px,14vw,94px);margin:38px 0}.brand-color{min-height:175px;padding:22px}.brand-rules{grid-template-columns:minmax(0,1fr);gap:22px}.brand-reuse-grid{gap:32px}.brand-license{width:calc(100% - 8px);padding:26px}.brand-license h3{margin-top:22px}.brand-reuse-grid>div:first-child>p:last-child{font-size:16px}}
@media(prefers-reduced-motion:reduce){.brand-resource{transition:none}}