/* Case-study graphics contain proof text, so they need priority over the supporting copy. */
.story-modal{width:min(1180px,calc(100% - 32px));max-width:none;max-height:94vh;overflow:auto}
.story-modal[open]{display:block}
.story-modal .modal-image{min-height:0;padding:12px;background:#06182f;line-height:0;position:relative}
.story-modal .modal-image img{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain;margin:auto}
.story-modal .modal-content{padding:27px 42px 34px;display:block}
.story-modal .modal-content h2{font-size:clamp(30px,3vw,42px);margin:0 0 10px}
.story-modal .modal-content > p:not(.eyebrow){max-width:850px;color:#536376;font-size:16px;line-height:1.65}
.modal-identity-masks{position:absolute;inset:0;pointer-events:none}
.identity-mask{position:absolute;display:block;border-radius:999px;background:rgba(224,224,224,.9);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);filter:blur(1.4px)}
.story-modal .modal-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:24px}
.story-modal .modal-close{position:fixed;right:calc(50% - min(590px,calc(50vw - 16px)));top:calc(3vh + 12px);width:40px;height:40px;font-size:29px;box-shadow:0 4px 14px #00132c55}

@media(max-width:800px){
  .story-modal{width:calc(100% - 20px);max-height:94vh}
  .story-modal .modal-image{padding:7px}
  .story-modal .modal-image img{max-height:none}
  .story-modal .modal-content{padding:24px 22px 28px}
  .story-modal .modal-close{position:absolute;right:10px;top:10px;width:36px;height:36px}
  .story-modal .modal-actions{gap:18px}
  .story-modal .modal-actions .button{width:100%}
}