.app-popup[hidden]{display:none}.app-popup{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.app-popup-backdrop{position:absolute;inset:0;background:rgba(7,24,32,.72);backdrop-filter:blur(5px);animation:popupFade .25s ease}.app-popup-card{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;max-width:760px;width:min(100%,760px);overflow:hidden;background:#f5f1e9;color:#142c35;box-shadow:0 24px 80px rgba(0,0,0,.3);animation:popupUp .35s cubic-bezier(.2,.8,.2,1)}.app-popup-copy{padding:42px 38px}.app-popup-copy h2{margin:8px 0 14px;font-size:clamp(1.8rem,4vw,3rem);line-height:.98;letter-spacing:-.04em}.app-popup-copy p:not(.section-label){max-width:33ch;color:#52666b;line-height:1.55}.app-popup-card>img{width:100%;height:100%;min-height:360px;object-fit:cover;object-position:center}.app-popup-close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:#142c35;font-size:30px;line-height:1;cursor:pointer;z-index:2}.app-popup .btn{display:inline-flex;margin-top:16px;background:#142c35;color:#f5f1e9}.app-popup .btn span{margin-left:8px}@keyframes popupFade{from{opacity:0}to{opacity:1}}@keyframes popupUp{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:640px){.app-popup{padding:14px}.app-popup-card{display:block;max-height:calc(100vh - 28px);overflow:auto}.app-popup-copy{padding:34px 24px 28px}.app-popup-card>img{display:block;height:230px;min-height:0;object-position:center 28%}.app-popup-copy h2{font-size:2.1rem}.app-popup-copy p:not(.section-label){font-size:.95rem}}
