.circular-gallery{--dir:0;--k:0;--n:19;height:calc(var(--n)*100%);color:#dedede;scrollbar-width:none;font-family:Saira,sans-serif;overflow-x:hidden}.circular-gallery::-webkit-scrollbar{display:none}.scene{perspective:50em;justify-content:center;align-items:center;height:50vh;display:flex;overflow:hidden}.assembly{--r:calc((2 + var(--dir))/3);--w:clamp(4em,min(50vh,25vw),18em);--z:calc(var(--f,1.25)*-.5*var(--w)/tan(.5turn/var(--n)));transform-style:preserve-3d;transform:translateZ(var(--z))rotate3d(var(--dir),calc(1 - var(--dir)),0,calc((var(--k) + .5)*-1turn));justify-content:center;align-items:center;transition:transform .8s ease-in-out;display:flex;position:relative}.gallery-item{--j:calc(var(--i)/var(--n));--dif-lin:calc(var(--j) - mod(var(--k) + 1,1));--abs-lin:max(var(--dif-lin),-1*var(--dif-lin));--dif-mid:calc(.5 - var(--abs-lin));--abs-mid:max(var(--dif-mid),-1*var(--dif-mid));--dif-arc:calc(2*(.5 - var(--abs-mid)));--lim:.35;--sel:max(0,calc((var(--lim) - var(--dif-arc))/var(--lim)));--out:calc(1 - var(--sel));--hov:0;width:var(--w);aspect-ratio:var(--r);transform:rotate3d(var(--dir),calc(1 - var(--dir)),0,calc(var(--j)*1turn))translateZ(var(--z))rotate(calc(var(--dir)*.5turn));transform-style:preserve-3d;transition:transform .3s;position:absolute}.gallery-item header,.gallery-item figure{--ang:calc(-45deg + var(--hov)*180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--url)50%/cover padding-box,linear-gradient(#666 0 0)padding-box,repeating-conic-gradient(from var(--ang),transparent 0% 15%,color-mix(in srgb,var(--primary)calc(var(--sel)*100%),#333)20% 30%,transparent 35% 50%)border-box #121212;background-blend-mode:multiply,normal,normal;isolation:isolate;pointer-events:none;border:4px solid transparent;border-radius:.5em;width:100%;height:100%;transition:transform .35s ease-out,--ang .35s ease-out;position:absolute;overflow:hidden;box-shadow:5px 5px 13px #000}.gallery-item header:after,.gallery-item figure:after{content:"";opacity:var(--out);mix-blend-mode:color;pointer-events:none;background:#03071e;position:absolute;top:0;bottom:0;left:0;right:0}.gallery-item header{text-align:center;transform:rotateY(calc((1 + var(--hov))*.5turn));box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;padding:1em}.gallery-item figure{transform:rotateY(calc(var(--hov)*.5turn))}.gallery-item figure img{object-fit:cover;object-position:var(--pos,center);pointer-events:auto;width:100%;height:100%}.gallery-item:hover,.gallery-item:focus-within{--hov:round(var(--sel))}.box-info-scrollani{color:#fff;background:#851d40;border-left:5px solid #dc3055;margin:.5em;padding:.75em;font-family:Ubuntu,Trebuchet MS,Arial,sans-serif;font-size:1em;line-height:1.25;box-shadow:2px 2px 5px rgba(0,0,0,.35)}@media (max-width:768px){.circular-gallery{--dir:1}}@supports (animation-timeline:scroll()){.box-info-scrollani{display:none}}