/* Showcase shares the academy shell, palette, typography, and account navigation. */
body.ga-v2-page .ga-home-v2 .ga-works-hero{padding:145px 0 28px;background:radial-gradient(ellipse at 10% 10%,#10505b66,transparent 60%),linear-gradient(140deg,#0e2537,#0a1424);color:#fff}
body.ga-v2-page .ga-home-v2 .ga-works-breadcrumb{display:flex;align-items:center;gap:12px;color:#9eb9c8;font-size:14px;margin-bottom:32px}
body.ga-v2-page .ga-home-v2 .ga-works-intro{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:70px;padding:12px 0 52px}
body.ga-v2-page .ga-home-v2 .ga-works-intro .chip{color:#82dae2;border-color:#0bb8c650}
body.ga-v2-page .ga-home-v2 .ga-works-intro h1{font-size:clamp(36px,4.4vw,60px);line-height:1.4;font-weight:900;margin:20px 0}
body.ga-v2-page .ga-home-v2 .ga-works-intro p{font-size:19px;line-height:1.9;color:#b9cbda;margin:0 0 26px;max-width:540px}
body.ga-v2-page .ga-home-v2 .ga-works-mosaic{position:relative;min-height:355px;direction:ltr}
body.ga-v2-page .ga-home-v2 .ga-works-mosaic img{position:absolute;object-fit:cover;aspect-ratio:4/3;border:5px solid #ffffff14;border-radius:18px;box-shadow:0 25px 60px #0005;width:77%;height:auto;top:0;right:0;transform:rotate(4deg)}
body.ga-v2-page .ga-home-v2 .ga-works-mosaic img+img{width:58%;top:145px;left:0;right:auto;transform:rotate(-6deg)}
body.ga-v2-page .ga-home-v2 .ga-works-mosaic>span{position:absolute;bottom:5px;right:0;background:#102c3c;border:1px solid #4d717c;padding:10px 18px;border-radius:30px;font-size:13px;color:#aff1ea;direction:rtl}
body.ga-v2-page .ga-home-v2 .ga-works-hero-foot{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #ffffff1a;padding-top:20px;font-size:14px;color:#95b1c3}
body.ga-v2-page .ga-home-v2 .ga-works-hero-foot i{color:#ffa336;font-style:normal;padding:0 8px}
body.ga-v2-page .ga-home-v2 .ga-works-gallery{padding:52px 0 64px;scroll-margin-top:115px}
body.ga-v2-page .ga-home-v2 .ga-works-preview-note{display:flex;align-items:center;gap:16px;padding:15px 20px;border:1px solid #f0d5a5;border-radius:12px;background:#fff8ed;color:#6c4d23;font-size:14px;line-height:1.8;margin-bottom:34px}
body.ga-v2-page .ga-home-v2 .ga-works-preview-note strong{white-space:nowrap}
body.ga-v2-page .ga-home-v2 .ga-works-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px}
body.ga-v2-page .ga-home-v2 .ga-works-heading p{color:var(--muted);font-size:16px;line-height:1.8;margin:0 0 12px}
body.ga-v2-page .ga-home-v2 .ga-works-heading .sec-title{font-size:clamp(25px,3vw,36px)}
body.ga-v2-page .ga-home-v2 .ga-works-filters{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body.ga-v2-page .ga-home-v2 .ga-works-tabs{display:flex;flex-wrap:wrap;gap:8px}
body.ga-v2-page .ga-home-v2 .ga-works-tabs button{font:700 14px/1.5 'Tajawal',sans-serif;padding:11px 17px;min-height:44px;border-radius:30px;border:1px solid #d8e4ec;background:#fff;color:#526a7c;cursor:pointer}
body.ga-v2-page .ga-home-v2 .ga-works-tabs button.selected{background:#103448;color:#fff;border-color:#103448;box-shadow:0 5px 12px #1034481a}
body.ga-v2-page .ga-home-v2 .ga-works-tabs button:hover{border-color:var(--teal-deep)}
body.ga-v2-page .ga-home-v2 .ga-works-filters label{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:13px;color:var(--muted)}
body.ga-v2-page .ga-home-v2 .ga-works-filters select{font:700 14px 'Tajawal',sans-serif;border:1px solid #d8e4ec;border-radius:10px;background:#fff;color:var(--ink);padding:10px;min-height:44px}
body.ga-v2-page .ga-home-v2 .ga-works-count{font-size:13px;color:var(--muted);margin:20px 0}
body.ga-v2-page .ga-home-v2 .ga-works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}
body.ga-v2-page .ga-home-v2 .ga-work-card{min-width:0;background:#fff;border:1px solid #e0e9ef;border-radius:18px;overflow:hidden;box-shadow:0 8px 22px #152a3d05;transition:box-shadow .2s,border-color .2s}
body.ga-v2-page .ga-home-v2 .ga-work-card:hover{border-color:#9acdd2;box-shadow:0 14px 35px #152a3d12}
body.ga-v2-page .ga-home-v2 .ga-work-open{display:block;position:relative;border:0;padding:0;margin:0;width:100%;aspect-ratio:4/3;background:#dce7ed;overflow:hidden;cursor:zoom-in}
body.ga-v2-page .ga-home-v2 .ga-work-open img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
body.ga-v2-page .ga-home-v2 .ga-work-open:hover img{transform:scale(1.035)}
body.ga-v2-page .ga-home-v2 .ga-work-demo{position:absolute;top:12px;right:12px;background:#0a1424d9;color:#fff;border:1px solid #ffffff33;padding:5px 10px;border-radius:30px;font-size:11px;font-weight:500}
body.ga-v2-page .ga-home-v2 .ga-work-zoom{position:absolute;bottom:14px;left:14px;display:grid;place-items:center;width:34px;height:34px;background:#fff;color:#163547;border-radius:50%;font-size:22px;box-shadow:0 3px 12px #0002}
body.ga-v2-page .ga-home-v2 .ga-work-caption{padding:20px 22px 22px}
body.ga-v2-page .ga-home-v2 .ga-work-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#088a96;font-weight:700;margin-bottom:12px}
body.ga-v2-page .ga-home-v2 .ga-work-number{color:#97acbb;letter-spacing:2px;font-size:12px}
body.ga-v2-page .ga-home-v2 .ga-work-caption h3{font-size:18px;font-weight:800;line-height:1.7;margin:0 0 8px;color:var(--ink)}
body.ga-v2-page .ga-home-v2 .ga-work-caption p{font-size:14px;color:var(--muted);line-height:1.7;margin:0}
body.ga-v2-page .ga-home-v2 .ga-work-caption p>span{display:block;font-size:12px;color:#7c8d9b;margin-top:3px}
body.ga-v2-page .ga-home-v2 .ga-work-card[hidden],body.ga-v2-page .ga-home-v2 .ga-works-empty[hidden]{display:none!important}
body.ga-v2-page .ga-home-v2 .ga-works-empty{text-align:center;padding:60px 20px;background:#fff;border:1px solid var(--line);border-radius:18px}
body.ga-v2-page .ga-home-v2 .ga-works-final{padding:0 0 70px}
body.ga-v2-page .ga-home-v2 .ga-works-final .cta-band{gap:28px}
body.ga-v2-page .ga-home-v2 .ga-works-final .cta-band>div>span{font-size:13px;color:#82dce3}
body.ga-v2-page .ga-home-v2 .ga-work-dialog{position:fixed;inset:0;box-sizing:border-box;margin:auto;padding:0;border:1px solid #dbe5ed;border-radius:20px;width:min(1080px,94vw);max-height:90dvh;overflow:auto;background:#fff;color:#152a3d;box-shadow:0 30px 100px #0006;direction:rtl}
body.ga-v2-page .ga-home-v2 .ga-work-dialog[open]{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr)}
body.ga-v2-page .ga-home-v2 .ga-work-dialog::backdrop{background:#06111ed9;backdrop-filter:blur(7px)}
body.ga-v2-page .ga-home-v2 .ga-work-dialog-media{background:#eaf0f4;display:grid;align-items:center;padding:24px}
body.ga-v2-page .ga-home-v2 .ga-work-dialog-media img{width:100%;height:auto;max-height:78dvh;object-fit:contain}
body.ga-v2-page .ga-home-v2 .ga-work-dialog-copy{padding:66px 28px 32px;display:flex;flex-direction:column;justify-content:center;gap:16px}
body.ga-v2-page .ga-home-v2 .ga-work-dialog-copy h2{font-size:26px;line-height:1.6;font-weight:800}
body.ga-v2-page .ga-home-v2 .ga-work-dialog-copy p{margin:0;color:#5c7186;font-size:15px;line-height:1.8}
body.ga-v2-page .ga-home-v2 #ga-work-dialog-kind{font-size:13px;font-weight:700;color:#088a96}
body.ga-v2-page .ga-home-v2 .ga-work-dialog-demo{font-size:12px;color:#976228}
body.ga-v2-page .ga-home-v2 .ga-work-close{position:absolute;top:12px;left:12px;width:40px;height:40px;border:1px solid #d9e3eb;border-radius:50%;background:#fff;color:#152a3d;font:28px/1 Arial;cursor:pointer;z-index:2}
body.ga-v2-page .ga-home-v2 .ga-works-teaser{padding:70px 0;background:#eef4f7}
body.ga-v2-page .ga-home-v2 .ga-works-teaser-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}
body.ga-v2-page .ga-home-v2 .ga-works-teaser-head p{color:var(--muted);margin:12px 0 0}
body.ga-v2-page .ga-home-v2 :is(.ga-work-open,.ga-work-close,.ga-works-tabs button,.ga-works-filters select):focus-visible{outline:3px solid #088a96;outline-offset:-3px}
@media(min-width:1100px){body.ga-v2-page .ga-home-v2 .links{gap:18px}body.ga-v2-page .ga-home-v2 .links a{white-space:nowrap}}
@media(max-width:1000px){body.ga-v2-page .ga-home-v2 .ga-works-intro{gap:35px}body.ga-v2-page .ga-home-v2 .ga-works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.ga-v2-page .ga-home-v2 .ga-works-filters{align-items:start;flex-direction:column}body.ga-v2-page .ga-home-v2 .ga-works-mosaic{min-height:300px}}
@media(max-width:700px){body.ga-v2-page .ga-home-v2 .ga-works-hero{padding-top:120px}body.ga-v2-page .ga-home-v2 .ga-works-intro{grid-template-columns:1fr;gap:30px;padding-bottom:32px}body.ga-v2-page .ga-home-v2 .ga-works-intro h1{font-size:38px}body.ga-v2-page .ga-home-v2 .ga-works-intro p{font-size:17px}body.ga-v2-page .ga-home-v2 .ga-works-mosaic{min-height:330px;max-width:420px;width:100%;margin:auto}body.ga-v2-page .ga-home-v2 .ga-works-hero-foot,body.ga-v2-page .ga-home-v2 .ga-works-heading,body.ga-v2-page .ga-home-v2 .ga-works-teaser-head{flex-direction:column;align-items:start}body.ga-v2-page .ga-home-v2 .ga-works-preview-note{align-items:start;flex-direction:column;gap:3px}body.ga-v2-page .ga-home-v2 .ga-works-gallery{padding-top:30px}body.ga-v2-page .ga-home-v2 .ga-works-heading p br{display:none}body.ga-v2-page .ga-home-v2 .ga-works-grid{grid-template-columns:1fr;gap:22px}body.ga-v2-page .ga-home-v2 .ga-work-dialog[open]{grid-template-columns:1fr}body.ga-v2-page .ga-home-v2 .ga-work-dialog-copy{padding:24px}body.ga-v2-page .ga-home-v2 .ga-work-dialog-media{padding:48px 14px 14px}body.ga-v2-page .ga-home-v2 .ga-work-dialog-media img{max-height:48dvh}body.ga-v2-page .ga-home-v2 .ga-works-tabs button{font-size:13px;padding:10px 14px}}
@media(prefers-reduced-motion:reduce){body.ga-v2-page .ga-home-v2 .ga-work-card,body.ga-v2-page .ga-home-v2 .ga-work-open img{transition:none}}