/* Personal manufacturer stories. All photographs retain their original proportions. */
#kb-site-preview .brand-story-page{--brand-paper:#f5f1ed;--brand-rule:#ded6df}
#kb-site-preview .brand-story-page .section{padding:clamp(36px,5vw,76px) clamp(24px,5vw,70px)}
#kb-site-preview .brand-story-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:7%;align-items:center;background:#f5f1ed}
#kb-site-preview .brand-story-hero h1,#kb-site-preview .brand-family-intro h1{font-family:'playfair display',serif;font-weight:400;font-size:clamp(40px,5vw,67px);line-height:1.13;letter-spacing:-1.5px}
#kb-site-preview .brand-deck{font-size:clamp(18px,1.7vw,22px);line-height:1.65;max-width:770px}
#kb-site-preview .brand-byline{margin:30px 0;font-size:14px;color:#3c144c}
#kb-site-preview .brand-byline span{font-size:12px;color:#615766}
#kb-site-preview .brand-photo{min-width:0;margin:0}
#kb-site-preview .brand-photo .gallery-open{display:block;position:relative;width:100%;border:0;background:transparent;padding:0;cursor:zoom-in}
#kb-site-preview .brand-photo img{width:100%;height:auto;max-height:650px;object-fit:contain;aspect-ratio:auto}
#kb-site-preview .brand-photo .brand-enlarge{position:absolute;right:12px;bottom:12px;padding:7px 12px;background:#3c144ce8;color:#fff;font-size:12px}
#kb-site-preview .brand-photo figcaption{font-size:12px;line-height:1.6;padding-top:12px}
#kb-site-preview .brand-story-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 40px;padding:14px 25px;border-block:1px solid #ded6df;background:#fff}
#kb-site-preview .brand-story-nav a{font-size:14px}
#kb-site-preview .brand-editorial{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:9%}
#kb-site-preview .brand-prose p{font-size:17px;line-height:1.85}
#kb-site-preview .brand-prose p:last-child{margin-bottom:0}
#kb-site-preview .brand-heritage{background:#f5f2f6}
#kb-site-preview .brand-belief{background:#3c144c;color:#fff}
#kb-site-preview .brand-belief blockquote{margin:0 auto;max-width:850px}
#kb-site-preview .brand-belief blockquote p{font:400 clamp(24px,3vw,35px)/1.5 'playfair display',serif;color:#fff}
#kb-site-preview .brand-belief blockquote footer{display:block;border:0;padding:12px 0 0;background:transparent;color:#e7dae9;font-size:13px;letter-spacing:.8px}
#kb-site-preview .brand-project-grid,#kb-site-preview .brand-feature-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7%;align-items:center}
#kb-site-preview .brand-project-grid{align-items:start}
#kb-site-preview .brand-project-grid h3{margin-top:24px}
#kb-site-preview .brand-memory{border-top:1px solid #b7a8bc;padding-top:28px}
#kb-site-preview .brand-small{font-size:13px}
#kb-site-preview .brand-studio{display:grid;grid-template-columns:1.15fr .85fr;gap:7%;align-items:center;background:#f0f1ed}
#kb-site-preview .brand-studio p{max-width:670px;font-size:17px;line-height:1.8}
#kb-site-preview .brand-studio-notes{border-left:1px solid #c9cec1;padding-left:32px}
#kb-site-preview .brand-studio-notes .textlink{display:block;width:fit-content}
#kb-site-preview .brand-next{border-top:1px solid #ded6df}
#kb-site-preview .brand-reading{padding-block:20px!important}
#kb-site-preview .brand-reading summary{font-size:13px;color:#615766}
#kb-site-preview .brand-reading .actions{padding-bottom:15px}
#kb-site-preview .brand-family-intro{background:#f5f1ed}
#kb-site-preview .brand-intro-columns{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin:36px 0 20px}
#kb-site-preview .brand-intro-columns p{font-size:17px;line-height:1.85}
#kb-site-preview .brand-signature{display:block;margin-top:20px;font-size:13px;color:#3c144c}
#kb-site-preview .brand-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:32px}
#kb-site-preview .brand-family-card{min-width:0}
#kb-site-preview .brand-family-card>a:first-child{display:flex;align-items:center;justify-content:center;background:#efede9;height:320px;margin-bottom:22px}
#kb-site-preview .brand-family-card img{width:100%;height:100%;object-fit:contain;aspect-ratio:auto}
#kb-site-preview .brand-family-card h3{font-size:31px;margin-bottom:14px}
#kb-site-preview .brand-family-card h3 a{text-decoration:none}
#kb-site-preview .brand-family-card .kicker{font-size:10px;line-height:1.7;min-height:34px}
#kb-site-preview .brand-family-card p{font-size:16px}
#kb-site-preview .brand-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;border-block:1px solid #ded6df}
#kb-site-preview .brand-steps span{font-size:14px;color:#8c749c;display:block;margin-bottom:20px}
#kb-site-preview .brand-steps h3{font-size:25px}
#kb-site-preview .brand-more-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;margin-top:35px}
#kb-site-preview .brand-more-grid article{border-top:1px solid #ded6df;padding-top:24px}
#kb-site-preview .brand-more-grid p{font-size:15px}
#kb-site-preview .brand-more-grid h3 a{text-decoration:none}
#kb-site-preview .home-brand-family{background:#f6f2ed}
#kb-site-preview .home-brand-family>p:not(.kicker){max-width:820px}
#kb-site-preview .brand-studio-signpost{background:#f5f2f6}
#kb-site-preview .brand-story-page [id]{scroll-margin-top:28px}
#kb-site-preview .brand-story-page a:focus-visible,#kb-site-preview .brand-story-page button:focus-visible{outline:3px solid #8c749c;outline-offset:5px}
@media(max-width:900px){
 #kb-site-preview .brand-story-hero,#kb-site-preview .brand-editorial,#kb-site-preview .brand-studio,#kb-site-preview .brand-feature-pair{grid-template-columns:1fr;gap:32px}
 #kb-site-preview .brand-story-hero .brand-photo{max-width:600px;justify-self:center}
 #kb-site-preview .brand-photo img{max-height:570px}
 #kb-site-preview .brand-family-card>a:first-child{height:250px}
 #kb-site-preview .brand-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #kb-site-preview .brand-studio-notes{border-left:0;border-top:1px solid #c9cec1;padding:26px 0 0}
}
@media(max-width:640px){
 #kb-site-preview .brand-intro-columns,#kb-site-preview .brand-project-grid,#kb-site-preview .brand-family-grid,#kb-site-preview .brand-steps{grid-template-columns:1fr;gap:32px}
 #kb-site-preview .brand-family-card>a:first-child{height:330px}
 #kb-site-preview .brand-family-card .kicker{min-height:0}
 #kb-site-preview .brand-story-nav{justify-content:flex-start;gap:6px 22px}
 #kb-site-preview .brand-story-nav a{font-size:13px}
 #kb-site-preview .brand-more-grid{gap:28px 18px}
 #kb-site-preview .brand-more-grid h3{font-size:22px}
 #kb-site-preview .brand-steps>div+div{border-top:1px solid #ded6df;padding-top:24px}
 #kb-site-preview .brand-family-card>a:first-child{max-height:65vh}
}

