/* Only the two Jo & Andy editorial pages. */
.sh-ja-story .shja-label{font:400 11px/1.5 Lato,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#a96561}
.sh-ja-story .shja-facts{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px;border-block:1px solid #e8ded6;padding:30px 0;margin:38px 0}
.sh-ja-story .shja-facts dt{font:400 10px/1.5 Lato,Arial,sans-serif;letter-spacing:.19em;text-transform:uppercase;color:#a96561;margin-bottom:8px}
.sh-ja-story .shja-facts dd{margin:0;font-size:16px;color:#302b28}
.sh-ja-story .shja-jumps{display:flex;flex-wrap:wrap;gap:15px 32px;font-size:14px;margin-bottom:45px}
.sh-ja-story .shja-films,.sh-ja-story .shja-gallery{width:min(88vw,1100px);margin:65px 0 65px 50%;transform:translateX(-50%);scroll-margin-top:115px}
.sh-ja-story .shja-films{text-align:center;border-block:1px solid #e8ded6;padding:42px 0 28px}
#sh-portfolio .shja-films h2{margin:0 0 18px}
.sh-ja-story .shja-film-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px;text-align:left}
.sh-ja-story .shja-film-open{position:relative;display:block;aspect-ratio:16/9;background:#26201e;overflow:hidden}
.sh-ja-story .shja-film-open img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.9);transition:filter .2s}
.sh-ja-story .shja-film-open:hover img{filter:brightness(1)}
.sh-ja-story .shja-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;border:1px solid #fff;border-radius:50%;background:#211b1959;color:#fff;font:34px/1 Georgia,serif}
#sh-portfolio .shja-film-card h3{font-size:29px!important;margin:20px 0 6px}
#sh-portfolio .shja-film-card p{font-size:14px;margin:0 0 20px}
.sh-ja-story .shja-stills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sh-ja-story .shja-stills a{display:block;aspect-ratio:16/9;background:#e9e2db;overflow:hidden}
.sh-ja-story .shja-stills a[hidden]{display:none!important}
.sh-ja-story .shja-stills img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.sh-ja-story .shja-stills a:hover img{transform:scale(1.025)}
.sh-ja-story .shja-small{font-size:13px!important;line-height:1.65;margin:22px 0 0!important;color:#7b6f67}
.sh-ja-story .shja-gallery{text-align:center}
.sh-ja-story button.shja-more{display:block;margin:25px auto 0;border:1px solid #a96561;border-radius:0;color:#8f5753;background:transparent;box-shadow:none;padding:14px 25px;font:400 11px/1.5 Lato,Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;cursor:pointer}
.sh-ja-story button.shja-more::after{display:none}
.sh-ja-story [hidden]{display:none!important}
.sh-ja-story .shja-dialog{box-sizing:border-box;width:min(96vw,1440px);max-width:96vw;max-height:96dvh;margin:auto;padding:18px 24px;background:#191716;color:#fff;border:1px solid #514641;overflow:auto}
.sh-ja-story .shja-dialog::backdrop{background:#0d0b0bf0}
.sh-ja-story .shja-dialog-bar,.sh-ja-story .shja-dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px}
.sh-ja-story .shja-dialog-bar p{font:400 11px/1.5 Lato,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;margin:0}
.sh-ja-story .shja-dialog button{border:1px solid #85716b;color:#fff;background:transparent;box-shadow:none;border-radius:0;padding:10px 16px;min-height:44px;margin:0;font:400 15px/1.4 Lato,Arial,sans-serif;cursor:pointer}
.sh-ja-story .shja-dialog button::after{display:none}
.sh-ja-story .shja-dialog-media{margin:14px auto;display:grid;place-items:center}
.sh-ja-story .shja-dialog-media img{display:block;max-width:100%;max-height:72dvh;width:auto;height:auto;object-fit:contain}
.sh-ja-story .shja-dialog-media iframe{display:block;width:100%;aspect-ratio:16/9;max-height:72dvh;border:0}
.sh-ja-story .shja-caption{font:400 14px/1.6 Lato,Arial,sans-serif;color:#e7dcd5;margin:0;text-align:center}
.sh-ja-story .shja-vimeo-fallback{display:block;color:#efc8be;text-align:center;margin:14px auto 0;font-size:14px;text-decoration:underline}
.sh-ja-story .shja-dialog :focus-visible,.sh-ja-story .shja-stills a:focus-visible,.sh-ja-story .shja-film-open:focus-visible,.sh-ja-story .shja-more:focus-visible{outline:2px solid #daaaa0;outline-offset:4px}
.sh-ja-story #sh-portfolio .shp-cover img{height:auto;aspect-ratio:16/9;object-fit:contain}
.sh-ja-story #sh-blog .shb-post-hero .shb-hero-img{object-position:48% 35%}
@media(max-width:700px){.sh-ja-story .shja-films,.sh-ja-story .shja-gallery{margin-top:40px;margin-bottom:40px}.sh-ja-story .shja-film-grid{grid-template-columns:1fr;gap:15px}.sh-ja-story .shja-stills{grid-template-columns:1fr 1fr;gap:8px}.sh-ja-story .shja-dialog{padding:12px}.sh-ja-story .shja-caption{font-size:12px}.sh-ja-story .shja-dialog-bottom{gap:8px}.sh-ja-story .shja-dialog button{padding:8px 12px}.sh-ja-story .shja-facts{gap:24px 20px}.sh-ja-story #sh-blog .shb-post-hero .shb-hero-img{object-position:44% center}}
@media(prefers-reduced-motion:reduce){.sh-ja-story .shja-stills img,.sh-ja-story .shja-film-open img{transition:none}}
/* Keep both faces in the landscape speech frame on a narrow screen. */
@media(max-width:700px){
 .sh-ja-story #sh-blog .shb-post-hero{display:block;min-height:0;padding:80px 0 38px;background:#302925}
 .sh-ja-story #sh-blog .shb-post-hero .shb-hero-img{position:relative;inset:auto;z-index:0;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;margin:0 0 30px}
 .sh-ja-story #sh-blog .shb-post-hero::before{display:none}
}