/*! RP Theme — page furniture
    The banner and breadcrumb every template type opens with. These cannot live
    in the archive layer: singles, 404 and the page templates all use them.
    Hand-authored (not generated), so this file is safe to edit. */

/* ---------- page banner ---------------------------------------- */
/* every banner carries a photograph: the page's own, or the site-wide one (RP_UI::banner_image) */
.rp-banner{position:relative;background:var(--charcoal-deep);overflow:hidden}
.rp-banner__bg{position:absolute;inset:0}
.rp-banner__bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}
.rp-banner::after{content:"";position:absolute;inset:0;
  background:
    linear-gradient(to top,rgba(11,14,17,.82) 0%,rgba(11,14,17,.5) 22%,rgba(11,14,17,.16) 50%,transparent 74%),
    linear-gradient(95deg,rgba(16,20,24,.84) 0%,rgba(16,20,24,.54) 46%,rgba(16,20,24,.18) 100%)}
.rp-banner__inner{position:relative;z-index:2;padding:120px 0 92px;max-width:56ch}
.rp-banner h1{color:var(--white);font-size:var(--f-h1);line-height:1.14;margin-top:22px;
  text-shadow:0 2px 24px rgba(10,13,16,.45);overflow-wrap:break-word}
.rp-banner p{font-size:var(--f-lead);line-height:1.7;color:#E2E5E7;margin-top:20px;
  text-shadow:0 1px 14px rgba(10,13,16,.5)}

/* ---------- breadcrumb ------------------------------------------ */
/* the crumbs stay 13px, but each link's target is a full fingertip tall. The 12px above
   and below its words is real space in the line, not an overlap, so when a long trail
   wraps no link's target lands on the one below it; the bar's own padding gives the
   same 12px back, so a one-line trail is exactly as tall as before */
.rp-crumbs{font-family:"Instrument Sans",-apple-system,"Segoe UI",Arial,sans-serif;
  font-size:13px;letter-spacing:.04em;color:var(--muted);padding:6px 0;
  border-bottom:1px solid var(--line-soft)}
.rp-crumbs a{display:inline-block;padding:12px 0;color:var(--body)}
.rp-crumbs a:active{color:var(--ink)}
@media(hover:hover){.rp-crumbs a:hover{color:var(--ink)}}
.rp-crumbs span{margin:0 8px;color:var(--line)}

/* ---------- the banner's standing line -------------------------- */
/* "Local expertise. A global perspective." on the right of the listing banners */
.rp-banner__aside{position:absolute;right:var(--pad);top:50%;transform:translateY(-50%);z-index:2;
  border-left:3px solid var(--red);padding-left:18px;
  font-family:"Instrument Sans",-apple-system,"Segoe UI",Arial,sans-serif;
  font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--white);line-height:2.1;text-shadow:0 1px 12px rgba(10,13,16,.6)}

@media(max-width:1200px){
  .rp-banner__inner{padding:92px 0 72px}
}
@media(max-width:900px){
  .rp-banner__inner{padding:72px 0 58px}
  .rp-banner__aside{display:none}
}
@media(max-width:640px){
  .rp-banner__inner{padding:58px 0 46px}
}