/* Brand stories share the studio's editorial typography and generous spacing. */
#kb-site-preview .brand-addition-hero { padding: 64px var(--studio-pad,5.6%); background: #f1edf0; }
#kb-site-preview .brand-addition-hero.has-image { display:grid; grid-template-columns: 1.05fr 1fr; gap: 6%; align-items:center; }
#kb-site-preview .brand-addition-hero h1 { font-size:clamp(38px,4.6vw,66px); line-height:1.08; max-width:16ch; margin:20px 0; }
#kb-site-preview .brand-addition-hero p:not(.kicker) { max-width:58ch; line-height:1.75; }
#kb-site-preview .brand-addition-hero figure, #kb-site-preview .brand-addition figure { margin:0; }
#kb-site-preview .brand-addition-hero figure img { width:100%; height:480px; object-fit:cover; }
#kb-site-preview .brand-addition-logo { width:260px; max-height:140px; object-fit:contain; object-position:left center; margin:20px 0; }
#kb-site-preview .brand-addition { padding:54px var(--studio-pad,5.6%); border-top:1px solid #d9d0da; }
#kb-site-preview .brand-addition h2 { font-size:clamp(29px,3.4vw,44px); line-height:1.15; margin:14px 0 22px; }
#kb-site-preview .brand-addition p { max-width:70ch; line-height:1.75; }
#kb-site-preview .brand-addition .actions { display:flex; flex-wrap:wrap; gap:14px 28px; }
#kb-site-preview .brand-addition-split { display:grid; grid-template-columns:1fr 1.2fr; gap:7%; align-items:center; }
#kb-site-preview .brand-addition-split figure img { width:100%; height:390px; object-fit:cover; }
#kb-site-preview #hardware-details { background:#f2edf3; }
#kb-site-preview #hardware-details figure img { object-position:center; }
#kb-site-preview .family-logo-art > .partner-logo { width:85%; height:80px; object-fit:contain; }
@media(max-width:700px) {
 #kb-site-preview .brand-addition-hero.has-image,#kb-site-preview .brand-addition-split { grid-template-columns:1fr; gap:30px; }
 #kb-site-preview .brand-addition-hero,#kb-site-preview .brand-addition { padding:40px 24px; }
 #kb-site-preview .brand-addition-hero figure img { height:340px; }
 #kb-site-preview .brand-addition-split figure img { height:300px; }
}

/* Preserve the composition of leading photographs and identify their source. */
#kb-site-preview .brand-addition-hero figure.brand-photo-landscape img,
#kb-site-preview .brand-addition figure.brand-photo-landscape img { height:auto; max-height:560px; object-fit:contain; }
#kb-site-preview .brand-addition-hero figcaption,
#kb-site-preview .brand-addition figcaption { color:#514957; font-size:13px; line-height:1.5; padding-top:12px; }
#kb-site-preview .brand-addition-hero figcaption a,
#kb-site-preview .brand-addition figcaption a { color:#4b205b; text-decoration:underline; text-underline-offset:3px; }
