/* Hub · shift — scroll-lit statement, a 21:9 photograph with a telemetry overlay, four sourced shifts. */
.tih-shift__top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--bdh-gap);row-gap:28px}
.tih-shift__lbl{grid-column:1 / -1}
.tih-shift__h{grid-column:1 / span 10;max-width:24ch;font-size:var(--t-d2);font-weight:500;line-height:1.08;letter-spacing:-.03em;color:var(--ink)}
.tih-shift__w{color:var(--ink);transition:color .4s var(--e)}
.tih-shift__h .g .tih-shift__w{color:var(--faint)}
.is-lit-js .tih-shift__w{color:var(--ghost)}
.is-lit-js .tih-shift__w.is-lit{color:var(--ink)}
.is-lit-js .tih-shift__h .g .tih-shift__w.is-lit{color:var(--faint)}

/* photograph + overlay */
.tih-shift__img{margin-top:var(--bdh-block)}
.tih-shift__img img{object-position:50% 45%}
.tih-shift__frame{position:absolute;inset:clamp(16px,2vw,28px);z-index:2;pointer-events:none}
.tih-shift__frame i{position:absolute;width:20px;height:20px;border-color:var(--on-ink);border-style:solid;border-width:0;opacity:.85}
.tih-shift__frame i:nth-child(1){left:0;top:0;border-left-width:1.5px;border-top-width:1.5px}
.tih-shift__frame i:nth-child(2){right:0;top:0;border-right-width:1.5px;border-top-width:1.5px}
.tih-shift__frame i:nth-child(3){right:0;bottom:0;border-right-width:1.5px;border-bottom-width:1.5px}
.tih-shift__frame i:nth-child(4){left:0;bottom:0;border-left-width:1.5px;border-bottom-width:1.5px}
.tih-shift__read{position:absolute;right:clamp(28px,3vw,44px);top:clamp(28px,3vw,44px);z-index:3;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.tih-shift__read>span{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 10px;border-radius:var(--r-xs);background:rgba(25,25,29,.72);
  font-family:var(--f);font-size:var(--t-lbl);letter-spacing:.04em;color:var(--on-ink-2);white-space:nowrap}
.tih-shift__read b{font-weight:500;color:var(--on-ink)}
.tih-shift__chip{position:absolute;left:clamp(28px,3vw,44px);bottom:clamp(28px,3vw,44px)}

/* shifts */
.tih-shift__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--bdh-gap);margin-top:clamp(48px,5vw,72px)}
.tih-shift__card{display:flex;flex-direction:column;min-width:0;padding:24px 24px 26px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper)}
.tih-shift__diff{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;padding-bottom:16px;border-bottom:1px solid var(--line-2);font-family:var(--f);font-size:var(--tih-mono-s);letter-spacing:.06em;text-transform:uppercase;line-height:1.3}
.tih-shift__diff .bdh-idx{margin-right:6px}
.tih-shift__diff del{text-decoration:line-through;text-decoration-color:var(--line-3);color:var(--faint)}
.tih-shift__diff i{font-style:normal;color:var(--blue)}
.tih-shift__diff ins{text-decoration:none;color:var(--ink)}
.tih-shift__fig{margin-top:26px;font-family:var(--f);font-size:clamp(2rem,2.8vw,2.6rem);font-weight:500;letter-spacing:-.04em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.tih-shift__cap{margin-top:10px;font-family:var(--f);font-size:var(--t-lbl);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);line-height:1.4}
.tih-shift__t{margin-top:26px}
.tih-shift__d{margin-top:10px;max-width:none}
.tih-shift__src{margin-top:auto;padding-top:20px;font-family:var(--f);font-size:var(--tih-mono-s);letter-spacing:.04em;color:var(--faint);line-height:1.45}

@media (max-width:1279px){.tih-shift__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){
  .tih-shift__h{grid-column:1 / -1;max-width:none}
  .tih-shift__img{aspect-ratio:16/9}
  .tih-shift__read>span:nth-child(3){display:none}
}
@media (max-width:600px){
  .tih-shift__h{font-size:clamp(1.7rem,7.4vw,2.1rem)}
  .tih-shift__img{aspect-ratio:4/3}
  .tih-shift__read{left:12px;right:12px;top:12px;justify-content:flex-start}
  .tih-shift__read>span:nth-child(2){display:none}
  .tih-shift__chip{left:12px;right:12px;bottom:12px}
  .tih-shift__frame{display:none}
  .tih-shift__cards{grid-template-columns:minmax(0,1fr)}
}