/* Four featured stories: keep photographs uncropped at all widths. */
#kb-site-preview .brand-family-grid.brand-family-four{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:640px){#kb-site-preview .brand-family-grid.brand-family-four{grid-template-columns:1fr}}

/* A growing collection of personal brand stories. */
#kb-site-preview .brand-family-grid.brand-family-expanded{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){#kb-site-preview .brand-family-grid.brand-family-expanded{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#kb-site-preview .brand-family-grid.brand-family-expanded{grid-template-columns:1fr}}

/* A documentary showroom feature: full lead photograph and a modest archive inset. */
#kb-site-preview .hansgrohe-shoot{background:#f4f0f4}
#kb-site-preview .hansgrohe-shoot-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(28px,5vw,68px);align-items:center}
#kb-site-preview .hansgrohe-shoot-lead img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
#kb-site-preview .hansgrohe-shoot-copy{min-width:0}
#kb-site-preview .hansgrohe-shoot-copy h2{max-width:18ch}
#kb-site-preview .hansgrohe-shoot-copy>p:not(.kicker){max-width:48ch;line-height:1.8}
#kb-site-preview .hansgrohe-shoot-memory{width:min(100%,280px);margin:30px 0 24px}
#kb-site-preview .hansgrohe-shoot-memory img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
#kb-site-preview .hansgrohe-shoot-memory figcaption{font-size:12px;line-height:1.6;margin-top:10px;color:#655b66}
@media(max-width:900px){#kb-site-preview .hansgrohe-shoot-layout{grid-template-columns:1fr}#kb-site-preview .hansgrohe-shoot-lead{max-width:540px;margin-inline:auto}#kb-site-preview .hansgrohe-shoot-copy h2{max-width:24ch}}

/* The people behind our Origins Living partnership. */
#kb-site-preview .brand-family-origins>a:first-child img{object-fit:cover;object-position:50% 75%}

/* Full portrait frames give the lit display and pearl detail their own presence. */
#kb-site-preview .brand-family-card.brand-family-portrait>a:first-child{height:auto;aspect-ratio:3/4;max-height:none}
#kb-site-preview .brand-family-card.brand-family-portrait>a:first-child img{width:100%;height:100%;object-fit:cover}