/* Tile showcase: original project photography, calm editorial surfaces. */
#kb-site-preview .tile-page{--tile-paper:#f2efea;--tile-line:#d9d2da}
#kb-site-preview .tile-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:6%;align-items:center;padding-top:44px;padding-bottom:64px}
#kb-site-preview .tile-opening h1{font-size:clamp(38px,4.2vw,62px);line-height:1.08;letter-spacing:-1.1px;max-width:650px}
#kb-site-preview .tile-opening .tile-lead{font:400 23px/1.4 'playfair display',serif;color:var(--purple);margin-bottom:22px}
#kb-site-preview .tile-opening .actions{margin-top:28px}
#kb-site-preview .tile-hero-photo{align-self:center}
#kb-site-preview .tile-hero-photo img{aspect-ratio:3/2;object-fit:contain;background:var(--tile-paper)}
#kb-site-preview .tile-hero-photo figcaption{font-size:13px;padding-top:14px;line-height:1.6}
#kb-site-preview nav.tile-jump-links{padding:12px 6%;border-top:1px solid var(--tile-line);border-bottom:1px solid var(--tile-line);gap:6px 32px;background:var(--tile-paper);display:flex}
#kb-site-preview .tile-jump-links a{font-family:signika,sans-serif;font-size:14px;text-decoration:none}
#kb-site-preview .tile-jump-links a:hover{border-bottom-color:var(--purple)}
#kb-site-preview .tile-page section[id]{scroll-margin-top:24px}
#kb-site-preview .tile-page .sectionhead{margin-bottom:34px}
#kb-site-preview .tile-page h2{font-size:clamp(31px,3.4vw,46px);line-height:1.15}
#kb-site-preview .tile-filter-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}
#kb-site-preview .tile-filters{display:flex;flex-wrap:wrap;gap:8px}
#kb-site-preview .tile-filters button{border:1px solid var(--tile-line);background:transparent;padding:10px 15px;min-height:44px;font-size:14px;cursor:pointer}
#kb-site-preview .tile-filters button[aria-pressed=true]{background:var(--purple);color:white;border-color:var(--purple)}
#kb-site-preview .tile-filter-bar>p{white-space:nowrap;font-size:13px;margin:0}
#kb-site-preview .tile-project-grid{columns:2;column-gap:36px}
#kb-site-preview figure.tile-project{break-inside:avoid;margin:0 0 38px;display:inline-block;width:100%}
#kb-site-preview .tile-photo{position:relative;display:block;width:100%;border:0;padding:0;background:var(--tile-paper);cursor:zoom-in;overflow:hidden}
#kb-site-preview .tile-photo img{position:static;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;display:block}
#kb-site-preview .tile-photo>span{position:absolute;right:12px;bottom:12px;background:#fff;color:var(--purple);padding:8px 12px;font-size:12px;line-height:1.4;border:1px solid #ffffff80}
#kb-site-preview .tile-project figcaption{padding-top:17px}
#kb-site-preview .tile-project .kicker{margin-bottom:6px}
#kb-site-preview .tile-project h3{font-size:clamp(23px,2.2vw,29px);margin-bottom:0}
#kb-site-preview .tile-gallery-note{display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid var(--tile-line);padding-top:25px}
#kb-site-preview .tile-gallery-note p{max-width:720px;margin:0}
#kb-site-preview .tile-gallery-note a{flex-shrink:0}
#kb-site-preview .tile-collections{background:var(--tile-paper)}
#kb-site-preview .tile-maker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;border-top:1px solid var(--tile-line);padding-top:32px}
#kb-site-preview .tile-maker{display:flex;flex-direction:column;align-items:flex-start}
#kb-site-preview .tile-maker .tile-maker-name{font:700 clamp(25px,2.5vw,36px)/1.2 signika,sans-serif;letter-spacing:-.6px;color:var(--purple);margin:0 0 32px}
#kb-site-preview .tile-maker h3{font:700 18px/1.4 signika,sans-serif;margin-bottom:12px}
#kb-site-preview .tile-maker .textlink{margin-top:auto}
#kb-site-preview .tile-smallprint{font-size:13px;margin:30px 0 0;padding-top:20px;border-top:1px solid var(--tile-line)}
#kb-site-preview .tile-scale{display:grid;grid-template-columns:1fr 1fr;gap:8%}
#kb-site-preview .tile-scale-notes{border-top:1px solid var(--tile-line)}
#kb-site-preview .tile-scale-notes>div{position:relative;padding:25px 0 10px 46px;border-bottom:1px solid var(--tile-line)}
#kb-site-preview .tile-scale-notes span{position:absolute;left:0;top:28px;font-size:12px;color:var(--lilac)}
#kb-site-preview .tile-scale-notes h3{font-size:25px}
#kb-site-preview .tile-supply{background:#f5f2f6}
#kb-site-preview .tile-audiences{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:35px}
#kb-site-preview .tile-audiences article{border-top:1px solid var(--tile-line);padding-top:26px}
#kb-site-preview .tile-audiences h3{font-size:30px}
#kb-site-preview .tile-audiences .action{margin-top:8px}
#kb-site-preview .tile-spec-list{border-top:1px solid var(--tile-line);padding-top:24px;margin-top:36px}
#kb-site-preview .tile-spec-list p:last-child{margin-bottom:0}
#kb-site-preview .tile-spec-list .kicker{margin-bottom:7px}
#kb-site-preview .tile-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%}
#kb-site-preview .tile-faq details{border-top:1px solid var(--tile-line);padding:0}
#kb-site-preview .tile-faq details:last-child{border-bottom:1px solid var(--tile-line)}
#kb-site-preview .tile-faq summary{cursor:pointer;font-size:18px;line-height:1.5;padding:20px 0;min-height:48px}
#kb-site-preview .tile-faq details p{padding:0 20px 4px 0}
#kb-site-preview .tile-closing{background:var(--tile-paper)}
#kb-site-preview .tile-closing>p:not(.kicker){max-width:660px}
#kb-site-preview .tile-closing .actions{margin-top:28px}
#kb-site-preview .tile-page a:focus-visible,#kb-site-preview .tile-page button:focus-visible,#kb-site-preview .tile-page summary:focus-visible{outline:3px solid #8c749c;outline-offset:4px}
@media(max-width:1000px){
 #kb-site-preview .tile-opening{grid-template-columns:1fr;gap:36px}
 #kb-site-preview .tile-opening>div{max-width:720px}
 #kb-site-preview .tile-hero-photo{width:min(100%,850px)}
 #kb-site-preview .tile-maker-grid{grid-template-columns:1fr 1fr;gap:35px}
 #kb-site-preview .tile-faq{grid-template-columns:1fr;gap:24px}
 #kb-site-preview .tile-maker .tile-maker-name{margin-bottom:20px}
 #kb-site-preview .tile-filter-bar{flex-wrap:wrap;gap:15px}
}
@media(max-width:700px){
 #kb-site-preview .tile-opening{padding-top:30px;padding-bottom:38px}
 #kb-site-preview .tile-opening h1{letter-spacing:-.7px}
 #kb-site-preview .tile-project-grid{columns:1}
 #kb-site-preview .tile-scale,#kb-site-preview .tile-audiences{grid-template-columns:1fr;gap:32px}
 #kb-site-preview .tile-gallery-note{display:block}
 #kb-site-preview .tile-gallery-note a{margin-top:10px}
 #kb-site-preview .tile-page .sectionhead{display:block}
 #kb-site-preview .tile-page .sectionhead>p{margin-top:18px;max-width:none}
 #kb-site-preview .tile-maker-grid{grid-template-columns:1fr;gap:28px}
 #kb-site-preview .tile-maker+.tile-maker{border-top:1px solid var(--tile-line);padding-top:28px}
 #kb-site-preview .tile-maker .tile-maker-name{margin-bottom:12px}
 #kb-site-preview nav.tile-jump-links{gap:2px 22px}
 #kb-site-preview figure.tile-project{margin-bottom:30px}
 #kb-site-preview .tile-filters button{padding:9px 12px}
}