@property --k{syntax:"<number>";inherits:true;initial-value:-1}@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}.gal-wrapper{height:calc(var(--n) * 100vh);--dir:0;z-index:10;background:#f8fafc;position:relative}@media (max-aspect-ratio:2/3){.gal-wrapper{--dir:0}}@media (max-width:768px){.gal-section{--w:55vw!important}}.gal-sticky{color:#1e293b;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;height:100dvh;font:clamp(.625em,3vmin,1.5em)/1.25 saira,sans-serif;display:flex;position:sticky;top:0;overflow:hidden}.gal-sticky:before{z-index:-1;content:"";background:#f8fafc;position:absolute;inset:0}.gal-main-header{text-align:center;text-wrap:balance;z-index:2;place-content:center;place-items:center;padding:.5em;display:grid}.gal-main-header em{max-width:32em}.gal-main{perspective:50em;width:100%;display:grid;overflow:hidden}.gal-section,.gal-article{transform-style:preserve-3d}.gal-section{--r:calc(2 + var(--dir)) / 3;--w:clamp(8em, min(65vh, 40vw), 28em);--z:calc(var(--f,1.25) * -.5 * var(--w) / tan(.5turn / var(--n)));translate:0 0 var(--z);rotate:var(--dir) calc(1 - var(--dir)) 0 calc((var(--k) + .5) * -1turn);place-self:center;display:grid}.gal-article,.gal-article-header,.gal-figure,.gal-figure img,.gal-figure figcaption{grid-area:1/1}.gal-article{--j:calc(var(--i) / var(--n));--dif-lin:calc(var(--j) - mod(var(--k) + 1, 1));--abs-lin:abs(var(--dif-lin));--dif-mid:calc(.5 - var(--abs-lin));--abs-mid:abs(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));display:grid}.gal-article-header{rotate:y calc((1 + var(--hov)) * .5turn)}.gal-article:hover,.gal-article:focus-within{--hov:round(var(--sel))}@supports not (scale:abs(-1)){.gal-article{--abs-lin:max(var(--dif-lin), -1 * var(--dif-lin));--abs-mid:max(var(--dif-mid), -1 * var(--dif-mid))}}.gal-article-header,.gal-figure{--ang:calc(-45deg + var(--hov) * 180deg);backface-visibility:hidden;background:linear-gradient(#f8fafc 0 0) padding-box, repeating-conic-gradient(from var(--ang), #0000 0% 15%, color-mix(in srgb, #4f46e5 calc(var(--sel) * 100%), #e2e8f0) 20% 30%, #0000 35% 50%) border-box #fff;border:4px solid #0000;border-radius:.5em;transition:rotate .35s ease-out,--ang .35s ease-out,transform .35s ease-out;display:grid;position:relative;overflow:hidden;box-shadow:5px 5px 25px #00000026}.gal-article:hover .gal-figure{transform:translateZ(20px)scale(1.05);box-shadow:10px 10px 40px #00000040}.gal-article-header:after,.gal-figure:after{pointer-events:none;content:"";position:absolute;inset:0}.gal-article h2,.gal-main-header em,.gal-figure img,.gal-figure a{pointer-events:auto}.gal-article h2,.gal-main-header em,.gal-figure figcaption{opacity:round(up, var(--sel));text-shadow:1px 1px 1px #0006}.gal-article h2{place-self:center;font-size:1.125em}.gal-figure img{width:100%;height:100%;aspect-ratio:var(--r);object-fit:cover;object-position:var(--pos,50% 50%)}.gal-figure figcaption{color:#040404;text-align:right;-webkit-backdrop-filter:blur(5px)brightness(1.5);backdrop-filter:blur(5px)brightness(1.5);z-index:2;background:#fff3;align-self:end;padding:.5em;font:max(.75rem,.75em) caveat,cursive}.gal-figure figcaption a{color:#370617}