/* Al Badr Studio 4.2.41 — sitewide typography, 3D depth and responsive polish.
   Existing brand palette is intentionally retained. */
:root{--albadr-depth-text:0 1px 0 rgba(255,255,255,.20),0 2px 0 rgba(0,0,0,.32),0 4px 0 rgba(0,0,0,.22),0 8px 18px rgba(0,0,0,.34);--albadr-depth-soft:0 1px 0 rgba(255,255,255,.12),0 3px 0 rgba(0,0,0,.25),0 6px 14px rgba(0,0,0,.26);--albadr-ease:cubic-bezier(.2,.75,.25,1)}
body{font-size:clamp(16px,var(--body-size,16px),18px);line-height:1.8;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.site-header{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.main-nav>a,.nav-menu>li>a{font-size:clamp(13px,1vw,15px);font-weight:800;text-shadow:0 1px 0 rgba(255,255,255,.12),0 3px 8px rgba(0,0,0,.45);transition:color .25s ease,transform .25s var(--albadr-ease),text-shadow .25s ease}
.main-nav>a:hover,.nav-menu>li>a:hover{transform:translateY(-2px);text-shadow:0 0 12px rgba(0,215,255,.35),0 3px 8px rgba(0,0,0,.5)}
.hero-welcome{font-size:clamp(16px,1.4vw,20px);font-weight:800;text-shadow:0 0 14px rgba(0,215,255,.25)}
.hero-copy-final h1{font-size:clamp(38px,var(--h1-size,58px),62px);line-height:1.18;font-weight:900;letter-spacing:-.025em;text-shadow:var(--albadr-depth-text);filter:drop-shadow(0 8px 12px rgba(0,0,0,.25))}
.hero-copy-final h1 span{display:inline-block;text-shadow:0 1px 0 rgba(255,255,255,.22),0 2px 0 rgba(120,0,90,.65),0 5px 0 rgba(70,0,80,.55),0 9px 18px rgba(0,0,0,.38),0 0 22px rgba(233,0,184,.2)}
.hero-copy-final h2{font-size:clamp(23px,2.4vw,34px);font-weight:900;text-shadow:var(--albadr-depth-soft)}
.hero-copy-final p{font-size:clamp(14px,1.2vw,17px);line-height:1.8}
.section-title-final h2,.youtube-head h2,.about-text-final h2,.contact-final h2{font-size:clamp(24px,2vw,30px);font-weight:900;letter-spacing:-.015em;text-shadow:var(--albadr-depth-text)}
.section-title-final p{font-size:clamp(12px,1vw,14px);line-height:1.8}
.main-category{border-radius:18px;transform:translateZ(0);box-shadow:0 3px 0 rgba(0,0,0,.28),0 12px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.13);transition:transform .38s var(--albadr-ease),box-shadow .38s ease,border-color .38s ease}
.main-category:hover{transform:translateY(-5px) perspective(900px) rotateX(.7deg);box-shadow:0 6px 0 rgba(0,0,0,.25),0 22px 38px rgba(0,0,0,.34),0 0 22px rgba(0,150,255,.12),inset 0 1px 0 rgba(255,255,255,.17)}
.cat-icon,.child-icon,.albadr-services-v9-icon{box-shadow:0 2px 0 rgba(0,0,0,.32),0 7px 15px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.24);text-shadow:0 2px 0 rgba(0,0,0,.28)}
.cat-content h3{font-size:clamp(24px,var(--card-title,23px),30px);font-weight:900;line-height:1.35;text-shadow:var(--albadr-depth-text)}
.cat-content p{font-size:clamp(12px,1vw,14px);line-height:1.7;text-shadow:0 2px 5px #000}
.cat-links a{min-height:42px;height:auto;padding:7px 11px;font-size:clamp(12px,1vw,14px);line-height:1.5;font-weight:800;box-shadow:0 2px 0 rgba(0,0,0,.3),0 5px 12px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .25s var(--albadr-ease),filter .25s ease,box-shadow .25s ease}
.cat-links a:hover{transform:translateY(-2px);filter:brightness(1.13);box-shadow:0 4px 0 rgba(0,0,0,.28),0 9px 18px rgba(0,0,0,.26),0 0 14px rgba(0,215,255,.16)}
.cat-links a .child-icon{width:29px;height:29px;flex:0 0 29px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(0,0,0,.16));border:1px solid rgba(255,255,255,.16);font-size:18px}
.category-child,.work-grid .work.card,.yt-final,.about-values-final>div{box-shadow:0 3px 0 rgba(0,0,0,.25),0 12px 26px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.09);transition:transform .3s var(--albadr-ease),box-shadow .3s ease,border-color .3s ease}
.category-child:hover,.work-grid .work.card:hover,.yt-final:hover,.about-values-final>div:hover{transform:translateY(-4px);box-shadow:0 5px 0 rgba(0,0,0,.22),0 18px 32px rgba(0,0,0,.28),0 0 16px rgba(0,140,255,.1)}
.category-child h3,.work h3,.yt-info h3,.about-values-final h3,.contact-footer-grid h3{font-size:clamp(15px,1.25vw,19px);font-weight:900;line-height:1.5;text-shadow:var(--albadr-depth-soft)}
.category-child p,.work .work-body,.single-content,.about-text-final p,.contact-footer-grid p{font-size:clamp(13px,1vw,16px);line-height:1.85}
.work-actions a,.outline-btn,.hero-cta{font-size:clamp(13px,1vw,15px);font-weight:900;box-shadow:0 3px 0 rgba(0,0,0,.25),0 9px 18px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.16);transition:transform .25s var(--albadr-ease),filter .25s ease,box-shadow .25s ease}
.work-actions a:hover,.outline-btn:hover,.hero-cta:hover{transform:translateY(-2px);filter:brightness(1.1)}
.yt-info h3{font-size:clamp(14px,1.1vw,17px);white-space:normal;overflow-wrap:anywhere}
.footer-final{font-size:11px;line-height:1.7}
/* Staggered reveal is opt-in after JS is ready; no-JS users keep all content visible. */
.js .albadr-reveal-ready{opacity:0;transform:translateY(18px) scale(.99)}
.js .albadr-reveal-ready.albadr-revealed{opacity:1;transform:translateY(0) scale(1);transition:opacity .65s ease,transform .65s var(--albadr-ease)}
@media(max-width:900px){.hero-copy-final h1{font-size:clamp(34px,7vw,48px)}.hero-copy-final h2{font-size:clamp(21px,4vw,28px)}.cat-links a{font-size:14px}.main-category{min-height:280px}}
@media(max-width:560px){body{font-size:16px}.hero-copy-final h1{font-size:clamp(30px,8vw,40px)}.hero-copy-final h2{font-size:clamp(19px,5vw,24px)}.hero-copy-final p{font-size:13px}.section-title-final h2,.youtube-head h2,.about-text-final h2{font-size:23px}.cat-content h3{font-size:27px}.cat-links a{min-height:46px;font-size:13px}.category-child h3,.work h3,.yt-info h3{font-size:16px}.work-actions a{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .albadr-reveal-ready{opacity:1;transform:none}}