.about-gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (min-width:640px){.about-gallery-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media (min-width:1024px){.about-gallery-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem}.about-gallery-grid>:nth-child(11){grid-column:span 2}}.about-gallery-card{position:relative;aspect-ratio:4/3;border-radius:var(--radius-2xl);overflow:hidden;cursor:pointer;background-color:var(--color-surface-container);border:1px solid var(--color-outline);will-change:transform,opacity}.about-gallery-card:hover{box-shadow:0 10px 30px color-mix(in srgb,var(--color-on-surface) 18%,transparent)}.about-gallery-media{object-fit:cover;width:100%;height:100%;transition:transform .4s ease;display:block}.about-gallery-card:hover .about-gallery-media{transform:scale(1.06)}.about-gallery-video-thumb{position:relative;width:100%;height:100%}.about-gallery-video-thumb video{width:100%;height:100%;object-fit:cover;display:block}.about-gallery-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-on-surface) 32%,transparent);color:var(--color-surface-container-lowest);transition:background .3s ease}.about-gallery-card:hover .about-gallery-play{background:var(--color-about-overlay-1)}.about-gallery-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--color-about-overlay-2) 0,transparent 55%);opacity:0;transition:opacity .3s ease;display:flex;align-items:flex-end;padding:1rem}.about-gallery-card:hover .about-gallery-overlay{opacity:1}.about-gallery-caption{color:var(--color-surface-container-lowest);font-size:.75rem;font-weight:600;line-height:1.5;text-align:right}.about-lightbox{position:fixed;inset:0;background:color-mix(in srgb,var(--color-on-surface) 90%,transparent);z-index:9999;padding:1.5rem;backdrop-filter:blur(6px);animation:about-lb-fade .2s ease}.about-lightbox,.about-lightbox-close{display:flex;align-items:center;justify-content:center}.about-lightbox-close{position:absolute;top:18px;inset-inline-start:18px;background:color-mix(in srgb,var(--color-surface-container-lowest) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-surface-container-lowest) 20%,transparent);color:var(--color-surface-container-lowest);font-size:1rem;width:40px;height:40px;border-radius:var(--radius-full);cursor:pointer;transition:background .2s ease;z-index:10}.about-lightbox-close:hover{background:color-mix(in srgb,var(--color-surface-container-lowest) 20%,transparent)}.about-lightbox-inner{max-width:min(90vw,900px);width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;animation:about-lb-scale .25s cubic-bezier(.34,1.56,.64,1)}.about-lightbox-img-wrap{position:relative;aspect-ratio:4/3;overflow:hidden}.about-lightbox-img-wrap,.about-lightbox-video{width:100%;max-height:72vh;border-radius:var(--radius-xl)}.about-lightbox-video{outline:none}.about-lightbox-caption{color:color-mix(in srgb,var(--color-surface-container-lowest) 85%,transparent);font-size:.875rem;font-weight:600;text-align:center;max-width:600px;line-height:1.6}@keyframes about-lb-fade{0%{opacity:0}to{opacity:1}}@keyframes about-lb-scale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@supports not (color:color-mix(in srgb,red,red)){.about-gallery-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.18)}.about-gallery-play{background:rgba(0,0,0,.32)}.about-lightbox{background:rgba(0,0,0,.9)}.about-lightbox-close{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.about-lightbox-close:hover{background:rgba(255,255,255,.2)}.about-lightbox-caption{color:rgba(255,255,255,.85)}}