/* StaffTiming blog images: featured photos and generated title cards. */
.st-pv{margin:0;position:relative;overflow:hidden;background:#EEF1F6;}
.st-pv--card{aspect-ratio:1200/630;border-bottom:1px solid #E3E7ED;}
.st-pv--hero{aspect-ratio:1200/630;border-radius:20px;box-shadow:0 30px 60px -34px rgba(11,26,61,.45);}
.st-pv-wrap{max-width:900px;margin:-6px auto 34px;padding:0 20px;}
.st-pv-img{display:block;width:100%;height:100%;object-fit:cover;}
.st-tcard{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:7% 8% 15% 8%;background:var(--pv-bg);color:var(--pv-fg);font-family:'Instrument Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;container-type:inline-size;isolation:isolate;}
/* line styling */
.st-pat--lines::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(135deg,transparent 0 22px,rgba(255,255,255,.07) 22px 23px);}
.st-tcard--orange.st-pat--lines::before,.st-tcard--grey.st-pat--lines::before{background:repeating-linear-gradient(135deg,transparent 0 22px,rgba(11,26,61,.07) 22px 23px);}
.st-pat--grid::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:32px 32px;}
.st-tcard--orange.st-pat--grid::before,.st-tcard--grey.st-pat--grid::before{background-image:linear-gradient(rgba(11,26,61,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(11,26,61,.07) 1px,transparent 1px);}
.st-pat--waves::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.16;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='40' viewBox='0 0 120 40'%3E%3Cpath d='M0 20 Q30 0 60 20 T120 20' fill='none' stroke='%23ffffff' stroke-width='1.6'/%3E%3C/svg%3E") repeat;background-size:120px 40px;}
.st-tcard--orange.st-pat--waves::before,.st-tcard--grey.st-pat--waves::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='40' viewBox='0 0 120 40'%3E%3Cpath d='M0 20 Q30 0 60 20 T120 20' fill='none' stroke='%230B1A3D' stroke-width='1.6'/%3E%3C/svg%3E");}
/* inset frame + accent bar */
.st-tcard-frame{position:absolute;inset:4.5%;border:1px solid currentColor;opacity:.22;border-radius:14px;pointer-events:none;}
.st-tcard-bar{position:absolute;left:8%;top:0;width:14%;height:6px;background:var(--pv-accent);border-radius:0 0 6px 6px;}
.st-tcard::after{content:"";position:absolute;right:-8%;bottom:-30%;width:55%;aspect-ratio:1;border-radius:50%;border:2px solid var(--pv-accent);opacity:.35;z-index:-1;}
/* watermark */
.st-tcard-mark{position:absolute;right:6%;top:50%;transform:translateY(-50%) rotate(-8deg);width:34%;opacity:.09;z-index:-1;}
.st-tcard-mark svg{width:100%;height:auto;display:block;}
/* text */
.st-tcard-tag{align-self:flex-start;font-size:clamp(10px,2.3cqw,15px);font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.45em .9em;border-radius:999px;background:var(--pv-accent);color:#fff;}
.st-tcard--orange .st-tcard-tag,.st-tcard--red .st-tcard-tag{background:#0B1A3D;color:#fff;}
.st-tcard-title{font-weight:700;letter-spacing:-.02em;line-height:1.12;max-width:88%;font-size:clamp(17px,6.2cqw,54px);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-wrap:balance;}
.st-tcard--mid .st-tcard-title{font-size:clamp(16px,5.3cqw,46px);}
.st-tcard--long .st-tcard-title{font-size:clamp(15px,4.5cqw,40px);}
.st-tcard-brand{position:absolute;left:8%;bottom:9%;display:flex;align-items:center;gap:.55em;font-size:clamp(11px,2.4cqw,18px);}
.st-tcard-brand svg{width:1.7em;height:1.7em;flex:none;}
.st-tcard-brand b{font-weight:700;}
.st-tcard-brand i{font-style:normal;opacity:.7;font-size:.85em;padding-left:.6em;border-left:1px solid currentColor;}
/* blog cards */
.blog-card.has-visual{border-top-width:0;}
.blog-card.has-visual .bc-tag{margin-top:18px;}
.blog-card .st-pv--card{transition:transform .3s ease;}
.blog-card:hover .st-pv--card .st-tcard,.blog-card:hover .st-pv--card img{transform:scale(1.03);transition:transform .35s ease;}
.st-tcard,.st-pv-img{transition:transform .35s ease;}
@media (max-width:560px){.st-pv--hero{border-radius:14px}.st-pv-wrap{padding:0 16px;margin-bottom:24px}}