.lgag{--lg:#0F766E;--bs:0 6px 20px rgba(15,23,42,.1);--ent:lgag-fadeup;--dur:400ms;--dl:0ms;--st:0ms;--hd:500ms;--mv:8px;--zs:.92;--fl:-50deg;--hs:1.06;--hy:0px;--ho:1;--hg:var(--bs);--cf:14px;--cw:400;--cc:#fff;--ct:left;--cb:rgba(0,0,0,.7);--cr:0px;--cpv:12px;--cph:14px;--csp:8px;--lbc:1;max-width:1200px;margin:0 auto;padding:40px 16px;text-align:center;box-sizing:border-box}
.lgag *{box-sizing:border-box}
.lgag-badge{display:inline-block;padding:8px 20px;border-radius:99px;background:#e8f5f1;background:color-mix(in srgb,var(--lg) 10%,#fff);border:1px solid #bfe3da;border:1px solid color-mix(in srgb,var(--lg) 25%,#fff);color:var(--lg);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.lgag h2{margin:18px 0 12px;color:var(--lg);font-size:clamp(2rem,6vw,3.2rem);font-weight:800;line-height:1.1}
.lgag-hd p{max-width:720px;margin:0 auto 28px;color:#475569;font-size:clamp(1rem,2.4vw,1.15rem);line-height:1.7}
.lgag-f{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:32px}
.lgag-f button{border:1.5px solid #e2e8f0;background:#fff;color:#334155;border-radius:99px;padding:12px 26px;font:600 15px/1 inherit;letter-spacing:.04em;cursor:pointer;transition:.2s}
.lgag-f button:hover{border-color:var(--lg);color:var(--lg)}
.lgag-f button.on{background:var(--lg);border-color:var(--lg);color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.lgag .lgag-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(min-width:700px){.lgag .lgag-g{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
.lgag .lgag-i{margin:0;position:relative;width:100%;min-width:0}
.lgag .lgag-i[hidden]{display:none}
.lgag .lgag-fr{display:block;position:relative;width:100%;aspect-ratio:4/3;border-radius:22px;overflow:hidden;background:#f1f5f9;box-shadow:var(--bs);transition:transform var(--hd) ease,box-shadow var(--hd) ease;text-decoration:none}
.lgag .lgag-fr img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;margin:0;transition:transform var(--hd) ease,opacity var(--hd) ease}
.lgag .lgag-fr:focus-visible{outline:3px solid var(--lg);outline-offset:3px}
@media(hover:hover){
 .lgag .lgag-i:hover .lgag-fr{transform:translateY(var(--hy));box-shadow:var(--hg)}
 .lgag .lgag-i:hover .lgag-fr img{transform:scale(var(--hs));opacity:var(--ho)}
 .lgag .lgag-i:hover figcaption{opacity:1;transform:none}
}
.lgag .lgag-i:focus-within figcaption{opacity:1;transform:none}
/* captions */
.lgag .lgag-i figcaption{display:block;margin:0;font-size:var(--cf);font-weight:var(--cw);color:var(--cc);text-align:var(--ct);line-height:1.4;padding:var(--cpv) var(--cph);opacity:0;transition:opacity .3s,transform .3s}
.lgag[data-cp=overlay] .lgag-i figcaption{position:absolute;left:0;right:0;bottom:0;padding-top:calc(var(--cpv) + 16px);background:linear-gradient(transparent,var(--cb))}
.lgag[data-cp=top] .lgag-i figcaption{position:absolute;top:var(--csp);left:var(--csp);right:var(--csp);background:var(--cb);border-radius:var(--cr)}
.lgag[data-cp=bottom] .lgag-i figcaption{position:absolute;bottom:var(--csp);left:var(--csp);right:var(--csp);background:var(--cb);border-radius:var(--cr)}
.lgag[data-cp=outside] .lgag-i figcaption{position:static;margin-top:var(--csp);background:var(--cb);border-radius:var(--cr)}
.lgag[data-ca=slide][data-cp=overlay] .lgag-i figcaption,.lgag[data-ca=slide][data-cp=bottom] .lgag-i figcaption{transform:translateY(100%)}
.lgag[data-ca=slide][data-cp=top] .lgag-i figcaption{transform:translateY(-100%)}
.lgag[data-ca=slide][data-cp=outside] .lgag-i figcaption{transform:translateY(8px)}
.lgag[data-ca=none] .lgag-i figcaption{transition:none}
/* entrance */
.lgag[data-trig=load] .lgag-i,.lgag[data-trig=scroll] .lgag-i.in{animation:var(--ent) var(--dur) ease calc(var(--dl) + var(--i,0) * var(--st)) both}
.lgag[data-trig=scroll].lgag-js .lgag-i:not(.in){opacity:0}
@keyframes lgag-fadein{from{opacity:0}}
@keyframes lgag-fadeup{from{opacity:0;transform:translateY(var(--mv))}}
@keyframes lgag-fadedown{from{opacity:0;transform:translateY(calc(var(--mv) * -1))}}
@keyframes lgag-fadeleft{from{opacity:0;transform:translateX(calc(var(--mv) * -1))}}
@keyframes lgag-faderight{from{opacity:0;transform:translateX(var(--mv))}}
@keyframes lgag-zoomin{from{opacity:0;transform:scale(var(--zs))}}
@keyframes lgag-zoomout{from{opacity:0;transform:scale(calc(2 - var(--zs)))}}
@keyframes lgag-slidein{from{transform:translateX(calc(var(--mv) * -4))}}
@keyframes lgag-flip{from{opacity:0;transform:perspective(800px) rotateY(var(--fl))}}
@keyframes lgagIn{from{opacity:0;transform:translateY(8px)}}
/* lightbox */
.lgag-lb{position:fixed;inset:0;z-index:999999;background:rgba(2,6,23,.94);display:flex;align-items:center;justify-content:center;flex-direction:column}
.lgag-lb[hidden]{display:none}
.lgag-lb figure{margin:0;max-width:92vw;text-align:center}
.lgag-lb img{max-width:92vw;max-height:80vh;border-radius:10px;object-fit:contain}
.lgag-lb figcaption{color:#e2e8f0;margin-top:12px;font-size:15px}
.lgag-lb button{position:absolute;background:rgba(255,255,255,.14);color:#fff;border:0;border-radius:50%;width:46px;height:46px;font-size:28px;line-height:1;cursor:pointer}
.lgag-lb button:hover{background:rgba(255,255,255,.3)}
.lgag-lb .x{top:16px;right:16px}.lgag-lb .p{left:12px;top:50%}.lgag-lb .n{right:12px;top:50%}
.lgag-lb .c{position:absolute;top:24px;left:20px;color:#cbd5e1;font-size:14px}
@media(prefers-reduced-motion:reduce){
 .lgag .lgag-i{animation:none!important;opacity:1!important}
 .lgag .lgag-fr,.lgag .lgag-fr img,.lgag .lgag-i figcaption{transition:none!important}
 .lgag .lgag-i:hover .lgag-fr,.lgag .lgag-i:hover .lgag-fr img{transform:none!important}
}