/* LogoBook uses the site's shared typography, components and colour tokens. */
.brandPage p{max-width:68ch}
.brandPage .kicker,.brandPage .eyebrow,.brandPage .breadcrumbs{font-size:12px}
.brandHeroGrid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:center}
.brandHero .heroTitle{font-size:clamp(48px,6vw,80px)}
.brandHero .heroActions{flex-wrap:wrap;gap:16px}
.brandHero .heroCopy{padding:0}
.brandHeroNote{margin:20px 0 0;font-size:12px;line-height:1.6;color:var(--muted)}
.brandCover{margin:0;background:var(--navy);border-radius:28px;padding:32px;color:var(--on-navy-primary)}
.brandCoverTop,.brandCover figcaption{display:flex;justify-content:space-between;gap:16px;font-size:12px;line-height:1.6;color:var(--on-navy-secondary)}
.brandCoverLogo{min-height:240px;display:flex;align-items:center;justify-content:center}
.brandCoverLogo img{display:block;width:100%;max-width:330px;height:auto}
.brandCover figcaption{border-top:1px solid rgba(255,255,255,.14);padding-top:20px}
.brandJump{display:flex;flex-wrap:wrap;gap:12px 28px;padding-top:28px;border-top:1px solid var(--line);font-size:14px;font-weight:500}
.brandGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.brandAsset{padding:0;gap:0;overflow:hidden}
.brandPreview{display:flex;align-items:center;justify-content:center;min-height:230px;padding:48px;background:var(--surface);border-bottom:1px solid var(--line)}
.brandPreview img{display:block;width:100%;max-width:280px;height:auto}
.brandPreview--navy{background:var(--navy)}
.brandPreview--blue{background:var(--blue)}
.brandAssetInfo{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px}
.brandAssetInfo h3{font-size:20px}
.brandAssetInfo p{margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--body-text)}
.brandDownload{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:10px;font-size:14px;font-weight:600;background:var(--surface);color:var(--blue)}
.brandDownload:hover{border-color:var(--blue);background:var(--bg)}
.brandFiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.brandFiles .featureCard h3{font-size:22px}
.brandFiles .featureCard{gap:20px}
.brandFileLinks{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none}
.brandFileLinks li+li{border-top:1px solid var(--line-soft)}
.brandFileLinks a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:12px 0;font-size:14px;line-height:1.5;font-weight:500}
.brandFileLinks span{flex-shrink:0;font-size:12px;color:var(--muted)}
.brandIconPreview{display:flex;align-items:center;gap:24px;min-height:88px}
.brandIconPreview img{width:56px;height:56px;object-fit:contain}
.brandIconPreview .brandWhiteIcon{background:var(--navy);border-radius:12px;padding:12px;width:80px;height:80px}
.brandDigital{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.brandDigital .featureCard{gap:20px}
.brandDigital .featureCard h3{font-size:22px}
.brandSocial{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.brandSocial a{display:flex;flex-direction:column;gap:14px;font-size:14px;line-height:1.5;font-weight:600}
.brandSocial img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px}
.brandNote{margin:0;font-size:15px;line-height:1.65;color:var(--body-text)}
.brandSwatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.brandSwatch{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}
.brandSwatchColor{height:120px}
.brandSwatchColor--navy{background:var(--navy)}
.brandSwatchColor--blue{background:var(--blue)}
.brandSwatchColor--white{background:var(--surface);border-bottom:1px solid var(--line)}
.brandSwatchLabel{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:24px;font-size:15px;line-height:1.5}
.brandSwatchLabel code{font-size:14px}
.brandRules .featureCard{gap:20px}
.brandRules .featureCard h3{font-size:22px}
.brandClearspace{align-self:flex-start;max-width:100%;padding:24px;border:1px dashed var(--muted)}
.brandClearspace img{display:block;width:198px;max-width:100%;height:auto}
.brandRules ul{margin:0;padding-left:20px;color:var(--body-text);font-size:15px;line-height:1.7}
.brandRules li+li{margin-top:8px}
.brandCopyList{display:flex;flex-direction:column;gap:24px}
.brandCopyCard{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,3fr);gap:40px;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:16px}
.brandCopyMeta h3{margin:0;font-size:24px;line-height:1.2;font-weight:600;letter-spacing:-.02em}
.brandCopyMeta p{margin:12px 0 20px;font-size:14px;line-height:1.6;color:var(--muted)}
.brandCopyText{user-select:all}
.brandCopyText p{margin:0;font-size:18px;line-height:1.7;color:var(--ink)}
.brandCopyText p+p{margin-top:20px}
@media(max-width:1100px){.brandHeroGrid{gap:32px}.brandCover{padding:24px}.brandCoverLogo{min-height:210px}.brandFiles{grid-template-columns:1fr 1fr}.brandAssetInfo{flex-wrap:wrap}.brandCopyCard{gap:28px}}
@media(max-width:760px){.brandHeroGrid{grid-template-columns:1fr}.brandCoverLogo{min-height:180px}.brandGrid,.brandDigital{grid-template-columns:1fr}.brandCopyCard{grid-template-columns:1fr;gap:24px}.brandCopyMeta{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.brandCopyMeta p{flex:1;min-width:120px;margin:0}.brandCopyMeta h3{width:100%}.brandSwatchLabel{padding:20px}}
@media(max-width:640px){.brandHero .heroTitle{font-size:clamp(40px,11vw,60px)}.brandHeroGrid{gap:36px}.brandHero .heroActions{align-items:stretch;flex-direction:column}.brandCover{padding:24px}.brandJump{gap:8px 24px}.brandJump a{display:flex;align-items:center;min-height:44px}.brandFiles,.brandSwatches,.brandSocial{grid-template-columns:1fr}.brandPreview{min-height:190px;padding:36px}.brandAssetInfo{padding:24px}.brandCopyCard{padding:24px}.brandCopyText p{font-size:16px}.brandSwatchColor{height:96px}}

/* Banner previews retain the full artwork; original dimensions are available on click. */
.brandBannerIntro{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}
.brandBannerGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.brandBannerCard{padding:0;gap:0;overflow:hidden}
.brandBannerCard--wide{grid-column:1/-1}
.brandBannerPreview{display:flex;align-items:center;justify-content:center;height:420px;padding:28px;background:var(--nested);border-bottom:1px solid var(--line)}
.brandBannerPreview img{display:block;width:auto;height:auto;max-width:100%;max-height:364px;object-fit:contain}
.brandBannerCard--wide .brandBannerPreview{height:auto;padding:32px}
.brandBannerInfo{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:28px}
.brandBannerInfo h3{font-size:22px}
.brandBannerSize{margin:10px 0 12px;font-size:12px;line-height:1.5;color:var(--muted)}
.brandBannerSlogan{margin:0;font-size:15px;line-height:1.6;color:var(--body-text)}
.brandBannerDownloads{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}
@media(max-width:1100px){.brandBannerInfo{flex-direction:column;gap:20px}}
@media(max-width:640px){.brandBannerGrid{grid-template-columns:1fr}.brandBannerCard--wide{grid-column:auto}.brandBannerPreview{height:auto;min-height:220px;padding:20px}.brandBannerCard--wide .brandBannerPreview{min-height:0;padding:16px}.brandBannerInfo{padding:24px}.brandBannerPreview img{max-height:360px}}