.iframe-group{display:grid;gap:24px;grid-template-columns:repeat(var(--iframe-group-columns,4),minmax(0,1fr))}@media (max-width:640px){.iframe-group{grid-template-columns:1fr}}.iframe-group__card{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.08);cursor:pointer;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.iframe-group__card:hover{box-shadow:0 15px 35px rgba(0,0,0,.12);transform:translateY(-5px)}.iframe-group__iframe{background:#f3f3f3;container-type:inline-size;overflow:hidden;position:relative;width:100%}.iframe-group__iframe iframe{border:0;height:2500px;left:0;overflow:auto;pointer-events:none;position:absolute;top:0;transform-origin:top left;width:1440px}.iframe-group__label{backdrop-filter:blur(8px);background:hsla(0,0%,100%,.95);border-radius:10px;bottom:10px;box-shadow:0 6px 16px rgba(0,0,0,.15);color:#111;font-size:14px;font-weight:600;left:10px;padding:8px 12px;pointer-events:none;position:absolute;right:10px}.iframe-modal{backdrop-filter:blur(5px);background-color:rgba(0,0,0,.85);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.iframe-modal__content{animation:iframe-modal-appear .4s ease-out;background:#fff;border-radius:12px;height:90%;margin:2% auto;overflow:hidden;width:90%}@keyframes iframe-modal-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.iframe-modal__close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:35px;font-weight:700;height:45px;justify-content:center;position:absolute;right:20px;top:15px;width:45px;z-index:10}.iframe-modal__body{height:100%;width:100%}.iframe-modal__body iframe{border:none;height:100%;width:100%}body.modal-open{overflow:hidden}