.modal{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal.open{display:flex}.modal:after{display:none}.modal>div{position:relative;z-index:1;width:min(92vw,720px);height:min(84vh,860px);overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:10px;box-shadow:0 30px 90px rgba(0,0,0,.78);background-color:#050505;background-position:center;background-size:contain;background-repeat:no-repeat;padding:32px;display:flex;flex-direction:column;justify-content:flex-end}.modal>div:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(0,0,0,0) 48%,rgba(0,0,0,.2) 60%,rgba(0,0,0,.92) 100%);z-index:-1;pointer-events:none}.modal>div .eyebrow,.modal>div h2,.modal>div p{position:relative;z-index:2;text-shadow:0 2px 8px #000}.modal>div h2{font-size:clamp(2.4rem,5vw,4.5rem);margin-bottom:8px}.modal>div p{max-width:620px;margin-bottom:0}.close{position:absolute;z-index:4;right:max(20px,calc(50% - 350px));top:max(20px,calc(50% - 410px));border:1px solid rgba(255,255,255,.34);background:rgba(0,0,0,.82);color:#fff;border-radius:50%;width:46px;height:46px;font-size:1.55rem;line-height:1;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.35)}.close:hover,.close:focus-visible{border-color:var(--g);outline:none}.story{grid-template-columns:1fr;max-width:900px;margin-left:auto;margin-right:auto}.story>div{max-width:820px;margin:auto}.card:focus-visible{outline:2px solid var(--g);outline-offset:3px}@media(max-width:700px){.modal{padding:14px}.modal>div{width:min(100%,520px);height:min(78vh,690px);padding:20px 16px}.close{right:24px;top:24px}.modal>div h2{font-size:2.65rem}.modal>div p{font-size:.93rem;line-height:1.45}.story{width:min(100% - 24px,var(--max))}}