/* Recovered 12ui editorial hero/gallery/details/closing, adapted to real photos.
   Natural photo ratios and DOM order are retained at every viewport width. */
.bb-page-shell{padding:clamp(2rem,5vw,5rem) 0 0;background:#fbf7ed}
.bb-story{width:min(1280px,calc(100% - 48px));margin:auto;color:#173c32}
.bb-page-shell .stories-back{width:min(1280px,calc(100% - 48px));margin:0 auto 24px}
@media(max-width:700px){.bb-page-shell .stories-back{width:calc(100% - 32px)}}
.bb-story h1,.bb-story h2{font-family:"DM Serif Display",Georgia,serif;font-weight:400;letter-spacing:-.035em;text-wrap:balance}
.bb-story h1{font-size:clamp(2.8rem,5.5vw,5.2rem);line-height:1.02;margin:.5rem 0 1.25rem}
.bb-story h2{font-size:clamp(2rem,3.8vw,3.6rem);line-height:1.08;margin:.5rem 0 1rem}
.bb-story p{line-height:1.65;max-width:58ch}
.bb-story .section-kicker{color:#53614b;font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.bb-hero{display:grid;grid-template-columns:.8fr 1.4fr;gap:clamp(2rem,4vw,4rem);align-items:center}
.bb-hero .bb-lead{font-size:1.25rem;line-height:1.5}
.bb-story .bb-photo{margin:0;min-width:0}
.bb-photo img{display:block;width:100%;height:auto;border-radius:3px}
.bb-photo figcaption{margin:.65rem 0 0;padding-left:1.5rem;position:relative;font-size:.87rem;line-height:1.5;color:#53614b}
.bb-photo figcaption:before{content:"";position:absolute;left:0;top:.65em;width:15px;height:1px;background:#b58a32}
.bb-section-heading{max-width:760px;margin:clamp(3rem,7vw,6rem) 0 2rem}
.bb-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;align-items:start}
.bb-gallery .bb-photo:nth-child(7){grid-column:span 2}
.bb-details{display:grid;grid-template-columns:1fr 1.3fr .85fr;gap:2.5rem;align-items:center;padding:clamp(3rem,7vw,6rem) 0}
.bb-closing{display:grid;grid-template-columns:.8fr 1.5fr;gap:clamp(2rem,5vw,5rem);align-items:center;padding-bottom:3rem}
.bb-invitation{display:flex;gap:2rem;align-items:center;justify-content:space-between;border-top:1px solid #c8b98d;border-bottom:1px solid #c8b98d;padding:2rem 0;margin-bottom:clamp(3rem,7vw,6rem)}
.bb-invitation .home-router-primary{flex-shrink:0}.bb-invitation h2{font-size:2.4rem}
.bb-story a:focus-visible{outline:3px solid #976100;outline-offset:5px}
@media(max-width:1000px){.bb-hero{grid-template-columns:1fr 1.25fr}.bb-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-gallery .bb-photo:nth-child(7){grid-column:auto}.bb-details{grid-template-columns:1fr 1fr}.bb-details>div{grid-column:1/-1}.bb-invitation{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.bb-story{width:calc(100% - 32px)}.bb-hero,.bb-closing,.bb-details,.bb-gallery{grid-template-columns:1fr;gap:1.75rem}.bb-gallery .bb-photo:nth-child(7),.bb-details>div{grid-column:auto}.bb-story h1{font-size:2.9rem}.bb-section-heading{margin-top:3rem}.bb-photo figcaption{font-size:.9rem}.bb-details .bb-photo:last-child img{max-height:620px;object-fit:contain}.bb-invitation .home-router-primary{max-width:100%}}