:root{--ink:#000e16;--paper:#fff;--g20:#f4f4f4;--g40:#c6c6c6;--g60:#8d8d8d;--g70:#6f6f6f;--g80:#525252;--jp-dblue:#004876;--jp-lblue:#238dc1;--jp-orange:#e43d30;--jp-yellow:#ffb71b;--jp-lgreen:#3dae2b;--blue:var(--jp-dblue);--red:#c2271d;--navy:#0e3a6a;--deep:#0a1520;--green:#0e4b3b;--mist:#eef1f4;--line-d:rgba(255,255,255,.14);--line-l:rgba(0,14,22,.12);--font-ar:"IBM Plex Sans Arabic","Montserrat",system-ui,sans-serif;--font-en:"Montserrat","IBM Plex Sans Arabic",system-ui,sans-serif;--font-display:var(--font-ar);--font-body:var(--font-ar);--font-utility:"Montserrat","IBM Plex Sans Arabic",sans-serif;--hdr-top:58px;--hdr-nav:74px;--hdr:calc(var(--hdr-top) + var(--hdr-nav));--gutter:clamp(16px,4vw,64px);--wrap:1240px;--frame-r:clamp(18px,2.6vw,36px);--ease:cubic-bezier(.22,1,.36,1)}html[lang=en]{--font-display:var(--font-en);--font-body:var(--font-en)}.on-dark,.closing,.foot{--blue:var(--jp-lblue)}@media (max-width:767px){:root{--hdr-top:56px;--hdr-nav:46px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-weight:400;line-height:1.7;overflow-x:clip;-webkit-font-smoothing:antialiased}html[lang=en] body{line-height:1.6}img,video,canvas,svg{display:block;max-width:100%}button{font:inherit;color:inherit;background:0 0;border:0;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--blue);outline-offset:4px}[hidden]{display:none !important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}p{margin:0}h1,h2,h3{margin:0;font-weight:700}html[lang=ar] :is(.hero-title,.closing-title,.sec-title,.story-name,.reveal-title,.found-center){line-height:1.35;padding-block:.06em .14em}html[lang=ar] :is(.manifesto-text,.sec-text,.story-line,.found-text,.place-sub){line-height:1.85}.skip{position:fixed;top:8px;inset-inline-start:8px;z-index:200;background:var(--ink);color:#fff;padding:10px 14px;border-radius:6px;transform:translateY(-200%)}.skip:focus{transform:none}.jp-header{position:absolute;inset:0 0 auto 0;z-index:100;font-family:var(--font-body)}.jp-top{position:fixed;inset:0 0 auto 0;z-index:101}.jp-nav{margin-top:var(--hdr-top)}.jp-top{background:#000;color:#fff;height:var(--hdr-top)}.jp-wrap{max-width:1140px;margin:0 auto;padding:0 16px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.jp-logo{display:inline-flex;align-items:center}.jp-logo img{width:140px;height:auto}.jp-top-end{display:flex;align-items:center;gap:clamp(14px,2.4vw,32px);font-size:14px}.jp-top-end a,.jp-top-end button{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:500;white-space:nowrap}.jp-top-end svg{width:20px;height:20px;flex:none}.jp-lang{font-family:var(--font-en)}html[lang=en] .jp-lang{font-family:var(--font-ar)}.jp-nav{background:#fff;height:var(--hdr-nav);box-shadow:0 1px 0 rgba(0,0,0,.06)}.jp-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:clamp(14px,2vw,24px);height:100%;overflow-x:auto;scrollbar-width:none}.jp-nav ul::-webkit-scrollbar{display:none}.jp-nav a{font-size:16px;color:#2b2b2b;white-space:nowrap;padding:6px 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.jp-nav a:hover{color:var(--blue);border-color:var(--blue)}@media (max-width:767px){.jp-logo img{width:118px}.jp-top-end{font-size:13px;gap:14px}.jp-top-end .jp-contact span{display:none}.jp-nav a{font-size:14px}}.band{display:none}main{padding-top:var(--hdr)}.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--gutter)}.eyebrow{font-family:var(--font-utility);font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin:0;display:inline-flex;align-items:center;gap:10px}html[lang=ar] .eyebrow{font-family:var(--font-ar);letter-spacing:0;font-size:.88rem}.sec-title{font-family:var(--font-display);font-size:clamp(1.7rem,3.2vw,2.75rem);font-weight:700;line-height:1.15;letter-spacing:-.01em;margin:.35em 0 .35em;max-width:20ch;text-wrap:balance}.sec-text{font-size:clamp(1rem,1.25vw,1.15rem);max-width:56ch;color:var(--g80)}.on-dark .sec-text{color:rgba(255,255,255,.78)}.on-dark .eyebrow{color:#fff;opacity:.85}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;font-weight:600;font-size:.98rem;border:1.5px solid currentColor;transition:transform .3s var(--ease),background .3s,color .3s,border-color .3s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-solid{background:var(--blue);border-color:var(--blue);color:#fff}.btn-solid:hover{background:#003a60;border-color:#003a60}.on-dark .btn-solid{background:#fff;border-color:#fff;color:var(--ink)}.on-dark .btn-solid:hover{background:#fff}.btn-ghost{background:0 0}.btn-light{color:#fff}.btn-light.btn-solid{background:#fff;border-color:#fff;color:var(--ink)}.btn-light.btn-solid:hover{background:#fff}.btn svg{width:18px;height:18px}.hero{position:relative;height:calc(100svh - var(--hdr));min-height:520px;background:var(--deep);color:#fff;overflow:clip}.hero-media{position:absolute;inset:0;overflow:hidden;background:var(--deep);will-change:transform,border-radius}.hero-media video,.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,12,22,.82) 0%,rgba(4,12,22,.35) 42%,rgba(4,12,22,.05) 70%);pointer-events:none}.hero-copy{position:absolute;inset-inline:0;bottom:0;padding:0 var(--gutter) clamp(28px,5vh,56px);display:grid;gap:10px;max-width:var(--wrap);margin:0 auto;inset-inline-start:50%;transform:translateX(-50%);width:100%}html[dir=rtl] .hero-copy{transform:translateX(50%)}.hero-copy .eyebrow{color:#fff;opacity:.85}.hero-line{font-size:clamp(1.05rem,1.8vw,1.4rem);font-weight:500;opacity:.92}.hero-title{font-family:var(--font-display);font-weight:700;font-size:clamp(2.9rem,8vw,6.6rem);line-height:1.05;letter-spacing:-.01em;max-width:12ch;text-wrap:balance}html[lang=en] .hero-title{font-size:clamp(2.2rem,5.4vw,4.6rem);text-transform:uppercase;letter-spacing:-.02em;line-height:.98;max-width:14ch}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px;align-items:center}.hero-scroll{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);font-family:var(--font-utility);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;opacity:.6;display:none}@media (min-width:1100px) and (min-height:760px){.hero-scroll{display:block}}.hero-scroll:after{content:"";display:block;width:1px;height:28px;margin:6px auto 0;background:#fff;animation:drop 1.8s var(--ease) infinite;transform-origin:top}@keyframes drop{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(0);transform-origin:bottom}}@media (max-width:767px){.hero{min-height:560px}.hero-sound{bottom:auto;top:16px}}.manifesto{padding:clamp(72px,12vh,150px) 0 clamp(56px,8vh,110px);background:var(--paper)}.manifesto-text{max-width:30ch;font-family:var(--font-display);font-size:clamp(1.35rem,2.5vw,2.3rem);font-weight:600;line-height:1.5;letter-spacing:-.005em;margin-top:.6em;text-wrap:pretty}html[lang=en] .manifesto-text{font-weight:600;line-height:1.3}.manifesto-text .w{display:inline-block;opacity:.16;transition:opacity .35s}.manifesto-text .w.is-on{opacity:1}.manifesto-text .w.hl{color:var(--blue)}.numbers{background:var(--deep);color:#fff;padding:clamp(72px,12vh,150px) 0 clamp(64px,10vh,130px)}.numbers-head{display:grid;gap:8px;margin-bottom:clamp(36px,6vh,72px)}.numbers-head .sec-title{max-width:22ch}.num-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line-d);border-block:1px solid var(--line-d)}@media (min-width:900px){.num-grid{grid-template-columns:repeat(3,1fr)}}.num{display:grid;gap:4px;align-content:start;background:var(--deep);padding:clamp(22px,3vw,40px) clamp(14px,2.2vw,32px) clamp(26px,3.4vw,44px)}.num:first-child{padding-inline-start:0}@media (min-width:900px){.num:nth-child(3n+2){padding-inline-start:0}}@media (max-width:899px){.num:nth-child(2n){padding-inline-start:0}.num:last-child:nth-child(2n){grid-column:1/-1}}.num-n{font-family:var(--font-utility);font-weight:600;font-size:clamp(2.3rem,4.4vw,3.9rem);line-height:1;letter-spacing:-.045em;font-variant-numeric:tabular-nums;display:flex;align-items:flex-start}html[dir=rtl] .num-n{justify-content:flex-end}.num-n i{font-style:normal;font-size:.5em;color:var(--blue);margin-inline-end:.02em;line-height:1.1}.num-u{font-size:clamp(1rem,1.3vw,1.15rem);font-weight:700;margin-top:10px}.num-s{font-size:.9rem;color:rgba(255,255,255,.62);max-width:30ch}.num-lead{grid-column:1/-1}.num-lead .num-n{font-size:clamp(3.4rem,8.5vw,7.4rem)}.stories{position:relative;background:var(--mist);color:var(--ink);overflow:clip}.stories-head{padding-block:clamp(56px,9vh,110px) 24px;display:grid;gap:16px}@media (min-width:900px){.stories-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}}.stories-head .sec-text{color:var(--g80)}.stories-hint{font-family:var(--font-utility);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;opacity:.7;display:flex;align-items:center;gap:10px;justify-self:end}html[lang=ar] .stories-hint{font-family:var(--font-ar);letter-spacing:0;font-size:.85rem}.stories-hint i{width:56px;height:1px;background:currentColor;display:block}.stories-stage{position:relative;height:calc(100svh - var(--hdr-top));min-height:560px;display:flex;align-items:center;overflow:hidden}.stories-track{display:flex;gap:clamp(16px,3vw,48px);padding-inline:var(--gutter);will-change:transform;align-items:center}.story{flex:none;width:min(78vw,1040px,(100svh - var(--hdr-top) - 170px)*1.6);display:grid;gap:18px}.story-frame{position:relative;aspect-ratio:16/10;border-radius:var(--frame-r);overflow:hidden;background:#000;box-shadow:0 40px 80px -50px rgba(0,14,22,.55);isolation:isolate}.story-frame img,.story-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story-frame video{opacity:0;transition:opacity .6s}.story-frame.is-playing video{opacity:1}.story-frame:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);pointer-events:none}.story-play{position:absolute;inset-inline-end:18px;bottom:18px;z-index:2;display:inline-flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--ink);font-weight:600;font-size:.9rem;backdrop-filter:blur(8px);transition:transform .3s var(--ease)}.story-play:hover{transform:translateY(-2px)}.story-play svg{width:16px;height:16px}.story-cap{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;align-items:baseline;padding-inline:6px}.story-name{font-family:var(--font-display);font-size:clamp(1.35rem,2.4vw,2.1rem);font-weight:700}.story-line{font-size:clamp(1rem,1.5vw,1.3rem);opacity:.9}.stories-dots{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3}.stories-dots button{width:8px;height:8px;border-radius:50%;background:rgba(0,14,22,.22);transition:transform .3s,background .3s}.stories-dots button.is-active{background:var(--ink);transform:scale(1.4)}@media (max-width:899px){.stories-stage{height:auto;min-height:0;display:block;overflow:visible;padding-bottom:56px}.stories-track{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:8px;-webkit-overflow-scrolling:touch}.stories-track::-webkit-scrollbar{display:none}.story{width:min(86vw,560px);scroll-snap-align:center}.story-cap{grid-template-columns:1fr}.stories-dots{bottom:24px}}.reveal{background:var(--mist);color:var(--ink);padding:clamp(64px,10vh,130px) 0}.reveal-grid{display:grid;gap:32px}@media (min-width:1000px){.reveal-grid{grid-template-columns:minmax(280px,.8fr) minmax(0,1.6fr);gap:clamp(32px,5vw,80px);align-items:center}}.reveal-title{font-family:var(--font-display);font-size:clamp(1.8rem,3.2vw,2.9rem);font-weight:700;line-height:1.15;margin:.3em 0}.reveal-copy{display:grid;gap:14px}.reveal-done{font-size:clamp(1.1rem,1.6vw,1.35rem);font-weight:600;color:var(--blue);opacity:0;transform:translateY(8px);transition:opacity .6s,transform .6s var(--ease)}.reveal-done.is-on{opacity:1;transform:none}.reveal-stage{position:relative;aspect-ratio:16/10;border-radius:var(--frame-r);overflow:hidden;background:#0b2a4a;box-shadow:0 60px 120px -60px rgba(0,0,0,.9);touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none}.reveal-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.reveal-stage img.under{filter:contrast(1.04)}.reveal-stage canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.reveal-stage:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);pointer-events:none}.reveal-brush{position:absolute;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.9);transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .2s;mix-blend-mode:difference}.reveal-stage:hover .reveal-brush{opacity:1}.reveal-bar{position:absolute;inset-inline:0;bottom:0;height:3px;background:rgba(255,255,255,.25)}.reveal-bar i{display:block;height:100%;width:0;background:var(--blue);transition:width .3s}.reveal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.found{padding:clamp(72px,12vh,150px) 0;background:var(--deep);color:#fff}.found-head{display:grid;gap:10px;margin-bottom:clamp(28px,4vh,48px)}.found-grid{display:grid;gap:clamp(28px,4vw,56px);grid-template-columns:1fr}@media (min-width:900px){.found-grid{grid-template-columns:1fr 1fr}:is(.facet-principles,.facet-values){grid-column:1/-1}}.facet{display:grid;gap:14px;align-content:start;padding-top:22px;border-top:1px solid var(--line-d)}html[lang=ar] .facet-k{display:none}.facet-name{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--blue);letter-spacing:.02em}.found-text{color:#fff;font-family:var(--font-display);font-size:clamp(1.2rem,1.8vw,1.6rem);font-weight:500;line-height:1.55}.values{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.values li{padding:10px 18px;border:1px solid var(--line-d);border-radius:999px;font-family:var(--font-display);font-size:clamp(1rem,1.3vw,1.15rem);font-weight:600;line-height:1.4}.principles{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:1px;grid-template-columns:1fr;background:var(--line-d);border-radius:18px;overflow:hidden}@media (min-width:640px){.principles{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.principles{grid-template-columns:repeat(4,1fr)}}.principles li{display:grid;gap:8px;align-content:start;padding:clamp(20px,2.4vw,30px);background:var(--deep)}.principles b{font-family:var(--font-display);font-size:clamp(1.25rem,1.8vw,1.55rem);font-weight:700}.principles span{color:rgba(255,255,255,.72);font-size:.95rem;line-height:1.65}html[lang=en] .found-center{text-transform:uppercase;letter-spacing:-.01em}.films{padding:clamp(64px,10vh,130px) 0;background:var(--paper)}.films-head{display:grid;gap:10px;margin-bottom:28px}@media (min-width:900px){.films-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}}.film-frame{position:relative;aspect-ratio:16/9;border-radius:var(--frame-r);overflow:hidden;background:#000;box-shadow:0 50px 100px -60px rgba(0,0,0,.6)}.film-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.film-frame:hover img{transform:scale(1.03)}.film-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,0) 50%);pointer-events:none}.film-play{position:absolute;inset:0;z-index:2;display:grid;place-items:center;color:#fff}.film-play span{display:grid;place-items:center;width:clamp(68px,9vw,104px);height:clamp(68px,9vw,104px);border-radius:50%;background:rgba(255,255,255,.92);color:var(--ink);transition:transform .4s var(--ease);box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}.film-play:hover span{transform:scale(1.08)}.film-play svg{width:34%;height:34%;margin-inline-start:6%}.proof{padding:clamp(64px,10vh,130px) 0;background:var(--paper)}.proof-head{display:grid;gap:10px;margin-bottom:clamp(28px,4vh,48px)}@media (min-width:900px){.proof-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}}.pillars{display:grid;gap:14px;grid-template-columns:1fr}@media (min-width:700px){.pillars{grid-template-columns:repeat(2,1fr);gap:18px}}.pillar{position:relative;isolation:isolate;background:var(--mist);border-radius:18px;padding:26px 24px 28px;display:grid;gap:10px;align-content:start;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease),background .5s}.pillar:before{content:"";position:absolute;inset-inline:0;top:0;height:4px;background:var(--tone);transform:scaleX(0);transform-origin:left;transition:transform 1.1s var(--ease) .25s}html[dir=rtl] .pillar:before{transform-origin:right}.pillar.is-in:before{transform:scaleX(1)}.pillar:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(420px circle at var(--mx,85%) var(--my,0%),color-mix(in srgb,var(--tone) 16%,transparent),transparent 65%);opacity:0;transition:opacity .5s}.pillar.up{transition:opacity .8s var(--ease),transform .5s var(--ease),box-shadow .5s var(--ease),background .5s}.pillar.is-in:hover{transform:translateY(-6px);background:#fff;box-shadow:0 34px 60px -38px rgba(0,14,22,.4),inset 0 0 0 1px color-mix(in srgb,var(--tone) 30%,transparent)}.pillar:hover:after{opacity:1}.pillar-ico{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;color:color-mix(in srgb,var(--tone) 75%,#000e16);box-shadow:inset 0 0 0 1.5px currentColor;background:#fff;margin-bottom:6px;transition:transform .6s var(--ease),background .4s,color .4s,box-shadow .4s}.pillar-ico svg{width:28px;height:28px}.pillar:hover .pillar-ico{transform:rotate(-6deg) scale(1.06);background:var(--tone);color:#fff;box-shadow:none}.pillar[style*=FFB71B]:hover .pillar-ico{color:var(--ink)}.pillar-n{position:absolute;top:18px;inset-inline-end:22px;font-family:var(--font-utility);font-weight:600;font-size:clamp(2.1rem,3.4vw,2.9rem);line-height:1;letter-spacing:-.04em;color:color-mix(in srgb,var(--tone) 35%,transparent);transition:color .5s,transform .6s var(--ease)}.pillar:hover .pillar-n{color:var(--tone);transform:translateY(-2px)}.pillar h3{font-family:var(--font-display);font-size:1.3rem;font-weight:700}.pillar p{color:var(--g80);font-size:.95rem}@media (prefers-reduced-motion:reduce){.pillar:before{transform:none;transition:none}.pillar,.pillar-ico,.pillar-n{transition:none}.pillar.is-in:hover{transform:none}}.pillar .pillar-lead{color:var(--ink);font-size:1.02rem;font-weight:500;padding-bottom:12px;border-bottom:1px solid var(--line-l)}.projects{margin-top:clamp(36px,6vh,64px)}.projects-h{font-size:.85rem;color:var(--g70);margin:0 0 12px}.marquee{position:relative;overflow:hidden;display:flex;gap:0;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee ul{list-style:none;margin:0;padding:0;display:flex;gap:10px;flex:none;padding-inline-end:10px;animation:marquee 48s linear infinite}html[dir=rtl] .marquee ul{animation-name:marquee-rtl}.marquee:hover ul{animation-play-state:paused}.marquee li{white-space:nowrap;padding:10px 18px;border-radius:999px;border:1px solid rgba(0,14,22,.16);font-size:.95rem;font-weight:600;background:#fff}@keyframes marquee{to{transform:translateX(-100%)}}@keyframes marquee-rtl{to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.marquee ul{animation:none;flex-wrap:wrap}.marquee ul+ul{display:none}.marquee{-webkit-mask:none;mask:none}}.csr{margin-top:clamp(36px,6vh,64px);display:grid;gap:22px;align-items:center}@media (min-width:900px){.csr{grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:clamp(28px,4vw,56px)}}.csr-frame{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:var(--frame-r);overflow:hidden;background:#000;box-shadow:0 50px 100px -60px rgba(0,0,0,.5)}.csr-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.csr-frame:hover img{transform:scale(1.03)}.csr-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.45),rgba(0,0,0,0) 50%);pointer-events:none}.csr-frame .film-play{pointer-events:none}.csr-copy{display:grid;gap:8px}.csr-copy h3{font-family:var(--font-display);font-size:1.4rem}.modal{position:fixed;inset:0;z-index:300;background:rgba(2,8,14,.92);display:grid;place-items:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .35s}.modal.is-open{opacity:1;pointer-events:auto}.modal-box{position:relative;width:min(100%,1180px);max-height:100%;display:grid;place-items:center}.modal video{width:100%;max-height:calc(100svh - 32px);border-radius:14px;background:#000;outline:none;box-shadow:0 40px 100px rgba(0,0,0,.6)}.modal video.is-tall{width:auto;height:calc(100svh - 32px);max-width:100%;aspect-ratio:9/16}.modal-yt{width:100%;aspect-ratio:16/9;max-height:calc(100svh - 32px);border-radius:14px;overflow:hidden;background:#000;box-shadow:0 40px 100px rgba(0,0,0,.6)}.modal.is-tall .modal-yt{aspect-ratio:9/16;height:calc(100svh - 32px);width:auto;max-width:100%}.modal-yt iframe{width:100%;height:100%;border:0;display:block}.modal-close{position:fixed;top:14px;inset-inline-end:14px;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;z-index:2;transition:background .3s}.modal-close:hover{background:rgba(255,255,255,.25)}.modal-close svg{width:18px;height:18px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:10px 18px;border-radius:999px;font-size:.9rem;opacity:0;transition:opacity .3s,transform .3s var(--ease);z-index:400;pointer-events:none}.toast.is-on{opacity:1;transform:translate(-50%,0)}.up{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.up.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.up{opacity:1;transform:none;transition:none}.manifesto-text .w{opacity:1}.hero-scroll:after{animation:none}*{scroll-behavior:auto !important}}html[dir=rtl] .dir-flip{transform:scaleX(-1)}.link{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-weight:600;color:var(--blue)}.link svg{width:18px;height:18px;transition:transform .3s var(--ease)}.link:hover svg{transform:translateX(4px)}html[dir=rtl] .link:hover svg{transform:scaleX(-1) translateX(4px)}.link-light{color:#fff}.stores{display:grid;grid-template-columns:repeat(auto-fill,minmax(164px,1fr));gap:10px;width:100%;min-width:0;max-width:540px;margin-top:18px}.store{display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;min-height:46px;padding:0 18px;border-radius:999px;background:var(--ink);color:#fff;font-weight:600;font-size:.92rem;font-family:var(--font-utility);transition:transform .3s var(--ease),background .3s}.store:hover{transform:translateY(-2px);background:#000}.store svg{width:20px;height:20px;flex:none}.store svg .cut{fill:var(--ink)}.store:hover svg .cut{fill:#000}.paths{background:var(--paper);padding:0 0 clamp(64px,10vh,120px)}.paths-h{font-family:var(--font-display);font-size:clamp(1.3rem,2vw,1.7rem);font-weight:700;margin-bottom:18px}.paths-grid{display:grid;gap:14px;grid-template-columns:1fr}@media (min-width:760px){.paths-grid{grid-template-columns:1fr 1fr;gap:18px}}.path{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:end;gap:14px;padding:clamp(10px,1.2vw,16px);padding-bottom:clamp(16px,2vw,24px);border-radius:var(--frame-r);background:var(--flat,var(--deep));color:#fff}.path-img{grid-column:1/-1;display:block;aspect-ratio:16/9;border-radius:calc(var(--frame-r) - 8px);overflow:hidden;background:rgba(0,0,0,.15)}.path-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.path:hover .path-img img{transform:scale(1.05)}.path-copy{display:grid;gap:4px;padding-inline-start:clamp(6px,1vw,14px);max-width:38ch}.path-copy b{font-family:var(--font-display);font-size:clamp(1.3rem,2vw,1.75rem);font-weight:700;line-height:1.25}.path-copy span{font-size:.95rem;opacity:.9}.path-go{justify-self:end;margin-inline-end:clamp(4px,.6vw,8px);width:46px;height:46px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;transition:transform .4s var(--ease)}.path-copy{grid-column:1}.path-go{grid-column:2;grid-row:2}.path:hover .path-go{transform:scale(1.08)}.path-go svg{width:20px;height:20px}.record{margin-top:clamp(28px,4vh,48px);display:grid;gap:0;grid-template-columns:1fr;border-radius:var(--frame-r);overflow:hidden;background:var(--flat,var(--mist));padding:clamp(10px,1.2vw,16px)}.record-img{border-radius:calc(var(--frame-r) - 8px);overflow:hidden}@media (min-width:900px){.record{grid-template-columns:1fr 1.15fr}}.record-img{aspect-ratio:16/10}@media (min-width:900px){.record-img{aspect-ratio:auto;min-height:380px}}.record-img img{width:100%;height:100%;object-fit:cover}.record-copy{padding:clamp(24px,3.4vw,52px);display:grid;gap:10px;align-content:center}.record-k{font-family:var(--font-utility);font-size:.8rem;font-weight:600;letter-spacing:.08em;color:var(--blue)}html[lang=ar] .record-k{font-family:var(--font-ar);letter-spacing:0}.record-copy h3{font-family:var(--font-display);font-size:clamp(1.5rem,2.5vw,2.1rem);font-weight:700;line-height:1.25}html[lang=ar] .record-copy h3{line-height:1.5}.record-copy p{color:#23303b}.gwr{display:grid;justify-items:center;width:96px;margin-bottom:8px;filter:drop-shadow(0 8px 16px rgba(0,14,22,.16))}.gwr img{width:96px;height:96px;position:relative;z-index:1}.gwr-ribbon{margin-top:-6px;width:96px;padding:9px 0 13px;background:linear-gradient(180deg,#d9ae3c,#c49526);color:#fff;font-family:"Montserrat",sans-serif;font-weight:800;font-size:13.5px;line-height:1.08;letter-spacing:.02em;text-align:center;clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.35)}@media (min-width:900px){.record-img{order:2}}.cases{background:var(--deep);color:#fff;padding:clamp(72px,12vh,150px) 0}.cases-head{display:grid;gap:12px;margin-bottom:clamp(28px,4vh,48px)}@media (min-width:900px){.cases-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;column-gap:clamp(40px,6vw,96px)}}.cases-row{display:grid;gap:clamp(18px,2.4vw,28px);grid-template-columns:1fr}@media (min-width:900px){.cases-row{grid-template-columns:repeat(3,1fr)}}.case{display:grid;gap:8px;align-content:start}.case-img{aspect-ratio:4/3;border-radius:calc(var(--frame-r)*0.8);overflow:hidden;background:#111;margin-bottom:10px}.case-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.case:hover .case-img img{transform:scale(1.05)}.case-k{font-size:.85rem;font-weight:600;color:var(--blue)}.case h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700}.case p:last-child{color:rgba(255,255,255,.72);font-size:.95rem}.cases .projects-h{color:rgba(255,255,255,.6)}.cases .marquee ul{gap:0;padding-inline-end:0}.cases .marquee li{position:relative;display:grid;place-items:center;height:124px;width:220px;padding:0 16px;border:0;border-radius:0;background:0 0;cursor:default;outline-offset:-4px}.cases .marquee .lg{position:relative;display:grid;place-items:center;transition:transform .45s var(--ease)}.cases .marquee .lg img{grid-area:1/1;height:calc(40px*var(--s,1));width:auto;max-width:170px;object-fit:contain;opacity:.62;transition:opacity .35s}.cases .marquee .lg img.orig{opacity:0}.cases .marquee .lg span{position:absolute;top:calc(100% + 8px);left:50%;width:196px;text-align:center;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.72rem;font-weight:600;line-height:1.3;color:rgba(255,255,255,.82);opacity:0;transform:translate(-50%,4px);transition:opacity .35s,transform .45s var(--ease)}.cases .marquee li:is(:hover,:focus) .lg{transform:translateY(-14px)}.cases .marquee li:is(:hover,:focus) .lg img{opacity:0}.cases .marquee li:is(:hover,:focus) .lg img.orig{opacity:1}.cases .marquee li:is(:hover,:focus) .lg span{opacity:1;transform:translate(-50%,0)}.cases .marquee:focus-within ul{animation-play-state:paused}.cases .csr-copy .sec-text{color:rgba(255,255,255,.75)}.colours{background:var(--mist);padding:clamp(72px,12vh,150px) 0;overflow:clip}.colours-head{display:grid;gap:12px;margin-bottom:clamp(28px,4vh,48px)}@media (min-width:900px){.colours-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}}.swatches{list-style:none;margin:0;padding:0;display:grid;gap:clamp(10px,1.4vw,18px);grid-template-columns:repeat(7,minmax(0,1fr))}.swatch{display:grid;grid-template-rows:1fr auto;height:100%;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 1px 0 rgba(0,14,22,.06),inset 0 0 0 1px rgba(0,14,22,.08);transition:transform .35s var(--ease),box-shadow .35s}.swatch-bands{display:flex;flex-direction:column}.swatch-bands i{flex:1;transition:flex-grow .45s var(--ease)}.swatch-bands i:nth-child(3){flex-grow:3}.swatch:hover .swatch-bands i,.swatch:focus-visible .swatch-bands i{flex-grow:1}.swatch:hover,.swatch:focus-visible{transform:translateY(-4px);box-shadow:0 24px 40px -26px rgba(0,14,22,.45),inset 0 0 0 1px rgba(0,14,22,.08)}.swatch-label{display:grid;gap:2px;padding:10px 12px 12px;color:var(--ink)}.swatch-label b{font-size:.95rem;font-weight:700;line-height:1.35}.swatch-go{white-space:nowrap}.swatch-go{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:var(--blue)}.swatch-go svg{width:14px;height:14px;transition:transform .3s var(--ease)}.swatch:hover .swatch-go svg{transform:translateX(3px)}html[dir=rtl] .swatch:hover .swatch-go svg{transform:scaleX(-1) translateX(3px)}@media (max-width:899px){.swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.swatch{aspect-ratio:3/4.2;border-radius:12px}.swatch-label{padding:8px 10px 10px}.swatch-label b{font-size:.85rem}.swatch-go{font-size:.72rem}}@media (min-width:640px) and (max-width:899px){.swatches{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:899px){.swatches li:last-child{grid-column:1/-1}.swatches li:last-child .swatch{aspect-ratio:auto;grid-template-rows:none;grid-template-columns:1fr auto;min-height:84px}.swatches li:last-child .swatch-bands{flex-direction:row}.swatches li:last-child .swatch-label{align-content:center;padding-inline:16px;min-width:40%}}@media (hover:none){.swatch-bands i:nth-child(3){flex-grow:1.6}}.reveal{background:var(--deep);color:#fff}.app{background:var(--paper);padding:clamp(72px,12vh,150px) 0}.app-head{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:clamp(28px,4vh,48px)}@media (min-width:900px){.app-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}}.app-row{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}@media (max-width:640px){.app-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:72%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.app-row::-webkit-scrollbar{display:none}.app-shot{scroll-snap-align:center}}.app-shot{margin:0;border-radius:calc(var(--frame-r)*0.8);overflow:hidden;background:var(--mist);aspect-ratio:365/470}.app-shot img{width:100%;height:100%;object-fit:cover}.join-h{margin-top:clamp(48px,8vh,96px);margin-bottom:16px}.join{display:grid;gap:14px;grid-template-columns:1fr}@media (min-width:900px){.join{grid-template-columns:1fr 1fr;gap:18px}}.join-card{display:grid;grid-template-columns:1fr;border-radius:var(--frame-r);overflow:hidden;background:var(--mist)}@media (min-width:560px){.join-card{grid-template-columns:.9fr 1.1fr}}.join-img{min-height:200px}.join-img img{width:100%;height:100%;object-fit:cover}.join-img img[src$="painter.webp"]{object-position:78% center}.join-copy{padding:clamp(20px,2.6vw,34px);display:grid;gap:10px;align-content:center}.join-copy h3{font-family:var(--font-display);font-size:1.4rem;font-weight:700}.join-copy p{color:var(--g80);font-size:.95rem}.join-copy .btn{justify-self:start;margin-top:8px}.join-copy .stores{margin-top:8px}html.is-embed{--hdr:0px}html.is-embed .hero{height:min(100svh,860px)}.closing{background:var(--deep);color:#fff;padding:clamp(64px,10vh,120px) 0 clamp(40px,6vh,64px)}.closing-title{font-family:var(--font-display);font-size:clamp(1.8rem,3.4vw,2.9rem);font-weight:700;line-height:1.15;margin-bottom:clamp(24px,4vh,40px)}html[lang=ar] .closing-title{line-height:1.45}.acts{display:grid;gap:12px;grid-template-columns:1fr}@media (min-width:1000px){.acts{grid-template-columns:repeat(3,1fr);gap:16px}}.act-copy span[dir=ltr]{white-space:nowrap}.act{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:clamp(18px,2.2vw,26px);border-radius:18px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--line-d);transition:background .3s,transform .35s var(--ease)}.act:hover{background:rgba(255,255,255,.11);transform:translateY(-2px)}.act-primary{background:#fff;color:var(--ink);box-shadow:none}.act-primary:hover{background:#fff}.act-primary .act-copy span{opacity:.72}.act-primary .act-ico{color:var(--jp-dblue);box-shadow:inset 0 0 0 1.5px currentColor}.act-ico{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}.act-ico svg{width:24px;height:24px}.act-copy{display:grid;gap:2px}.act-copy b{font-size:1.15rem;font-weight:700}.act-copy span{font-size:.9rem;opacity:.78}.act-copy span[dir=ltr]{font-family:var(--font-utility);font-size:1.05rem;font-weight:600;opacity:1;letter-spacing:.02em}html[dir=rtl] .act-copy span[dir=ltr]{text-align:right}.act-go svg{width:20px;height:20px;opacity:.7;transition:transform .3s var(--ease)}.act:hover .act-go svg{transform:translateX(4px)}html[dir=rtl] .act:hover .act-go svg{transform:scaleX(-1) translateX(4px)}.foot{background:var(--deep);color:#fff;padding:0 0 22px}.color-bar{height:clamp(8px,.9vw,12px);background:url("../assets/img/color-bar.webp") center/100% 100% no-repeat}.foot .color-bar+.wrap .foot-row:first-child{border-top:0}.foot-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 28px;padding:26px 0;border-top:1px solid var(--line-d)}.foot-logo img{width:132px;height:auto;display:block}.foot-links{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:.95rem}.foot-links a{opacity:.8;transition:opacity .2s}.foot-links a:hover{opacity:1}.foot-icons{display:flex;gap:6px}.foot-icons a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;opacity:.8;transition:background .3s,opacity .3s}.foot-icons a:hover{background:rgba(255,255,255,.1);opacity:1}.foot-icons svg{width:18px;height:18px}.foot-small{padding:18px 0 0;font-size:.8rem;color:rgba(255,255,255,.6)}.foot-small a{color:rgba(255,255,255,.75)}.foot-small a:hover{color:#fff}.foot-pay{width:min(300px,100%);height:auto;opacity:.9}.foot-ids{font-family:var(--font-utility)}html[lang=ar] .foot-ids{font-family:var(--font-ar)}@media (max-width:759px){.foot-row{flex-direction:column;align-items:flex-start}.foot-links{gap:10px 20px}.foot-icons{margin-inline-start:-10px}}.trend{background:color-mix(in srgb,var(--tint) 70%,#fff);padding:clamp(64px,10vh,120px) 0;overflow:clip;transition:background-color .9s var(--ease)}.trend-grid{display:grid;gap:clamp(32px,5vw,72px);grid-template-columns:1fr;align-items:center}@media (min-width:900px){.trend-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr)}}.trend-copy{display:grid;gap:12px;align-content:center}.trend .eyebrow{color:var(--ink)}.trend-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.4rem);font-weight:700;line-height:1.1}html[lang=ar] .trend-title{line-height:1.45}.trend .sec-text{color:rgba(0,14,22,.72)}.trend-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px}.trend-tabs button{display:grid;gap:9px;align-content:start;padding:8px 8px 10px;border-radius:16px;background:rgba(255,255,255,.55);color:var(--ink);font:inherit;text-align:start;box-shadow:inset 0 0 0 1px rgba(0,14,22,.08);cursor:pointer;transition:background .3s,box-shadow .3s,transform .4s var(--ease)}.trend-tabs .pal{display:flex;height:46px;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,14,22,.06)}.trend-tabs .pal i{flex:1;background:var(--c);transition:flex-grow .45s var(--ease)}.trend-tabs .nm{font-size:.82rem;font-weight:600;line-height:1.3;padding-inline:2px}.trend-tabs button:hover{background:rgba(255,255,255,.85);transform:translateY(-2px)}.trend-tabs button:hover .pal i:hover{flex-grow:2.2}.trend-tabs button[aria-selected=true]{background:#fff;transform:translateY(-3px);box-shadow:0 16px 30px -18px rgba(0,14,22,.45),inset 0 0 0 1.5px var(--ink)}.trend-tabs button[aria-selected=true] .pal{height:52px}.trend-cta{justify-self:start;margin-top:14px}.trend-cta svg{width:18px;height:18px}.trend-stage{position:relative;display:grid;justify-items:center;padding-top:20px}.trend-frame{position:relative;z-index:2;margin:0;width:min(320px,70%);aspect-ratio:9/14;border-radius:var(--frame-r);overflow:hidden;box-shadow:0 40px 70px -40px rgba(0,14,22,.55);background:#ddd}.trend-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .7s var(--ease),transform 1.4s var(--ease)}.trend-frame video.is-on{opacity:1;transform:none}.trend-stage{perspective:1100px}.trend-frame{transform:rotateY(calc(var(--tx,0)*9deg)) rotateX(calc(var(--ty,0)*-7deg));transition:transform .6s var(--ease)}.trend-fan{translate:calc(var(--tx,0)*-14px) calc(var(--ty,0)*-10px);transition:translate .8s var(--ease)}.trend-stage>.trend-frame{animation:trend-float 7s ease-in-out infinite alternate}.trend-stage>.trend-fan{animation:trend-float-fan 7s ease-in-out -3.5s infinite alternate}@keyframes trend-float{from{translate:0 0}to{translate:0 -10px}}@keyframes trend-float-fan{from{margin-top:0}to{margin-top:-8px}}@media (prefers-reduced-motion:reduce){.trend-frame,.trend-fan{transform:none;translate:none;animation:none !important}}.trend-fan{position:absolute;z-index:1;top:20px;left:50%;width:min(320px,70%);aspect-ratio:9/14;transform:translateX(-50%)}.trend-fan i{position:absolute;inset:6% 18%;border-radius:16px;background:var(--c);transform-origin:50% 96%;transform:rotate(calc((var(--k) - 2)*11deg)) translateX(calc((var(--k) - 2)*14%));box-shadow:0 10px 24px -14px rgba(0,14,22,.45);transition:transform .55s var(--ease),background-color .3s}.trend-fan.is-folding i{transform:rotate(0deg) translateX(0)}.trend-line{margin-top:18px;font-weight:600;text-align:center;color:rgba(0,14,22,.8);min-height:1.8em}@media (max-width:899px){.trend-tabs{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin-inline:calc(var(--gutter)*-1);padding:6px var(--gutter) 10px;scroll-padding-inline:var(--gutter)}.trend-tabs::-webkit-scrollbar{display:none}.trend-tabs button{flex:none;width:118px;scroll-snap-align:start}.trend-frame,.trend-fan{width:min(240px,58%)}}@media (prefers-reduced-motion:reduce){.trend-fan i,.trend-frame img,.trend{transition:none}}.seo-fallback{position:relative;min-height:100svh;overflow:hidden;display:grid;align-items:center;color:#fff;background:#07151a}.seo-fallback>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.48}.seo-fallback>div:first-of-type{position:relative;z-index:1;width:min(1040px,calc(100% - 2*var(--gutter)));margin:0 auto;padding:clamp(120px,20vh,220px) 0 clamp(60px,10vh,120px)}.seo-fallback>div:first-of-type>p:first-child{margin:0 0 16px;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase}.seo-fallback h1{max-width:900px;margin:0 0 24px;font-family:var(--font-display);font-size:clamp(3rem,9vw,7rem);font-weight:400;line-height:1.05}.seo-fallback>div:first-of-type>p:last-child{max-width:760px;margin:0;font-size:clamp(1rem,2vw,1.35rem);line-height:1.8}.seo-fallback__sections{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:48px max(var(--gutter),calc((100vw - 1040px)/2));background:rgba(0,14,22,.82)}.seo-fallback__sections h2{font-size:1.2rem}.seo-fallback__sections p{line-height:1.7}.seo-fallback__sections>p{grid-column:1/-1}.seo-fallback__sections a{color:inherit}@media (max-width:700px){.seo-fallback__sections{grid-template-columns:1fr}}section#trend{display:none !important}