/* Featured photograph B: a full-bleed pause band with no text over it. Scoped to .pause-band. */
.pause-band{margin-top:104px}
.pause-band .pause-photo{position:relative;height:340px;background:#9fb1c4;margin:0}
.pause-band .pause-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 38%}
.pause-band .pause-photo .wp-element-caption{position:absolute;left:16px;bottom:16px;margin:0;background:rgba(20,22,25,.74);color:#fff;font-size:14px;line-height:1.4;padding:8px 12px;border-radius:8px;max-width:calc(100% - 32px);text-align:left;z-index:2}.pause-band .pause-photo .wp-element-caption strong{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:500;font-size:14px;letter-spacing:.04em;text-transform:uppercase}.pause-band .pause-photo .wp-element-caption a{color:#fff}
@media (max-width:640px){.pause-band{margin-top:72px}.pause-band .pause-photo{height:240px}.pause-band .pause-photo .wp-element-caption{left:10px;bottom:10px;max-width:calc(100% - 20px);padding:6px 10px}.pause-band .pause-photo .wp-element-caption strong{letter-spacing:0}}
/* Focus helpers: add pos-top, pos-middle or pos-bottom to the band to choose the visible part of a tall photo. is-taller raises the band to 440px. */
.pause-band.pos-top .pause-photo img{object-position:50% 20%}
.pause-band.pos-middle .pause-photo img{object-position:50% 50%}
.pause-band.pos-bottom .pause-photo img{object-position:50% 75%}
.pause-band.is-taller .pause-photo{height:440px}
.pause-band.is-first{margin-top:56px}
@media (max-width:640px){.pause-band.is-taller .pause-photo{height:260px}.pause-band.is-first{margin-top:40px}}