.page-work{--pa: #7DA2FF;--sb-accent-1: #7DA2FF;--sb-accent-2: #6366F1;--sb-glow: rgba(79, 124, 247, .45);--sb-eyebrow: #9FBEFF;--sb-bloom-pos: 72% 18%;--w-gut: clamp(20px, 5vw, 72px);--w-radius: 18px;--w-radius-sm: 12px;--w-hero-1: #1C2B49;--w-hero-2: #101A2E;--w-card: #16233C;--w-deep: #101B31;--w-field: color-mix(in srgb, #7DA2FF 12%, transparent);--w-edge: rgba(125, 162, 255, .2);--w-edge-str: rgba(125, 162, 255, .55);--w-bar-rule: rgba(125, 162, 255, .14);--w-thumb-edge: rgba(125, 162, 255, .18);--w-ink: #7DA2FF;--w-muted: #8B93A8;--w-stat: #8B95AC;--w-chip: color-mix(in srgb, #7DA2FF 10%, transparent);--w-dot: #3B475F;--w-sig: #7DA2FF;--w-sig-o: .34;--w-sig-fill-o: .16;--w-cover-shadow: 0 30px 60px -30px rgba(0, 0, 0, .85);padding-top:clamp(6.5rem,8vw,7.75rem);padding-bottom:clamp(40px,6vw,72px);background-color:var(--bg)}html[data-theme=light] body.route-work{background:#dddee1}html[data-theme=light] .page-work{--pa: #4A5E8E;--bg: #DDDEE1;background-color:#dddee1;--w-hero-1: #BFC8DA;--w-hero-2: #AAB7CF;--w-card: #B0BDD4;--w-deep: #CCD3DF;--w-field: color-mix(in srgb, #D6E1FF 50%, transparent);--w-edge: #8C98B2;--w-edge-str: #3B5288;--w-bar-rule: #A5AFC4;--w-thumb-edge: #8C98B2;--w-ink: #233F7C;--w-muted: #3F4148;--w-stat: #3F4148;--w-chip: color-mix(in srgb, #EEF1F7 70%, transparent);--w-dot: #8590A8;--w-sig: #33497A;--w-sig-o: .34;--w-sig-fill-o: .14;--w-cover-shadow: 0 30px 60px -32px rgba(28, 38, 64, .45)}html[data-theme=light] body.route-work>nav{background:#1c2334f5}html[data-theme=light] body.route-work footer{--footer-bg: rgba(28, 35, 52, .96)}@media(min-width:981px){.page-work{--nav-h: 71px;--hero-gap: clamp(14px, 2.2vh, 26px);padding-top:calc(var(--nav-h) + var(--hero-gap))}.page-work .sb-hero{min-height:0;height:max(420px,calc(100vh - var(--nav-h) - var(--hero-gap) * 2));margin-bottom:var(--hero-gap)}}@media(min-width:1201px){.page-work{--nav-h: 75px;padding-top:var(--hero-gap)}}@media(max-width:640px){.page-work{padding-top:5.5rem}}.page-work .sb-hero{max-width:min(1296px,calc(100% - var(--w-gut) * 2));background:linear-gradient(180deg,var(--w-hero-1),var(--w-hero-2));border-color:#7da2ff38;box-shadow:0 30px 80px -30px var(--sb-glow),inset 0 0 0 1px #ffffff0f}.page-work .sb-hero-bg{-webkit-mask-image:radial-gradient(ellipse at center,#000 45%,transparent 88%);mask-image:radial-gradient(ellipse at center,#000 45%,transparent 88%)}.page-work .w-sig{position:absolute;inset:0;width:100%;height:100%;display:block}.page-work .w-sig-lines{stroke:var(--w-sig);opacity:var(--w-sig-o)}.page-work .w-sig-fills{fill:var(--w-sig);opacity:var(--w-sig-fill-o)}.page-work .w-sig-narrow{display:none}@media(max-width:640px){.page-work .w-sig-wide{display:none}.page-work .w-sig-narrow{display:block}}.page-work .w-stat{margin:4px 0 0;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--w-stat)}html[data-theme=light] .page-work .sb-hero{background:radial-gradient(80% 75% at 72% 18%,color-mix(in srgb,#D6E1FF 60%,transparent),transparent 70%),linear-gradient(180deg,var(--w-hero-1),var(--w-hero-2));border-color:var(--w-edge);box-shadow:0 24px 60px -34px #1c264073}html[dir=rtl][data-theme=light] .page-work .sb-hero{background:radial-gradient(80% 75% at 28% 18%,color-mix(in srgb,#D6E1FF 60%,transparent),transparent 70%),linear-gradient(180deg,var(--w-hero-1),var(--w-hero-2))}html[data-theme=light] .page-work .sb-hero:before{mix-blend-mode:normal;opacity:.5}html[data-theme=light] .page-work .sb-display .bn-accent{background:linear-gradient(135deg,#3354b8,#4338ca);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 22px rgba(51,84,184,.18))}html[dir=rtl][data-theme=light] .page-work .sb-display .bn-accent{background:linear-gradient(225deg,#3354b8,#4338ca);-webkit-background-clip:text;background-clip:text}html[lang=ar] .page-work .w-stat{font-family:Cairo,sans-serif;letter-spacing:0;font-size:13.5px}@media(max-width:600px){.page-work .w-stat{font-size:11px}.page-work .w-stat-x{display:none}}.page-work .btn-outline:hover{border-color:var(--w-edge-str)}.page-work .wp,.page-work .wb{padding-inline:var(--w-gut);max-width:calc(1296px + var(--w-gut) * 2);margin-inline:auto}.page-work .wp{padding-top:clamp(48px,7vw,96px);scroll-margin-top:20px}.page-work .wb{padding-top:clamp(56px,8vw,104px)}@media(max-width:1200px){.page-work .wp{scroll-margin-top:64px}}.page-work .w-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--border)}.page-work .w-h2{font-family:var(--font-heading);font-weight:600;font-size:clamp(28px,3.4vw,44px);letter-spacing:-.025em;line-height:1.05;margin:0;color:var(--text)}html[lang=ar] .page-work .w-h2{font-family:Cairo,sans-serif;letter-spacing:0;line-height:1.2}.page-work .w-note{font-family:var(--font-mono);font-weight:500;font-size:13px;color:var(--w-muted)}.page-work .w-note-n{display:none}@media(max-width:600px){.page-work .w-note{font-size:12px}.page-work .w-note-w{display:none}.page-work .w-note-n{display:inline}}.page-work .wp-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.42em;font-size:13.5px}.page-work .wp-tags.is-fit{flex-wrap:nowrap}.page-work .wp-tags,.page-work .wp-tags *{transition-property:none}.page-work .wp-tags.is-fit.is-wrap{flex-wrap:wrap}.page-work .w-chip{flex:none;white-space:nowrap;font-size:1em;font-weight:600;line-height:1.3;padding:.45em .62em;border-radius:10px;border:1px solid var(--w-edge);color:var(--text);background:var(--w-chip)}.page-work .wp-band{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"cover" "card" "strip";gap:14px;padding-block:clamp(26px,4vw,52px);border-bottom:1px solid var(--border)}@media(min-width:1081px){.page-work .wp-band{grid-template-columns:minmax(0,1fr) minmax(0,1.42fr);grid-template-areas:"card cover" "strip strip";column-gap:clamp(20px,2vw,28px);row-gap:16px}}.page-work .wp-card{grid-area:card;min-width:0;display:flex;flex-direction:column;gap:14px;padding:clamp(20px,2.4vw,32px);border-radius:var(--w-radius);border:1px solid var(--w-edge);background:radial-gradient(120% 90% at 82% 4%,var(--w-field),transparent 62%),var(--w-card)}.page-work .wp-meta{display:flex;align-items:center;gap:12px}.page-work .wp-idx{font-family:var(--font-mono);font-weight:500;font-size:13px;color:var(--w-ink)}.page-work .wp-dash{flex:none;width:20px;height:1px;background:color-mix(in srgb,var(--w-ink) 45%,transparent)}.page-work .wp-cat{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--w-muted)}.page-work .wp-name{margin:0;font-family:var(--font-heading);font-weight:600;font-size:clamp(26px,2.8vw,40px);letter-spacing:-.025em;line-height:1.04;color:var(--text)}.page-work .wp-desc{margin:0;font-size:16px;line-height:1.6;color:var(--text-secondary)}.page-work .wp-tags{margin-top:auto;padding-top:4px}.page-work .wp-open{align-self:flex-start;padding:2px 0 0;border:0;background:none;cursor:pointer;font-family:var(--font-mono);font-weight:500;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--w-ink)}.page-work .wp-open:hover{text-decoration:underline;text-underline-offset:4px}.page-work .wp-cover{grid-area:cover;min-width:0;display:flex;flex-direction:column;margin:0;padding:0;font:inherit;color:inherit;text-align:start;cursor:zoom-in;border-radius:var(--w-radius-sm);overflow:hidden;border:1px solid var(--w-edge);background:var(--w-card);box-shadow:var(--w-cover-shadow)}.page-work .wp-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;direction:ltr;background:var(--w-deep);border-bottom:1px solid var(--w-bar-rule)}.page-work .wp-bar i{width:7px;height:7px;border-radius:50%;background:var(--w-dot)}.page-work .wp-cover img{display:block;width:100%;flex:1 1 auto;min-height:0;aspect-ratio:12 / 7;object-fit:cover;object-position:top center}.page-work .wp-strip{grid-area:strip;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.page-work .wp-thumb{position:relative;display:block;min-width:0;margin:0;padding:0;cursor:zoom-in;border-radius:8px;overflow:hidden;border:1px solid var(--w-thumb-edge);background:var(--w-deep)}.page-work .wp-thumb img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:top center;opacity:.88;transition:opacity .2s}.page-work .wp-thumb:hover img,.page-work .wp-thumb:focus-visible img{opacity:1}.page-work .wp-more{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#060a14b8;font-family:var(--font-mono);font-size:16px;font-weight:500;color:#e6eaf2;direction:ltr;unicode-bidi:isolate}.page-work .wp-more-n{display:none}@media(min-width:1081px){.page-work .wp-strip-short{grid-area:2 / 2;grid-template-columns:repeat(var(--n),minmax(0,1fr))}}html[data-theme=light] .page-work .wp-thumb img{opacity:.94}@media(max-width:760px){.page-work .wp-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.page-work .wp-thumb:nth-child(n+4){display:none}.page-work .wp-more-w{display:none}.page-work .wp-more-n{display:flex;font-size:14px}}.page-work .wb-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:26px}@media(min-width:761px){.page-work .wb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.8vw,24px)}}.page-work .wb-card{display:flex;flex-direction:column;gap:12px;min-width:0;margin:0;padding:12px 12px 16px;font:inherit;color:inherit;text-align:start;cursor:zoom-in;border-radius:var(--w-radius);border:1px solid var(--w-edge);background:radial-gradient(120% 90% at 82% 4%,var(--w-field),transparent 62%),var(--w-card)}.page-work .wb-shot{display:block;border-radius:10px;overflow:hidden;border:1px solid var(--w-edge);background:var(--w-deep)}.page-work .wb-shot img{display:block;width:100%;height:auto;aspect-ratio:var(--ar, 16 / 9);object-fit:contain}.page-work .wb-label{padding-inline:4px;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--w-ink)}.page-work .wb-line{margin:22px 0 0;max-width:760px;font-size:16px;line-height:1.6;color:var(--text-secondary)}.page-work .wclose{max-width:min(1296px,calc(100% - var(--w-gut) * 2));margin:clamp(56px,8vw,104px) auto 0;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:clamp(26px,3vw,40px) clamp(22px,3vw,40px);border:1px solid var(--w-edge);border-radius:var(--w-radius);background:radial-gradient(90% 140% at 84% 50%,var(--w-field),transparent 64%),var(--w-card)}.page-work .wclose-txt{display:flex;flex-direction:column;gap:10px}.page-work .wclose-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--w-ink)}.page-work .wclose-h{margin:0;font-family:var(--font-heading);font-weight:600;font-size:clamp(24px,3vw,38px);letter-spacing:-.02em;line-height:1.1;color:var(--text)}.page-work .wclose-cta{display:flex;gap:10px;flex-wrap:wrap}.page-work .work-lightbox.wv{padding:26px 36px 30px;background:#040710f5;backdrop-filter:none;align-items:stretch;justify-content:stretch}.page-work .wv .wv-panel{width:100%;max-width:none;height:100%;margin:0;display:flex;flex-direction:column;align-items:stretch;gap:0}.page-work .wv-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:18px}.page-work .wv-title{display:flex;flex-direction:column;gap:7px;min-width:0}.page-work .wv-name{font-family:var(--font-heading);font-weight:600;font-size:22px;letter-spacing:-.02em;line-height:1.2;color:#e6eaf2}.page-work .wv-cat{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#8b93a8}.page-work .wv-tools{flex:none;display:flex;align-items:center;gap:18px}.page-work .wv .wv-count{font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:.1em;color:#7da2ff;direction:ltr}.page-work .wv-close{height:38px;padding:0 16px;border-radius:8px;border:1px solid rgba(230,234,242,.2);background:transparent;color:#e6eaf2;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:9px;cursor:pointer;transition:border-color .2s,background .2s}.page-work .wv-close:hover{border-color:#7da2ff99;background:#7da2ff14}.page-work .wv-stage{position:relative;flex:1 1 auto;min-height:0;padding:22px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#0c1424;border:1px solid rgba(125,162,255,.18)}.page-work .wv-tick{position:absolute;width:14px;height:14px;border:0 solid rgba(125,162,255,.4);pointer-events:none}.page-work .wv-tl{left:12px;top:12px;border-left-width:1px;border-top-width:1px}.page-work .wv-tr{right:12px;top:12px;border-right-width:1px;border-top-width:1px}.page-work .wv-bl{left:12px;bottom:12px;border-left-width:1px;border-bottom-width:1px}.page-work .wv-br{right:12px;bottom:12px;border-right-width:1px;border-bottom-width:1px}.page-work .wv #workLightboxImg{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:4px;box-shadow:none}.page-work .wv-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:18px}.page-work .wv-cap{font-family:var(--font-mono);font-size:12.5px;font-weight:500;line-height:1.5;color:#a6afc4}.page-work .wv-nav{flex:none;display:flex;gap:10px;direction:ltr}.page-work .wv .wv-btn{position:static;transform:none;width:44px;height:44px;padding:0 0 3px;border-radius:10px;background:#16233c;border:1px solid rgba(125,162,255,.2);color:#e6eaf2;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center}.page-work .wv .wv-btn:hover{background:#1c2b49;border-color:#7da2ff99}@media(max-width:600px){.page-work .work-lightbox.wv{padding:18px 16px 22px;background:#040710}.page-work .wv-head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title close" "count close";gap:5px 14px;align-items:start;padding-bottom:14px}.page-work .wv-title{grid-area:title}.page-work .wv-name{font-size:17px}.page-work .wv-cat{display:none}.page-work .wv-tools{display:contents}.page-work .wv .wv-count{grid-area:count;justify-self:start;font-size:11.5px}.page-work .wv-close{grid-area:close;width:36px;height:36px;padding:0;justify-content:center}.page-work .wv-close-t{display:none}.page-work .wv-stage{padding:14px;border-radius:10px}.page-work .wv-tr,.page-work .wv-bl{display:none}.page-work .wv-tl{left:9px;top:9px;width:11px;height:11px}.page-work .wv-br{right:9px;bottom:9px;width:11px;height:11px}.page-work .wv-foot{flex-direction:column;align-items:stretch;gap:14px;padding-top:14px}.page-work .wv-cap{font-size:11.5px}.page-work .wv .wv-btn{flex:1;width:auto}}@media(max-width:600px){.page-work .wclose{flex-direction:column;align-items:flex-start}.page-work .wclose-cta{align-self:stretch;flex-direction:column}.page-work .wclose-cta .btn{justify-content:center}.page-work .wp-name{font-size:24px}.page-work .wp-desc{font-size:15.5px}}html[lang=ar] .page-work .w-note,html[lang=ar] .page-work .wp-open,html[lang=ar] .page-work .wb-label,html[lang=ar] .page-work .wclose-eyebrow,html[lang=ar] .page-work .wv-cap{font-family:Cairo,sans-serif;letter-spacing:0}html[lang=ar] .page-work .wp-cat,html[lang=ar] .page-work .wv-cat{letter-spacing:0;font-size:13px}html[lang=ar] .page-work .w-note{font-size:14px}html[lang=ar] .page-work .wp-open,html[lang=ar] .page-work .wb-label{font-size:13.5px}html[lang=ar] .page-work .wclose-eyebrow{font-size:13px}html[lang=ar] .page-work .wp-name,html[lang=ar] .page-work .wclose-h,html[lang=ar] .page-work .wv-name{font-family:Cairo,sans-serif;letter-spacing:0;line-height:1.3}html[dir=rtl] .page-work .wp-card,html[dir=rtl] .page-work .wb-card{background:radial-gradient(120% 90% at 18% 4%,var(--w-field),transparent 62%),var(--w-card)}html[dir=rtl] .page-work .wclose{background:radial-gradient(90% 140% at 16% 50%,var(--w-field),transparent 64%),var(--w-card)}.page-work{--pop-shadow: 0 16px 34px -18px color-mix(in oklch, var(--pa) 50%, transparent), 0 6px 14px -10px rgba(0, 0, 0, .5)}html[data-theme=light] .page-work{--pop-shadow: 0 14px 30px -16px color-mix(in oklch, var(--pa) 45%, transparent), 0 4px 10px -8px color-mix(in oklch, var(--pa) 28%, transparent)}.page-work .wp-card,.page-work .wp-cover,.page-work .wp-thumb,.page-work .wb-card{transition:transform .2s cubic-bezier(.2,.7,.3,1),box-shadow .2s,border-color .2s,background .2s}.page-work .wp-card:hover,.page-work .wb-card:hover,.page-work .wb-card:focus-visible{transform:translateY(-3px);border-color:var(--w-edge-str);box-shadow:var(--pop-shadow)}.page-work .wp-cover:hover,.page-work .wp-cover:focus-visible{transform:translateY(-3px);border-color:var(--w-edge-str);box-shadow:var(--pop-shadow),var(--w-cover-shadow)}.page-work .wp-thumb:hover,.page-work .wp-thumb:focus-visible{transform:translateY(-2px);border-color:var(--w-edge-str);box-shadow:var(--pop-shadow)}.page-work .wp-cover:active,.page-work .wb-card:active,.page-work .wp-thumb:active{transform:translateY(-1px)}.page-work .wp-cover:focus-visible,.page-work .wp-thumb:focus-visible,.page-work .wb-card:focus-visible,.page-work .wp-open:focus-visible{outline:2px solid var(--w-ink);outline-offset:3px}@media(prefers-reduced-motion:reduce){.page-work .wp-card,.page-work .wp-cover,.page-work .wp-thumb,.page-work .wb-card{transition-duration:.01ms!important}.page-work .wp-card:hover,.page-work .wp-cover:hover,.page-work .wp-thumb:hover,.page-work .wb-card:hover,.page-work .wp-cover:active,.page-work .wp-thumb:active,.page-work .wb-card:active{transform:none}}@media(max-width:1080px){.page-work .wp-band{gap:0;padding:0;margin-top:clamp(18px,3vw,28px);border:1px solid var(--w-edge);border-radius:var(--w-radius);overflow:hidden;background:radial-gradient(120% 45% at 82% 40%,var(--w-field),transparent 62%),var(--w-card)}html[dir=rtl] .page-work .wp-band{background:radial-gradient(120% 45% at 18% 40%,var(--w-field),transparent 62%),var(--w-card)}.page-work .wp-cover{border:0;border-bottom:1px solid var(--w-edge);border-radius:0;box-shadow:none}.page-work .wp-card,html[dir=rtl] .page-work .wp-card{border:0;border-radius:0;background:none;padding:20px clamp(18px,4vw,28px) 16px}.page-work .wp-strip{padding:0 clamp(18px,4vw,28px) clamp(18px,4vw,28px)}.page-work .wp-card:hover,.page-work .wp-cover:hover,.page-work .wp-cover:focus-visible,.page-work .wp-cover:active{transform:none;box-shadow:none;border-color:var(--w-edge)}.page-work .wp-cover:focus-visible{outline-offset:-3px}html:not([data-theme=light]) .page-work .wp-cat{color:#969eb2}}
