/* Motion layer for alawawda.com */
:root{color-scheme:dark}
html{scroll-behavior:smooth}
:focus-visible{outline:2px solid #D4AF6A;outline-offset:3px}
.progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:200;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#36C5D6,#D4AF6A);pointer-events:none}
.site-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:100;transition:background-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease}
.site-header.is-scrolled{background:rgba(7,13,26,.82)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.site-header.is-scrolled > div{padding-top:14px!important;padding-bottom:14px!important}
.site-header > div{transition:padding .35s ease}
.img-wrap{position:relative;overflow:hidden;display:block;isolation:isolate}
.img-wrap img{transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .6s ease;will-change:transform}
.img-wrap::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(212,175,106,0);transition:box-shadow .5s ease}
.zoomable{cursor:zoom-in}
a:hover .img-wrap img,.zoomable:hover img{transform:scale(1.06)!important}
a:hover .img-wrap::after,.zoomable:hover::after{box-shadow:inset 0 0 0 1px rgba(212,175,106,.75)}
.lift{transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease,border-color .45s ease}
.lift:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(0,0,0,.35),0 0 0 1px rgba(212,175,106,.45);border-color:rgba(212,175,106,.55)!important}
.card-light.lift:hover{box-shadow:0 22px 44px rgba(20,23,31,.12),0 0 0 1px rgba(212,175,106,.55)}
.btn-motion{transition:transform .3s ease,box-shadow .3s ease}
.btn-motion:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(212,175,106,.28)}
.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.w > span{display:inline-block;will-change:transform}
.spot{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0;transition:opacity .6s ease;background:radial-gradient(420px 420px at var(--mx,30%) var(--my,40%),rgba(54,197,214,.18),transparent 70%)}
#top:hover .spot{opacity:1}
.lb{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;background:rgba(5,10,20,.94);backdrop-filter:blur(6px)}
.lb.open{display:flex}
.lb figure{margin:0;max-width:min(1200px,92vw);display:flex;flex-direction:column;gap:14px;align-items:center}
.lb img{max-width:100%;max-height:78vh;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.lb figcaption{color:#A9B2C3;font:500 16px/1.5 'Source Sans 3',sans-serif;text-align:center;max-width:760px}
.lb button{position:absolute;background:rgba(12,22,40,.8);color:#D4AF6A;border:1px solid rgba(212,175,106,.4);width:52px;height:52px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .25s}
.lb button:hover{background:#D4AF6A;color:#070D1A}
.lb .lb-x{top:22px;right:22px}.lb .lb-p{left:22px;top:50%;transform:translateY(-50%)}.lb .lb-n{right:22px;top:50%;transform:translateY(-50%)}
.lb .lb-c{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);color:#8792A6;font:600 13px 'Source Sans 3',sans-serif;letter-spacing:.14em}
@media (max-width:760px){.lb .lb-p,.lb .lb-n{top:auto;bottom:16px;transform:none}.lb .lb-c{bottom:30px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media (max-width:760px){.site-header{position:relative}}