/* Public marketing site only. Shared column system, independent of admin and artist kits. */
.bk-public-grid{--bk-edge:clamp(24px,5vw,88px);--bk-max:1440px;--bk-gap:clamp(20px,2.2vw,32px);--bk-section:clamp(64px,7vw,112px);--bk-rule:#d7d7df;--bk-reading:760px}
.bk-public-grid :is(header,main,footer) .container{width:min(calc(100% - var(--bk-edge)*2),var(--bk-max));max-width:var(--bk-max);margin-inline:auto;padding-inline:0}
.bk-public-grid main .container .container{width:100%;padding-inline:0}
.bk-public-grid main>.marketing-page-hero{min-height:0;padding-block:clamp(64px,6vw,96px)}
.bk-public-grid .section-kicker{margin:0 0 24px;padding:0}
.bk-public-grid .marketing-hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--bk-gap);align-items:end}
.bk-public-grid .marketing-hero-grid>div:first-child{grid-column:1/8;min-width:0}
.bk-public-grid .marketing-hero-copy{grid-column:9/13;max-width:40ch;margin:0;padding:0}
.bk-public-grid .marketing-hero-copy p{margin:0;line-height:1.55}
.bk-public-grid .marketing-page-hero>.container>div.flex:has(>h1){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--bk-gap);align-items:end}
.bk-public-grid .marketing-page-hero>.container>div.flex>h1{grid-column:1/8;min-width:0}
.bk-public-grid .marketing-page-hero>.container>div.flex>p{grid-column:9/13;max-width:40ch;margin:0;padding:0;line-height:1.55}
.bk-public-grid .learn-index-hero h1.title{font-size:clamp(64px,7.4vw,112px)!important}
.bk-public-grid .learn-directory{padding-block:48px var(--bk-section)}
.bk-public-grid .learn-directory-shell{max-width:var(--bk-max)}
.bk-public-grid .learn-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,280px);gap:var(--bk-gap)}
.bk-public-grid .learn-article-row{display:grid;grid-template-columns:minmax(130px,2fr) minmax(0,9fr) 32px;gap:var(--bk-gap);padding-block:32px}
.bk-public-grid .learn-row-copy{max-width:72ch}
.bk-public-grid .learn-row-copy p{max-width:65ch;line-height:1.55}
.bk-public-grid .learn-article-shell.container{width:min(calc(100% - var(--bk-edge)*2),var(--bk-reading));max-width:var(--bk-reading)}
.bk-public-grid main:has(.learn-article-hero) .learn-article-shell{margin-left:max(var(--bk-edge),calc((100% - var(--bk-max))/2 + (var(--bk-max) + var(--bk-gap))/12*2));margin-right:auto}
.bk-public-grid main:has(.learn-article-hero)>section:not(.marketing-page-hero){padding-block:48px}
.bk-public-grid .learn-article-shell :is(p,li){line-height:1.65;max-width:70ch}
.bk-public-grid .learn-article-shell h2{margin-bottom:24px}
.bk-public-grid .content-card-grid{gap:var(--bk-gap)}
.bk-public-grid #connect-forms>.container>.grid{column-gap:calc(var(--bk-gap)*2)}
.bk-public-grid #examples-grid>.container>.grid{gap:var(--bk-gap)}
.bk-public-grid #real-pages>.container{padding-inline:0}
.bk-public-grid .contact-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--bk-gap)}
.bk-public-grid .contact-layout>div:first-child{grid-column:1/6;width:auto}
.bk-public-grid .contact-layout>div:last-child{grid-column:7/13;width:auto}
.bk-public-grid .contact-copy{max-width:38ch}
.bk-public-grid footer>.container{padding-block:48px}
.bk-public-grid footer .grid{gap:var(--bk-gap)}
@media(max-width:1023px) and (min-width:761px){.bk-public-grid .marketing-hero-copy,.bk-public-grid .marketing-page-hero>.container>div.flex>p{grid-column:8/13}}
@media(max-width:760px){
 .bk-public-grid{--bk-edge:20px;--bk-gap:16px;--bk-section:64px}
 .bk-public-grid main>.marketing-page-hero{padding-block:48px}
 .bk-public-grid .marketing-hero-grid,.bk-public-grid .marketing-page-hero>.container>div.flex:has(>h1),.bk-public-grid .contact-layout{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:24px}
 .bk-public-grid .marketing-hero-grid>div,.bk-public-grid .marketing-hero-copy,.bk-public-grid .marketing-page-hero>.container>div.flex>h1,.bk-public-grid .marketing-page-hero>.container>div.flex>p,.bk-public-grid .contact-layout>div{grid-column:1/-1!important}
 .bk-public-grid .marketing-hero-copy{max-width:40ch}
 .bk-public-grid .learn-index-hero h1.title{font-size:clamp(48px,14.5vw,72px)!important}
 .bk-public-grid .learn-toolbar{grid-template-columns:1fr}
 .bk-public-grid .learn-article-row{grid-template-columns:minmax(0,1fr) 24px;row-gap:12px;padding-block:24px}
 .bk-public-grid .learn-row-meta{grid-column:1/-1}
 .bk-public-grid .learn-row-copy{grid-column:1;grid-row:2}
 .bk-public-grid .learn-row-arrow{grid-column:2;grid-row:2}
 .bk-public-grid main:has(.learn-article-hero) .learn-article-shell{margin-inline:auto}
 .bk-public-grid main:has(.learn-article-hero)>section:not(.marketing-page-hero){padding-block:32px}
 .bk-public-grid #connect-forms>.container>.grid{row-gap:48px}
}

