.our-work-v2{background:#000;overflow:hidden}
.our-work-v2-stage{position:relative;aspect-ratio:16/9;width:100%;background:radial-gradient(ellipse at 50% -8%,#5b230050 0%,#2b100020 45%,transparent 75%),#000}
.work-entry{position:absolute;left:10%;top:16%;width:36.8%;display:block;transform-origin:50% 60%;transition:transform .4s cubic-bezier(.2,.75,.2,1)}
.work-entry-reels{left:54%}
.work-entry-art{display:block;width:100%;height:auto;background:transparent;-webkit-mask-image:none;mask-image:none;clip-path:none;filter:none;box-shadow:none}
.work-entry-caption{position:relative;margin:1.5vw 0 0;text-align:center;color:#fff;font-family:"CoFo Sans Arabic",Arial,sans-serif;font-size:clamp(17px,1.706vw,33px);line-height:1.27;font-weight:300}
.work-entry-caption strong{display:block;font-weight:400}.work-entry-caption span{display:block}
.work-v2-divider{position:absolute;left:50%;top:29.5%;height:40%;width:1px;background:#ffffffa0;pointer-events:none}
.work-entry:focus-visible{outline:2px solid #fa6500;outline-offset:8px;border-radius:14px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.work-entry:hover{transform:translateY(-8px) scale(1.025)}}
@media(max-width:650px){.our-work-v2-stage{aspect-ratio:auto;padding:70px 6% 60px;background:radial-gradient(ellipse at 50% 0%,#5b230035,transparent 65%),#000}.work-entry{position:relative;width:100%;left:auto;top:auto;margin:0 auto 55px;max-width:500px}.work-entry:last-child{margin-bottom:0}.work-entry-art{width:100%;margin:0}.work-entry-caption{font-size:20px;line-height:1.45;margin:18px 0 0;padding:0 2%}.work-v2-divider{display:none}}
@media(prefers-reduced-motion:reduce){.work-entry{transition:none}.work-entry:hover{transform:none}}

@font-face{font-family:"Aref Ruqaa";src:url("assets/fonts/aref-ruqaa.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
.work-cue{position:absolute;left:-20%;top:8%;width:34%;z-index:2;pointer-events:none;color:#ff8a3d;transform:rotate(-8deg);transform-origin:50% 50%}
.work-cue-text{display:block;white-space:nowrap;text-align:center;font-family:"Aref Ruqaa","CoFo Sans Arabic",serif;font-weight:400;font-size:clamp(22px,1.85vw,35px);line-height:1.65;color:#fff2e6}
.work-cue-arrow{display:block;width:82%;height:auto;margin:0 0 0 8%}
.work-entry-reels .work-cue{left:auto;right:-20%;transform:rotate(8deg)}
.work-entry-reels .work-cue-arrow{transform:scaleX(-1);margin-left:12%}
@media(max-width:900px) and (min-width:651px){.work-cue{top:0%;width:40%;left:-22%}.work-entry-reels .work-cue{right:-22%}.work-cue-text{font-size:22px}.work-cue-arrow{width:68%}}
@media(max-width:650px){.our-work-v2-stage{padding-top:95px}.work-entry{margin-bottom:90px}.work-cue{left:-2%;top:-38px;width:145px;transform:rotate(-8deg)}.work-entry-reels .work-cue{right:-2%;left:auto;transform:rotate(8deg)}.work-cue-text{font-size:25px;line-height:1.5}.work-cue-arrow{width:88px;margin-left:35px}.work-entry-reels .work-cue-arrow{margin-left:22px}}

/* Keep the hand-drawn arrow tips clear of the folder silhouettes. */
.work-cue{color:#fff}
.work-cue-text{color:#fff}
.work-cue-arrow{overflow:visible}
@media(max-width:650px){.work-cue{top:-56px}.work-entry-reels .work-cue{top:-56px}.our-work-v2-stage{padding-top:115px}.work-entry{margin-bottom:105px}}

/* Static callouts are siblings of the moving folder link. */
@font-face{font-family:"Digi Maryam";src:url("assets/fonts/digi-maryam-regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
.work-cue-text{font-family:"Digi Maryam","Aref Ruqaa",serif}
.work-entry-shell{position:absolute;left:10%;top:16%;width:36.8%}
.work-entry-shell-reels{left:54%}
.work-entry-shell>.work-entry{position:relative;left:auto;top:auto;width:100%;margin:0;max-width:none}
.work-entry-shell-reels>.work-cue{left:auto;right:-20%;transform:rotate(8deg)}
.work-entry-shell-reels>.work-cue .work-cue-arrow{transform:scaleX(-1);margin-left:12%}
@media(max-width:900px) and (min-width:651px){.work-entry-shell-reels>.work-cue{right:-22%}}
@media(max-width:650px){.work-entry-shell{position:relative;left:auto;top:auto;width:100%;max-width:500px;margin:0 auto 105px}.work-entry-shell:last-child{margin-bottom:0}.work-entry-shell>.work-entry{margin:0}.work-entry-shell-reels>.work-cue{right:-2%;left:auto;top:-56px;transform:rotate(8deg)}.work-entry-shell-reels>.work-cue .work-cue-arrow{margin-left:22px}}
.work-cue-text{font-size:clamp(30px,2.65vw,48px);line-height:1.4}
@media(max-width:650px){.work-cue-text{font-size:34px;line-height:1.35}}