/* Four book-specific vignettes between the straight Hero seam and book divider. */
.bb-home #main{overflow-x:clip}
.bb-home .home-landing{overflow-clip-margin:32px}
.bb-home .home-benefits{position:relative;padding-block:52px 78px;background:linear-gradient(180deg,var(--bb-opening-night),#0f1c29 60%,var(--night))}
.bb-home .benefits-layout{position:relative}
/* A named section for assistive technology; the four titles carry the visible story. */
.bb-home .benefits-title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.bb-home .benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3vw,48px);list-style:none;margin:0;padding:0}
.bb-home .benefit{min-width:0;display:grid;grid-template-columns:1fr;grid-template-rows:80px auto;align-content:start;justify-items:center;gap:20px;text-align:center}
.bb-home .benefit-icon{display:block;width:80px;height:80px;color:var(--gold)}
.bb-home .benefit-icon svg{display:block;width:100%;height:100%}
.bb-home .benefit-copy{width:100%;max-width:30ch}
.bb-home .benefit h3{font:450 clamp(22px,1.65vw,26px)/1.3 Fraunces,Georgia,serif;letter-spacing:-.015em;color:var(--paper);margin:0 0 12px;text-wrap:balance}
.bb-home .benefit-copy>p{font:400 14px/1.7 Manrope,sans-serif;color:var(--muted);margin:0 auto;max-width:29ch;text-wrap:pretty}
@media(max-width:1023px){
 .bb-home .home-benefits{padding-block:46px 72px}
 .bb-home .benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;row-gap:38px}
 .bb-home .benefit{grid-template-rows:72px auto;gap:16px}
 .bb-home .benefit-icon{width:72px;height:72px}
 .bb-home .benefit h3{font-size:24px}
}
@media(max-width:559px){
 .bb-home .home-benefits{padding-block:38px 64px}
 .bb-home .benefits-grid{column-gap:22px;row-gap:32px}
 .bb-home .benefit{grid-template-rows:64px auto;gap:14px}
 .bb-home .benefit-icon{width:64px;height:64px}
 .bb-home .benefit h3{font-size:20px;min-height:2.6em;margin-bottom:8px}
 .bb-home .benefit-copy>p{font-size:13px;line-height:1.65}
}