.waleed-puzzle-grid .waleed-video-preview{position:relative;overflow:hidden;isolation:isolate}
.waleed-video-preview>iframe.waleed-preview-frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:0;max-width:none;pointer-events:none;z-index:1;opacity:0;transition:filter .3s ease}
.waleed-video-preview>a{position:relative;display:block;z-index:2}
.waleed-video-preview>.wp-element-caption{z-index:3}
.waleed-video-preview.is-preview-loading>iframe.waleed-preview-frame,.waleed-video-preview.is-preview-playing>iframe.waleed-preview-frame{opacity:1}
.waleed-video-preview:not(.is-preview-playing)>a>img{opacity:1}
.waleed-video-preview.is-preview-playing>a>img{opacity:0}
.waleed-video-preview:hover>iframe.waleed-preview-frame,.waleed-video-preview:focus-within>iframe.waleed-preview-frame{filter:brightness(.68)}
.waleed-work-cta a.wp-element-button{background:#000!important;color:#fff!important;border:1px solid #000!important;border-radius:10px!important;text-decoration:none;transition:background-color .2s ease,color .2s ease}
.waleed-work-cta a.wp-element-button:hover,.waleed-work-cta a.wp-element-button:focus-visible{background:#fff!important;color:#000!important}
@media(hover:none) and (pointer:coarse){
 .waleed-video-preview>iframe.waleed-preview-frame{filter:brightness(.78)}
 @supports(animation-timeline:view()){
  .waleed-video-preview{view-timeline-name:--waleed-project;view-timeline-axis:block}
  .waleed-video-preview>iframe.waleed-preview-frame{animation:waleed-project-dim 1s linear both;animation-timeline:--waleed-project;animation-range:cover 0% cover 100%}
 }
}
/* Durable gallery layout, independent of homepage text edits. */
/* Continuous twelve-project masonry */
.waleed-puzzle-7{order:7}.waleed-puzzle-8{order:8}.waleed-puzzle-9{order:9}.waleed-puzzle-10{order:10}.waleed-puzzle-11{order:11}.waleed-puzzle-12{order:12}
@media(min-width:782px){
.waleed-puzzle-twelve{aspect-ratio:.56;grid-template-rows:repeat(28,minmax(0,1fr))}
.waleed-puzzle-twelve .waleed-puzzle-5{grid-column:2;grid-row:7/span 6}
.waleed-puzzle-twelve .waleed-puzzle-6{grid-column:3;grid-row:9/span 8}
.waleed-puzzle-twelve .waleed-puzzle-7{grid-column:1;grid-row:15/span 8}
.waleed-puzzle-twelve .waleed-puzzle-8{grid-column:2;grid-row:13/span 8}
.waleed-puzzle-twelve .waleed-puzzle-9{grid-column:3;grid-row:17/span 6}
.waleed-puzzle-twelve .waleed-puzzle-10{grid-column:1;grid-row:23/span 6}
.waleed-puzzle-twelve .waleed-puzzle-11{grid-column:2;grid-row:21/span 8}
.waleed-puzzle-twelve .waleed-puzzle-12{grid-column:3;grid-row:23/span 6}
}
@media(max-width:781px){
.waleed-puzzle-twelve .waleed-puzzle-5,.waleed-puzzle-twelve .waleed-puzzle-6{aspect-ratio:5/6}
.waleed-puzzle-twelve .waleed-puzzle-8,.waleed-puzzle-twelve .waleed-puzzle-12{aspect-ratio:1}
.waleed-puzzle-twelve .waleed-puzzle-9{aspect-ratio:5/4}
.waleed-puzzle-twelve .waleed-puzzle-10{aspect-ratio:5/8}
.waleed-puzzle-twelve .waleed-puzzle-7{aspect-ratio:5/9}
.waleed-puzzle-twelve .waleed-puzzle-11{aspect-ratio:5/7}
}
.waleed-gallery-part{max-width:none!important;width:100%}
@media(min-width:782px){
 .waleed-gallery-part .waleed-puzzle-grid{max-width:1400px!important;width:100%}
}
/* Mobile gallery: centered viewport width with equal 16px side gutters. */
@media(max-width:781px){
 .waleed-gallery-part{
  position:relative;left:50%;transform:translateX(-50%);
  width:calc(100vw - 32px)!important;max-width:none!important;
  margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box;
 }
 .waleed-gallery-part>.wp-block-group.alignfull{
  width:100%!important;max-width:none!important;
  margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box;
 }
 .waleed-gallery-part .waleed-puzzle-grid{
  width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;
 }
}
/* Desktop: four columns, three staggered project bands. */
@media(min-width:782px){
.waleed-gallery-part .waleed-puzzle-twelve{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(21,minmax(0,1fr));aspect-ratio:4/3}
.waleed-gallery-part .waleed-puzzle-twelve .waleed-puzzle-1{grid-column:1;grid-row:1/span 8}
.waleed-gallery-part .waleed-puzzle-twelve .waleed-puzzle-2{grid-column:2;grid-row:1/span 6}
.waleed-gallery-part .waleed-puzzle-twelve .waleed-puzzle-3{grid-column:3;grid-row:1/span 7}
.waleed-gallery-part .waleed-puzzle-twelve .waleed-puzzle-4{grid-column:4;grid-row:1/span 8}
.waleed-gallery-part .waleed-puzzle-twelve .waleed-puzzle-5{grid-column:1;grid-row:9/span 6}
.waleed-gallery-part .waleed-puzzle-twelve .waleed-puzzle-6{grid-column:2;grid-row:7/span 7}
.waleed-gallery-part .waleed-puzzle-twelve .waleed-puzzle-7{grid-column:3;grid-row:8/span 8}
.waleed-gallery-part .waleed-puzzle-twelve .waleed-puzzle-8{grid-column:4;grid-row:9/span 6}
.waleed-gallery-part .waleed-puzzle-twelve .waleed-puzzle-9{grid-column:1;grid-row:15/span 7}
.waleed-gallery-part .waleed-puzzle-twelve .waleed-puzzle-10{grid-column:2;grid-row:14/span 8}
.waleed-gallery-part .waleed-puzzle-twelve .waleed-puzzle-11{grid-column:3;grid-row:16/span 6}
.waleed-gallery-part .waleed-puzzle-twelve .waleed-puzzle-12{grid-column:4;grid-row:15/span 7}
}
/* Local gallery fade: bottom four desktop cards / bottom two mobile cards. */
.waleed-gallery-part .waleed-puzzle-twelve{position:relative;isolation:isolate}
.waleed-gallery-part .waleed-puzzle-twelve::after{
 content:"";position:absolute;left:0;right:0;bottom:0;
 height:clamp(130px,19.5vw,273px)!important;
 background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.65) 50%,#fff 100%);
 pointer-events:none;z-index:5;
}
@media(max-width:781px){
 .waleed-gallery-part .waleed-puzzle-twelve::after{height:clamp(140px,48vw,260px)!important}
}
.waleed-video-preview>.waleed-client-label{position:absolute;top:12px;right:12px;z-index:4;display:block;width:var(--waleed-label-width,105.6px);height:27.2px;opacity:0;pointer-events:none;transition:opacity .3s ease}
.waleed-video-preview:hover>.waleed-client-label,.waleed-video-preview:focus-within>.waleed-client-label{opacity:1}
@media(max-width:781px){.waleed-video-preview>.waleed-client-label{top:8px;right:8px;width:var(--waleed-label-width-mobile,89.6px);height:auto}}
@media(hover:none) and (pointer:coarse){
 .waleed-video-preview>.waleed-client-label{opacity:1}
 @supports(animation-timeline:view()){
  .waleed-video-preview>.waleed-client-label{animation:waleed-project-title 1s linear both;animation-timeline:--waleed-project;animation-range:cover 0% cover 100%}
 }
}
@media(prefers-reduced-motion:reduce){.waleed-video-preview>.waleed-client-label{transition:none}}

@media(max-width:781px){.waleed-work-cta a.wp-element-button{border-radius:10px!important}}

.waleed-work-cta a.wp-element-button{font-size:1.3rem!important;line-height:1.2!important;padding:12px 22px!important}
/* Centered desktop portfolio scaled to 80% of the earlier full gallery. */
@media(min-width:782px){
 :root{--waleed-desktop-gallery-width:min(1008px,72vw)}
 .waleed-gallery-part>.wp-block-group{display:block;width:100%;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
 .waleed-gallery-part .waleed-puzzle-grid,
 .wp-site-blocks .waleed-home-intro{width:var(--waleed-desktop-gallery-width)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
 .waleed-gallery-part .waleed-puzzle-twelve{gap:calc(var(--wp--preset--spacing--30) * .72)}
 .waleed-home-intro>.wp-block-heading{font-size:clamp(1.0404rem,1.4688vw,1.3464rem);line-height:1.25}
 .waleed-gallery-part .waleed-puzzle-grid .wp-element-caption{font-size:clamp(.8rem,1.6vw,1.12rem);padding:1rem}
 .waleed-gallery-part .waleed-client-label{transform:scale(.72);transform-origin:top right;top:8.64px;right:8.64px}
 .waleed-gallery-part .waleed-puzzle-twelve::after{height:clamp(93.6px,14.04vw,196.56px)!important}
}
/* Editable client-logo cards below the portfolio CTA. */
.waleed-collaborators-part{position:relative;left:50%;transform:translateX(-50%);width:min(1008px,72vw)!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
.waleed-collaborators-section>.wp-block-heading{text-align:center;font-family:var(--wp--preset--font-family--norm);font-size:clamp(1.4rem,2.4vw,1.9rem);margin:0 0 28px}
.waleed-collaborators-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;width:75%!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
.waleed-collaborators-grid .waleed-collaborator-card{position:relative;isolation:isolate;aspect-ratio:1/1;width:100%;min-width:0;overflow:hidden;border-radius:10px;margin:0!important;background:#f3f3f3}
.waleed-collaborator-card>img{display:block;width:100%;height:100%;object-fit:contain;box-sizing:border-box}
.waleed-collaborator-card::before{content:"";position:absolute;inset:0;background:#000;opacity:0;z-index:1;pointer-events:none;transition:opacity .3s ease}
.waleed-collaborator-card>.wp-element-caption{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:10px;margin:0;color:#fff;text-align:center;font-family:var(--wp--preset--font-family--norm);font-size:clamp(.8rem,1.2vw,1.05rem);line-height:1.25;opacity:0;z-index:2;pointer-events:none;transition:opacity .3s ease}
.waleed-collaborator-card:hover::before,.waleed-collaborator-card:focus-within::before{opacity:.38}
.waleed-collaborator-card:hover>.wp-element-caption,.waleed-collaborator-card:focus-within>.wp-element-caption{opacity:1}
@media(max-width:781px){
 .waleed-collaborators-part{width:calc(100vw - 32px)!important}
 .waleed-collaborators-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7.5px}
 .waleed-collaborators-section>.wp-block-heading{font-size:1.3rem}
 .waleed-collaborator-card>.wp-element-caption{font-size:.95rem}
}
@media(hover:none) and (pointer:coarse){
 .waleed-collaborator-card{view-timeline-name:--waleed-logo;view-timeline-axis:block}
 .waleed-collaborator-card::before{opacity:.38}
 .waleed-collaborator-card>.wp-element-caption{opacity:1}
 @supports(animation-timeline:view()){
  .waleed-collaborator-card::before{animation:waleed-logo-shade 1s linear both;animation-timeline:--waleed-logo;animation-range:cover 0% cover 100%}
  .waleed-collaborator-card>.wp-element-caption{animation:waleed-project-title 1s linear both;animation-timeline:--waleed-logo;animation-range:cover 0% cover 100%}
 }
}
@keyframes waleed-logo-shade{0%,30%,70%,100%{opacity:0}45%,55%{opacity:.38}}
@media(prefers-reduced-motion:reduce){.waleed-collaborator-card::before,.waleed-collaborator-card>.wp-element-caption{transition:none}}
/* Neutralize full-width block offsets so the gallery and CTA share the viewport center. */
@media(min-width:782px){
 .waleed-gallery-part{position:relative;left:50%;transform:translateX(-50%);width:var(--waleed-desktop-gallery-width,min(1008px,72vw))!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box}
 .waleed-gallery-part>.wp-block-group.alignfull{width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box}
 .waleed-gallery-part .waleed-puzzle-grid{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
}
.waleed-gallery-part .waleed-work-cta{display:flex;justify-content:center!important;width:100%;max-width:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}

/* Work: independent, editable uniform project grid. */
.waleed-work-gallery{position:relative;left:50%;transform:translateX(-50%);width:min(1008px,72vw)!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding:0!important;box-sizing:border-box}
.waleed-work-gallery .waleed-work-uniform{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto;aspect-ratio:auto;gap:12px;width:100%;max-width:none!important;margin:0!important;align-items:stretch}
.waleed-work-gallery .waleed-work-uniform>.waleed-work-card{position:relative;isolation:isolate;overflow:hidden;margin:0!important;width:100%;min-width:0;aspect-ratio:3/4;align-self:stretch}
.waleed-work-uniform>.waleed-work-card>a{height:100%;display:block}
.waleed-work-uniform>.waleed-work-card>a>img{width:100%;height:100%;aspect-ratio:auto!important;object-fit:cover}
.waleed-work-uniform .wp-element-caption{font-size:clamp(.8rem,1.6vw,1.12rem);padding:1rem}
.waleed-work-uniform .waleed-client-label{transform:scale(.72);transform-origin:top right;top:8.64px;right:8.64px}
@media(max-width:781px){
 .waleed-work-gallery{width:calc(100vw - 32px)!important}
 .waleed-work-gallery .waleed-work-uniform{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .waleed-work-uniform .wp-element-caption{padding:10px;font-size:clamp(.75rem,3.1vw,1rem)}
 .waleed-work-uniform .waleed-client-label{transform:scale(.72);transform-origin:top right;top:6px;right:6px}
}

/* Mobile brand strip: two whole logos with half a logo at each edge. */
@media(max-width:781px){
 .waleed-collaborators-grid{display:flex!important;gap:10px!important;width:100%!important;overflow-x:auto;overflow-y:hidden;direction:ltr;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent)}
 .waleed-collaborators-grid::-webkit-scrollbar{display:none}
 .waleed-collaborators-grid .waleed-collaborator-card{flex:0 0 calc((100% - 30px)/3);width:calc((100% - 30px)/3);aspect-ratio:1/1}
 .waleed-collaborator-card>.wp-element-caption{font-size:clamp(.65rem,2.6vw,.9rem);padding:6px}
}

/* Only the logo nearest the horizontal viewport center reveals its caption. */
@media(max-width:781px){
 .waleed-collaborators-grid .waleed-collaborator-card::before,
 .waleed-collaborators-grid .waleed-collaborator-card>.wp-element-caption{animation:none!important;opacity:0!important}
 .waleed-collaborators-grid .waleed-collaborator-card.is-logo-centered::before{opacity:.38!important}
 .waleed-collaborators-grid .waleed-collaborator-card.is-logo-centered>.wp-element-caption{opacity:1!important}
}

.waleed-collaborators-grid .waleed-logo-clone{display:none}
@media(max-width:781px){
 .waleed-collaborators-grid{overflow-anchor:none;scroll-behavior:auto}
 .waleed-collaborators-grid .waleed-logo-clone{display:block}
}

/* Keep Safari on a composited track instead of resetting native scroll momentum. */
.waleed-logo-track{display:contents}
@media(max-width:781px){
 .waleed-collaborators-grid{display:block!important;overflow:hidden!important;touch-action:pan-y;-webkit-overflow-scrolling:auto}
 .waleed-logo-track{display:flex;gap:10px;width:100%;will-change:transform;backface-visibility:hidden}
 .waleed-logo-track .waleed-collaborator-card{view-timeline-name:none}
}

/* Mobile brand names sit below their square logos. */
@media(max-width:781px){
 .waleed-collaborators-grid .waleed-collaborator-card{aspect-ratio:auto;overflow:visible;background:transparent;border-radius:0;align-self:flex-start}
 .waleed-collaborators-grid .waleed-collaborator-card>img,
 .waleed-collaborators-grid .waleed-collaborator-card>a{display:block;width:100%;height:auto;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#f3f3f3}
 .waleed-collaborators-grid .waleed-collaborator-card>a>img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:contain}
 .waleed-collaborators-grid .waleed-collaborator-card::before{display:none!important}
 .waleed-collaborators-grid .waleed-collaborator-card>.wp-element-caption{position:static;inset:auto;display:block;width:100%;margin:8px 0 0;padding:0 2px;color:#000;background:transparent;opacity:1!important;animation:none!important;font-family:var(--wp--preset--font-family--norm);font-size:clamp(.65rem,2.6vw,.9rem);line-height:1.3;overflow-wrap:anywhere}
}

/* Shared 10px corners for project posters and their video overlays. */
.waleed-gallery-part .waleed-puzzle-grid .wp-block-image,
.waleed-work-gallery .waleed-work-uniform .wp-block-image{border-radius:10px;overflow:hidden;isolation:isolate}

/* Three-column mobile puzzle for Home only. */
@media(max-width:781px){
 .waleed-gallery-part .waleed-puzzle-twelve{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(28,minmax(0,1fr));grid-auto-rows:auto;aspect-ratio:3/5;gap:8px;align-items:stretch}
 .waleed-gallery-part .waleed-puzzle-twelve>.waleed-puzzle-column{display:contents}
 .waleed-gallery-part .waleed-puzzle-twelve .waleed-puzzle-item{height:100%;min-height:0;aspect-ratio:auto;align-self:stretch}
 .waleed-gallery-part .waleed-puzzle-twelve .wp-element-caption{font-size:clamp(.6rem,2.45vw,.8rem);line-height:1.2;padding:6px}
 .waleed-gallery-part .waleed-puzzle-twelve .waleed-client-label{transform:scale(.68);transform-origin:top right;top:5px;right:5px}
 .waleed-gallery-part .waleed-puzzle-twelve .waleed-puzzle-1{grid-column:1;grid-row:1/span 8}
 .waleed-gallery-part .waleed-puzzle-twelve .waleed-puzzle-2{grid-column:2;grid-row:1/span 6}
 .waleed-gallery-part .waleed-puzzle-twelve .waleed-puzzle-3{grid-column:3;grid-row:1/span 8}
 .waleed-gallery-part .waleed-puzzle-twelve .waleed-puzzle-4{grid-column:1;grid-row:9/span 6}
 .waleed-gallery-part .waleed-puzzle-twelve .waleed-puzzle-5{grid-column:2;grid-row:7/span 6}
 .waleed-gallery-part .waleed-puzzle-twelve .waleed-puzzle-6{grid-column:3;grid-row:9/span 8}
 .waleed-gallery-part .waleed-puzzle-twelve .waleed-puzzle-7{grid-column:1;grid-row:15/span 8}
 .waleed-gallery-part .waleed-puzzle-twelve .waleed-puzzle-8{grid-column:2;grid-row:13/span 8}
 .waleed-gallery-part .waleed-puzzle-twelve .waleed-puzzle-9{grid-column:3;grid-row:17/span 6}
 .waleed-gallery-part .waleed-puzzle-twelve .waleed-puzzle-10{grid-column:1;grid-row:23/span 6}
 .waleed-gallery-part .waleed-puzzle-twelve .waleed-puzzle-11{grid-column:2;grid-row:21/span 8}
 .waleed-gallery-part .waleed-puzzle-twelve .waleed-puzzle-12{grid-column:3;grid-row:23/span 6}
}

/* Home mobile projects reveal only after a deliberate tap. */
@media(max-width:781px) and (hover:none) and (pointer:coarse){
 .waleed-gallery-part .waleed-puzzle-grid .wp-block-image img,
 .waleed-gallery-part .waleed-puzzle-grid .wp-block-image>iframe.waleed-preview-frame{animation:none!important;filter:none!important}
 .waleed-gallery-part .waleed-puzzle-grid .wp-block-image .wp-element-caption,
 .waleed-gallery-part .waleed-puzzle-grid .wp-block-image>.waleed-client-label{animation:none!important;opacity:0!important}
 .waleed-gallery-part .waleed-puzzle-grid .wp-block-image.is-touch-active img,
 .waleed-gallery-part .waleed-puzzle-grid .wp-block-image.is-touch-active>iframe.waleed-preview-frame{filter:brightness(.68)!important}
 .waleed-gallery-part .waleed-puzzle-grid .wp-block-image.is-touch-active .wp-element-caption,
 .waleed-gallery-part .waleed-puzzle-grid .wp-block-image.is-touch-active>.waleed-client-label{opacity:1!important}
}

/* Smaller mobile introduction, retaining the theme's responsive size curve. */
@media(max-width:781px){
 .waleed-home-intro>.wp-block-heading{font-size:calc(var(--wp--preset--font-size--large) * .65025);line-height:1.25}
}

/* Still posters with finger-following overlays on touch devices, on both pages. */
@media(hover:none) and (pointer:coarse){
 :is(.waleed-gallery-part,.waleed-work-gallery) .waleed-puzzle-grid .wp-block-image img{animation:none!important;filter:none!important}
 :is(.waleed-gallery-part,.waleed-work-gallery) .waleed-puzzle-grid .wp-block-image .wp-element-caption,
 :is(.waleed-gallery-part,.waleed-work-gallery) .waleed-puzzle-grid .wp-block-image>.waleed-client-label{animation:none!important;opacity:0!important}
 :is(.waleed-gallery-part,.waleed-work-gallery) .waleed-puzzle-grid .wp-block-image.is-touch-active img{filter:brightness(.68)!important}
 :is(.waleed-gallery-part,.waleed-work-gallery) .waleed-puzzle-grid .wp-block-image.is-touch-active .wp-element-caption,
 :is(.waleed-gallery-part,.waleed-work-gallery) .waleed-puzzle-grid .wp-block-image.is-touch-active>.waleed-client-label{opacity:1!important}
 :is(.waleed-gallery-part,.waleed-work-gallery) .waleed-puzzle-grid .wp-block-image>iframe.waleed-preview-frame{display:none!important}
 :is(.waleed-gallery-part,.waleed-work-gallery) .waleed-puzzle-grid .wp-block-image>a>img{opacity:1!important}
}

/* Center the Home introduction on desktop and mobile. */
.waleed-home-intro>.wp-block-heading{text-align:center}

/* Brand carousel controls sit above the fading edges. */
.waleed-logo-slider{position:relative;width:75%;margin-left:auto!important;margin-right:auto!important}
.waleed-logo-slider>.waleed-collaborators-grid{width:100%!important}
.waleed-logo-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:6px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:#000;cursor:pointer}
.waleed-logo-arrow.is-previous{left:3px}.waleed-logo-arrow.is-next{right:3px}
.waleed-logo-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.waleed-logo-arrow:focus-visible{outline:2px solid #000;outline-offset:2px}
@media(min-width:782px){
 .waleed-logo-slider .waleed-collaborators-grid{display:block!important;overflow:hidden!important;direction:ltr;mask-image:linear-gradient(to right,transparent,#000 20%,#000 80%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 20%,#000 80%,transparent)}
 .waleed-logo-slider .waleed-logo-track{display:flex;gap:10px;width:100%;will-change:transform;backface-visibility:hidden}
 .waleed-logo-slider .waleed-collaborators-grid .waleed-collaborator-card{display:block;flex:0 0 calc((100% - 40px)/5);width:calc((100% - 40px)/5);aspect-ratio:1/1}
}
@media(max-width:781px){.waleed-logo-slider{width:100%}.waleed-logo-arrow{display:none}}

/* Six visible desktop logos: four central, plus one fading at each edge. */
@media(min-width:782px){
 .waleed-logo-slider{width:calc(90% + 2px)}
 .waleed-logo-slider .waleed-collaborators-grid{mask-image:linear-gradient(to right,transparent,#000 16.6667%,#000 83.3333%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 16.6667%,#000 83.3333%,transparent)}
 .waleed-logo-slider .waleed-collaborators-grid .waleed-collaborator-card{flex-basis:calc((100% - 50px)/6);width:calc((100% - 50px)/6)}
}

/* Wider desktop edge fades and high-contrast navigation arrows. */
@media(min-width:782px){
 .waleed-logo-slider .waleed-collaborators-grid{mask-image:linear-gradient(to right,transparent,#000 21.6667%,#000 78.3333%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 21.6667%,#000 78.3333%,transparent)}
 .waleed-logo-arrow{background:#000;color:#fff;border:2px solid #fff;box-sizing:border-box}
}

@media(min-width:782px){
 .waleed-logo-arrow{transition:background-color .2s ease,color .2s ease,border-color .2s ease}
 .waleed-logo-arrow:hover,.waleed-logo-arrow:focus-visible{background:#fff;color:#000;border-color:#000}
}

/* Desktop brand captions remain visible below the logo, without hover effects. */
@media(min-width:782px){
 .waleed-logo-slider .waleed-collaborators-grid .waleed-collaborator-card{aspect-ratio:auto;overflow:visible;background:transparent;border-radius:0;align-self:flex-start}
 .waleed-logo-slider .waleed-collaborator-card>img,
 .waleed-logo-slider .waleed-collaborator-card>a{display:block;width:100%;height:auto;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#f3f3f3}
 .waleed-logo-slider .waleed-collaborator-card>a>img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:contain}
 .waleed-logo-slider .waleed-collaborator-card::before{display:none!important}
 .waleed-logo-slider .waleed-collaborator-card>.wp-element-caption{position:static;inset:auto;display:block;width:100%;margin:8px 0 0;padding:0 2px;color:#000;background:transparent;opacity:1!important;animation:none!important;font-family:var(--wp--preset--font-family--norm);font-size:clamp(.7rem,1vw,.9rem);line-height:1.3;overflow-wrap:anywhere}
 .waleed-logo-slider{container-type:inline-size}
 .waleed-logo-arrow{top:calc((100cqw - 50px)/12)}
}

/* Editable service offerings, following the client carousel. */
.waleed-services-part{position:relative;left:50%;transform:translateX(-50%);width:min(1008px,72vw)!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
.waleed-services-section>.wp-block-heading{text-align:center;font-family:var(--wp--preset--font-family--norm);font-size:clamp(1.4rem,2.4vw,1.9rem);margin:0 0 32px}
.waleed-services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 40px}
.waleed-services-grid>.waleed-service-item{margin:0!important;min-width:0}
.waleed-service-item>.wp-block-heading{font-family:var(--wp--preset--font-family--norm);font-size:1.1rem;font-weight:400;line-height:1.3;letter-spacing:0;text-transform:none;margin:0 0 10px}
.waleed-service-item>p{font-family:var(--wp--preset--font-family--norm);font-size:.9rem;line-height:1.55;margin:0;color:#555}
@media(max-width:781px){
 .waleed-services-part{width:calc(100vw - 32px)!important}
 .waleed-services-section>.wp-block-heading{font-size:1.3rem;margin-bottom:28px}
 .waleed-services-grid{grid-template-columns:minmax(0,1fr);gap:26px}
 .waleed-service-item>.wp-block-heading{font-size:1.05rem}
}

/* Small editable software icons below Services. */
.waleed-software-part{position:relative;left:50%;transform:translateX(-50%);width:min(1008px,72vw)!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
.waleed-software-section>.wp-block-heading{text-align:center;font-family:var(--wp--preset--font-family--norm);font-size:clamp(1.4rem,2.4vw,1.9rem);margin:0 0 28px}
.waleed-software-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;width:100%;max-width:472px;margin-left:auto!important;margin-right:auto!important}
.waleed-software-grid>.waleed-software-icon{margin:0!important;min-width:0;aspect-ratio:1/1;border-radius:10px;overflow:hidden}
.waleed-software-icon>img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:781px){
 .waleed-software-part{width:calc(100vw - 32px)!important}
 .waleed-software-section>.wp-block-heading{font-size:1.3rem}
 .waleed-software-grid{max-width:360px;gap:14px}
}

/* Compact row of seven editable software icons with names underneath. */
.waleed-software-section .waleed-software-grid{grid-template-columns:repeat(7,minmax(0,1fr));width:100%;max-width:258px;gap:8px;align-items:start}
.waleed-software-section .waleed-software-grid>.waleed-software-icon{aspect-ratio:auto;overflow:visible;border-radius:0}
.waleed-software-section .waleed-software-icon>img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;border-radius:5px}
.waleed-software-section .waleed-software-icon>.wp-element-caption{position:static;margin:6px 0 0;padding:0;text-align:center;font-family:var(--wp--preset--font-family--norm);font-size:.6rem;line-height:1.3;color:#000;overflow-wrap:anywhere}
@media(max-width:781px){
 .waleed-software-section .waleed-software-grid{max-width:230px;gap:7px}
 .waleed-software-section .waleed-software-icon>.wp-element-caption{font-size:.55rem}
}

/* Larger software icons; captions wrap only between complete words. */
.waleed-software-section .waleed-software-grid{max-width:468px}
.waleed-software-section .waleed-software-icon>.wp-element-caption{overflow-wrap:normal;word-break:normal;hyphens:none;white-space:normal}
@media(max-width:781px){
 .waleed-software-section .waleed-software-grid{max-width:418px;grid-template-columns:repeat(7,minmax(0,1fr))}
}

@media(max-width:781px){
 .waleed-software-section .waleed-software-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 7px}
 .waleed-software-section .waleed-software-grid>.waleed-software-icon{flex:0 0 54px;width:54px}
}

.waleed-software-section .waleed-software-icon>.wp-element-caption{font-family:var(--wp--preset--font-family--norm);font-weight:400;-webkit-text-stroke:.2px currentColor}

/* Temporarily hidden; all editable software content is retained. */
.waleed-software-part{display:none!important}

html{scroll-behavior:smooth}
#services{scroll-margin-top:24px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Give mobile menu links a clear visual separation. */
@media(max-width:781px){
 header .wp-block-navigation .wp-block-navigation__container{gap:18px!important}
}

/* Let the glass CTA overlap the final project images. */
.waleed-gallery-part .waleed-work-cta{position:relative;z-index:6;margin-top:calc(-1 * clamp(110px,14vw,170px))!important;padding-top:0!important;padding-bottom:40px!important;pointer-events:none}
.waleed-gallery-part .waleed-work-cta .wp-block-button{pointer-events:auto}
@media(max-width:781px){
 .waleed-gallery-part .waleed-work-cta{margin-top:calc(-1 * clamp(125px,36vw,180px))!important;padding-bottom:40px!important}
}

/* Original solid CTA appearance, retaining its current bottom overlap. */
.waleed-gallery-part .waleed-work-cta{margin-top:-34px!important;padding-bottom:40px!important}
.waleed-work-cta a.wp-element-button{background:#000!important;color:#fff!important;border:1px solid #000!important;border-radius:10px!important;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;transition:background-color .2s ease,color .2s ease}
.waleed-work-cta a.wp-element-button:hover,
.waleed-work-cta a.wp-element-button:focus-visible,
.waleed-work-cta a.wp-element-button:active{background:#fff!important;color:#000!important}

/* Preserve the same font shape while emphasizing the current navigation page. */
header .wp-block-navigation a.wp-block-navigation-item__content[aria-current="page"]{font-weight:400!important;-webkit-text-stroke:.45px currentColor}

/* Mobile brands: two central logos and a full fading logo at each side. */
@media(max-width:781px){
 .waleed-logo-slider .waleed-collaborators-grid .waleed-collaborator-card{flex-basis:calc((100% - 30px)/4);width:calc((100% - 30px)/4)}
 .waleed-logo-slider .waleed-collaborators-grid{mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.25) 10%,rgba(0,0,0,.7) 23%,#000 32.5%,#000 67.5%,rgba(0,0,0,.7) 77%,rgba(0,0,0,.25) 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.25) 10%,rgba(0,0,0,.7) 23%,#000 32.5%,#000 67.5%,rgba(0,0,0,.7) 77%,rgba(0,0,0,.25) 90%,transparent 100%)}
}

/* Mobile arrow controls respond to the finger passing over them. */
@media(max-width:781px){
 .waleed-logo-slider{container-type:inline-size}
 .waleed-logo-slider .waleed-logo-arrow{display:flex;top:calc((100cqw - 30px)/8);background:#000;color:#fff;border:2px solid #fff;box-sizing:border-box;touch-action:pan-y;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
 .waleed-logo-slider .waleed-logo-arrow.is-touch-hover,
 .waleed-logo-slider .waleed-logo-arrow:active,
 .waleed-logo-slider .waleed-logo-arrow:focus-visible{background:#fff;color:#000;border-color:#000}
}

/* A full-width dark footer marks the end of every page. */
.waleed-dark-footer{position:relative;left:50%;transform:translateX(-50%);width:100vw!important;max-width:none!important;margin-left:0!important;margin-right:0!important;background:#000!important;color:#fff!important;box-sizing:border-box}
.waleed-dark-footer .wp-block-social-links .wp-social-link{color:#fff!important}

/* Reuse the header menu above Instagram in the dark footer. */
.waleed-dark-footer .waleed-footer-navigation{color:#fff;justify-content:center}
.waleed-dark-footer .waleed-footer-navigation .wp-block-navigation__container{justify-content:center;gap:18px!important}
.waleed-dark-footer .waleed-footer-navigation a{color:#fff!important}
.waleed-dark-footer .waleed-footer-navigation a[aria-current="page"]{font-weight:400!important;-webkit-text-stroke:.45px currentColor}

/* Media-library-managed site background. */
body.waleed-has-site-background{position:relative;isolation:isolate;background-color:transparent!important}
body.waleed-has-site-background::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:#f4a38f var(--waleed-site-background) center center/cover no-repeat}
.waleed-has-site-background .wp-site-blocks{background:transparent!important}
.waleed-has-site-background .waleed-gallery-part .waleed-puzzle-twelve::after{display:none}
.waleed-has-site-background .waleed-gallery-part .waleed-puzzle-twelve{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - clamp(93.6px,14.04vw,196.56px)),transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - clamp(93.6px,14.04vw,196.56px)),transparent 100%)}
@media(max-width:781px){.waleed-has-site-background .waleed-gallery-part .waleed-puzzle-twelve{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - clamp(140px,48vw,260px)),transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - clamp(140px,48vw,260px)),transparent 100%)}}


/* Match the header logo corners to the project images. */
header .wp-block-site-logo img{border-radius:10px}

/* Continue the selected site background through the area below the footer. */
html:has(body.waleed-has-site-background){background-color:transparent!important;background-image:var(--waleed-site-background);background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}
body.waleed-has-site-background{background:transparent!important}
body.waleed-has-site-background .wp-site-blocks{background:transparent!important}


/* Keep background texture at viewport scale instead of enlarging to page height. */
@media(hover:none) and (pointer:coarse){
 html:has(body.waleed-has-site-background){background-image:none!important;background-color:transparent!important}
 body.waleed-has-site-background::before{inset:0 0 auto;height:100lvh;background-size:cover;background-position:center center}
}

/* Extended mobile texture retains its proportions and scale on any page length. */
@media(hover:none) and (pointer:coarse){
 html:has(body.waleed-has-site-background){background-image:var(--waleed-site-background)!important;background-size:100% auto;background-position:center top;background-repeat:repeat-y;background-attachment:scroll}
 body.waleed-has-site-background::before{content:none!important;display:none!important}
}

/* Shared post template: title above wide, centered project content. */
.waleed-project-layout{position:relative;left:50%;transform:translateX(-50%);width:min(1200px,90vw)!important;max-width:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
.waleed-project-layout>.waleed-project-title{text-align:center;font-family:var(--wp--preset--font-family--norm);font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:400;line-height:1.25;margin:0 0 var(--wp--preset--spacing--60)}
.waleed-project-layout>.waleed-project-content{width:100%;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
.waleed-project-content>.alignwide,.waleed-project-content>.alignfull{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
.waleed-project-content .wp-block-embed{width:100%;margin-left:auto;margin-right:auto}
.waleed-project-content iframe{max-width:100%}
@media(max-width:781px){.waleed-project-layout{width:calc(100vw - 32px)!important}}

/* Compact desktop project videos, shared by current and future posts. */
@media(min-width:782px){
 .waleed-project-layout .waleed-project-content .wp-block-embed.is-type-video,
 .waleed-project-layout .waleed-project-content .wp-block-video{width:25%!important;max-width:25%!important;margin-left:auto!important;margin-right:auto!important}
 .waleed-project-layout .waleed-project-content .wp-block-video video{display:block;width:100%;height:auto}
}

/* Editable case-study blocks, initially used for Telda 4th Birthday. */
.waleed-case-study{width:100%}
.waleed-case-intro{text-align:center;margin-bottom:var(--wp--preset--spacing--60)}
.waleed-case-intro>p{font-size:1rem;line-height:1.5;max-width:680px;margin:0 auto 24px}
.waleed-case-meta{display:flex;flex-wrap:wrap;gap:20px 48px;justify-content:center}
.waleed-case-meta>p{font-size:.8rem;line-height:1.6;margin:0!important}
.waleed-case-section{margin-top:var(--wp--preset--spacing--70)!important;margin-bottom:var(--wp--preset--spacing--70)!important}
.waleed-case-section>.wp-block-heading{text-align:center;font-family:var(--wp--preset--font-family--norm);font-size:1.25rem;font-weight:400;letter-spacing:0;text-transform:none;margin:0 0 24px}
.waleed-case-section>p{max-width:720px;margin:0 auto 24px;font-size:.95rem;line-height:1.6}
.waleed-case-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.waleed-case-pair>.wp-block-image{margin:0!important;min-width:0}
.waleed-case-image>img{display:block;width:100%;height:auto;border-radius:10px}
.waleed-case-image>.wp-element-caption{text-align:center;font-family:var(--wp--preset--font-family--norm);font-size:.75rem;margin-top:10px}
.waleed-case-copy{text-align:center}
.waleed-case-study>.wp-block-buttons{margin:var(--wp--preset--spacing--60) 0}
@media(max-width:781px){.waleed-case-pair{grid-template-columns:minmax(0,1fr);gap:24px}.waleed-case-meta{gap:16px 24px}}

/* Four smaller selected frames; the process-image pair is unchanged. */
.waleed-case-pair.waleed-case-frames{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(max-width:781px){.waleed-case-pair.waleed-case-frames{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}}

/* Native editable images become a portrait comparison only on the frontend. */
.waleed-image-compare{width:min(360px,100%);margin:0 auto!important}
.waleed-image-compare>.wp-block-image{margin:0!important}
.waleed-image-compare>.wp-block-image img{display:block;width:100%;height:auto;border-radius:10px}
.waleed-image-compare.is-comparison-ready{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:10px;isolation:isolate;background:#eee;--waleed-compare-position:50%}
.waleed-image-compare.is-comparison-ready>.wp-block-image{position:absolute;inset:0;width:100%;height:100%;max-width:none!important}
.waleed-image-compare.is-comparison-ready>.wp-block-image img{display:block;width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;border-radius:0;user-select:none;-webkit-user-drag:none}
.waleed-image-compare.is-comparison-ready>.waleed-compare-after{z-index:1;clip-path:inset(0 calc(100% - var(--waleed-compare-position)) 0 0)}
.waleed-image-compare.is-comparison-ready figcaption{display:none}
.waleed-compare-divider{position:absolute;z-index:3;top:0;bottom:0;left:var(--waleed-compare-position);width:2px;transform:translateX(-50%);background:#fff;box-shadow:0 0 3px #0008;pointer-events:none}
.waleed-compare-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#000b;color:#fff;border:2px solid #fff;border-radius:50%;font:22px/1 sans-serif;white-space:pre}
.waleed-compare-label{position:absolute;top:12px;z-index:2;padding:5px 8px;border-radius:5px;background:#0009;color:#fff;font-family:var(--wp--preset--font-family--norm);font-size:.65rem;line-height:1.2;pointer-events:none}
.waleed-compare-label.is-render{left:10px}.waleed-compare-label.is-viewport{right:10px}
.waleed-compare-control{position:absolute;inset:0;z-index:4;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.waleed-image-compare:focus-within{outline:2px solid #000;outline-offset:4px}

/* Three independently editable viewport/render comparisons. */
.waleed-compare-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.waleed-compare-row>.waleed-image-compare{width:100%;max-width:360px;min-width:0;margin:0 auto!important}
@media(max-width:781px){
 .waleed-compare-row{gap:8px}
 .waleed-compare-row .waleed-compare-handle{width:26px;height:26px;font-size:16px}
 .waleed-compare-row .waleed-compare-label{font-size:.5rem;padding:4px;top:6px}
 .waleed-compare-row .waleed-compare-label.is-render{left:5px}
 .waleed-compare-row .waleed-compare-label.is-viewport{right:5px;top:auto;bottom:6px}
}

/* Selected frames use WordPress's in-page image lightbox. */
.waleed-case-frames .wp-block-image img{cursor:default;transition:filter .25s ease}
@media(hover:hover){.waleed-case-frames .wp-block-image:hover img{filter:brightness(.68)}}

/* Generated controls must not inherit the Group block's sibling margins. */
.waleed-image-compare.is-comparison-ready>.waleed-compare-divider,
.waleed-image-compare.is-comparison-ready>.waleed-compare-control,
.waleed-image-compare.is-comparison-ready>.waleed-compare-label{margin:0!important}
.waleed-image-compare.is-comparison-ready>.waleed-compare-divider{display:block;top:0!important;bottom:0!important;height:100%!important;padding:0;border:0}
@media(prefers-reduced-motion:reduce){.waleed-case-frames .wp-block-image img{transition:none}}

/* Fixed portrait framing and a normal cursor for enlarged selected frames. */
.waleed-case-frames .wp-block-image,.waleed-case-frames .wp-block-image img{cursor:default!important}
.waleed-case-frames .wp-block-image.is-lightbox-returned img{filter:none!important}
.waleed-frames-dialog{position:fixed;inset:0;margin:auto;padding:0;border:0;background:transparent;color:#fff;width:min(calc(100vw - 48px),60vh);width:min(calc(100vw - 48px),60dvh);max-width:none;max-height:none;overflow:visible;cursor:default}
.waleed-frames-dialog::backdrop{background:rgba(0,0,0,.86)}
.waleed-frames-stage{width:100%;aspect-ratio:3/4;overflow:hidden;border-radius:10px}
.waleed-frames-stage>img{display:block;width:100%;height:100%;max-width:none;aspect-ratio:3/4;object-fit:cover;filter:none!important;cursor:default}
.waleed-frames-close{position:absolute;right:0;top:-38px;width:32px;height:32px;border:1px solid #fff;border-radius:50%;background:#0008;color:#fff;font:26px/1 sans-serif;padding:0;cursor:default}
.waleed-case-frames img:focus-visible,.waleed-frames-close:focus-visible{outline:2px solid currentColor;outline-offset:4px}

/* Rounded project videos, consistent with the image cards. */
.single-post .wp-block-embed-vimeo .wp-block-embed__wrapper{border-radius:10px;overflow:hidden;isolation:isolate}
.single-post iframe[src*="player.vimeo.com"]{border-radius:10px}
/* Pointer affordance on thumbnails, with the existing post-close hover reset. */
.waleed-case-frames .wp-block-image,.waleed-case-frames .wp-block-image img{cursor:pointer!important}
.waleed-frames-dialog::backdrop{background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.waleed-frames-close{cursor:pointer}
/* Stack the three comparisons on mobile. */
@media(max-width:781px){
 .waleed-compare-row{grid-template-columns:minmax(0,1fr);gap:24px}
 .waleed-compare-row .waleed-compare-handle{width:38px;height:38px;font-size:22px}
 .waleed-compare-row .waleed-compare-label{font-size:.65rem;padding:5px 8px;top:12px}
 .waleed-compare-row .waleed-compare-label.is-render{left:10px}
 .waleed-compare-row .waleed-compare-label.is-viewport{right:10px;top:12px;bottom:auto}
}

/* Grow the selected frame from its thumbnail while the page blurs. */
.waleed-frames-stage{transform-origin:top left;will-change:transform}
.waleed-frames-dialog::backdrop{background:rgba(0,0,0,0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:background .42s ease,backdrop-filter .42s ease,-webkit-backdrop-filter .42s ease}
.waleed-frames-dialog.is-revealed::backdrop{background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.waleed-frames-close{opacity:0;transition:opacity .2s ease .18s}
.waleed-frames-dialog.is-revealed .waleed-frames-close{opacity:1}
@media(prefers-reduced-motion:reduce){.waleed-frames-dialog::backdrop,.waleed-frames-close{transition:none}}

/* Preserve Norm's letterforms while strengthening case-study headings. */
.waleed-case-section>.wp-block-heading{font-family:var(--wp--preset--font-family--norm);font-weight:400;-webkit-text-stroke:.6px currentColor}
.waleed-case-study .wp-block-button__link{background:#000!important;color:#fff!important;border:1px solid #000!important;border-radius:10px;transition:background-color .18s ease,color .18s ease}
.waleed-case-study .wp-block-button__link:hover,.waleed-case-study .wp-block-button__link:focus-visible,.waleed-case-study .wp-block-button__link:active{background:#fff!important;color:#000!important}

/* Gesture dismissal; retain an invisible keyboard-accessible close control. */
.waleed-frames-close{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;border:0!important;clip-path:inset(50%)!important;overflow:hidden!important;white-space:nowrap!important}
.waleed-frames-stage{touch-action:none;user-select:none;-webkit-user-select:none;transform-origin:center center}
.waleed-frames-stage img{-webkit-user-drag:none}
.waleed-frames-dialog.is-revealed::backdrop{background:rgba(0,0,0,calc(.5 * var(--frame-backdrop-opacity,1)))}

@media(max-width:781px){.waleed-case-pair.waleed-case-frames{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(hover:none),(pointer:coarse){.waleed-case-frames .wp-block-image.is-frame-touch-active img{filter:brightness(.68)}}

@media(max-width:781px){.waleed-case-pair.waleed-case-frames{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}}
.waleed-frames-dialog{touch-action:none}
.waleed-frames-stage{overflow:visible;border-radius:0}
.waleed-frames-rail{position:relative;width:100%;height:100%;direction:ltr;will-change:transform}
.waleed-frames-slide{position:absolute;top:0;width:100%;height:100%;overflow:hidden;border-radius:10px;margin:0!important}
.waleed-frames-slide.is-previous{left:calc(-100% - 14px)}
.waleed-frames-slide.is-next{left:calc(100% + 14px)}
.waleed-frames-slide img{width:100%;height:100%;object-fit:cover;display:block;max-width:none;filter:none!important}
.waleed-frames-slide.is-previous{mask-image:linear-gradient(to right,transparent 70%,#000);-webkit-mask-image:linear-gradient(to right,transparent 70%,#000)}
.waleed-frames-slide.is-next{mask-image:linear-gradient(to left,transparent 70%,#000);-webkit-mask-image:linear-gradient(to left,transparent 70%,#000)}
@media(max-width:781px){.waleed-frames-dialog{width: min(76vw,60dvh)}}

.waleed-frames-dialog{clip-path:inset(-100vh calc((100% - 100vw)/2))}
.waleed-frames-rail.is-moving .waleed-frames-slide{mask-image:none;-webkit-mask-image:none}

/* Keep two neighbors on either side in the moving strip. */
.waleed-frames-rail .waleed-frames-slide{left:calc(var(--slide-offset) * (100% + 14px))}
.waleed-case-frames .wp-block-image.is-lightbox-returned,.waleed-case-frames .wp-block-image.is-lightbox-returned img{outline:none!important;box-shadow:none!important}

/* A stationary mask fades the viewport, never the moving slides. */
.waleed-frames-viewport{position:absolute;top:0;left:-32px;width:calc(100% + 64px);height:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent)}
.waleed-frames-viewport .waleed-frames-rail{width:calc(100% - 64px);margin:0 auto!important}
.waleed-frames-rail .waleed-frames-slide{mask-image:none!important;-webkit-mask-image:none!important}
.waleed-case-frames .wp-block-image,.waleed-case-frames .wp-block-image img,.waleed-case-frames .wp-block-image:focus,.waleed-case-frames .wp-block-image img:focus,.waleed-case-frames .wp-block-image img:focus-visible,.waleed-case-frames .wp-block-image:active,.waleed-case-frames .wp-block-image img:active{outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent!important}

.waleed-frames-arrow{display:none}
@media(hover:hover) and (pointer:fine){
.waleed-frames-arrow{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;min-width:34px;padding:0;margin:0;border:2px solid #fff;border-radius:50%;background:#000;color:#fff;cursor:pointer;z-index:5;transition:background-color .18s ease,color .18s ease;box-sizing:border-box;opacity:0}
.waleed-frames-dialog.is-revealed .waleed-frames-arrow{opacity:1}
.waleed-frames-arrow.is-left{left:-30px}.waleed-frames-arrow.is-right{right:-30px}
.waleed-frames-arrow svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.waleed-frames-arrow:hover,.waleed-frames-arrow:focus-visible,.waleed-frames-arrow:active{background:#fff;color:#000}
}

/* Desktop: quarter-frame previews, with arrows beyond the fading edges. */
@media(hover:hover) and (pointer:fine){
.waleed-frames-viewport{left:calc(-25% - 14px);width:calc(150% + 28px);mask-image:linear-gradient(to right,transparent,#000 17%,#000 83%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 17%,#000 83%,transparent)}
.waleed-frames-viewport .waleed-frames-rail{width:calc((100% - 28px) / 1.5)}
.waleed-frames-arrow.is-left{left:calc(-25% - 60px)}
.waleed-frames-arrow.is-right{right:calc(-25% - 60px)}
}

.waleed-case-section>.wp-block-heading{font-size:1.4rem;color:#000}
.waleed-case-section>p,.waleed-case-intro>p{color:#595959}
.waleed-frames-dialog.is-closing .waleed-frames-slide.is-previous,.waleed-frames-dialog.is-closing .waleed-frames-slide.is-next{opacity:0;transition:opacity .12s ease}

/* No tap or focus ring around the behind-the-scenes comparisons. */
.waleed-image-compare,.waleed-image-compare *,.waleed-image-compare:focus,.waleed-image-compare:focus-visible,.waleed-image-compare *:focus,.waleed-image-compare *:focus-visible,.waleed-image-compare *:active{outline:none!important;-webkit-tap-highlight-color:transparent!important}
.waleed-image-compare .wp-block-image,.waleed-image-compare img,.waleed-image-compare .waleed-compare-control{box-shadow:none!important}

/* Reserve scrollbar space while the lightbox locks page scrolling. */
html{scrollbar-gutter:stable}

/* Match the service titles and descriptions without synthetic bold. */
.waleed-case-section>.wp-block-heading{font-family:var(--wp--preset--font-family--norm);font-size:1.1rem;font-weight:400;-webkit-text-stroke:0;line-height:1.3;letter-spacing:0;color:#000}
.waleed-case-section>p{font-family:var(--wp--preset--font-family--norm);font-size:.9rem;line-height:1.55;color:#555}
@media(max-width:781px){.waleed-case-section>.wp-block-heading{font-size:1.05rem}}

/* Center every comparison row, including an incomplete last row. */
.waleed-compare-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px}
.waleed-compare-row>.waleed-image-compare{flex:0 0 calc((100% - 40px)/3);width:calc((100% - 40px)/3);max-width:360px;margin:0!important}
@media(max-width:781px){
.waleed-compare-row{gap:24px}
.waleed-compare-row>.waleed-image-compare{flex-basis:100%;width:100%;max-width:360px}
}

/* Empty editor placeholders must not reserve a comparison slot. */
.waleed-compare-row>.waleed-image-compare:not(:has(img)){display:none!important}

/* Keep thumbnail and animated-image corners clipped throughout dismissal. */
.waleed-case-frames .wp-block-image{border-radius:10px!important;overflow:hidden;isolation:isolate}
.waleed-case-frames .wp-block-image img{border-radius:10px!important}
.waleed-frames-slide{isolation:isolate;clip-path:inset(0 round inherit)}
.waleed-frames-slide img{border-radius:inherit}

/* Project buttons retain color feedback without a focus/tap halo. */
.waleed-case-study .wp-block-button,.waleed-case-study .wp-block-button__link,.waleed-case-study .wp-block-button__link:focus,.waleed-case-study .wp-block-button__link:focus-visible,.waleed-case-study .wp-block-button__link:active{outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent!important}



/* Only the long word is slightly smaller; all other caption text stays unchanged. */
@media(max-width:781px){.waleed-multiplication-word{font-size:87.99375%}}

/* Center selected frames, including incomplete rows; ignore empty placeholders. */
.waleed-case-pair.waleed-case-frames{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:16px}
.waleed-case-pair.waleed-case-frames>.wp-block-image{flex:0 0 calc((100% - 48px)/4);width:calc((100% - 48px)/4);min-width:0;margin:0!important}
.waleed-case-pair.waleed-case-frames>:not(:has(img)){display:none!important}
@media(max-width:781px){
.waleed-case-pair.waleed-case-frames{gap:8px}
.waleed-case-pair.waleed-case-frames>.wp-block-image{flex-basis:calc((100% - 24px)/4);width:calc((100% - 24px)/4)}
}

.waleed-frame-strip{position:relative;width:100%;margin:0 auto}
.waleed-frame-strip-view{overflow:hidden;touch-action:pan-y;mask-image:linear-gradient(to right,transparent,#000 21.6667%,#000 78.3333%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 21.6667%,#000 78.3333%,transparent)}
.waleed-case-pair.waleed-case-frames.is-frame-strip{display:block;margin:0!important}
.waleed-frame-strip-track{display:flex;gap:16px;will-change:transform;direction:ltr}
.waleed-frame-strip-track>.wp-block-image{flex:0 0 var(--frame-strip-card);width:var(--frame-strip-card);min-width:0;margin:0!important;border-radius:10px;overflow:hidden}
.waleed-frame-strip-track img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;display:block}
.waleed-frame-strip-arrow{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;margin:0;border:2px solid #fff;border-radius:50%;background:#000;color:#fff;cursor:pointer;z-index:5;transition:background-color .18s,color .18s}
.waleed-frame-strip-arrow.is-left{left:8px}.waleed-frame-strip-arrow.is-right{right:8px}
.waleed-frame-strip-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.waleed-frame-strip-arrow:hover,.waleed-frame-strip-arrow:active,.waleed-frame-strip-arrow:focus-visible{background:#fff;color:#000}
@media(max-width:781px){.waleed-frame-strip-track{gap:8px}.waleed-frame-strip-view{mask-image:linear-gradient(to right,transparent,#000 32.5%,#000 67.5%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 32.5%,#000 67.5%,transparent)}}

/* Cover the safe-area edges while the image viewer is open on iOS. */
.waleed-frames-dialog::backdrop{position:fixed;top:calc(-1 * env(safe-area-inset-top,0px));bottom:calc(-1 * env(safe-area-inset-bottom,0px));left:0;right:0}

/* Document overlay keeps blur out of Safari fixed-edge chrome sampling. */
.waleed-frames-backdrop{position:absolute;inset:auto 0;z-index:2147483645;background:rgba(0,0,0,0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);touch-action:none;transition:background .36s ease,backdrop-filter .36s ease,-webkit-backdrop-filter .36s ease}
.waleed-frames-backdrop[hidden]{display:none!important}
body:has(.waleed-frames-dialog.is-revealed)>.waleed-frames-backdrop{background:rgba(0,0,0,calc(.5 * var(--frame-backdrop-opacity,1)));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.waleed-frames-dialog{z-index:2147483646}

/* Landscape project stills retain 4:3 in the strip and enlarged viewer. */
.waleed-case-frames.is-landscape img{aspect-ratio:4/3!important;object-fit:cover}
.waleed-frames-dialog.is-landscape{width:min(56vw,106.6667dvh)}
.waleed-frames-dialog.is-landscape .waleed-frames-stage{aspect-ratio:4/3}
@media(max-width:781px){.waleed-frames-dialog.is-landscape{width:min(76vw,106.6667dvh)}}

/* Landscape viewport/render comparisons, including the uninitialised editor images. */
.waleed-image-compare.is-landscape.is-comparison-ready{aspect-ratio:4/3}
.waleed-image-compare.is-landscape>.wp-block-image img{aspect-ratio:4/3!important;object-fit:cover}

/* Landscape Vimeo films sit slightly inside the width of the introduction. */
.waleed-project-layout .waleed-project-content .wp-block-embed-vimeo:is(.wp-embed-aspect-4-3,.wp-embed-aspect-16-9){width:min(66.5%,var(--waleed-landscape-video-width,452.2px))!important;max-width:66.5%!important;margin-left:auto!important;margin-right:auto!important}

/* Retain landscape BTS sizing after replacing images or saving in the editor. */
:is(body.postid-133,.waleed-case-study.is-landscape,.waleed-compare-row.is-landscape) .waleed-image-compare.is-comparison-ready{aspect-ratio:4/3!important}
:is(body.postid-133,.waleed-case-study.is-landscape,.waleed-compare-row.is-landscape) .waleed-image-compare>.wp-block-image img{aspect-ratio:4/3!important;object-fit:cover}

/* Compact site navigation stays available while scrolling. */
.waleed-header-space{height:0;margin:0!important;padding:0;pointer-events:none}
header.waleed-header-pinned{position:fixed!important;top:var(--waleed-header-top,0px);left:0;right:0;width:100%;max-width:none!important;margin:0!important;padding:10px 16px!important;box-sizing:border-box;z-index:1000;background:transparent!important;border:0!important;isolation:isolate}
header.waleed-header-pinned::before{content:"";position:absolute;inset:0 0 -32px;z-index:-1;pointer-events:none;background:#fff;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 36px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 36px),transparent 100%)}
.waleed-has-site-background header.waleed-header-pinned::before{background:#eee var(--waleed-site-background) center top/cover no-repeat}
header.waleed-header-pinned>.wp-block-group{width:100%;max-width:none!important;background:transparent!important}
header.waleed-header-pinned>.wp-block-group>.wp-block-group{justify-content:center!important;align-items:center!important;padding:0!important;margin:0!important}
header.waleed-header-pinned .wp-block-group:has(>.wp-block-site-logo){gap:8px!important;align-items:center!important}
header.waleed-header-pinned .wp-block-site-logo{width:52px!important;margin:0!important;line-height:0}
header.waleed-header-pinned .wp-block-site-logo img{width:52px!important;height:auto!important;border-radius:10px}
header.waleed-header-pinned .wp-block-site-title{display:none}
header.waleed-header-pinned .wp-block-navigation{font-size:1rem!important;margin:0!important}
html{scroll-padding-top:130px}
@media(max-width:781px){header.waleed-header-pinned{padding:8px 12px!important}header.waleed-header-pinned .wp-block-site-logo,header.waleed-header-pinned .wp-block-site-logo img{width:42px!important}header.waleed-header-pinned .wp-block-navigation{font-size:.95rem!important}header.waleed-header-pinned .wp-block-group:has(>.wp-block-site-logo){gap:7px!important}}

/* Keep the actual logo/menu stack centered independently of side groups. */
header .waleed-header-row{display:flex!important;justify-content:center!important;align-items:center!important;width:100%;box-sizing:border-box}
header .waleed-header-row>.wp-block-group:not(.waleed-header-stack){display:none!important}
header .waleed-header-stack{display:flex!important;flex-direction:column;align-items:center!important;justify-content:center!important;width:max-content!important;max-width:100%!important;flex:0 1 auto!important;margin-left:auto!important;margin-right:auto!important}
header .waleed-header-stack .wp-block-navigation,header .waleed-header-stack .wp-block-navigation__container{justify-content:center!important}
header .waleed-header-stack .wp-block-site-logo,header .waleed-header-stack .wp-block-navigation{transform-origin:top left}

/* A longer, gradual fade beneath the compact header on every screen. */
header.waleed-header-pinned::before{bottom:-72px;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 88px),rgba(0,0,0,.96) calc(100% - 72px),rgba(0,0,0,.8) calc(100% - 54px),rgba(0,0,0,.5) calc(100% - 34px),rgba(0,0,0,.18) calc(100% - 14px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 88px),rgba(0,0,0,.96) calc(100% - 72px),rgba(0,0,0,.8) calc(100% - 54px),rgba(0,0,0,.5) calc(100% - 34px),rgba(0,0,0,.18) calc(100% - 14px),transparent 100%)}

/* Navigation-only compact header leaves more space for the work. */
header.waleed-header-pinned .wp-block-site-logo{display:none!important}
header.waleed-header-pinned{padding-top:12px!important;padding-bottom:12px!important}
header.waleed-header-pinned::before{bottom:-40px;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 52px),rgba(0,0,0,.92) calc(100% - 40px),rgba(0,0,0,.65) calc(100% - 27px),rgba(0,0,0,.25) calc(100% - 12px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 52px),rgba(0,0,0,.92) calc(100% - 40px),rgba(0,0,0,.65) calc(100% - 27px),rgba(0,0,0,.25) calc(100% - 12px),transparent 100%)}
@media(max-width:781px){header.waleed-header-pinned{padding-top:10px!important;padding-bottom:10px!important}}

/* Do not let Safari sample the fixed navigation while the image viewer is open. */
body:has(.waleed-frames-dialog[open]) header.waleed-header-pinned{display:none!important}
body:has(.waleed-frames-dialog[open]) header.waleed-header-pinned::before{display:none!important;content:none!important}

/* Store-screen GIFs use their original aspect ratio and never upscale. */
.waleed-screen-section .waleed-screen-gif{text-align:center;margin-left:auto!important;margin-right:auto!important}
.waleed-screen-section .waleed-screen-gif img{display:block;width:auto!important;max-width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain;margin:0 auto;border-radius:10px}

/* Mobile landscape videos fill the content width with the page's side margins. */
@media(max-width:781px){
.waleed-project-layout .waleed-project-content .wp-block-embed-vimeo:is(.wp-embed-aspect-4-3,.wp-embed-aspect-16-9){width:100%!important;max-width:100%!important}
}
.waleed-video-fullscreen{display:none}
@media(hover:none),(pointer:coarse){
.single-post .wp-block-embed-vimeo .wp-block-embed__wrapper{position:relative}
.waleed-video-fullscreen{display:flex;align-items:center;justify-content:center;position:absolute;right:10px;top:10px;z-index:5;width:44px;height:44px;margin:0!important;padding:10px;border:1px solid #fff;border-radius:10px;background:#000b;color:#fff;cursor:pointer}
.waleed-video-fullscreen svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.waleed-video-fullscreen:active{background:#fff;color:#000}
}

@media(hover:none),(pointer:coarse){.waleed-video-fullscreen{top:54px}}

/* Match the mobile Vimeo menu button's bounds and right alignment. */
@media(hover:none),(pointer:coarse){.waleed-video-fullscreen{right:8px;top:54px;width:40px;height:40px;box-sizing:border-box;padding:9px;border:0;border-radius:4px;background:rgba(0,0,0,.88)}.waleed-video-fullscreen svg{width:22px;height:22px}}

/* Retained mobile viewer treatment: plain close neighbors and a larger active card. */
@media(max-width:781px){
.waleed-frames-viewport{left:-12vw;width:calc(100% + 24vw);-webkit-mask-image:none!important;mask-image:none!important}
.waleed-frames-viewport .waleed-frames-rail{width:calc(100% - 24vw)}
.waleed-frames-rail .waleed-frames-slide{left:calc(var(--slide-offset) * (100% + 6px));transform-origin:center center;will-change:transform;backface-visibility:hidden}
}

/* Give pending GIF images a visible loading state without changing their crop. */
.wp-block-image.waleed-gif-loading{position:relative;min-height:80px}
.waleed-gif-loading>img,.waleed-gif-loading>a>img{visibility:hidden}
.waleed-gif-indicator{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none;background:rgba(128,128,128,.08);border-radius:10px}
.waleed-gif-indicator>span{width:28px;height:28px;border:2px solid rgba(128,128,128,.25);border-top-color:#555;border-radius:50%;box-sizing:border-box;animation:waleed-gif-spin .8s linear infinite}
@keyframes waleed-gif-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.waleed-gif-indicator>span{animation:none}}

/* Continue the footer through the page bottom and mobile browser edge. */
body:has(.waleed-dark-footer),body:has(.waleed-dark-footer) .wp-site-blocks{padding-bottom:0!important}
footer.wp-block-template-part:has(.waleed-dark-footer){background:#000!important;margin-bottom:0!important;padding-bottom:env(safe-area-inset-bottom,0px)}
html.waleed-at-footer{background-color:#000!important;background-image:none!important}
@media(max-width:781px){
 .waleed-dark-footer .waleed-footer-copyright{font-size:clamp(6px,2.05vw,13.2px)!important;white-space:nowrap;padding-left:8px!important;padding-right:8px!important;max-width:none!important;box-sizing:border-box}
}

/* Keep Safari's bottom canvas dark when the footer reaches the screen. */
html.waleed-at-footer body{background-color:#000!important}
html.waleed-at-footer body:not(.waleed-has-site-background) .wp-site-blocks{background-color:#fff}
@media(max-width:781px){
 .waleed-dark-footer .waleed-footer-copyright{font-size:clamp(8px,2.65vw,13.2px)!important;white-space:normal!important}
 .waleed-footer-copyright .waleed-copyright-rights{display:block}
}

/* Contact uses a compact nonmodal dialog and the same document backdrop as frames. */
.waleed-contact-overlay{position:fixed;inset:0;margin:auto;z-index:2147483647;display:flex;align-items:center;justify-content:center;width:max-content;max-width:calc(100vw - 32px);height:max-content;max-height:calc(100dvh - 32px);box-sizing:border-box;padding:16px;border:0;background:transparent;color:#fff;overflow:visible;touch-action:none;overscroll-behavior:contain;cursor:default}
.waleed-contact-overlay[hidden]{display:none!important}
.waleed-contact-copy{text-align:center;color:#fff;font-family:var(--wp--preset--font-family--norm),sans-serif;opacity:0;transition:opacity 1s ease;text-shadow:0 1px 8px rgba(0,0,0,.15)}
.is-open>.waleed-contact-copy{opacity:1}
.waleed-contact-copy .waleed-contact-heading{font-family:inherit;font-size:clamp(32px,4vw,48px);font-weight:400;color:#fff;margin:0 0 16px;line-height:1.2;-webkit-text-stroke:0}
.waleed-contact-copy a{font-family:inherit;font-size:clamp(18px,3vw,26px);display:inline-block;box-sizing:border-box;padding:14px 22px;background:#000;color:#fff!important;border:0;border-radius:10px;line-height:1.3;text-decoration:none!important;text-shadow:none;transition:background-color .2s ease,color .2s ease;cursor:pointer}
.waleed-contact-copy a:active{background:#fff;color:#000!important}
@media(hover:hover) and (pointer:fine){.waleed-contact-copy a:hover{background:#fff;color:#000!important}}
.waleed-contact-overlay,.waleed-contact-overlay *{outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent}
.waleed-contact-copy a,.waleed-contact-copy a:hover,.waleed-contact-copy a:active,.waleed-contact-copy a:focus,.waleed-contact-copy a:focus-visible{border:0!important;outline:none!important;box-shadow:none!important}
.waleed-contact-copy a.waleed-contact-instagram{display:flex;width:44px;height:44px;align-items:center;justify-content:center;padding:4px;margin:22px auto 0;background:transparent!important;color:#fff!important;border-radius:0}
.waleed-contact-instagram svg{display:block;width:36px;height:36px;transition:opacity .2s ease}
.waleed-contact-instagram:hover svg,.waleed-contact-instagram:active svg{opacity:.65}
.waleed-contact-backdrop{position:absolute;left:0;right:0;z-index:2147483646;background:rgba(0,0,0,0);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:background-color 1s ease,-webkit-backdrop-filter 1s ease,backdrop-filter 1s ease;touch-action:none}
.waleed-contact-backdrop[hidden]{display:none!important}
.waleed-contact-backdrop.is-open{background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.waleed-contact-overlay.is-closing .waleed-contact-copy,.waleed-contact-backdrop.is-closing{transition-duration:.5s}
body:has(.waleed-contact-overlay[open]) header.waleed-header-pinned{display:none!important}
body:has(.waleed-contact-overlay[open]) header.waleed-header-pinned::before{display:none!important;content:none!important}
@media(prefers-reduced-motion:reduce){.waleed-contact-copy,.waleed-contact-backdrop{transition-duration:.01s}}

/* Main project labels use the same saved client/personal value as grid cards. */
.waleed-post-project-type{text-align:center;margin-top:12px!important;margin-bottom:0!important;font-family:var(--wp--preset--font-family--norm),sans-serif;font-size:.75rem;font-weight:400;line-height:1.4;color:#000}
.waleed-post-project-type>span{display:inline-block;padding:4px 10px;border:1px solid currentColor;border-radius:6px;background:transparent}

/* Move only the label visually; keep the introduction's flow position intact. */
body.single-post .waleed-project-layout>.waleed-post-project-type{display:block!important;visibility:visible!important;opacity:1!important;transform:translateY(-24px);position:relative;z-index:1}

/* Keep the label just below the title, without shifting the following content. */
body.single-post .waleed-project-layout>.waleed-project-title:has(+.waleed-post-project-type){position:relative}
body.single-post .waleed-project-layout>.waleed-post-project-type{transform:translateY(calc(-1 * var(--wp--preset--spacing--60) - 6px))}

@media(min-width:782px){
 body.single-post .waleed-project-layout>.waleed-post-project-type{transform:translateY(calc(-1 * var(--wp--preset--spacing--60) + 8px))}
 body.single-post .waleed-project-layout>.waleed-post-project-type+.waleed-project-content{margin-top:-16px!important}
}

@media(max-width:781px){
 body.single-post .waleed-project-layout>.waleed-post-project-type{transform:translateY(calc(-1 * var(--wp--preset--spacing--60) + 19px))}
}

/* Desktop portrait players need the explicit fullscreen control too. */
@media(min-width:782px) and (hover:hover) and (pointer:fine){
 .single-post .wp-block-embed-vimeo:is(.wp-embed-aspect-9-16,.wp-embed-aspect-3-4) .wp-block-embed__wrapper{position:relative}
 .single-post .wp-block-embed-vimeo:is(.wp-embed-aspect-9-16,.wp-embed-aspect-3-4) .waleed-video-fullscreen{display:flex;align-items:center;justify-content:center;position:absolute;right:8px;top:54px;z-index:5;width:40px;height:40px;box-sizing:border-box;margin:0!important;padding:9px;border:0;border-radius:4px;background:rgba(0,0,0,.88);color:#fff;cursor:pointer}
 .single-post .wp-block-embed-vimeo:is(.wp-embed-aspect-9-16,.wp-embed-aspect-3-4) .waleed-video-fullscreen svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
 .single-post .wp-block-embed-vimeo:is(.wp-embed-aspect-9-16,.wp-embed-aspect-3-4) .waleed-video-fullscreen:is(:hover,:active){background:#fff;color:#000}
}

.waleed-contact-heading p{font:inherit;color:inherit;margin:0;line-height:inherit}
.waleed-contact-heading p+p{margin-top:.4em}
.waleed-contact-heading :is(h2,h3,h4){font-family:inherit;font-weight:inherit;color:inherit;margin:.4em 0}

/* Compact spacing between lines in the editable contact message. */
.waleed-contact-copy .waleed-contact-heading{line-height:1}
.waleed-contact-heading p+p{margin-top:0}
.waleed-contact-heading :is(h2,h3,h4){margin:0;line-height:1}

/* Native page navigation stays immediate while the pressed button fills. */
a.waleed-navigation-loading{position:relative!important;isolation:isolate;overflow:hidden!important;background:#000!important;color:#fff!important;cursor:progress}
a.waleed-navigation-loading::before{content:"";position:absolute;top:0;bottom:0;left:0;right:auto;width:0;background:#fff;transform:none;animation:waleed-navigation-fill .9s linear forwards;pointer-events:none;z-index:0}
a.waleed-navigation-loading .waleed-navigation-label{position:relative;z-index:1;display:inline-block;color:#fff!important;mix-blend-mode:normal}
a.waleed-navigation-loading.is-navigation-complete::before{animation:none;width:100%;transform:none}
@keyframes waleed-navigation-fill{0%{width:0}100%{width:100%}}
@media(prefers-reduced-motion:reduce){a.waleed-navigation-loading::before{animation-duration:.01s}}

/* Remove click rings on navigation buttons, including the initial pressed state. */
.wp-block-button:has(>a.wp-block-button__link),a.wp-block-button__link,.waleed-work-cta a{outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent!important}
a.wp-block-button__link:is(:hover,:focus,:focus-visible,:active),.waleed-work-cta a:is(:hover,:focus,:focus-visible,:active),a.waleed-navigation-loading{outline:none!important;box-shadow:none!important;border-color:transparent!important}

/* Restore the intentional black hover stroke, separate from focus outlines. */
a.wp-block-button__link,.waleed-work-cta a{border-color:#000!important}
a.wp-block-button__link:is(:hover,:focus,:focus-visible,:active),.waleed-work-cta a:is(:hover,:focus,:focus-visible,:active),a.waleed-navigation-loading{border-color:#000!important;outline:none!important;box-shadow:none!important}

/* Keep identical text rendering; reveal a black copy over the white fill. */
a:has(>.waleed-navigation-label),a:has(>.waleed-navigation-label):is(:hover,:active,:focus){font-weight:var(--waleed-button-weight,400)!important;-webkit-text-stroke:0!important}
.waleed-navigation-label,.waleed-navigation-inverse{font:inherit!important;letter-spacing:inherit;-webkit-text-stroke:0!important}
.waleed-navigation-inverse{display:none!important}
a.waleed-navigation-loading .waleed-navigation-inverse{display:flex!important;position:absolute;inset:0;align-items:center;justify-content:center;padding:inherit;box-sizing:border-box;z-index:2;color:#000!important;clip-path:inset(0 100% 0 0);animation:waleed-navigation-text .9s linear forwards;pointer-events:none}
@keyframes waleed-navigation-text{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
a.waleed-navigation-loading.is-navigation-complete .waleed-navigation-inverse{animation:none;clip-path:inset(0)}

/* Loading takes precedence over every theme hover/focus/pressed color. */
body a.wp-block-button__link.waleed-navigation-loading,
body .waleed-work-cta a.waleed-navigation-loading,
body a.wp-block-button__link.waleed-navigation-loading:is(:hover,:focus,:focus-visible,:active),
body .waleed-work-cta a.waleed-navigation-loading:is(:hover,:focus,:focus-visible,:active){background:#000!important;background-image:none!important;color:#fff!important;transition:none!important}
body a.waleed-navigation-loading .waleed-navigation-label{color:#fff!important;background:transparent!important;transition:none!important}
body a.waleed-navigation-loading .waleed-navigation-inverse{color:#000!important;background:transparent!important}

@media(pointer:coarse){
 .wp-block-navigation a[href*="/contact"]:is(:focus,:focus-visible,:active){outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent!important}
}

/* Navigation and button labels never retain an underline after activation. */
.wp-block-navigation a,.wp-block-navigation a:is(:hover,:focus,:focus-visible,:active),
a.wp-block-button__link,a.wp-block-button__link:is(:hover,:focus,:focus-visible,:active),
.waleed-work-cta a,.waleed-work-cta a:is(:hover,:focus,:focus-visible,:active),
button,button:is(:hover,:focus,:focus-visible,:active){text-decoration:none!important}
@media(pointer:coarse){
 .wp-block-navigation a,.wp-block-navigation a:is(:focus,:focus-visible,:active),button:focus,button:focus-visible{outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent!important}
}

/* Show the underline only while physically pressing, never from lingering focus. */
.wp-block-navigation a:active{text-decoration:underline!important}

@media(max-width:781px){
 .waleed-contact-heading .waleed-contact-subline{white-space:nowrap;max-width:none}
}

/* Explicit subtitle sizing independent of editor inline sizes and heading metrics. */
@media(max-width:781px){
 .waleed-contact-copy .waleed-contact-heading>p:not(:first-child),
 .waleed-contact-copy .waleed-contact-heading>p:not(:first-child) *{font-size:clamp(9px,2.8vw,12px)!important;line-height:1.25!important;white-space:nowrap!important}
 .waleed-contact-copy .waleed-contact-heading>p:not(:first-child){margin:12px 0 0!important}
 .waleed-contact-heading>p:not(:first-child) br{display:none}
}

.waleed-contact-top-edge{display:none!important}

/* Single-project overlay trial; the underlying page remains in place. */
.waleed-project-backdrop{position:absolute;left:0;right:0;z-index:2147483645;background:rgba(0,0,0,0);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition:background 1s,backdrop-filter 1s}
.waleed-project-backdrop.is-open{background:rgba(0,0,0,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
dialog.waleed-project-overlay{position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:transparent;color:white;overflow:hidden;opacity:0;transition:opacity .5s;box-shadow:none}
dialog.waleed-project-overlay.is-open{opacity:1}
dialog.waleed-project-overlay::backdrop{background:transparent}
.waleed-project-overlay iframe{display:block;width:100%;height:100%;border:0;background:transparent}
.waleed-project-close{position:absolute;left:max(16px,env(safe-area-inset-left));top:calc(env(safe-area-inset-top) + 12px);z-index:2;width:44px;height:44px;border:1px solid white;border-radius:50%;background:#000;color:#fff;font:32px/1 sans-serif;cursor:pointer;outline:none;box-shadow:none}
html.waleed-project-open header{visibility:hidden!important}

/* Plain white close mark, retaining a comfortable invisible touch target. */
dialog.waleed-project-overlay .waleed-project-close,
dialog.waleed-project-overlay .waleed-project-close:is(:hover,:focus,:focus-visible,:active){border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;color:#fff!important;box-shadow:none!important;outline:none!important;text-decoration:none!important;padding:0!important}

/* Use the same document layer as the other viewers, avoiding Safari modal iframe backing. */
dialog.waleed-project-overlay{z-index:2147483647!important;color-scheme:light!important}
.waleed-project-overlay iframe{color-scheme:light!important;background:transparent!important}

/* The document scrolls the project, leaving no full-screen iframe scroll surface at Safari edges. */
dialog.waleed-project-overlay{position:absolute!important;left:0!important;right:0!important;bottom:auto!important;height:auto;max-height:none!important;overflow:visible!important;outline:none!important}
.waleed-project-overlay iframe{height:auto;min-height:100vh;overflow:hidden}

html.waleed-overlay-document,html.waleed-overlay-document body,html.waleed-overlay-document .wp-site-blocks{height:auto!important;min-height:0!important;background:transparent!important;background-image:none!important;color-scheme:light!important}
html.waleed-overlay-document body main :is(p,p *,h2,h2 *,h3,h3 *){color:rgba(255,255,255,.85)!important}
html.waleed-overlay-document body .waleed-post-project-type{color:white!important}
html.waleed-overlay-document body .waleed-case-section>.wp-block-heading{font-size:1.125rem!important;color:#fff!important;font-weight:400!important;-webkit-text-stroke:0!important}

html.waleed-project-open{scroll-behavior:auto!important;scroll-padding-top:0!important;overflow-anchor:none}
html.waleed-overlay-document{scroll-behavior:auto!important;scroll-padding-top:0!important;overflow-anchor:none}

/* Project content now lives in the same document as its image viewer. */
.waleed-inline-project{position:absolute;top:0;left:0;right:0;z-index:2147483643;background:transparent!important;color:white;border:0;padding:0;margin:0;opacity:0;transition:opacity .5s;outline:none!important;min-height:100svh;box-sizing:border-box}
.waleed-inline-project[hidden]{display:none!important}
.waleed-inline-project.is-open{opacity:1}
.waleed-project-backdrop{z-index:2147483642;pointer-events:auto}
.waleed-inline-project main{background:transparent!important;padding-top:calc(env(safe-area-inset-top,0px) + 40px)!important;padding-bottom:40px;max-width:1200px;margin:auto;box-sizing:border-box}
.waleed-inline-project .waleed-project-content{background:transparent!important}
.waleed-inline-project main :is(p,p *,h2,h2 *,h3,h3 *){color:rgba(255,255,255,.85)!important}
.waleed-inline-project .wp-block-post-title,.waleed-inline-project .waleed-post-project-type{color:white!important;text-align:center}
.waleed-inline-project .waleed-post-project-type span{border-color:white!important}
.waleed-inline-project .waleed-case-section>.wp-block-heading{font-size:1.125rem!important;color:white!important;font-weight:400!important;-webkit-text-stroke:0!important}
.waleed-inline-project .wp-block-embed__wrapper{position:relative}
.waleed-inline-project .wp-has-aspect-ratio .wp-block-embed__wrapper:before{content:"";display:block;padding-top:56.25%}
.waleed-inline-project .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{padding-top:177.7778%}
.waleed-inline-project .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}
.waleed-inline-project .wp-embed-aspect-3-4 .wp-block-embed__wrapper:before{padding-top:133.3333%}
.waleed-inline-project .wp-has-aspect-ratio iframe{position:absolute;inset:0;width:100%;height:100%}
html.waleed-project-open{overscroll-behavior-y:none}

/* Match the real dialog and pinned-header treatment used by Selected Frames from first open. */
dialog.waleed-inline-project{width:100%;max-width:none;max-height:none;height:auto;overflow:visible;inset:auto 0 auto;top:0;box-shadow:none}
html.waleed-project-open header.waleed-header-pinned{display:none!important}
html.waleed-project-open header.waleed-header-pinned::before{display:none!important;content:none!important}

/* Shared project action layout for both Home and Work. */
.waleed-inline-project .wp-block-buttons{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;text-align:center!important}
.waleed-inline-project .wp-block-buttons>.wp-block-button{margin-left:0!important;margin-right:0!important}
.waleed-inline-project .waleed-project-content>:last-child,
.waleed-inline-project .waleed-case-study>:last-child{margin-bottom:0!important}
.waleed-inline-project main{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))!important}

/* Match Home's button box on either host page, including during the loading fill. */
.waleed-inline-project .wp-block-button__link{
 display:inline-block;box-sizing:border-box;font-size:1.3rem;line-height:1.5;
 padding:calc(.667em + 2px) calc(1.333em + 2px);text-align:center;text-decoration:none;
 border-radius:10px!important;overflow:hidden!important;
}

/* Desktop overlay covers the viewport independently of project content height. */
@media(min-width:782px){
 .waleed-project-backdrop{position:fixed!important;inset:0!important;width:100%!important;height:100vh!important;height:100dvh!important}
 .waleed-inline-project .wp-block-button__link,
 .waleed-inline-project .wp-block-button__link:is(:hover,:focus,:active),
 .waleed-inline-project .wp-block-button__link.waleed-navigation-loading{
  display:inline-block!important;box-sizing:border-box!important;
  border-radius:10px!important;overflow:hidden!important;clip-path:inset(0 round 10px);
 }
}

/* Desktop inline projects retain the same title/label spacing as standalone projects. */
@media(min-width:782px){
 .waleed-inline-project .waleed-project-layout>.waleed-post-project-type{
  display:block!important;visibility:visible!important;opacity:1!important;
  position:relative;z-index:1;
  transform:translateY(calc(-1 * var(--wp--preset--spacing--60) + 8px));
 }
 .waleed-inline-project .waleed-project-layout>.waleed-post-project-type+.waleed-project-content{margin-top:-16px!important}
}

/* Mobile Safari: start below the top edge while retaining the content's visual position. */
@media(max-width:781px){
 dialog.waleed-inline-project{padding-top:max(64px,calc(env(safe-area-inset-top,0px) * 1.2))}
}

/* Reuse the GIF spinner, centered in the viewport while a project loads. */
.waleed-inline-project .waleed-project-loader{position:fixed;inset:0;z-index:10;background:transparent;border-radius:0}
.waleed-inline-project.is-project-loading>main{visibility:hidden}

/* White project spinner with a dimmer track for contrast over the blur. */
.waleed-inline-project .waleed-project-loader>span{border-color:rgba(255,255,255,.25);border-top-color:#fff}

/* Mobile project heading: a small lift, with the desktop title-to-label gap. */
@media(max-width:781px){
 .waleed-inline-project main{padding-top:calc(env(safe-area-inset-top,0px) + 34px)!important}
 .waleed-inline-project .waleed-project-layout>.waleed-post-project-type{
  display:block!important;visibility:visible!important;opacity:1!important;
  position:relative;z-index:1;
  transform:translateY(calc(-1 * var(--wp--preset--spacing--60) + 8px));
 }
}

/* Keep both editable project actions together as one balanced centered row. */
.waleed-project-navigation{display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;gap:16px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}
.waleed-project-navigation>.wp-block-button{flex:0 1 220px!important;min-width:0!important;margin:0!important}
.waleed-project-navigation .wp-block-button__link{display:block!important;width:100%;box-sizing:border-box!important;text-align:center;white-space:nowrap;font-size:1.1rem!important;padding:14px 18px!important}
.waleed-inline-project.is-project-loading.is-project-transition>main{visibility:visible}
.waleed-inline-project.is-project-transition .waleed-project-loader{animation:waleed-project-loader-delay .45s step-end both}
@keyframes waleed-project-loader-delay{from{opacity:0}to{opacity:1}}
@media(max-width:781px){
 .waleed-inline-project main{padding-top:calc(env(safe-area-inset-top,0px) + 14px)!important}
 .waleed-project-navigation{gap:10px!important}
 .waleed-project-navigation>.wp-block-button{flex-basis:160px!important}
 .waleed-project-navigation .wp-block-button__link{font-size:clamp(.65rem,3.3vw,.9rem)!important;padding:12px 8px!important}
}

/* Desktop hover must retain the same button box, without inline baseline space. */
@media(min-width:782px){
 .waleed-inline-project .waleed-project-navigation{align-items:stretch!important}
 .waleed-project-navigation>.wp-block-button{display:flex!important;align-items:stretch!important}
 .waleed-project-navigation .wp-block-button__link,
 .waleed-inline-project .waleed-project-navigation .wp-block-button__link,
 .waleed-inline-project .waleed-project-navigation .wp-block-button__link:is(:hover,:focus,:focus-visible,:active){display:flex!important;align-items:center;justify-content:center;vertical-align:top;margin:0!important}
}

/* Every project navigation button inverts on hover, including empty-link placeholders. */
.waleed-project-navigation a.wp-block-button__link{background:#000!important;color:#fff!important;border:1px solid #000!important;border-radius:10px;transition:background-color .18s ease,color .18s ease}
.waleed-project-navigation a.wp-block-button__link:is(:hover,:focus-visible,:active):not(.waleed-navigation-loading),
.waleed-inline-project .waleed-project-navigation a.wp-block-button__link:is(:hover,:focus-visible,:active):not(.waleed-navigation-loading){background:#fff!important;color:#000!important}

/* Project introduction copy stays centered in standalone pages and overlays, at every width. */
.waleed-project-content>:is(p,h2,h3),
.waleed-project-content .waleed-case-intro,
.waleed-project-content .waleed-case-intro>:is(p,h2,h3){text-align:center!important}

/* A small amount of extra breathing room below mobile project navigation. */
@media(max-width:781px){
 .waleed-inline-project main{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}
}

/* Desktop text keeps the arrow; interactive elements retain their own cursor. */
@media(hover:hover) and (pointer:fine){
 body.single-post,.waleed-inline-project{cursor:default}
 :is(body.single-post,.waleed-inline-project) :is(a,button,summary,[role="button"]){cursor:pointer}
 :is(body.single-post,.waleed-inline-project) :is(input,textarea,[contenteditable="true"]){cursor:auto}
}

/* An editable, equal-sized process-image pair, separate from comparison sliders. */
.waleed-bts-pair{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%;max-width:740px;margin-left:auto!important;margin-right:auto!important}
.waleed-bts-pair>.wp-block-image{width:100%!important;min-width:0;max-width:none!important;margin:0!important;aspect-ratio:3/4;border-radius:10px;overflow:hidden}
.waleed-bts-pair>.wp-block-image img{display:block;width:100%!important;height:100%!important;aspect-ratio:3/4;object-fit:cover;border-radius:10px;cursor:default!important}
@media(max-width:781px){.waleed-bts-pair{gap:8px}}

/* Match nested portrait players to the shared desktop player size. */
@media(min-width:782px){
 .waleed-project-layout .waleed-project-content .waleed-case-study>.wp-block-embed-vimeo.wp-embed-aspect-9-16{width:min(300px,22.5vw)!important;max-width:min(300px,22.5vw)!important;margin-top:16px!important}
 .waleed-project-content .waleed-case-intro{margin-bottom:16px!important}
 .waleed-project-content .waleed-case-intro>p{margin-bottom:0!important}
 .waleed-project-content .waleed-case-intro>.waleed-case-meta:has(>p:empty){display:none!important}
}
/* Process stills have the same card width as a three-viewport row. */
.waleed-case-study .waleed-bts-pair{display:flex!important;justify-content:center;max-width:900px;gap:20px}
.waleed-case-study .waleed-bts-pair>.wp-block-image{flex:0 1 calc((100% - 40px)/3);max-width:360px!important}
.waleed-bts-portrait-row{max-width:900px;margin-left:auto!important;margin-right:auto!important}
@media(max-width:781px){
 .waleed-case-study .waleed-bts-pair{gap:8px}
 .waleed-case-study .waleed-bts-pair>.wp-block-image{flex-basis:calc((100% - 16px)/3)}
}

@media(min-width:782px){
 .waleed-project-content>.waleed-case-study:first-child:has(>.waleed-case-intro){padding-top:16px}
}

/* Reversible floating glass navigation trial; the original header stays in flow. */
.waleed-glass-filter{position:absolute;width:0;height:0;pointer-events:none;overflow:hidden}
.waleed-glass-nav{position:fixed;top:calc(max(12px,env(safe-area-inset-top,0px)) + var(--glass-admin-top,0px));left:50%;transform:translateX(-50%);z-index:1200;width:min(420px,calc(100vw - 32px));height:60px;padding:6px;box-sizing:border-box;display:flex;align-items:stretch;border-radius:999px;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.12);box-shadow:0 8px 28px #0002,inset 0 1px 1px #fff9,inset 0 -1px 1px #fff5;isolation:isolate;touch-action:pan-y;user-select:none;-webkit-user-select:none;animation:waleed-glass-appear .3s ease both}
.waleed-glass-nav[hidden]{display:none!important}
.waleed-glass-distortion,.waleed-glass-frost{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-2}
.waleed-glass-distortion{backdrop-filter:url('#waleed-glass-refraction');-webkit-backdrop-filter:url('#waleed-glass-refraction')}
.waleed-glass-frost{z-index:-1;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);background:linear-gradient(145deg,#ffffff50,#ffffff18 46%,#ffffff35);box-shadow:inset 1px 1px 2px #fffb,inset -1px -1px 2px #fff6}
.waleed-glass-indicator{position:absolute;left:5px;top:5px;bottom:5px;border-radius:999px;background:linear-gradient(135deg,#ffffff65,#ffffff25);border:1px solid #ffffff75;box-shadow:inset 0 1px 2px #fffc,0 2px 8px #0000000d;box-sizing:border-box;pointer-events:none;transition:transform .32s cubic-bezier(.22,1,.36,1),width .2s;z-index:0}
.waleed-glass-nav.is-dragging .waleed-glass-indicator{transition:none;background:#ffffff70}
.waleed-glass-nav>a{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;color:#111!important;text-decoration:none!important;font:400 15px/1 var(--wp--preset--font-family--norm),sans-serif;border:0;outline-offset:-3px;-webkit-tap-highlight-color:transparent}
.waleed-glass-nav>a[aria-current=page]{font-weight:400!important;-webkit-text-stroke:.12px currentColor}
html:is(.waleed-project-open,.waleed-contact-open) .waleed-glass-nav,body:has(.waleed-frames-dialog[open]) .waleed-glass-nav{visibility:hidden;pointer-events:none}
@keyframes waleed-glass-appear{from{opacity:0;translate:0 -8px}to{opacity:1;translate:0 0}}
@media(max-width:781px){.waleed-glass-nav{height:54px}.waleed-glass-nav>a{font-size:13px}}
@media(prefers-reduced-motion:reduce){.waleed-glass-nav{animation:none}.waleed-glass-indicator{transition:none}}

/* Glass navigation is the primary header, visible from the first screen. */
body.waleed-glass-navigation>.wp-site-blocks>header{display:none!important}
body.waleed-glass-navigation>.wp-site-blocks{padding-top:174px!important}
.waleed-glass-nav{top:calc(max(90px,env(safe-area-inset-top,0px) + 90px) + var(--glass-admin-top,0px));animation:none;view-transition-name:waleed-glass-nav}
.waleed-glass-nav>a{font-family:var(--wp--preset--font-family--norm),sans-serif!important;font-weight:400!important;font-synthesis:none}
.waleed-glass-logo{position:fixed;left:50%;top:calc(max(12px,env(safe-area-inset-top,0px) + 12px) + var(--glass-admin-top,0px));translate:-50% 0;width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.12);box-shadow:inset 0 1px 2px #fffa,0 4px 18px #0001;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);display:grid;place-items:center;overflow:hidden;z-index:1201;box-sizing:border-box;view-transition-name:waleed-glass-logo}
.waleed-glass-logo img{width:100%;height:100%;object-fit:contain;border-radius:50%;display:block}
html:is(.waleed-project-open,.waleed-contact-open) .waleed-glass-logo,body:has(.waleed-frames-dialog[open]) .waleed-glass-logo{visibility:hidden;pointer-events:none}
@media(max-width:781px){.waleed-glass-logo{width:58px;height:58px}.waleed-glass-nav{top:calc(82px + env(safe-area-inset-top,0px) + var(--glass-admin-top,0px))}body.waleed-glass-navigation>.wp-site-blocks{padding-top:156px!important}}

/* Stronger glass edge distortion, with a darker second lens for selection. */
.waleed-glass-nav{background:rgba(255,255,255,.24)}
.waleed-glass-frost{backdrop-filter:blur(5px) saturate(150%);-webkit-backdrop-filter:blur(5px) saturate(150%);background:linear-gradient(145deg,#ffffff65,#ffffff32 46%,#ffffff4a)}
.waleed-glass-indicator{background:linear-gradient(140deg,#68768545,#65738130);border-color:#ffffffa0;box-shadow:inset 0 1px 2px #fffd,inset 0 -1px 2px #43516430,0 2px 8px #00000012;backdrop-filter:blur(2px) saturate(165%) contrast(108%);-webkit-backdrop-filter:blur(2px) saturate(165%) contrast(108%)}
@supports(backdrop-filter:url('#waleed-glass-selection-refraction')){.waleed-glass-indicator{backdrop-filter:url('#waleed-glass-selection-refraction') blur(2px) saturate(165%);-webkit-backdrop-filter:url('#waleed-glass-selection-refraction') blur(2px) saturate(165%)}}
.waleed-glass-nav.is-dragging .waleed-glass-indicator{background:linear-gradient(140deg,#68768555,#65738140)}
@media(min-width:782px){.waleed-glass-nav{width:min(384px,calc(100vw - 32px))}}

/* Safari uses a real backdrop blur; the clipped lens adds a gentle magnified scene. */
.waleed-glass-nav{overflow:hidden;backdrop-filter:blur(12px) saturate(145%);-webkit-backdrop-filter:blur(12px) saturate(145%);background:rgba(255,255,255,.3)}
.waleed-glass-lens{position:absolute;inset:0;z-index:-2;pointer-events:none;border-radius:inherit;transform:scale(1.065,1.12);transform-origin:center;filter:blur(2px) saturate(130%);opacity:.65}
.waleed-glass-frost{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(145deg,#ffffff65,#ffffff48 46%,#ffffff55)}
.waleed-glass-indicator{background:rgba(0,0,0,.10);backdrop-filter:blur(2px) saturate(145%);-webkit-backdrop-filter:blur(2px) saturate(145%);border-color:#ffffffb0;box-shadow:inset 0 1px 2px #fffc,inset 0 -1px 2px #0000000a,0 1px 4px #00000008}
.waleed-glass-nav.is-dragging .waleed-glass-indicator{background:rgba(0,0,0,.10)}
/* Match the pill outline without altering button colors, type, or dimensions. */
a.wp-block-button__link,.waleed-work-cta a,.waleed-project-navigation a.wp-block-button__link,.waleed-inline-project .waleed-project-navigation a.wp-block-button__link{border-radius:999px!important}
html body .wp-block-buttons .wp-block-button>a.wp-block-button__link,html body .waleed-work-cta a.wp-element-button{border-radius:999px!important}

/* Live backdrop only: no delayed scene copies under the glass. */
.waleed-glass-lens{display:none!important}
.waleed-glass-nav{translate:-50% 0;transform:scale(var(--glass-scale,1));transform-origin:top center;clip-path:inset(0 round 999px);will-change:transform}
.waleed-glass-logo{clip-path:circle(50%);transform-origin:center;will-change:transform,opacity}
.waleed-glass-logo img{border-radius:50%!important;clip-path:circle(50%)}
.waleed-glass-indicator{view-transition-name:waleed-glass-indicator;clip-path:inset(0 round 999px)}
.waleed-glass-nav.is-initializing .waleed-glass-indicator{transition:none}

/* Do not reveal unfinished header assets or capture the moving lens above text. */
.waleed-glass-nav.is-loading,.waleed-glass-logo.is-loading{visibility:hidden!important;pointer-events:none!important}
@media(min-width:782px){.waleed-glass-indicator{view-transition-name:none}}
@media(max-width:781px){
 .waleed-glass-nav{transform:translate3d(0,var(--glass-shift,0px),0) scale(var(--glass-scale,1));clip-path:none;backface-visibility:hidden}
 .waleed-glass-logo{clip-path:none;backdrop-filter:none;-webkit-backdrop-filter:none;backface-visibility:hidden}
 .waleed-glass-logo img{clip-path:none}
}
/* Eighty percent CTA dimensions, preserving loading and shake transforms. */
html body .waleed-work-cta a.wp-element-button{font-size:1.04rem!important;padding:9.6px 17.6px!important}
.waleed-project-navigation>.wp-block-button{flex-basis:176px!important}
html body .waleed-project-navigation a.wp-block-button__link{font-size:.88rem!important;padding:11.2px 14.4px!important}
@media(max-width:781px){
 .waleed-project-navigation>.wp-block-button{flex-basis:128px!important}
 html body .waleed-project-navigation a.wp-block-button__link{font-size:clamp(.52rem,2.64vw,.72rem)!important;padding:9.6px 6.4px!important}
}

/* Keep the original header out of all early snapshots. */
body>.wp-site-blocks>header{display:none!important}
.waleed-glass-logo{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.waleed-glass-indicator{view-transition-name:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.waleed-glass-nav.is-ready,.waleed-glass-logo.is-ready{animation:waleed-header-ready 1213ms cubic-bezier(0,0,.58,1) backwards}
@keyframes waleed-header-ready{from{filter:blur(40px);opacity:0;scale:.75}to{filter:blur(0);opacity:1;scale:1}}
@media(prefers-reduced-motion:reduce){.waleed-glass-nav.is-ready,.waleed-glass-logo.is-ready{animation:none}}

html.waleed-native-header .waleed-glass-nav.is-ready,html.waleed-native-header .waleed-glass-logo.is-ready{animation:none}

/* Saved header choices: the Original keeps its own header script and spacing. */
html body.waleed-nav-classic>.wp-site-blocks>header{display:block!important}
body.waleed-nav-outline .waleed-glass-nav,
body.waleed-nav-custom .waleed-glass-nav{background:var(--waleed-nav-bg)!important;border:3px solid var(--waleed-nav-stroke)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;gap:6px;padding:6px}
body.waleed-nav-outline .waleed-glass-frost,body.waleed-nav-outline .waleed-glass-lens,body.waleed-nav-outline .waleed-glass-indicator,
body.waleed-nav-custom .waleed-glass-frost,body.waleed-nav-custom .waleed-glass-lens,body.waleed-nav-custom .waleed-glass-indicator{display:none!important}
body.waleed-nav-outline .waleed-glass-nav>a,
body.waleed-nav-custom .waleed-glass-nav>a{background:var(--waleed-nav-bg)!important;color:var(--waleed-nav-text)!important;border:1px solid var(--waleed-nav-stroke)!important;border-radius:999px;box-sizing:border-box;overflow:hidden;white-space:nowrap;transition:background-color .18s,color .18s,border-color .18s}
body.waleed-nav-outline .waleed-glass-nav>a:hover,
body.waleed-nav-custom .waleed-glass-nav>a:hover{background:var(--waleed-nav-hover-bg)!important;color:var(--waleed-nav-hover-text)!important;border-color:var(--waleed-nav-hover-stroke)!important}
body.waleed-nav-outline .waleed-glass-nav>a[aria-current=page],
body.waleed-nav-custom .waleed-glass-nav>a[aria-current=page]{background:var(--waleed-nav-active-bg)!important;color:var(--waleed-nav-active-text)!important;border-color:var(--waleed-nav-active-stroke)!important;-webkit-text-stroke:0}
body.waleed-nav-outline .waleed-glass-logo{background:#fff;border:1px solid var(--waleed-nav-stroke);box-shadow:none}
body.waleed-nav-outline .waleed-glass-nav>a.waleed-navigation-loading{background:var(--waleed-nav-bg)!important;color:var(--waleed-nav-text)!important;border-color:var(--waleed-nav-active-stroke)!important}
body.waleed-nav-outline .waleed-glass-nav>a.waleed-navigation-loading::before{background:var(--waleed-nav-active-bg)!important;border-radius:0}
body.waleed-nav-outline .waleed-glass-nav>a.waleed-navigation-loading .waleed-navigation-label{color:var(--waleed-nav-text)!important}
body.waleed-nav-outline .waleed-glass-nav>a.waleed-navigation-loading .waleed-navigation-inverse{color:var(--waleed-nav-active-text)!important}
body.waleed-nav-custom.waleed-nav-classic .wp-block-navigation a{color:var(--waleed-nav-text)!important;background:var(--waleed-nav-bg)}
body.waleed-nav-custom.waleed-nav-classic .wp-block-navigation a:hover{color:var(--waleed-nav-hover-text)!important;background:var(--waleed-nav-hover-bg)}
body.waleed-nav-custom.waleed-nav-classic .wp-block-navigation .current-menu-item>a{color:var(--waleed-nav-active-text)!important;background:var(--waleed-nav-active-bg)}
/* Shared button palette. Loading fills use the hover palette. */
html body[class] a.wp-block-button__link,
html body[class] .waleed-work-cta a,
html body[class] .waleed-inline-project .waleed-project-navigation a.wp-block-button__link{background:var(--waleed-cta-bg)!important;background-image:none!important;color:var(--waleed-cta-text)!important;border-color:var(--waleed-cta-stroke)!important}
html body[class] a.wp-block-button__link:is(:hover,:focus-visible,:active):not(.waleed-navigation-loading),
html body[class] .waleed-work-cta a:is(:hover,:focus-visible,:active):not(.waleed-navigation-loading),
html body[class] .waleed-inline-project .waleed-project-navigation a.wp-block-button__link:is(:hover,:focus-visible,:active):not(.waleed-navigation-loading){background:var(--waleed-cta-hover-bg)!important;color:var(--waleed-cta-hover-text)!important;border-color:var(--waleed-cta-hover-stroke)!important}
html body[class] a.wp-block-button__link.waleed-navigation-loading::before,
html body[class] .waleed-work-cta a.waleed-navigation-loading::before{background:var(--waleed-cta-hover-bg)!important}
html body[class] a.wp-block-button__link.waleed-navigation-loading .waleed-navigation-label,
html body[class] .waleed-work-cta a.waleed-navigation-loading .waleed-navigation-label{color:var(--waleed-cta-text)!important}
html body[class] a.wp-block-button__link.waleed-navigation-loading .waleed-navigation-inverse,
html body[class] .waleed-work-cta a.waleed-navigation-loading .waleed-navigation-inverse{color:var(--waleed-cta-hover-text)!important}

/* Discourage native image save sheets; retain page scrolling and lightbox gestures. */
body img,body picture{ -webkit-touch-callout:none!important;-webkit-user-drag:none!important;user-select:none!important;-webkit-user-select:none!important }
body a:has(>img),body a:has(>picture){-webkit-touch-callout:none!important}

/* Keep the mobile bar free of an outer shadow. */
@media(max-width:781px){.waleed-glass-nav{box-shadow:none!important}}

/* Capture one page surface: never morph a zero-size scrolled logo into a new one. */
.waleed-glass-nav,.waleed-glass-logo{view-transition-name:none!important}
.waleed-glass-nav.is-ready,.waleed-glass-logo.is-ready{animation:none!important}
html.waleed-page-enter .waleed-glass-nav,html.waleed-page-enter .waleed-glass-logo{filter:blur(40px);opacity:0}
html.waleed-project-closing .waleed-glass-nav,html.waleed-project-closing .waleed-glass-logo{visibility:visible!important;pointer-events:none!important}

/* Polished glass: crisp surface highlights over a softly blurred live backdrop. */
body.waleed-nav-glass:not(.waleed-nav-custom) .waleed-glass-nav{
 background:rgba(255,255,255,.48);
 border-color:rgba(92,99,108,.20);
 backdrop-filter:blur(7px) saturate(120%);-webkit-backdrop-filter:blur(7px) saturate(120%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.96),inset 1px 0 0 rgba(255,255,255,.65),inset -1px 0 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(255,255,255,.75)!important;
}
body.waleed-nav-glass:not(.waleed-nav-custom) .waleed-glass-frost{
 background:linear-gradient(180deg,rgba(255,255,255,.48) 0%,rgba(255,255,255,.14) 17%,rgba(255,255,255,.035) 52%,rgba(255,255,255,.17) 100%);
 box-shadow:none;
}
body.waleed-nav-glass:not(.waleed-nav-custom) .waleed-glass-indicator{
 background:rgba(0,0,0,.065);border-color:rgba(255,255,255,.48);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.66),inset 0 -1px 0 rgba(255,255,255,.22);
}
body.waleed-nav-glass:not(.waleed-nav-custom) .waleed-glass-nav>a{color:#101114!important;text-shadow:0 1px 0 rgba(255,255,255,.35)}

/* A very small polish pass; retain the same readable glass treatment. */
body.waleed-nav-glass:not(.waleed-nav-custom) .waleed-glass-nav{
 backdrop-filter:blur(6.5px) saturate(120%);-webkit-backdrop-filter:blur(6.5px) saturate(120%);
 box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 rgba(255,255,255,.69),inset -1px 0 0 rgba(255,255,255,.49),inset 0 -1px 0 rgba(255,255,255,.79)!important;
}
@media(hover:none),(pointer:coarse){
 :is(.waleed-gallery-part,.waleed-work-gallery) .waleed-puzzle-grid .wp-block-image,
 :is(.waleed-gallery-part,.waleed-work-gallery) .waleed-puzzle-grid .wp-block-image>a,
 :is(.waleed-gallery-part,.waleed-work-gallery) .waleed-puzzle-grid .wp-block-image img{outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent!important}
}

/* Shared pill labels and lighter project section headings, including future projects. */
.waleed-post-project-type>span{border-radius:999px!important}
html body .waleed-case-section>.wp-block-heading,
html body .waleed-inline-project .waleed-case-section>.wp-block-heading{font-weight:400!important;-webkit-text-stroke:0!important;font-synthesis:none}
html body .waleed-case-section>.wp-block-heading :is(strong,b){font-weight:inherit!important;-webkit-text-stroke:0!important}


/* Mobile document offset mirrors the project viewer: the visible layout stays put. */
@media(max-width:781px){
 html.waleed-mobile-origin body.waleed-glass-navigation>.wp-site-blocks{padding-top:236px!important}
 html.waleed-mobile-origin body.waleed-nav-classic>.wp-site-blocks{padding-top:80px!important}
 dialog.waleed-inline-project{padding-top:max(80px,calc(env(safe-area-inset-top,0px) * 1.2))!important}
}