/* ST4TIC LABS cinematic gallery */
.gallery-page{background:radial-gradient(ellipse at 50% 46%,#33291d 0%,#131316 38%,#080809 80%);overflow:hidden}.gallery-heading{text-align:center;padding:clamp(2.2rem,5vw,4rem) 1rem 0}.gallery-heading h1{font-size:clamp(2.5rem,5vw,4.8rem);margin:.6rem 0 .3rem}.gallery-heading p{margin:.2rem;color:#b9b1a4;font-size:.85rem;letter-spacing:.12em}.gallery-shell{max-width:1500px;margin:auto;position:relative;padding:0 1rem 3rem;outline-offset:-3px}.gallery-stage{position:relative;perspective:1500px;height:clamp(390px,57vw,660px);touch-action:pan-y;overflow:hidden}.gallery-deck{position:absolute;inset:0;transform-style:preserve-3d}.gallery-card{position:absolute;left:50%;top:50%;margin:0;display:flex;align-items:center;justify-content:center;flex-direction:column;transform-style:preserve-3d;will-change:transform,opacity;transition:transform .65s cubic-bezier(.2,.75,.2,1),opacity .5s,filter .5s;cursor:pointer;backface-visibility:hidden}.gallery-card img{display:block;max-width:100%;max-height:100%;object-fit:contain;border:1px solid #bba07188;box-shadow:0 12px 45px #000d,0 0 25px #b8953e22;background:#09090b}.gallery-card figcaption{font-family:Georgia,serif;color:#d8c39b;letter-spacing:.18em;text-transform:uppercase;font-size:.68rem;margin-top:1rem}.horizontal .gallery-card{width:clamp(175px,29vw,365px);height:clamp(275px,43vw,510px)}.horizontal .gallery-card img{height:calc(100% - 2rem)}.vertical .gallery-stage{height:clamp(370px,54vw,640px);touch-action:pan-x}.vertical .gallery-card{width:min(72vw,850px);height:clamp(130px,25vw,300px)}.vertical .gallery-card img{max-height:calc(100% - 2rem)}.gallery-stage:after{content:"";pointer-events:none;position:absolute;left:5%;right:5%;bottom:0;height:16%;background:linear-gradient(0deg,#c4a46c12,transparent);border-top:1px solid #c3a06a35;transform:perspective(400px) rotateX(55deg);transform-origin:top}.gallery-toolbar{display:flex;justify-content:center;align-items:center;gap:clamp(1.5rem,5vw,5rem);margin:.25rem auto}.gallery-toolbar button{width:3.1rem;height:3.1rem;background:linear-gradient(135deg,#2a241d,#0c0c0e);border:1px solid #9b7b48;color:#ebd2a4;border-radius:50%;font-size:1.5rem;cursor:pointer}.gallery-toolbar button:hover{background:#493921}.gallery-counter{font-family:Georgia,serif;letter-spacing:.2em;color:#d5c6aa;font-size:.95rem;min-width:5.5rem;text-align:center}.gallery-view{display:block;margin:1rem auto 0;background:transparent;border:0;border-bottom:1px solid #b69562;color:#e3c89a;padding:.65rem 1rem;letter-spacing:.13em;cursor:pointer}.gallery-hint{text-align:center;color:#77716b;font-size:.75rem;letter-spacing:.08em}.gallery-lightbox{position:fixed;max-width:96vw;max-height:96vh;width:96vw;height:96vh;padding:2rem;background:#050506ed;border:1px solid #a78a58;color:#fff}.gallery-lightbox::backdrop{background:#000e}.gallery-lightbox img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.lightbox-close{position:absolute;right:1rem;top:.5rem;font-size:2rem;background:#111c;border:1px solid #9d855c;color:white;cursor:pointer;z-index:2}@media(max-width:750px){.gallery-stage{height:430px}.horizontal .gallery-card{width:55vw;height:350px}.vertical .gallery-card{width:85vw;height:185px}.gallery-heading{padding-top:2rem}.gallery-hint{font-size:.68rem}}@media(prefers-reduced-motion:reduce){.gallery-card{transition:none}}
