/* V16.7 — unified cinematic/editorial interior design */
body.bbm-interior{background:#ede9e0;color:#1b2922;font-family:'DM Sans',sans-serif}
.bbm-interior .topbar{background:#101915;border-bottom:1px solid #33423b;color:#f7f3e9}
.bbm-interior .topbar .brand,.bbm-interior .topbar .nav a{color:#f7f3e9}
.bbm-interior .topbar .nav .pill{background:#d5b68a;color:#17221d}
.bbm-interior .pagehead{position:relative;background:linear-gradient(130deg,#101915,#243c2d);color:#f4f0e8;padding:clamp(86px,11vw,168px) 0 clamp(78px,9vw,135px);overflow:hidden}
.bbm-interior .pagehead:after{content:'BOUND BY MILES';position:absolute;right:-2vw;bottom:-.18em;font:700 clamp(85px,14vw,245px)/1 'Manrope',sans-serif;letter-spacing:-.09em;white-space:nowrap;color:rgba(245,239,225,.035);pointer-events:none}
.bbm-interior .pagehead .wrap{position:relative;z-index:1}
.bbm-interior .pagehead h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em;font-size:clamp(54px,8vw,116px);line-height:1.02;max-width:1150px;margin:22px 0 28px}
.bbm-interior .pagehead p{color:#e2e2d9;font-size:clamp(17px,1.9vw,22px);line-height:1.6;max-width:760px}
.bbm-interior .pagehead .eyebrow{color:#dbbb8e;letter-spacing:.18em}
.bbm-interior h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em;line-height:1.1;font-size:clamp(36px,4.6vw,66px)}
.bbm-interior .section{padding-top:clamp(70px,8vw,120px);padding-bottom:clamp(70px,8vw,120px)}
.bbm-interior .section.cream{background:#ded8cc}
.bbm-interior .section:not(.cream):nth-of-type(even){background:#f5f2ea}
.bbm-interior .section .eyebrow{letter-spacing:.16em}
.bbm-interior .story-img{height:auto;max-height:none;min-height:0;background:#1a2a22;display:flex;align-items:center;justify-content:center;overflow:hidden}
.bbm-interior .story-img img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;object-position:center}
.bbm-interior .detail-grid{gap:18px}
.bbm-interior .detail-grid article{background:#f8f5ed;border:1px solid #d8d1c5;padding:clamp(22px,3vw,40px);border-radius:0}
.bbm-interior .detail-grid article h3{font-family:Georgia,serif;font-size:clamp(22px,2.4vw,30px);font-weight:400;letter-spacing:-.025em}
.bbm-interior .metrics-grid>div{border-top:2px solid #ae8257;padding-top:22px}
.bbm-interior .metrics-grid strong{font-family:Georgia,serif;letter-spacing:-.04em}
.bbm-interior .listrows{border-top:1px solid #c7c0b3}
.bbm-interior .listrow{border-bottom:1px solid #c7c0b3}
.bbm-interior .listrow>span{color:#956d48}
.bbm-interior .callout{background:#15251d;color:#f6f0e6;padding:clamp(30px,5vw,75px);border:0}
.bbm-interior .callout h2{color:#f6f0e6}
.bbm-interior .callout .eyebrow{color:#d7b68c}
.bbm-interior .footer{background:#101915;color:#f4f1e8}
.bbm-interior .footer .brand,.bbm-interior .footer a{color:#f4f1e8}
.bbm-interior img{max-width:100%}
.bbm-interior img.graphic-safe{object-fit:contain!important}
.bbm-interior .porch-logo-window img{object-fit:contain!important}
.bbm-interior a:focus-visible{outline:3px solid #d7aa6d;outline-offset:4px}
@media(max-width:700px){.bbm-interior .pagehead{padding:76px 0 86px}.bbm-interior .pagehead h1{font-size:clamp(46px,12vw,72px)}.bbm-interior .story-img img{max-height:480px}.bbm-interior .detail-grid{grid-template-columns:1fr}.bbm-interior .section{padding-top:65px;padding-bottom:65px}}

/* V16.8: selected original expedition photography; preserve the BOUND BY MILES watermark */
.bbm-interior.bbm-photohead .pagehead{isolation:isolate;background-color:#13251e;background-position:center;background-size:cover}
.bbm-interior.bbm-photohead .pagehead::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(9,22,18,.89) 0%,rgba(9,22,18,.69) 45%,rgba(9,22,18,.32) 100%),linear-gradient(0deg,rgba(8,20,16,.40),transparent 60%);pointer-events:none}
.bbm-interior.bbm-photohead .pagehead::after{z-index:1;color:rgba(255,251,242,.10)}
.bbm-interior.bbm-photohead .pagehead .wrap{z-index:2}
.bbm-interior.bbm-photohead .pagehead h1{text-shadow:0 2px 24px rgba(0,0,0,.22)}
.bbm-interior.bbm-photohead-adventures .pagehead{background-image:url("headers/adventures-original.jpg")}
.bbm-interior.bbm-photohead-shannon .pagehead{background-image:url("headers/shannon-original.jpg")}
.bbm-interior.bbm-photohead-mary .pagehead{background-image:url("headers/mary-original.jpg")}
.bbm-interior.bbm-photohead-our-team .pagehead{background-image:url("headers/our-team-shannon-mary.jpg")}
.bbm-interior.bbm-photohead-projects .pagehead{background-image:url("headers/projects-original.jpg")}
.bbm-interior.bbm-photohead-project-history .pagehead{background-image:url("headers/project-history-original.jpg")}
@media(max-width:700px){.bbm-interior.bbm-photohead .pagehead{background-position:55% center}.bbm-interior.bbm-photohead .pagehead::before{background:linear-gradient(90deg,rgba(9,22,18,.91),rgba(9,22,18,.63))}}

/* V16.9: original OPP Modernization architectural photography, cinematic editorial collage */
.bbm-interior.bbm-opp-collage .pagehead{isolation:isolate;background:#11241c;min-height:540px;display:flex;align-items:center}
.bbm-opp-collage .opp-photo-grid{position:absolute;inset:0;display:grid;grid-template-columns:54% 23% 23%;gap:3px;z-index:0;overflow:hidden}
.bbm-opp-collage .opp-photo{background-size:cover;background-repeat:no-repeat;background-position:center}
.bbm-opp-collage .opp-photo-05{background-image:url("headers/opp-modernization-05.jpg");background-position:51% center}
.bbm-opp-collage .opp-photo-06{background-image:url("headers/opp-modernization-06.jpg");background-position:48% center}
.bbm-opp-collage .opp-photo-02{background-image:url("headers/opp-modernization-02.jpg");background-position:53% center}
.bbm-opp-collage .pagehead::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,20,15,.95) 0%,rgba(7,20,15,.79) 37%,rgba(7,20,15,.32) 75%,rgba(7,20,15,.28) 100%),linear-gradient(0deg,rgba(9,23,17,.50),transparent 75%);pointer-events:none}
.bbm-opp-collage .pagehead::after{z-index:2;color:rgba(255,251,242,.11)}
.bbm-opp-collage .pagehead .wrap{z-index:3}
.bbm-opp-collage .pagehead h1{text-shadow:0 2px 22px rgba(0,0,0,.26)}
@media(max-width:760px){.bbm-interior.bbm-opp-collage .pagehead{min-height:490px}.bbm-opp-collage .opp-photo-grid{grid-template-columns:65% 35%}.bbm-opp-collage .opp-photo-02{display:none}.bbm-opp-collage .pagehead::before{background:linear-gradient(90deg,rgba(7,20,15,.91),rgba(7,20,15,.62)),linear-gradient(0deg,rgba(7,20,15,.48),transparent)}}

/* V17.1: reviewed photographic framing */
.bbm-interior.bbm-photohead-our-team .pagehead{background-position:center 38%}
.bbm-interior.bbm-photohead-mary .pagehead{background-position:center 33%}
.bbm-interior.bbm-photohead-shannon .pagehead{background-position:center 44%}
@media(max-width:700px){.bbm-interior.bbm-photohead-our-team .pagehead{background-position:62% 38%}.bbm-interior.bbm-photohead-mary .pagehead{background-position:57% 35%}}

/* OPP card styling */
.opp-fact-art.opp-fact-photo{background-size:cover;background-position:center;min-height:250px;text-shadow:0 1px 9px rgba(0,0,0,.4)}

/* V17.5: explicit architectural photograph rather than CSS background on OPP cards */
.opp-fact-art.opp-fact-photo-v2{position:relative;isolation:isolate;overflow:hidden;background:#20392f;min-height:270px;justify-content:center}
.opp-fact-photo-v2 .opp-building-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;display:block}
.opp-fact-photo-v2 .opp-photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,22,17,.83),rgba(8,22,17,.26));z-index:-1}
.opp-fact-photo-v2 .opp-photo-copy{position:relative;z-index:1}


/* V18.4: Single, shared photo-header treatment. The image path is relative to /assets/. */
.bbm-interior.bbm-photohead-capabilities .pagehead{
  background-color:#13251e;
  background-image:url("photos/agoge-capabilities-discussion.webp");
  background-size:cover;
  background-position:center 44%;
  background-repeat:no-repeat;
}
@media(max-width:700px){.bbm-interior.bbm-photohead-capabilities .pagehead{background-position:53% center}}