/* Concept 03 · JT-11: apertura con l'immagine che porta all'esperienza 3D, figure nell'articolo */
.jt-stage{max-width:1240px;margin:0 auto;padding:0 var(--gut)}
.jt-open{position:relative;display:block;border-radius:24px;overflow:hidden;background:#05070a;text-decoration:none;isolation:isolate}
.jt-open img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform 1.2s var(--ease)}
.jt-open:hover img{transform:scale(1.04)}
.jt-open::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(5,7,10,.85));z-index:1}
.jt-play{position:absolute;left:clamp(18px,3vw,36px);bottom:clamp(18px,3vw,32px);right:18px;z-index:2;display:grid;gap:6px;color:#fff}
.jt-play b{display:inline-flex;align-items:center;gap:12px;font-weight:800;font-size:clamp(20px,2.4vw,30px);letter-spacing:-.02em}
.jt-play b::before{content:"";flex:none;width:46px;height:46px;border-radius:50%;background:var(--mag) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l9 6-9 6z' fill='%23fff'/%3E%3C/svg%3E") center/22px no-repeat;
  box-shadow:0 0 0 8px rgba(228,13,126,.25);transition:transform .35s var(--spring)}
.jt-open:hover .jt-play b::before{transform:scale(1.1)}
.jt-play i{font:500 11.5px/1.4 var(--mono);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:rgba(243,240,234,.75)}
.jt-fig{margin:36px 0}
.jt-fig img{width:100%;height:auto;border-radius:18px;background:#05070a}
.jt-fig figcaption{margin-top:10px;font:500 12px/1.5 var(--mono);letter-spacing:.06em;color:var(--muted)}