.social-gallery{background:#f1eaf7;padding:70px 5%;margin-bottom:80px}.social-inner{max-width:1152px;margin:auto}.social-gallery .section-top{margin-bottom:38px}.social-gallery h2{font-size:45px}.social-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.social-post{display:block;position:relative;min-width:0;padding:0;border:6px solid white;border-radius:23px;background:#fff;box-shadow:0 8px 22px #31174d16;cursor:zoom-in;overflow:hidden;transition:transform .35s,box-shadow .35s}.social-post img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;border-radius:16px;transition:transform .5s}.post-expand{position:absolute;bottom:11px;right:11px;display:grid;place-items:center;width:30px;height:30px;background:#fffE;color:var(--purple);border-radius:50%;font-size:19px;box-shadow:0 2px 8px #0002}.social-hint{margin:25px 0 0;color:#776782;font-size:11px;letter-spacing:.2px}.social-hint span{margin-right:8px;color:var(--purple)}
.post-lightbox{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:25px 70px;border:0;background:transparent;color:white;overflow:auto}.post-lightbox[open]{display:grid;place-items:center}.post-lightbox::backdrop{background:#1d1027eb;backdrop-filter:blur(8px)}.lightbox-panel{position:relative;max-width:100%;width:fit-content}.lightbox-panel figure{margin:0;text-align:center}.lightbox-image{display:block;max-width:100%;width:auto;height:auto;max-height:calc(100dvh - 110px);margin:auto;object-fit:contain;border:5px solid white;border-radius:20px;box-shadow:0 20px 60px #0004}.lightbox-panel figcaption{font-size:13px;line-height:1.5;margin-top:16px;max-width:650px;padding:0 10px}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;z-index:2;width:42px;height:42px;background:#ffffff1c;border:1px solid #ffffff70;color:#fff;border-radius:50%;cursor:pointer;display:grid;place-items:center;font-size:30px;line-height:1;transition:background-color .25s,color .25s}.lightbox-close{right:-53px;top:0}.lightbox-prev{left:-55px;top:45%}.lightbox-next{right:-55px;top:45%}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:var(--yellow);border-color:var(--yellow);color:var(--dark)}
@media(hover:hover) and (pointer:fine){.social-post:hover{transform:translateY(-7px);box-shadow:0 16px 30px #31174d25}.social-post:hover img{transform:scale(1.025)}}
@media(max-width:900px){.social-grid{gap:12px}.social-post{border-width:5px;border-radius:19px}.social-post img{border-radius:13px}.social-gallery h2{font-size:38px}}
@media(max-width:700px){.social-gallery{padding:45px 7%;margin-bottom:50px}.social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.social-post:last-child{grid-column:1/-1;width:calc((100% - 14px)/2);justify-self:center}.social-gallery h2{font-size:35px}.social-hint{font-size:10px}.post-expand{width:25px;height:25px;font-size:17px;bottom:8px;right:8px}.post-lightbox{padding:65px 16px 70px}.lightbox-panel{width:100%}.lightbox-image{max-height:calc(100dvh - 190px);border-width:4px;border-radius:15px}.lightbox-close{right:0;top:-52px}.lightbox-prev,.lightbox-next{top:auto;bottom:-52px;width:38px;height:38px}.lightbox-prev{left:calc(50% - 48px)}.lightbox-next{right:calc(50% - 48px)}.lightbox-panel figcaption{font-size:11px;min-height:32px;margin-top:12px}}
@media(prefers-reduced-motion:reduce){.social-post,.social-post img{transition:none}}