@layer components{.brand-kit{padding-bottom:100px}.kit-intro{justify-content:space-between;align-items:center;gap:40px;padding-block:78px 56px;display:flex}.kit-intro h1{font-size:clamp(2.75rem,5vw,4.25rem)}.kit-intro p{color:var(--color-muted);margin-top:16px}.kit-download-all{flex-direction:column;flex-shrink:0;align-items:center;gap:12px;display:flex}.kit-download-all>span{color:var(--color-muted);font-size:.75rem}.kit-nav{border-block:1px solid var(--color-border);flex-wrap:wrap;gap:16px 34px;padding-block:18px;font-size:.875rem;display:flex}.kit-nav a:hover{color:var(--color-brand)}.kit-section{padding-top:64px;scroll-margin-top:20px}.kit-section+.kit-section{margin-top:16px}.kit-section-heading{justify-content:space-between;align-items:baseline;gap:40px;margin-bottom:30px;display:flex}.kit-section-heading h2{flex-shrink:0;font-size:2rem}.kit-section-heading>p{max-width:62ch;color:var(--color-muted);font-size:.875rem}.logo-grid,.artwork-grid,.type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.logo-card,.artwork-card{border:1px solid var(--color-border);background:var(--color-surface)}.logo-card-preferred{border-color:color-mix(in srgb, var(--color-brand) 35%, transparent)}.logo-preview{background:var(--color-dark);place-items:center;height:252px;padding:38px;display:grid;position:relative}.logo-preview[data-background=light]{background:#edf2ef}.preferred-label{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem;position:absolute;top:14px;left:20px}.logo-preview[data-background=light] .preferred-label{color:var(--color-dark)}.logo-preview img{object-fit:contain;width:65%;max-width:280px;height:auto;max-height:170px}.logo-preview[data-kind=mark] img{width:44%;max-width:195px}.logo-preview[data-kind=crest] img{width:auto;height:166px}.logo-preview[data-kind=wide] img{width:90%;max-width:370px}.asset-details{padding:24px}.asset-details h3,.type-meta h3,.color-details h3,.video-details h3{font-family:var(--font-body);font-size:1rem;font-weight:600;line-height:1.5}.asset-details>p{min-height:3.5em;color:var(--color-muted);margin-top:8px;font-size:.8125rem}.logo-actions,.artwork-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;display:flex}.variant-field{align-items:center;gap:10px;display:flex}.variant-field label{color:var(--color-muted);font-size:.75rem}.variant-field select{max-width:150px;min-height:40px;color:var(--color-text);border:1px solid var(--color-border);background:var(--color-dark);font:400 .8125rem var(--font-body);cursor:pointer;border-radius:2px;padding:8px 28px 8px 10px}.asset-download{min-height:40px;color:var(--color-brand);align-items:center;gap:12px;font-size:.8125rem;font-weight:600;display:inline-flex}.asset-download:hover{text-underline-offset:5px;text-decoration:underline}.asset-format{color:var(--color-muted);font-size:.75rem}.variant-fallback{color:var(--color-brand);flex-wrap:wrap;gap:8px 24px;margin:12px 0 0;padding:0;font-size:.8125rem;list-style:none;display:flex}.variant-fallback a{align-items:center;gap:8px;padding-block:8px;display:inline-flex}.color-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.color-card{border:1px solid var(--color-border)}.color-swatch{height:138px;color:var(--color-dark);align-items:flex-end;padding:18px 24px;font-size:.75rem;font-weight:600;display:flex}.swatch-teal{background:var(--color-brand)}.swatch-dark{background:var(--color-dark);color:var(--color-text)}.swatch-gold{background:var(--color-gold)}.color-details{padding:22px 24px}.color-value{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-top:9px;display:flex}.color-value code{font-size:.875rem}.color-value button{border:1px solid var(--color-border);min-height:36px;color:var(--color-muted);cursor:pointer;background:0 0;border-radius:2px;align-items:center;gap:7px;padding:4px 8px;font-size:.75rem;display:inline-flex}.color-value button:hover{color:var(--color-brand);border-color:var(--color-brand)}.color-details>p{color:var(--color-muted);margin-top:4px;font-size:.75rem}.copy-status{min-height:24px;color:var(--color-brand);margin-top:12px;font-size:.8125rem}.type-card{border-block:1px solid var(--color-border);flex-direction:column;align-items:flex-start;padding:30px;display:flex}.type-meta{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;width:100%;display:flex}.type-meta>span{color:var(--color-muted);font-size:.75rem}.type-specimen{margin-block:38px}.type-display{font:500 clamp(1.4rem, 2.4vw, 2rem)/1.6 var(--font-display)}.type-body{max-width:35ch;font-size:1.25rem;line-height:1.8}.type-card>a{margin-top:auto}.artwork-preview{aspect-ratio:16/9;background:var(--color-dark);overflow:hidden}.artwork-preview img{object-fit:cover;width:100%;height:100%}.artwork-crest{padding:28px}.artwork-crest img{object-fit:contain}.artwork-actions{margin-top:12px}.video-card{border:1px solid var(--color-border);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:40px;margin-top:32px;display:grid}.video-card video{background:var(--color-dark);width:100%;height:auto;display:block}.video-details{padding:20px 32px 20px 0}.video-details p{color:var(--color-muted);margin-top:12px;font-size:.875rem}.video-details .asset-format{margin-block:16px 10px;display:block}.variant-field[hidden],.color-value button[hidden]{display:none}}@layer responsive{@media (width<=1100px){.kit-section-heading>p{max-width:52ch}.logo-preview img{width:78%}.asset-details{padding:20px}.variant-field{gap:8px}.variant-field select{padding-right:8px}.logo-actions{gap:10px}.color-grid{gap:16px}.color-details{padding-inline:18px}}@media (width<=760px){.brand-kit{padding-bottom:68px}.kit-intro{flex-direction:column;align-items:flex-start;gap:28px;padding-block:48px 36px}.kit-intro p{font-size:.9375rem}.kit-download-all{align-items:flex-start}.kit-nav{gap:10px 22px;font-size:.8125rem}.kit-section{padding-top:44px}.kit-section-heading{flex-direction:column;gap:12px;margin-bottom:24px}.kit-section-heading h2{font-size:1.75rem}.logo-grid,.artwork-grid,.type-grid{grid-template-columns:1fr;gap:20px}.logo-preview{height:230px;padding:34px}.logo-preview img{max-width:270px}.asset-details>p{min-height:auto}.variant-field label{display:none}.variant-field select{min-width:108px}.color-grid{grid-template-columns:1fr}.color-card{grid-template-columns:30% minmax(0,1fr);display:grid}.color-swatch{height:100%;min-height:150px;padding:15px 12px;font-size:.6875rem}.color-details{padding:18px}.type-card{padding:24px 0}.type-specimen{margin-block:28px}.type-display{font-size:1.5rem}.type-body{font-size:1.125rem}.video-card{grid-template-columns:1fr;gap:0}.video-details{padding:24px}}}