.wp-block-gallery,.cyber-gallery-container{display:grid;gap:1rem;margin:2rem 0;width:100%;&.columns-2{grid-template-columns:repeat(2,1fr)}&.columns-3{grid-template-columns:repeat(2,1fr);@media(min-width:640px){grid-template-columns:repeat(3,1fr)}}&.columns-4{grid-template-columns:repeat(2,1fr);@media(min-width:640px){grid-template-columns:repeat(4,1fr)}}&.columns-6{grid-template-columns:repeat(2,1fr);@media(min-width:768px){grid-template-columns:repeat(3,1fr)}@media(min-width:1024px){grid-template-columns:repeat(6,1fr)}}.gallery-item-frame{cursor:zoom-in;position:relative;border:1px solid rgba(213,16,1,.22);background:var(--darker);padding:5px;overflow:hidden;box-shadow:inset 0 0 0 1px #d510010d,0 4px 18px #00000073;transition:border-color .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1);.capture-viewport img{filter:grayscale(15%) contrast(108%);transition:filter .28s ease,transform .45s cubic-bezier(.25,1,.5,1)}img,.capture-viewport picture,.capture-viewport img{aspect-ratio:unset;max-height:none}.capture-frame .capture-viewport img{max-height:none}&:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background-image:repeating-linear-gradient(to bottom,transparent,transparent 2px,rgba(213,16,1,.03) 2px,rgba(213,16,1,.03) 4px);opacity:.75;transition:opacity .28s ease}.corner{position:absolute;color:var(--secondary-yellow);font-size:.65rem;font-family:var(--font-mono);line-height:1;pointer-events:none;z-index:4;opacity:.65;transition:color .28s ease,text-shadow .28s ease,opacity .28s ease;&.top-left{top:4px;left:4px}&.top-right{top:4px;right:4px}&.bottom-left{bottom:4px;left:4px}&.bottom-right{bottom:4px;right:4px}}.gallery-label{position:absolute;bottom:0;left:0;right:0;z-index:4;font-family:var(--font-mono);font-size:.52rem;letter-spacing:.16em;text-transform:uppercase;text-align:center;color:#ffebd6bf;background:linear-gradient(transparent,#050508eb);padding:1.4rem .35rem .35rem;pointer-events:none}.gallery-expand{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;background:#0505088c;opacity:0;transition:opacity .28s ease;pointer-events:none}.gallery-expand-icon{font-family:var(--font-mono);font-size:1.25rem;color:var(--secondary-yellow);text-shadow:0 0 10px rgba(255,199,52,.45);line-height:1}.gallery-expand-text{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.2em;color:#ffebd6d9}&:hover,&:focus-visible{border-color:#d51001a6;box-shadow:inset 0 0 0 1px #d510011f,0 0 22px #d510012e,0 8px 24px #00000080;transform:translateY(-2px);outline:none;.capture-viewport img,img{filter:grayscale(0%) contrast(100%);transform:scale(1.03)}.corner{color:var(--secondary-yellow);opacity:1;text-shadow:0 0 8px rgba(255,199,52,.45)}.gallery-expand{opacity:1}&:before{opacity:.45}}}}body.lightbox-open{overflow:hidden}.cyber-gallery-container[data-popup=portfolio],.cyber-gallery-container--portfolio{margin:0;width:100%;gap:.6rem;align-items:stretch}.cyber-gallery-container[data-popup=portfolio] .gallery-item-frame,.cyber-gallery-container--portfolio .gallery-item-frame{padding:4px;display:flex;flex-direction:column;height:100%;min-height:0}.cyber-gallery-container[data-popup=portfolio] .gallery-item-frame .capture-frame,.cyber-gallery-container--portfolio .gallery-item-frame .capture-frame{width:100%}.gallery-item-frame--media .media-frame{position:relative;width:100%;height:var(--capture-thumb-height, clamp(7.75rem, 14vw, 10rem));min-height:var(--capture-thumb-height, clamp(7.75rem, 14vw, 10rem));max-height:var(--capture-thumb-height, clamp(7.75rem, 14vw, 10rem));overflow:hidden;contain:layout paint;background:#05050af2;border:1px solid rgba(213,16,1,.12);flex:0 0 var(--capture-thumb-height, clamp(7.75rem, 14vw, 10rem))}.gallery-item-frame--media .media-viewport{position:absolute;inset:0;overflow:hidden}.gallery-item-frame--media .media-viewport picture{display:block;width:100%;height:100%;overflow:hidden}.gallery-item-frame--media .media-viewport img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transform-origin:top center}.gallery-item-frame--media .media-play-glyph{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;font-size:1.5rem;color:var(--secondary-yellow);text-shadow:0 0 12px rgba(255,199,52,.55);pointer-events:none;opacity:.85}.gallery-item-frame--media:hover .media-viewport img,.gallery-item-frame--media:focus-visible .media-viewport img{filter:grayscale(0%) contrast(100%);transform:scale(1.03)}