/* AL-BADR Studio 4.2.45 — comprehensive visual and 3D typography refresh.
   Loaded last intentionally to normalize older stacked stylesheets. */
:root{
  --albadr-text-depth: 0 1px 0 rgba(255,255,255,.32), 0 2px 0 rgba(255,255,255,.12),
    0 3px 0 rgba(0,0,0,.22), 0 5px 0 rgba(0,0,0,.18), 0 12px 24px rgba(0,0,0,.28);
  --albadr-glow: 0 0 18px color-mix(in srgb, var(--primary, #248cff) 30%, transparent);
}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{background:var(--bg,#07111f)!important;color:var(--text,#f5f7fb)!important;font-family:var(--font, Tahoma, Arial, sans-serif)!important;font-size:clamp(12px,var(--body-size,16px),24px)!important}
/* Typography: real depth comes from layered shadows, not an unreadable fake extrusion. */
body :is(.hero-copy-final h1,.hero-copy-final h2,.section-title-final h2,.youtube-head h2,
 .about-text-final h2,.contact-final h2,.albadr-services-v9-heading h2,.page-title,
 .entry-title,.cat-content h3,.category-child h3,.work h3,.yt-info h3,
 .about-values-final h3,.albadr-footer-pro h3){
  position:relative;isolation:isolate;font-weight:900;letter-spacing:-.025em;
  text-shadow:var(--albadr-text-depth);transform:translateZ(0);
  -webkit-text-stroke:.15px rgba(255,255,255,.16);
}
body .hero-copy-final h1{font-size:clamp(32px,var(--h1-size,58px),80px)!important;line-height:1.16}
body .hero-copy-final h1 span,
body .albadr-services-v9-heading h2 span{
  display:inline-block;color:var(--primary,#248cff);
  background:linear-gradient(110deg,var(--primary,#248cff),var(--secondary,#7d5cff),var(--accent,#d0a05a),var(--primary,#248cff));
  background-size:240% 100%;-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 0 rgba(0,0,0,.24)) drop-shadow(0 0 13px rgba(36,140,255,.18));
  animation:albadrGradientFlow45 9s ease-in-out infinite;
}
body .section-title-final h2,body .youtube-head h2,body .about-text-final h2,
body .contact-final h2,body .albadr-services-v9-heading h2{font-size:clamp(23px,3vw,38px);line-height:1.3}
body .cat-content h3,body .work h3,body .yt-info h3,body .about-values-final h3,body .cat-links a strong{font-size:clamp(15px,var(--card-title,23px),32px);font-weight:900;text-shadow:0 1px 0 rgba(255,255,255,.22),0 3px 0 rgba(0,0,0,.22),0 7px 14px rgba(0,0,0,.2)}
/* Icons become dimensional while retaining their original glyphs and click targets. */
body :is(.cat-icon,.child-icon,.wave-mark,.yt-logo,.albadr-services-v9-icon,.hero-play,
 .main-nav a,.nav-menu a,.socials a,.albadr-footer-socials a,.contact-icon){
  transform:translateZ(0);text-shadow:0 1px 0 rgba(255,255,255,.3),0 3px 0 rgba(0,0,0,.28),0 7px 14px rgba(0,0,0,.25);
  transition:transform .28s ease,filter .28s ease,box-shadow .28s ease;
}
body :is(.cat-icon,.child-icon,.albadr-services-v9-icon,.hero-play,.socials a,.albadr-footer-socials a):hover{
  transform:translateY(-3px) rotateX(8deg) scale(1.06);filter:drop-shadow(0 7px 8px rgba(0,0,0,.28));
}
/* Consistent surface depth across cards, buttons and controls. */
body :is(.main-category,.category-child,.work-grid .work.card,.yt-final,
 .about-values-final>div,.albadr-services-v9-card,.hero-cta,.outline-btn,.cat-links a,
 .work-actions a,.copy-link,.albadr-footer-socials a){
  border-radius:var(--radius,20px);transform-style:preserve-3d;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,filter .28s ease;
}
body :is(.main-category,.category-child,.work-grid .work.card,.yt-final,.about-values-final>div,.albadr-services-v9-card){
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 3px 0 rgba(0,0,0,.22),0 12px 26px rgba(0,0,0,.22);
}
body :is(.main-category,.category-child,.work-grid .work.card,.yt-final,.about-values-final>div,.albadr-services-v9-card):hover{
  transform:translateY(-4px) perspective(900px) rotateX(.6deg);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 5px 0 rgba(0,0,0,.2),0 20px 36px rgba(0,0,0,.28),var(--albadr-glow);
}
body :is(.hero-cta,.outline-btn,.cat-links a,.work-actions a,.copy-link):hover{
  transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 8px 20px rgba(0,0,0,.22),var(--albadr-glow);
}
/* Inputs and focus states remain accessible. */
body :is(a,button,input,textarea,select,[tabindex]):focus-visible{outline:3px solid var(--accent,#d0a05a)!important;outline-offset:3px}
body img{max-width:100%;height:auto}
.hero-hidden-video{max-width:100%}
@keyframes albadrGradientFlow45{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(max-width:900px){
 body .hero-copy-final h1{font-size:clamp(32px,7.5vw,var(--h1-size,58px))!important}
 body .section-title-final h2,body .youtube-head h2,body .about-text-final h2,body .contact-final h2,body .albadr-services-v9-heading h2{font-size:clamp(22px,5vw,32px)}
}
@media(max-width:560px){
 body .hero-copy-final h1{font-size:clamp(30px,8vw,44px)!important}
 body .hero-copy-final h2{font-size:clamp(17px,4.5vw,22px)}
 body :is(.section-title-final h2,.youtube-head h2,.about-text-final h2,.contact-final h2,.albadr-services-v9-heading h2){font-size:clamp(21px,6vw,27px)}
 body :is(.main-category,.category-child,.work-grid .work.card,.yt-final,.about-values-final>div,.albadr-services-v9-card):hover{transform:translateY(-2px)}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}