@layer components{.pf{font-family:Geist,Cairo,sans-serif;font-size:1.25rem}.pf-display{font-family:IBM Plex Sans,IBM Plex Sans Arabic,sans-serif}.pf-pixel{font-family:Courier Prime,IBM Plex Sans Arabic,monospace}.pf-negative{filter:invert()hue-rotate(180deg)}.pf-lightbox::backdrop{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#0a0f1dcc}}.pf :is(h1,h2):lang(ar){line-height:1.35}.pf-lightbox[open]{animation:.15s pf-zoom-in}.pf-lightbox[open]::backdrop{animation:.15s pf-fade-in}.pf-lightbox[data-closing]{animation:.15s forwards pf-zoom-out}.pf-lightbox[data-closing]::backdrop{animation:.15s forwards pf-fade-out}html:has([data-portfolio-stack]){scroll-snap-type:y mandatory;scrollbar-gutter:stable}html:has([data-portfolio-stack]) .cream-end{scroll-snap-align:start}html:has([data-portfolio-stack]) .site-footer{scroll-snap-align:end}html:has(.pf-lightbox[open]){overflow:hidden}@keyframes pf-float-square{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pf-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@keyframes pf-scroll-cue{0%{transform-origin:top;transform:scaleY(0)}45%{transform-origin:top;transform:scaleY(1)}55%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}@keyframes pf-zoom-in{0%{opacity:0;transform:scale(.98)}}@keyframes pf-zoom-out{to{opacity:0;transform:scale(.98)}}@keyframes pf-fade-in{0%{opacity:0}}@keyframes pf-fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.pf *,.pf :before,.pf :after,.pf-lightbox::backdrop{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}