/* Photography follows the page seam; the reading area stays upright and inset. */
.pk .context-rail,.pk .recommendations{--card-inset:77px;--card-outset:30px}
.pk .image-story{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:258px;margin:18px calc(-1 * var(--card-outset)) 0 calc(-1 * var(--card-inset));width:calc(100% + var(--card-inset) + var(--card-outset));padding:34px 46px 28px calc(var(--card-inset) + 12px);border:0;color:#fff;text-align:left;background:transparent}
.pk .image-story .card-art,.pk .image-story:before{position:absolute;inset:0;width:100%;height:100%;z-index:-2;clip-path:var(--art-clip,inset(0));pointer-events:none}
.pk .image-story .card-art{object-fit:cover;object-position:center}
.pk .image-story:before{content:'';z-index:-1;background:linear-gradient(180deg,transparent 20%,rgba(5,23,35,.25) 40%,#071d2c 100%)}
.pk .image-story strong,.pk .image-story h3{font:600 clamp(23px,2vw,30px)/1.05 var(--sans);text-transform:uppercase;letter-spacing:.015em;margin:8px 0;text-wrap:balance;max-width:21ch}
.pk .image-story .context-category,.pk .image-story>span{color:inherit}
.pk .image-story>span:not(.context-category){font:400 15px/1.4 var(--serif);max-width:23ch;padding:0}
.pk .image-story svg{position:absolute;right:22px;bottom:24px;width:29px;height:29px;border:1px solid #a6b5bd;border-radius:50%;padding:5px}
.pk .image-story--world{min-height:280px;color:#102938;padding-top:130px}
.pk .image-story--world .card-art{object-position:75% 38%}
.pk .image-story--world:before{background:linear-gradient(180deg,transparent 5%,rgba(239,245,247,.5) 38%,#edf3f5 85%)}
.pk .image-story--energy{min-height:240px;padding-top:100px}
.pk .image-story--energy .card-art{object-position:50% 85%}
.pk .image-story--archive{min-height:255px;padding-top:150px}
.pk .image-story--archive .card-art{object-position:58% 40%}
.pk .image-story--ideas{min-height:205px;color:#102938;padding-top:28px;padding-right:105px}
.pk .image-story--ideas .card-art{object-fit:contain;object-position:right center;background:#e8eff2;padding-left:40%;opacity:.6}
.pk .image-story--ideas:before{background:linear-gradient(90deg,#e8eff2 30%,rgba(232,239,242,.75) 64%,transparent)}
.pk .image-story--ideas strong{font:500 26px/1.12 var(--serif);text-transform:none;letter-spacing:-.025em}
.pk .image-story:focus-visible{outline:3px solid #1674a3;outline-offset:-5px}
.pk .news-text-column .published-card img{aspect-ratio:2.2;object-position:center;margin-bottom:12px}
.pk .more-grid .published-card:last-child img{aspect-ratio:1.45;object-position:55% center}
.pk .conversation-visual{position:relative;display:block;flex:0 0 145px}
.pk .conversation-visual>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.pk .conversation-visual .play-mark{position:absolute;bottom:6px;right:6px;width:28px;height:28px;background:#0b2333;color:white;border-color:#d5e3e9}
.pk .conversation-visual .play-mark svg{width:15px}
@media(hover:hover) and (pointer:fine){.pk .image-story:hover strong,.pk .image-story:hover h3{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.pk .image-story svg{transition:transform 180ms cubic-bezier(.23,1,.32,1)}.pk .image-story:hover svg{transform:translateX(3px)}}
@media(min-width:1650px){.pk .context-rail,.pk .recommendations{--card-outset:45px}}
@media(max-width:1200px){.pk .context-rail,.pk .recommendations{--card-inset:52px;--card-outset:23px}.pk .image-story{padding-left:calc(var(--card-inset) + 15px);padding-right:42px}.pk .image-story--ideas{padding-right:65px}.pk .conversation-visual{flex-basis:110px}}
@media(min-width:701px) and (max-width:1000px){.pk .context-rail,.pk .recommendations{--card-inset:36px;--card-outset:20px}.pk .image-story strong,.pk .image-story h3{font-size:24px}.pk .image-story--ideas strong{font-size:24px}.pk .image-story{padding-right:28px;padding-bottom:62px}.pk .conversation-visual{flex-basis:90px}}
@media(max-width:700px){.pk .context-rail,.pk .recommendations{--card-inset:0px;--card-outset:0px}.pk .image-story{margin:18px 0 0;width:100%;padding:110px 52px 25px 24px;min-height:240px}.pk .image-story strong,.pk .image-story h3{font-size:29px}.pk .image-story--ideas{min-height:190px;padding:30px 95px 30px 24px}.pk .image-story--ideas strong{font-size:27px}.pk .conversation-visual{flex-basis:104px}}
@media(prefers-reduced-motion:reduce){.pk .image-story svg{transition:none;transform:none!important}}
/* Preserve foreground contrast over photography, including the inherited deck style. */
.pk .image-story>span:not(.context-category){color:inherit}
