/* Bessemer Elementary / final approved clean editorial portfolio layout */
.bf-page{--bf-bg:#f6f1e9;--bf-ink:#171715;--bf-border:#d3ccc2;--bf-gold:#b38840;background:var(--bf-bg);color:var(--bf-ink);padding:0 0 85px}
.bf-page *{box-sizing:border-box}
.bf-shell{width:min(calc(100% - 76px),1420px);margin:0 auto}
.bf-page h1,.bf-page h2,.bf-page h3,.bf-page p,.bf-page figure{margin:0}
.bf-breadcrumb{display:flex;gap:10px;align-items:center;padding:18px 0 21px;color:#81766b;font:700 9px/1.4 var(--jb-sans);letter-spacing:.14em}
.bf-breadcrumb a{text-decoration:none;border-bottom:1px solid currentColor}
.bf-eyebrow{font:700 11px/1.4 var(--jb-sans);letter-spacing:.22em}
.bf-opening>.bf-eyebrow{padding:12px 0 15px}
.bf-project-line{border-top:1px solid #59544f;padding:12px 0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;font:700 11px/1.4 var(--jb-sans);letter-spacing:.17em}
.bf-hero{display:grid;grid-template-columns:minmax(215px,.34fr) minmax(0,.66fr);align-items:stretch;gap:clamp(26px,3.3vw,55px)}
.bf-hero-copy{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;min-width:0}
.bf-hero h1{font:750 clamp(37px,4vw,67px)/1.04 var(--jb-sans);letter-spacing:-.065em;max-width:100%;overflow-wrap:break-word}
.bf-hero-copy>p{font:italic 400 clamp(17px,1.5vw,21px)/1.54 var(--jb-sans);max-width:400px;margin-top:23px}
.bf-case-credit{font:700 9px/1.45 var(--jb-sans);letter-spacing:.13em;color:#686158;margin-top:32px}
.bf-hero-photo{min-width:0}
.bf-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:contain;background:#1b1918}
.bf-photo-caption{display:flex;justify-content:space-between;gap:16px;background:#211f1d;color:#fffaf2;padding:15px 22px;font:700 10px/1.4 var(--jb-sans);letter-spacing:.15em}
.bf-overview{display:grid;grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);gap:clamp(25px,3vw,52px);padding-top:35px;padding-bottom:33px}
.bf-facts{margin:0;min-width:0}
.bf-facts>div{display:grid;grid-template-columns:105px 1fr;gap:10px;padding:17px 0;border-top:1px solid var(--bf-border)}
.bf-facts>div:first-child{border-top:0}
.bf-facts dt{font:700 10px/1.4 var(--jb-sans);letter-spacing:.14em;color:#716961}
.bf-facts dd{margin:0;font:550 clamp(14px,1.16vw,17px)/1.46 var(--jb-sans)}
.bf-highlights{border-left:1px solid var(--bf-border);padding-left:clamp(24px,2.8vw,42px);min-width:0}
.bf-highlights>h2{font:750 16px/1.3 var(--jb-sans);letter-spacing:.14em;margin:0 0 19px}
.bf-highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.bf-highlight{min-width:0;padding:8px 16px 17px;border-bottom:1px solid var(--bf-border);border-right:1px solid var(--bf-border)}
.bf-highlight:nth-child(3n){border-right:0}
.bf-highlight:nth-child(n+4){border-bottom:0;padding-top:20px}
.bf-icon{display:block;width:38px;height:38px;color:var(--bf-gold)}
.bf-highlight h3{font:750 clamp(13px,1.14vw,17px)/1.25 var(--jb-sans);letter-spacing:-.03em;margin:13px 0 6px}
.bf-highlight p{font:400 clamp(12px,1vw,14px)/1.45 var(--jb-sans)}
.bf-photo-strip{display:grid;grid-template-columns:1.34fr .82fr .82fr;gap:12px}
.bf-visual{min-width:0;position:relative;overflow:hidden;background:#e9e0d4}
.bf-visual img{display:block;width:100%;height:clamp(235px,26vw,372px);object-fit:cover;object-position:50% 34%}
.bf-visual-wide img{object-position:center}
.bf-visual figcaption{position:absolute;left:10px;bottom:10px;color:#fff;background:#1b1b19e8;padding:8px 11px;font:700 9px/1.4 var(--jb-sans);letter-spacing:.12em}
.bf-impact{display:grid;grid-template-columns:.7fr .85fr 1fr 1.35fr;align-items:stretch;background:#ede7de;border-radius:16px;margin-top:30px;margin-bottom:68px;padding:24px 10px}
.bf-impact-title{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;padding:0 16px}
.bf-impact-title h2{font:750 clamp(17px,2vw,27px)/1.2 var(--jb-sans);letter-spacing:.12em}
.bf-impact-title>span{height:3px;width:68px;background:var(--bf-gold)}
.bf-impact-item{border-left:1px solid #b9b0a5;padding:6px 12px;display:flex;justify-content:center;align-items:center;text-align:center;gap:5px;flex-direction:column}
.bf-impact-item>strong{font:750 clamp(35px,4vw,60px)/1 var(--jb-sans);letter-spacing:-.05em}
.bf-impact-item>.bf-icon{width:36px;height:36px;margin-bottom:6px}
.bf-impact-item p{font:750 clamp(9px,.95vw,12px)/1.4 var(--jb-sans);letter-spacing:.065em}
.bf-impact-item small{font:550 9px/1.6 var(--jb-sans);letter-spacing:.06em;color:#61594f}
.bf-testimony{display:grid;grid-template-columns:.34fr .66fr;gap:35px;padding:30px 0 40px;border-top:1px solid var(--bf-border)}
.bf-testimony h2{font:650 clamp(24px,2.45vw,35px)/1.16 var(--jb-sans);letter-spacing:-.04em;margin-top:12px;max-width:310px}
.bf-testimony blockquote{margin:0;border-left:3px solid var(--bf-gold);padding:0 0 0 24px}
.bf-testimony blockquote p{font:400 clamp(23px,2.3vw,36px)/1.25 var(--jb-serif);letter-spacing:-.04em}
.bf-testimony blockquote footer{font:500 11px/1.6 var(--jb-sans);margin-top:17px;color:#72675c}
.bf-testimony blockquote strong{letter-spacing:.11em}
.bf-details{border-top:1px solid var(--bf-border);border-bottom:1px solid var(--bf-border)}
.bf-details summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;cursor:pointer;font:750 10px/1.4 var(--jb-sans);letter-spacing:.16em}
.bf-details summary::-webkit-details-marker{display:none}
.bf-details summary span{font-size:25px;font-weight:400}
.bf-details[open] summary span{transform:rotate(45deg)}
.bf-detail-content{padding:0 0 24px}
.bf-detail-content>p{max-width:940px;font-size:14px;line-height:1.8}
.bf-extra-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:23px 0}
.bf-extra-photos img{display:block;width:100%;height:310px;object-fit:cover;object-position:center 36%}
.bf-extra-photos figcaption{font:750 9px/1.5 var(--jb-sans);letter-spacing:.13em;margin-top:7px}
.bf-detail-content>.bf-legal{font-size:11px;line-height:1.7;color:#746b60}
.bf-next{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 0}
.bf-next a{font:750 10px/1.4 var(--jb-sans);letter-spacing:.13em;text-decoration:none;border-bottom:1px solid #b6a894;padding-bottom:7px}
@media(max-width:1050px){
.bf-shell{width:min(calc(100% - 50px),1420px)}
.bf-hero{grid-template-columns:minmax(200px,.37fr) minmax(0,.63fr);gap:23px}
.bf-hero h1{font-size:clamp(33px,4vw,55px)}
.bf-facts>div{grid-template-columns:1fr;gap:5px}
.bf-highlights{padding-left:20px}
.bf-highlight{padding-left:10px;padding-right:10px}
}
@media(max-width:720px){
.bf-page{padding-bottom:48px}
.bf-shell{width:calc(100% - 36px)}
.bf-breadcrumb{font-size:8px;padding:12px 0}
.bf-opening>.bf-eyebrow{font-size:10px}
.bf-project-line{font-size:9px;letter-spacing:.09em;padding:11px 0 15px}
.bf-project-line span:last-child{text-align:right}
.bf-hero{display:flex;flex-direction:column;gap:17px}
.bf-hero-copy{padding:10px 0 3px}
.bf-hero h1{font-size:clamp(36px,9vw,59px)}
.bf-hero-copy>p{font-size:16px;margin-top:14px}
.bf-case-credit{margin-top:17px;font-size:8px}
.bf-hero-photo img{height:auto;aspect-ratio:3 / 2;object-fit:contain}
.bf-photo-caption{font-size:8px;letter-spacing:.07em;padding:11px 9px}
.bf-photo-caption span:last-child{text-align:right}
.bf-overview{display:block;padding-top:22px;padding-bottom:25px}
.bf-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.bf-facts>div{padding:12px 0;gap:6px}
.bf-facts>div:nth-child(2){border-top:0}
.bf-facts dt{font-size:9px}
.bf-facts dd{font-size:13px}
.bf-highlights{border-left:0;border-top:1px solid var(--bf-border);margin-top:14px;padding:24px 0 0}
.bf-highlights>h2{font-size:13px;margin-bottom:12px}
.bf-highlight-grid{grid-template-columns:1fr 1fr}
.bf-highlight{padding:12px 10px 16px!important;border-bottom:1px solid var(--bf-border)!important;border-right:1px solid var(--bf-border)!important}
.bf-highlight:nth-child(2n){border-right:0!important}
.bf-highlight:nth-last-child(-n+2){border-bottom:0!important}
.bf-icon{width:31px;height:31px}
.bf-highlight h3{font-size:13px;margin:9px 0 5px}
.bf-highlight p{font-size:12px}
.bf-photo-strip{grid-template-columns:1fr 1fr;gap:9px}
.bf-visual-wide{grid-column:1/-1}
.bf-visual-wide img{height:auto;aspect-ratio:3 / 2;object-fit:contain}
.bf-visual-tall img{height:clamp(225px,65vw,450px);object-position:center 32%}
.bf-visual figcaption{font-size:8px;padding:7px}
.bf-impact{grid-template-columns:1fr 1fr;gap:0;padding:17px 6px;margin-top:25px;margin-bottom:43px}
.bf-impact-title{align-items:center;text-align:center;padding:10px;border-right:1px solid #b9b0a5}
.bf-impact-title h2{font-size:18px}
.bf-impact-item{border-left:0;padding:10px 8px}
.bf-impact-item:nth-child(3),.bf-impact-item:nth-child(4){border-top:1px solid #b9b0a5}
.bf-impact-item:nth-child(3){border-right:1px solid #b9b0a5}
.bf-impact-item>strong{font-size:43px}
.bf-impact-item>.bf-icon{width:31px;height:31px}
.bf-impact-item p{font-size:9px;overflow-wrap:anywhere}
.bf-impact-item small{font-size:8px}
.bf-testimony{grid-template-columns:1fr;gap:18px;padding:24px 0 28px}
.bf-testimony h2{font-size:27px}
.bf-testimony blockquote{padding-left:16px}
.bf-testimony blockquote p{font-size:clamp(23px,5.6vw,30px)}
.bf-extra-photos{gap:9px}
.bf-extra-photos img{height:165px}
.bf-next{flex-wrap:wrap;gap:15px}
}
@media(max-width:390px){
.bf-facts{grid-template-columns:1fr}
.bf-facts>div:nth-child(2){border-top:1px solid var(--bf-border)}
.bf-photo-caption{font-size:7px}
.bf-visual-tall img{height:215px}
.bf-extra-photos img{height:125px}
}
@media(prefers-reduced-motion:reduce){.bf-page *{animation:none!important;transition:none!important}}