.gal3__ribbon{padding-block:clamp(var(--s-10), 5vw, var(--s-16)) 0}.gal3__ribbon .ribbon span{flex-wrap:wrap;gap:.6rem 1rem;display:flex}.gal3__ribbon .ribbon i{opacity:.55;font-style:normal}.gring3{--w:clamp(170px, 22vw, 320px);overflow:clip}.gring3 .sec__head{margin-bottom:var(--s-6)}.gring3__stage{height:calc(var(--w) * 1.86);perspective:1600px;perspective-origin:50% 48%;touch-action:pan-y;cursor:grab;position:relative}.gring3__stage:active{cursor:grabbing}.gring3__ring{transform-style:preserve-3d;--r:360px;position:absolute;inset:0}.gring3__slot{width:var(--w);height:calc(var(--w) * 1.25);transform:translate(-50%, -50%) rotateY(var(--a)) translateZ(var(--r));transform-style:preserve-3d;position:absolute;top:50%;left:50%}.gring3__card{border-radius:var(--rad-md);background:var(--surface);cursor:zoom-in;width:100%;height:100%;transition:transform .6s var(--ease), box-shadow .6s var(--ease);display:block;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000073,0 0 0 1px #d6b15647}.gring3__card img{object-fit:cover;filter:grayscale(.6)contrast(1.04);width:100%;height:100%;transition:filter .6s var(--ease), transform .6s var(--ease);display:block}.gring3__card:before{content:"";z-index:2;border-radius:calc(var(--rad-md) - 4px);pointer-events:none;opacity:0;transition:opacity .6s var(--ease);border:1px solid #c9a23a80;position:absolute;inset:9px}.gring3__card:after{content:"";z-index:1;opacity:.58;pointer-events:none;transition:opacity .6s var(--ease);background:#070c1c;position:absolute;inset:0}.gring3__slot.is-back .gring3__card img{transform:scaleX(-1)}.gring3__slot.is-front .gring3__card{box-shadow:0 34px 80px #0000008c,0 0 0 1px #d6b1568c}.gring3__slot.is-front .gring3__card img{filter:none}.gring3__slot.is-front .gring3__card:after{opacity:0}.gring3__slot.is-front .gring3__card:before{opacity:1}.gring3__card:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.gring3__card:focus-visible img{filter:none}.gring3__hint{margin:var(--s-4) auto 0;text-align:center;font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint)}@media (width<=900px){.gring3{--w:clamp(150px, 42vw, 240px)}.gring3__stage{perspective:1100px}}.gring3.is-flat .gring3__stage{perspective:none;cursor:auto;height:auto;padding-inline:var(--gutter)}.gring3.is-flat .gring3__ring{justify-content:center;gap:var(--s-5);flex-wrap:wrap;display:flex;position:relative;inset:auto;transform:none!important}.gring3.is-flat .gring3__slot{position:static;opacity:1!important;transform:none!important}.gring3.is-flat .gring3__card img{filter:none;transform:none}.gring3.is-flat .gring3__card:after{opacity:0}.gring3.is-flat .gring3__hint{display:none}@media (prefers-reduced-motion:reduce){.gring3 .gring3__stage{perspective:none;cursor:auto;height:auto;padding-inline:var(--gutter)}.gring3 .gring3__ring{justify-content:center;gap:var(--s-5);flex-wrap:wrap;display:flex;position:relative;inset:auto;transform:none!important}.gring3 .gring3__slot{position:static;opacity:1!important;transform:none!important}.gring3 .gring3__card img{filter:none;transform:none}.gring3 .gring3__card:after{opacity:0}.gring3 .gring3__hint{display:none}}html[data-motion=off] .gring3__stage{perspective:none;cursor:auto;height:auto;padding-inline:var(--gutter)}html[data-motion=off] .gring3__ring{justify-content:center;gap:var(--s-5);flex-wrap:wrap;display:flex;position:relative;inset:auto;transform:none!important}html[data-motion=off] .gring3__slot{position:static;opacity:1!important;transform:none!important}html[data-motion=off] .gring3__card img{filter:none;transform:none}html[data-motion=off] .gring3__card:after{opacity:0}html[data-motion=off] .gring3__hint{display:none}.gwall3__wall{gap:0;display:grid}.gwall3__batch{columns:4}.gwall3__tile{width:100%;margin-bottom:var(--s-5);display:block}.gwall3__tile img{width:100%;height:auto;display:block}.gwall3__tile:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media (width<=1100px){.gwall3__batch{columns:3}}@media (width<=760px){.gwall3__batch{columns:2}}@media (width<=430px){.gwall3__batch{columns:1}}
