/* CBR project section enhancements — isolated so the main site stylesheet is untouched. */
.project-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.project-progress .stage{position:relative;padding:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);border-radius:14px;min-height:108px}.project-progress .stage.done,.project-progress .stage.current{border-color:rgba(255,111,0,.5)}.project-progress .stage.current{box-shadow:inset 0 0 0 1px rgba(255,111,0,.18)}.project-progress .stage small{display:block;color:#ff6f00;font-weight:800;letter-spacing:.08em;margin-bottom:6px}.project-progress .stage strong{display:block;font-size:1rem;margin-bottom:4px}.project-progress .stage span{font-size:.88rem;opacity:.72;line-height:1.4}.project-update{margin-top:24px;padding:20px 22px;border-left:4px solid #ff6f00;background:rgba(255,111,0,.07);border-radius:0 14px 14px 0}.project-update small{color:#ff6f00;font-weight:800;letter-spacing:.08em}.project-update h3{margin:6px 0 8px}.project-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:24px}.project-facts div{padding:14px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.project-facts small{display:block;opacity:.62;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.project-facts strong{display:block;margin-top:4px}.project-timeline{display:grid;gap:14px;margin-top:24px}.project-timeline article{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start}.project-timeline b{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#ff6f00;color:#111}.project-timeline h3{margin:0 0 4px}.project-timeline p{margin:0;opacity:.78}.project-feature{overflow:hidden}.project-feature>div{align-self:center}.project-card .project-mini-status{display:inline-flex;align-items:center;gap:7px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#ff6f00;margin:2px 0 12px}.project-card .project-mini-status:before{content:"";width:8px;height:8px;border-radius:50%;background:#ff6f00;box-shadow:0 0 0 4px rgba(255,111,0,.14)}
@media(max-width:800px){.project-progress{grid-template-columns:1fr}.project-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.project-timeline article{grid-template-columns:44px 1fr}.project-timeline b{width:38px;height:38px}.project-update{padding:17px}}
@media(max-width:480px){.project-facts{grid-template-columns:1fr 1fr}.project-facts div{padding:12px}}


/* CBR live project percentage meters */
.project-meter-band{padding:0 0 10px;background:#0b0d10}
.cbr-project-meter{margin:0;padding:18px 20px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);border-radius:14px}
.cbr-project-meter__top{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.075em}
.cbr-project-meter__top span{font-size:.78rem;font-weight:800;color:rgba(255,255,255,.72)}
.cbr-project-meter__top strong{font-size:1.35rem;color:#ff6f00;line-height:1}
.cbr-project-meter__track{height:12px;overflow:hidden;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.1);border-radius:999px}
.cbr-project-meter__fill{display:block;width:var(--progress);height:100%;background:#ff6f00;border-radius:inherit}
.cbr-project-meter.is-visible .cbr-project-meter__fill{animation:cbr-meter-fill .9s cubic-bezier(.2,.8,.2,1) both}
@keyframes cbr-meter-fill{from{width:0}to{width:var(--progress)}}
.cbr-project-meter>small{display:block;margin-top:9px;color:rgba(255,255,255,.66);font-size:.82rem;line-height:1.4}
.cbr-project-meter--compact{margin:4px 0 16px;padding:12px 14px;border-radius:11px}
.cbr-project-meter--compact .cbr-project-meter__top{margin-bottom:7px}
.cbr-project-meter--compact .cbr-project-meter__top strong{font-size:1.05rem}
.cbr-project-meter--compact .cbr-project-meter__track{height:9px}
.cbr-project-meter--compact>small{font-size:.76rem;margin-top:7px}
@media(max-width:620px){.project-meter-band{padding-bottom:4px}.cbr-project-meter{padding:15px 16px}.cbr-project-meter__top strong{font-size:1.18rem}.cbr-project-meter__track{height:10px}}
@media (prefers-reduced-motion:reduce){.cbr-project-meter.is-visible .cbr-project-meter__fill{animation:none}}

/* Supra / Ranger responsive guard. Keep every grid child inside the viewport at source. */
.ranger-project-layout{
  width:min(calc(100% - 40px),var(--wrap));
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  max-width:var(--wrap);
}
.ranger-project-layout>*,
.ranger-gallery,
.ranger-gallery-two,
.ranger-gallery figure,
.ranger-story,
.ranger-status,
.ranger-status>div,
.ranger-status span,
.content-hero .two>*,
.project-progress>*{
  min-width:0;
  max-width:100%;
}
.ranger-story h1,.ranger-story h2,.ranger-story h3,
.ranger-story p,.ranger-status strong,.ranger-status small{overflow-wrap:anywhere}
.ranger-gallery,.ranger-gallery-two{width:100%}
.ranger-gallery img,.content-hero-img{display:block;width:100%;max-width:100%;min-width:0}
@media(max-width:900px){
  .ranger-project-layout{grid-template-columns:minmax(0,1fr)!important;}
}
@media(max-width:600px){
  .ranger-project-layout{width:calc(100% - 28px);}
  .ranger-status>div{grid-template-columns:40px minmax(0,1fr);}
}

/* v64: project-page mobile overflow fix.
   Long all-caps headings (not the galleries) were forcing the viewport wider than the phone. */
html,body{max-width:100%;overflow-x:clip}
.ranger-project-layout h1,
.ranger-project-layout h2,
.ranger-project-layout h3,
.project-progress h1,
.project-progress h2,
.project-progress h3,
.project-update h1,
.project-update h2,
.project-update h3,
.end h1,
.end h2,
.end h3{
  max-width:100%;
  min-width:0;
  overflow-wrap:break-word;
}
.end>*{min-width:0;max-width:100%}
@media(max-width:600px){
  .end h2{font-size:clamp(2rem,8vw,2.65rem);line-height:.96;letter-spacing:-.035em}
  .ranger-project-layout h2{font-size:clamp(2.15rem,10vw,3.25rem)}
  .ranger-project-layout,.ranger-gallery,.ranger-gallery-two,.ranger-story,.project-progress,.project-update,.end{overflow-x:clip}
}


/* v65: Ranger hero typography — preserve the oversized CBR look without clipping long words. */
.content-hero .ranger-hero-title{
  font-size:clamp(3.5rem,6.15vw,6.55rem);
  line-height:.88;
  letter-spacing:-.055em;
  max-width:100%;
}
.content-hero .ranger-hero-title em{
  display:block;
  font-size:.88em;
  letter-spacing:-.065em;
}
@media(max-width:850px){
  .content-hero .ranger-hero-title{
    font-size:clamp(3.3rem,13.2vw,5rem);
    line-height:.9;
  }
  .content-hero .ranger-hero-title em{font-size:.9em;}
}
@media(max-width:430px){
  .content-hero .ranger-hero-title{
    font-size:clamp(3rem,12.8vw,3.65rem);
    letter-spacing:-.05em;
  }
  .content-hero .ranger-hero-title em{
    font-size:.86em;
    letter-spacing:-.06em;
  }
}