/* gallery page */
.jg-sec{padding-bottom:40px}
.jg-head{max-width:640px;margin:0 0 34px}
.jg-head h2{font-size:clamp(32px,5.2vw,52px)}
.jg-head h2 em{font-style:italic;color:var(--gold)}
.jg-note{margin:14px 0 0;font-size:13px;letter-spacing:.06em;color:var(--muted)}
.jg{--h:112px;--g:6px;display:flex;flex-wrap:wrap;gap:var(--g)}
.jg::after{content:"";flex-grow:1e4;flex-basis:0}
@media(min-width:600px){.jg{--h:190px;--g:10px}}
@media(min-width:1000px){.jg{--h:270px;--g:12px}}
.jg-i{position:relative;display:block;flex-basis:calc(var(--h) * var(--r));overflow:hidden;border-radius:3px;background:var(--sand);cursor:zoom-in;-webkit-tap-highlight-color:transparent}
.jg-i::before{content:"";display:block;padding-top:calc(100% / var(--r))}
.jg-i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.015);transition:opacity .7s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}
.jg-i img.ok{opacity:1;transform:none}
.jg-i::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(20,22,28,.28));opacity:0;transition:opacity .45s ease;pointer-events:none}
@media(hover:hover){.jg-i:hover img.ok{transform:scale(1.035)}.jg-i:hover::after{opacity:1}}
.jg-i:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.film-sec{padding-top:40px}
.film{border-radius:4px;overflow:hidden;background:#0d0f14;aspect-ratio:16/9}
.film video{display:block;width:100%;height:100%;object-fit:cover;background:#0d0f14}
/* lightbox */
.vw{position:fixed;inset:0;z-index:1000;background:#0c0e13;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s .3s;touch-action:pan-y;overscroll-behavior:contain}
.vw.on{opacity:1;visibility:visible;transition:opacity .3s ease}
.vw-st{position:absolute;inset:64px 0 76px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.vw-st img{max-width:calc(100% - 24px);max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:2px;user-select:none;-webkit-user-drag:none;transition:opacity .28s ease,transform .32s cubic-bezier(.2,.7,.2,1)}
.vw-st img.drag{transition:none}
.vw-st img.fade{opacity:0}
.vw-top{position:absolute;top:0;left:0;right:0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 22px}
.vw-n{font:500 12px/1 var(--sans);letter-spacing:.24em;color:var(--gold2)}
.vw-cap{position:absolute;left:0;right:0;bottom:0;height:76px;display:flex;align-items:center;justify-content:center;padding:0 24px;text-align:center;font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.72)}
.vw button{border:0;background:rgba(255,255,255,.08);color:#fff;width:46px;height:46px;border-radius:50%;cursor:pointer;display:grid;place-items:center;transition:background .2s}
.vw button:hover{background:rgba(255,255,255,.2)}
.vw button:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}
.vw button svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.vw-pv,.vw-nx{position:absolute;top:50%;margin-top:-23px;z-index:2}
.vw-pv{left:14px}.vw-nx{right:14px}
@media(max-width:699px){.vw-pv,.vw-nx{top:auto;bottom:15px;margin:0}.vw-pv{left:12px}.vw-nx{right:12px}.vw-cap{padding:0 70px;font-size:12.5px}}
@media(min-width:700px){.vw-st{inset:70px 84px 80px}}
html.vw-lock{overflow:hidden}
@media (prefers-reduced-motion:reduce){.jg-i img{transition:none;transform:none!important;opacity:1}.jg-i::after,.vw,.vw-st img{transition:none!important}}
.cta{background-image:url(../img/g/ev-08-960.webp)}
@media(min-width:800px){.cta{background-image:url(../img/g/ev-08-1800.webp)}}