/* Shared integration rules for the client-approved project reference layouts. */
.glma-project-reference,.glma-project-reference :where(*){all:revert;box-sizing:border-box}
.glma-project-reference{direction:ltr;margin-bottom:100px!important}
.glma-project-reference *{box-sizing:border-box}
:root[color-scheme="dark"] .glma-project-reference{background:#161616!important}
.glma-project-reference img{animation:none!important;transition:none!important}
.glma-project-reference [data-aos]{opacity:1!important;transform:none!important}
.glma-project-reference section{min-width:0}
.glma-project-reference:before{pointer-events:none}
.project-video-block{width:100%;padding:0;background:transparent}
.project-video-frame{position:relative;width:100%;margin:0;aspect-ratio:var(--project-video-ratio,3/2);overflow:hidden;background:#171719}
.project-video-frame video,.project-video-frame iframe,.project-video-embed{display:block;width:100%;height:100%;object-fit:contain;border:0}
.glma-project-reference .project-video-embed img{width:100%;height:100%;object-fit:contain}
.glma-project-reference .project-video-play{position:absolute;inset:0;display:flex;gap:16px;align-items:center;justify-content:center;border:0;color:#fff;background:linear-gradient(0deg,#0007,#0001);background-color:transparent!important;font:600 20px/1.3 Arial,sans-serif;cursor:pointer;padding:0;width:100%;height:100%;margin:0;max-width:none;border-radius:0}
.glma-project-reference .project-video-play span{color:#fff}
.project-video-play>span:first-child{display:grid;place-items:center;width:82px;height:82px;border:1px solid #fff8;border-radius:50%;background:#ffffff24;backdrop-filter:blur(12px);font-size:28px}
.glma-project-reference .project-video-play:focus-visible{outline:3px solid #fff!important;outline-offset:-6px}
.glma-project-reference .project-video-play[hidden]{display:none}
[dir=rtl] .glma-project-reference{direction:rtl;font-family:inherit}
[dir=rtl] .glma-project-reference h1,[dir=rtl] .glma-project-reference h2,[dir=rtl] .glma-project-reference h3{font-family:inherit;letter-spacing:normal}
[dir=rtl] .glma-project-reference .heading,[dir=rtl] .glma-project-reference .project-content{text-align:right}
@media(max-width:767px){.glma-project-reference .project-video-play{font-size:16px}.project-video-play>span:first-child{width:58px;height:58px;font-size:20px}}
@media screen and (min-width:1181px){:root[dir=rtl] .glma-project-reference.elementor-page .page-container:not(.-full-w) .elementor-section.elementor-section-stretched.elementor-section-full_width{left:auto!important;right:calc(var(--clb-container-offset) * -1)!important}}

/* Original Ionicons v4 (MIT); used by the reference project counters. */
@font-face{font-family:GLMAProjectIonicons;src:url('../fonts/project-ionicons.woff2') format('woff2');font-weight:normal;font-style:normal;font-display:swap}
.glma-project-reference .ion{font-family:GLMAProjectIonicons!important}
.glma-project-reference .elementor-swiper-button svg{width:1em;height:1em;fill:currentColor}
.glma-project-reference .swiper-button-lock{display:none}
.glma-project-reference .swiper-wrapper{transition-duration:0ms!important}

/* Preserve the reference carousel controls with the site's existing Swiper. */
.glma-project-reference .elementor-widget-image-carousel .elementor-swiper-button{position:absolute;display:inline-flex;z-index:1;cursor:pointer;font-size:25px;color:rgb(238 238 238 / .9);top:50%;transform:translateY(-50%)}
.glma-project-reference .elementor-widget-image-carousel .elementor-swiper-button-prev{left:10px}
.glma-project-reference .elementor-widget-image-carousel .elementor-swiper-button-next{right:10px}
.glma-project-reference .elementor-widget-image-carousel .swiper-button-disabled{opacity:.3}
.glma-project-reference .elementor-widget-image-carousel .swiper-button-lock{display:none}
.glma-project-reference .elementor-pagination-position-outside .swiper{padding-bottom:30px}
.glma-project-reference .elementor-pagination-position-outside .elementor-swiper-button{top:calc(50% - 15px)}
.glma-project-reference .elementor-arrows-position-outside .swiper{width:calc(100% - 60px)}
.glma-project-reference .elementor-arrows-position-outside .elementor-swiper-button-prev{left:0}
.glma-project-reference .elementor-arrows-position-outside .elementor-swiper-button-next{right:0}

.glma-project-reference .swiper-slide{filter:none!important;-webkit-filter:none!important;transition:none!important}

.glma-project-reference .project-video-external{position:absolute;inset-inline-end:12px;bottom:12px;z-index:2;color:#fff;background:#111d;padding:8px 12px;font-size:14px;text-decoration:underline}
.glma-project-reference .project-video-external[hidden]{display:none}

/* Arabic glyphs must stay connected; source Latin tracking does not apply. */
:root[dir=rtl] .glma-project-reference :is(h1,h2,h3,h4,h5,h6,p,a,span,button){letter-spacing:normal!important}

/* Restore HTML image width hints after the scoped reset; source CSS still wins. */
.glma-project-reference img[width="279"]{width:279px}
.glma-project-reference img[width="298"]{width:298px}
.glma-project-reference img[width="300"]{width:300px}
.glma-project-reference img[width="331"]{width:331px}
.glma-project-reference img[width="337"]{width:337px}
.glma-project-reference img[width="352"]{width:352px}
.glma-project-reference img[width="358"]{width:358px}
.glma-project-reference img[width="360"]{width:360px}
.glma-project-reference img[width="365"]{width:365px}
.glma-project-reference img[width="367"]{width:367px}
.glma-project-reference img[width="390"]{width:390px}
.glma-project-reference img[width="391"]{width:391px}
.glma-project-reference img[width="392"]{width:392px}
.glma-project-reference img[width="394"]{width:394px}
.glma-project-reference img[width="404"]{width:404px}
.glma-project-reference img[width="407"]{width:407px}
.glma-project-reference img[width="411"]{width:411px}
.glma-project-reference img[width="413"]{width:413px}
.glma-project-reference img[width="415"]{width:415px}
.glma-project-reference img[width="419"]{width:419px}
.glma-project-reference img[width="430"]{width:430px}
.glma-project-reference img[width="431"]{width:431px}
.glma-project-reference img[width="440"]{width:440px}
.glma-project-reference img[width="455"]{width:455px}
.glma-project-reference img[width="468"]{width:468px}
.glma-project-reference img[width="475"]{width:475px}
.glma-project-reference img[width="504"]{width:504px}
.glma-project-reference img[width="511"]{width:511px}
.glma-project-reference img[width="513"]{width:513px}
.glma-project-reference img[width="526"]{width:526px}
.glma-project-reference img[width="533"]{width:533px}
.glma-project-reference img[width="543"]{width:543px}
.glma-project-reference img[width="567"]{width:567px}
.glma-project-reference img[width="571"]{width:571px}
.glma-project-reference img[width="579"]{width:579px}
.glma-project-reference img[width="589"]{width:589px}
.glma-project-reference img[width="592"]{width:592px}
.glma-project-reference img[width="597"]{width:597px}
.glma-project-reference img[width="598"]{width:598px}
.glma-project-reference img[width="617"]{width:617px}
.glma-project-reference img[width="621"]{width:621px}
.glma-project-reference img[width="631"]{width:631px}
.glma-project-reference img[width="636"]{width:636px}
.glma-project-reference img[width="640"]{width:640px}
.glma-project-reference img[width="642"]{width:642px}
.glma-project-reference img[width="671"]{width:671px}
.glma-project-reference img[width="678"]{width:678px}
.glma-project-reference img[width="750"]{width:750px}
.glma-project-reference img[width="789"]{width:789px}
.glma-project-reference img[width="800"]{width:800px}
.glma-project-reference img[width="836"]{width:836px}
.glma-project-reference img[width="852"]{width:852px}
.glma-project-reference img[width="998"]{width:998px}
.glma-project-reference img[width="1054"]{width:1054px}
.glma-project-reference img[width="1057"]{width:1057px}
.glma-project-reference img[width="1080"]{width:1080px}
.glma-project-reference img[width="1107"]{width:1107px}
.glma-project-reference img[width="1243"]{width:1243px}
.glma-project-reference img[width="1249"]{width:1249px}
.glma-project-reference img[width="1251"]{width:1251px}
.glma-project-reference img[width="1260"]{width:1260px}
.glma-project-reference img[width="1263"]{width:1263px}
.glma-project-reference img[width="1269"]{width:1269px}
.glma-project-reference img[width="1302"]{width:1302px}
.glma-project-reference img[width="1349"]{width:1349px}
.glma-project-reference img[width="1403"]{width:1403px}
.glma-project-reference img[width="1474"]{width:1474px}
.glma-project-reference img[width="1521"]{width:1521px}
.glma-project-reference img[width="1536"]{width:1536px}
.glma-project-reference img[width="1548"]{width:1548px}
.glma-project-reference img[width="1680"]{width:1680px}
.glma-project-reference img[width="1682"]{width:1682px}
.glma-project-reference img[width="1920"]{width:1920px}
.glma-project-reference img[width="2234"]{width:2234px}
.glma-project-reference img[width="2278"]{width:2278px}
.glma-project-reference img[width="2294"]{width:2294px}
.glma-project-reference img[width="2522"]{width:2522px}
.glma-project-reference img[width="2560"]{width:2560px}