/* Local layout study: content, CTA attributes and interaction sources unchanged. */
.bk-public-grid.page-home{--bk-edge:clamp(24px,5vw,88px);--bk-max:1440px;--bk-gap:clamp(20px,2.2vw,32px);--bk-section:clamp(64px,7vw,112px);--bk-rule:#d7d7df}
.bk-public-grid.page-home :is(header,main,footer) .container{width:min(calc(100% - var(--bk-edge)*2),var(--bk-max));max-width:var(--bk-max);margin-inline:auto;padding-inline:0}
.bk-public-grid.page-home main>section:not(.hero):not(.bk-kit-gallery):not(#pricing){padding-block:var(--bk-section)}
.bk-public-grid.page-home .section-kicker,.bk-public-grid.page-home .hero-kicker{margin:0 0 24px;border:0;padding:0;background:transparent}
.bk-public-grid.page-home .hero{padding-block:clamp(64px,6vw,96px) 96px}
.bk-public-grid.page-home .hero-panel{padding:0;min-height:0;border:0}
.bk-public-grid.page-home .hero-text{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--bk-gap);row-gap:24px;padding:0;width:100%;max-width:none}
.bk-public-grid.page-home .hero-kicker{grid-column:1/-1;margin-bottom:12px}
.bk-public-grid.page-home .hero-h1{grid-column:1/8;grid-row:2;margin:0;font-size:clamp(64px,7.4vw,112px)!important;line-height:.96;max-width:none}
.bk-public-grid.page-home .hero-summary,.bk-public-grid.page-home .hero-summary-row{display:contents}
.bk-public-grid.page-home .hero-h2{grid-column:1/8;grid-row:3;font-size:clamp(64px,7.4vw,112px)!important;line-height:.96;margin:0}
.bk-public-grid.page-home .hero-copy{grid-column:9/13;grid-row:2;align-self:end;padding:0;margin:0;max-width:40ch;font-size:18px;line-height:1.55}
.bk-public-grid.page-home .hero-actions{grid-column:9/13;grid-row:3;align-self:end;display:flex;flex-wrap:wrap;gap:12px;margin:0}
.bk-public-grid.page-home .hero-actions a{min-height:48px;padding:12px 24px;font-size:15px}
.bk-public-grid.page-home .bk-gallery-controls{width:min(calc(100% - var(--bk-edge)*2),var(--bk-max));max-width:var(--bk-max)}
.bk-public-grid.page-home .bk-proposition>.container{border-top:1px solid var(--bk-rule);padding-top:32px}
.bk-public-grid.page-home .bk-proposition>.container>div:first-child{margin-bottom:64px}
.bk-public-grid.page-home .bk-proposition h2{font-size:clamp(56px,6vw,88px)!important;line-height:.98}
.bk-public-grid.page-home .bk-proposition .grid{column-gap:var(--bk-gap)}
.bk-public-grid.page-home .bk-proposition .grid>div{padding:0 24px 0 0;border:0;min-width:0}
.bk-public-grid.page-home .bk-proposition .grid>div+div{border-left:1px solid var(--bk-rule);padding-left:24px}
.bk-public-grid.page-home .bk-proposition h3{font-size:clamp(40px,4.4vw,64px)!important}
.bk-public-grid.page-home .bk-proposition p{max-width:32ch}
.bk-public-grid.page-home .bk-feature-heading-row{padding-bottom:32px}
.bk-public-grid.page-home .bk-feature-layout{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--bk-gap);padding-top:32px}
.bk-public-grid.page-home .bk-feature-menu{grid-column:1/6}
.bk-public-grid.page-home .bk-feature-studio{grid-column:7/13}
.bk-public-grid.page-home .bk-mid-cta>.container{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--bk-gap);border-top:1px solid var(--bk-rule);padding-top:32px;align-items:end}
.bk-public-grid.page-home .bk-mid-cta .section-header{grid-column:1/9;margin:0}
.bk-public-grid.page-home .bk-mid-cta .section-header h2{font-size:clamp(48px,5.2vw,76px)!important}
.bk-public-grid.page-home .bk-mid-cta>.container>div:last-child{grid-column:9/13;justify-content:flex-end}
.bk-public-grid.page-home .bk-mid-cta .cta-action{margin:0}
.bk-public-grid.page-home #pricing{padding-block:0 var(--bk-section)}
.bk-public-grid.page-home .pricing-grid{width:min(calc(100% - var(--bk-edge)*2),var(--bk-max));max-width:var(--bk-max);margin-inline:auto;padding-inline:0;gap:var(--bk-gap)}
.bk-public-grid.page-home .pricing-card{padding:24px;min-width:0}
.bk-public-grid.page-home .faq-band>.container{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--bk-gap);border-top:1px solid var(--bk-rule);padding-top:32px;align-items:start}
.bk-public-grid.page-home .faq-band .section-header{grid-column:1/6;margin:0}
.bk-public-grid.page-home .faq-band h2{font-size:clamp(44px,4.8vw,68px)!important;line-height:1}
.bk-public-grid.page-home .faq-list{grid-column:7/13;padding:0;margin:0}
.bk-public-grid.page-home .faq-item{padding-block:24px}
.bk-public-grid.page-home .faq-item h3{font-size:clamp(24px,2.3vw,32px)!important}
.bk-public-grid.page-home .contact-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--bk-gap)}
.bk-public-grid.page-home .contact-layout>div:first-child{grid-column:1/6;width:auto}
.bk-public-grid.page-home .contact-layout>div:last-child{grid-column:7/13;width:auto}
.bk-public-grid.page-home .contact-layout h2{font-size:clamp(44px,4.8vw,68px)!important}
.bk-public-grid.page-home .contact-copy{max-width:36ch}
.bk-public-grid.page-home .bk-final-cta>div:first-child{height:64px}
.bk-public-grid.page-home .final-cta-shell{width:100%;max-width:none}
.bk-public-grid.page-home .final-cta-shell h2{max-width:1100px;font-size:clamp(48px,6vw,88px)!important}
.bk-public-grid.page-home .final-cta-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--bk-gap);width:100%;padding-top:32px;border-top:1px solid var(--bk-rule)}
.bk-public-grid.page-home .final-cta-copy{grid-column:1/7;margin:0;max-width:48ch}
.bk-public-grid.page-home .final-cta-row>div{grid-column:9/13;justify-content:flex-end}
@media(max-width:1023px) and (min-width:761px){.bk-public-grid.page-home .hero-copy,.bk-public-grid.page-home .hero-actions{grid-column:8/13}.bk-public-grid.page-home .hero-actions a{padding:12px 16px;font-size:14px}}
@media(max-width:760px){
 .bk-public-grid.page-home{--bk-edge:20px;--bk-gap:16px;--bk-section:64px}
 .bk-public-grid.page-home .hero{padding-block:48px 80px}
 .bk-public-grid.page-home .hero-text{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:24px}
 .bk-public-grid.page-home .hero-kicker,.bk-public-grid.page-home .hero-h1,.bk-public-grid.page-home .hero-copy,.bk-public-grid.page-home .hero-actions{grid-column:1/-1;grid-row:auto}
 .bk-public-grid.page-home .hero-kicker{font-size:10px;margin-bottom:0}
 .bk-public-grid.page-home .hero-h1{font-size:clamp(56px,14.5vw,96px)!important;line-height:1}
 .bk-public-grid.page-home .hero-h2{display:none}
 .bk-public-grid.page-home .hero-copy{font-size:17px;max-width:40ch;line-height:1.5}
 .bk-public-grid.page-home .hero-actions{flex-direction:column;align-items:stretch}
 .bk-public-grid.page-home .hero-actions a{justify-content:center;min-height:48px;width:100%}
 .bk-public-grid.page-home .bk-proposition h2{font-size:clamp(42px,11vw,64px)!important}
 .bk-public-grid.page-home .bk-proposition>.container>div:first-child{margin-bottom:32px}
 .bk-public-grid.page-home .bk-proposition .grid>div,.bk-public-grid.page-home .bk-proposition .grid>div+div{padding:24px 0;border-left:0;border-bottom:1px solid var(--bk-rule)}
 .bk-public-grid.page-home .bk-proposition .grid>div:first-child{padding-top:0}
 .bk-public-grid.page-home .bk-proposition h3{font-size:44px!important;margin-bottom:16px}
 .bk-public-grid.page-home .bk-proposition p{max-width:40ch}
 .bk-public-grid.page-home .bk-feature-layout{display:flex}
 .bk-public-grid.page-home .bk-mid-cta>.container,.bk-public-grid.page-home .faq-band>.container,.bk-public-grid.page-home .contact-layout,.bk-public-grid.page-home .final-cta-row{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:32px}
 .bk-public-grid.page-home .bk-mid-cta>.container>div,.bk-public-grid.page-home .faq-band .section-header,.bk-public-grid.page-home .faq-list,.bk-public-grid.page-home .contact-layout>div,.bk-public-grid.page-home .final-cta-row>*{grid-column:1/-1!important}
 .bk-public-grid.page-home .bk-mid-cta>.container>div:last-child,.bk-public-grid.page-home .final-cta-row>div{justify-content:flex-start}
 .bk-public-grid.page-home .pricing-grid{width:100%;padding-inline:var(--bk-edge);gap:16px}
 .bk-public-grid.page-home .pricing-card{min-width:78vw}
 .bk-public-grid.page-home .bk-mid-cta .section-header h2,.bk-public-grid.page-home .faq-band h2,.bk-public-grid.page-home .contact-layout h2,.bk-public-grid.page-home .final-cta-shell h2{font-size:clamp(42px,11vw,64px)!important}
}
.bk-public-grid.page-home .pricing-pattern{padding-bottom:0}
.bk-public-grid.page-home .final-cta-shell{padding:0;border:0;box-shadow:none;background:transparent;border-radius:0}
.bk-public-grid.page-home .reviews-header{margin-bottom:48px}
.bk-public-grid.page-home .reviews-frame{padding:48px 0;border-radius:0;border:0;box-shadow:none;background:transparent}
.bk-public-grid.page-home .review-slide{max-width:none}
.bk-public-grid.page-home .reviews-person{margin-bottom:32px}
.bk-public-grid.page-home .reviews-frame blockquote{max-width:1000px;font-size:clamp(32px,3.8vw,56px)!important;line-height:1.15}
@media(max-width:760px){.bk-public-grid.page-home .reviews-frame{padding:24px 0}.bk-public-grid.page-home .reviews-frame blockquote{font-size:32px!important}}
/* Keep the three headline lines on one consistent typographic rhythm. */
@media(min-width:761px){
 .bk-public-grid.page-home .hero-text{row-gap:0}
 .bk-public-grid.page-home .hero-kicker{margin-bottom:36px}
 .bk-public-grid.page-home .hero-h1>span{line-height:inherit;margin-block:0}
 .bk-public-grid.page-home .hero-h2{align-self:start}
}

