body.dl{background:#fff}
.poster{display:grid;grid-template-columns:72px 1fr;min-height:420px;border-bottom:5px solid #111}
.spine{background:#111;color:#f5d300;writing-mode:vertical-rl;display:flex;align-items:center;justify-content:center;letter-spacing:.35em;font-weight:800;font-size:.78rem;padding:1rem .4rem}
.poster-main{padding:1.4rem 1.5rem 1.8rem;display:grid;grid-template-columns:1.1fr .9fr;gap:14px;align-items:start}
.poster-main h1{font-size:clamp(1.2rem,2.6vw,1.7rem);line-height:1.28;margin-bottom:.5rem}
.circle-pic{width:min(280px,100%);aspect-ratio:1;border:5px solid #111;border-radius:50%;overflow:hidden;background:#0055a5;margin-left:auto}
.circle-pic img{width:100%;height:100%;object-fit:cover}
.kpi-sq{display:flex;gap:8px;margin-top:.9rem}
.kpi-sq div{border:4px solid #111;padding:.45rem .6rem;font-size:.7rem;font-weight:800}
.kpi-sq div:nth-child(1){background:#e30613;color:#fff}
.kpi-sq div:nth-child(2){background:#f5d300}
.kpi-sq div:nth-child(3){background:#0055a5;color:#fff}

.ell{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:10px}
.ell article{border:5px solid #111;padding:1rem;background:#fff}
.ell article:nth-child(1){background:#f5d300}
.ell article:nth-child(2){background:#0055a5;color:#fff}
.ell article:nth-child(3){grid-column:1 / -1;background:#e30613;color:#fff}

.dots{display:flex;align-items:center;gap:0;flex-wrap:wrap}
.dot-step{width:min(200px,100%);text-align:center}
.dot-step .c{width:64px;height:64px;border:5px solid #111;border-radius:50%;margin:0 auto .5rem;display:grid;place-items:center;font-weight:800;background:#fff}
.dot-step:nth-child(1) .c{background:#e30613;color:#fff}
.dot-step:nth-child(3) .c{background:#f5d300}
.dot-step:nth-child(5) .c{background:#0055a5;color:#fff}
.barline{flex:1;height:8px;background:#111;min-width:24px;margin-bottom:2.2rem}

.stack-c .band{border:5px solid #111;padding:1rem 1.1rem}
.stack-c .band:nth-child(1){background:#fff}
.stack-c .band:nth-child(2){background:#f5d300;border-top:none}
.stack-c h3{margin-bottom:.4rem}
.stack-c li{padding:.22rem 0;font-size:.86rem}
.dl-shot{margin-top:12px;border:5px solid #111;max-width:620px}

.dl-cta{background:#e30613;color:#fff;padding:2rem 0;border-top:5px solid #111;border-bottom:5px solid #111}
.dl-cta a{margin:.2rem}

@media(max-width:768px){
  .poster,.poster-main,.ell{grid-template-columns:1fr}
  .spine{writing-mode:horizontal-tb;letter-spacing:.2em;padding:.6rem}
  .circle-pic{margin:0 auto}
  .barline{display:none}
}