/* Page-specific reading columns and Connect filters align with the shared grid. */
.bk-public-grid.bk-page-connect [x-data="connectPage()"]>.bg-white>.container>.lg\:px-20{padding-inline:0}
.bk-public-grid.bk-page-docs main>section:nth-child(2)>.container>div{max-width:var(--bk-reading);margin-left:calc((100% + var(--bk-gap))/12*2);margin-right:0}
.bk-public-grid.bk-page-legal main>section:nth-child(2)>.container{width:min(calc(100% - var(--bk-edge)*2),var(--bk-reading));max-width:var(--bk-reading)}
.bk-public-grid.bk-page-legal main>section:nth-child(2) :is(p,li){line-height:1.65;max-width:70ch}
@media(max-width:760px){.bk-public-grid.bk-page-docs main>section:nth-child(2)>.container>div{margin-inline:0;max-width:100%}}

.bk-public-grid .bk-connect-content{padding-inline:0}
@media(min-width:761px){
 .bk-public-grid .bk-connect-content>div[style*="border-top"]>a{display:grid;grid-template-columns:minmax(130px,2fr) minmax(0,9fr) 32px;gap:var(--bk-gap);padding-block:32px}
 .bk-public-grid .bk-connect-content>div[style*="border-top"]>a>div:first-child{width:auto}
 .bk-public-grid.bk-page-legal main>section:nth-child(2)>.container{margin-left:max(var(--bk-edge),calc((100% - var(--bk-max))/2 + (var(--bk-max) + var(--bk-gap))/12*2));margin-right:auto}
}

.bk-public-grid .marketing-hero-grid h1{font-size:clamp(56px,6.4vw,96px)!important}
.bk-public-grid .marketing-hero-copy{justify-self:start;align-self:end}
.bk-public-grid.bk-page-connect .marketing-page-hero h1{font-size:clamp(64px,7.4vw,112px)!important}
@media(max-width:760px){.bk-public-grid .marketing-hero-grid h1,.bk-public-grid.bk-page-connect .marketing-page-hero h1{font-size:clamp(44px,12vw,72px)!important}}
