.social-page-main{background:var(--paper);min-height:100svh;position:relative;overflow:hidden}.social-page-main:before{content:"";pointer-events:none;background-image:linear-gradient(#4628ef08 1px,#0000 1px),linear-gradient(90deg,#4628ef08 1px,#0000 1px);background-size:5rem 5rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 42%);mask-image:linear-gradient(#000,#0000 42%)}.social-page-header{position:fixed}.social-page-hero{max-width:100rem;min-height:68svh;margin:0 auto;padding:clamp(10rem,15vw,13rem) clamp(1.2rem,8vw,9rem) clamp(4.5rem,7vw,7rem);display:flex;position:relative}.social-page-heading{z-index:2;align-self:end;max-width:78rem;position:relative}.social-page-heading>p{color:var(--muted);font-size:var(--type-meta);letter-spacing:.09em;text-transform:uppercase;margin:0 0 1.5rem;font-weight:700;line-height:1.45}.social-page-heading h1{font-size:var(--type-display);letter-spacing:-.055em;text-wrap:balance;max-width:14ch;margin:0;font-weight:480;line-height:.96}.social-page-heading h1 em{color:var(--accent);font-size:1em;display:inline-block}[lang=ar] .social-page-heading h1{letter-spacing:-.018em;font-weight:650;line-height:1.18}.social-page-intro{justify-content:space-between;align-items:end;gap:2rem;margin-top:clamp(2.5rem,5vw,5rem);display:flex}.social-page-intro p{color:var(--muted);max-width:38rem;margin:0;font-size:clamp(.95rem,1.1vw,1.12rem);line-height:1.75}[lang=ar] .social-page-intro p{line-height:2}.social-page-intro a{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid;flex:none;padding-bottom:.35rem;font-size:.68rem;font-weight:700}.social-showcase{max-width:100rem;margin:0 auto;padding:0 clamp(.7rem,3vw,3.5rem) clamp(7rem,12vw,12rem);position:relative}.social-gallery-meta{border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;margin-bottom:clamp(4rem,7vw,7rem);padding:0 .25rem 1rem;font-size:.65rem;font-weight:700;display:flex}.campaign-projects{grid-template-columns:minmax(0,1fr);gap:clamp(7rem,11vw,12rem);display:grid}.campaign-project{width:100%;min-width:0}.campaign-project-heading{grid-template-columns:1fr auto;align-items:end;gap:1.5rem;width:100%;margin:0 auto clamp(1.4rem,2.5vw,2.4rem);padding:0 clamp(.4rem,1.2vw,1.2rem);display:grid}.campaign-project-heading>span,.campaign-project-heading>small{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;padding-bottom:.38rem;font-size:.62rem;font-weight:700}.campaign-project-heading>small{justify-self:end}.campaign-deck{isolation:isolate;touch-action:pan-y;background:linear-gradient(145deg,#eef1ffe6,#f8f6ffd1 50%,#edf6ffdb);border:1px solid #5046871c;border-radius:clamp(2rem,4vw,4.25rem);width:100%;min-width:0;min-height:54rem;padding:clamp(1rem,2vw,2rem);position:relative;overflow:hidden;box-shadow:0 34px 110px #362d691c,inset 0 1px #ffffffe6}.campaign-deck:focus-visible{outline-offset:.4rem;outline:2px solid #4628ef66}.campaign-deck:before{content:"";pointer-events:none;z-index:-2;background-color:#0000;background-image:linear-gradient(#4628ef09 1px,#0000 1px),linear-gradient(90deg,#4628ef09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:4rem 4rem;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.campaign-aura{filter:blur(18px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#5384ff42,#0000 62%);width:52rem;height:52rem;animation:18s ease-in-out infinite alternate campaignAura;position:absolute;top:-12rem;left:-14rem}.campaign-aura:after{content:"";background:radial-gradient(circle,#bc49ff33,#0000 66%);border-radius:50%;width:42rem;height:42rem;position:absolute;top:24rem;left:34rem}.deck-shell{z-index:2;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);align-items:stretch;gap:clamp(1rem,4vw,4rem);min-height:43rem;display:grid;position:relative}.campaign-carousel{min-width:0}.deck-visual{cursor:grab;perspective:90rem;touch-action:pan-y;-webkit-user-select:none;user-select:none;min-width:0;min-height:43rem;position:relative}.deck-visual:active{cursor:grabbing}.deck-visual [data-slot=carousel-content]{height:43rem;overflow:hidden}.deck-track{align-items:center;height:100%;margin-left:0!important}.coverflow-slide{flex:0 0 38%;justify-content:center;align-items:center;display:flex;position:relative;padding-left:0!important}.coverflow-depth{perspective:90rem;transform-style:preserve-3d;will-change:filter, opacity, transform;justify-content:center;align-items:center;width:100%;transition:filter .92s cubic-bezier(.22,.61,.36,1),opacity .86s cubic-bezier(.22,.61,.36,1),transform 1.08s cubic-bezier(.22,.61,.36,1);display:flex}.coverflow-slide.is-active{z-index:4}.coverflow-slide.is-active .coverflow-depth{filter:saturate();opacity:1;transform:translateZ(0)rotateY(0)scale(1)}.coverflow-slide.is-previous{z-index:2}.coverflow-slide.is-previous .coverflow-depth{filter:saturate(.76)brightness(.91)blur(.25px);opacity:.56;transform-origin:100%;transform:translate(9%)translateZ(-10rem)rotateY(15deg)scale(.68)}.coverflow-slide.is-next{z-index:2}.coverflow-slide.is-next .coverflow-depth{filter:saturate(.8)brightness(.93)blur(.2px);opacity:.6;transform-origin:0;transform:translate(-9%)translateZ(-10rem)rotateY(-15deg)scale(.68)}.coverflow-slide.is-far{pointer-events:none;z-index:0}.coverflow-slide.is-far .coverflow-depth{filter:blur(4px);opacity:0;transform:translateZ(-15rem)scale(.66)}.deck-card{aspect-ratio:4/5;cursor:grab;background:#ffffff80;border:1px solid #ffffff94;border-radius:clamp(1.35rem,2.2vw,2.4rem);width:min(29rem,100%);padding:.12rem;font-family:inherit;transition:box-shadow .82s cubic-bezier(.22,.61,.36,1),transform .96s cubic-bezier(.22,.61,.36,1);display:block;position:relative;overflow:hidden;box-shadow:0 24px 64px #1b193521,inset 0 1px #ffffffa6}.deck-card img{object-fit:cover;pointer-events:none;border-radius:calc(clamp(1.35rem,2.2vw,2.4rem) - .12rem);width:100%;height:100%;display:block}.deck-card:active{cursor:grabbing}.coverflow-slide.is-active .deck-card{box-shadow:0 38px 100px #201b4c3b,0 0 40px #6148ff1a,inset 0 1px #fff}.coverflow-slide.is-active .deck-card:hover,.coverflow-slide.is-active .deck-card:focus-visible{outline:none;transform:translateY(-.35rem)scale(1.008);box-shadow:0 44px 112px #201b4c45,0 0 46px #6148ff21,inset 0 1px #fff}.deck-card>span{-webkit-backdrop-filter:blur(13px);color:#fff;letter-spacing:.12em;background:#0a0a0e94;border:1px solid #fff3;border-radius:999px;justify-content:center;align-items:center;width:3.35rem;height:2.35rem;font-size:.62rem;display:flex;position:absolute;bottom:1.25rem;right:1.25rem}.campaign-copy{-webkit-backdrop-filter:blur(20px)saturate(130%);z-index:5;background:#ffffff75;border:1px solid #ffffffc7;border-radius:clamp(1.7rem,2.6vw,2.8rem);flex-direction:column;align-self:center;min-height:29rem;padding:clamp(1.5rem,2.5vw,2.35rem);display:flex;position:relative;box-shadow:0 24px 65px #2f2a5414,inset 0 1px #ffffffe6}.campaign-counter{color:var(--accent);letter-spacing:.12em;direction:ltr;unicode-bidi:isolate;font-size:.65rem;font-weight:750}.campaign-kicker{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-weight:700;margin:clamp(2.2rem,3.7vw,3.6rem) 0 .75rem!important;font-size:.68rem!important}.campaign-copy h2{color:var(--ink);letter-spacing:-.052em;text-wrap:balance;margin:0;font-size:clamp(2.05rem,2.8vw,3.25rem);font-weight:480;line-height:1}[lang=ar] .campaign-copy h2{letter-spacing:-.018em;font-size:clamp(1.9rem,2.5vw,2.8rem);font-weight:650;line-height:1.32}.campaign-copy>p:not(.campaign-kicker){color:var(--muted);max-width:26rem;margin:1.15rem 0 0;font-size:clamp(.84rem,.9vw,.92rem);line-height:1.65}.campaign-copy>strong{color:var(--ink);letter-spacing:.04em;min-height:1.2rem;margin-top:1.2rem;font-size:.68rem;font-weight:650;line-height:1.45;display:block}.campaign-copy-footer{justify-content:space-between;align-items:end;gap:1rem;margin-top:auto;padding-top:1.5rem;display:flex}.campaign-copy-footer>small{color:var(--muted);letter-spacing:.05em;font-size:.6rem;line-height:1.5}.campaign-controls{direction:ltr;flex:none;justify-content:flex-end;gap:.65rem;display:flex}.campaign-controls .campaign-arrow{color:#fff;cursor:pointer;background:linear-gradient(145deg,#5030e9,#8a5dff);border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:3.35rem;height:3.35rem;font-family:inherit;font-size:1rem;transition:box-shadow .35s,opacity .35s,transform .35s;display:flex;position:static;inset:auto;transform:none;box-shadow:0 0 0 1px #6c4cff26,0 0 1.25rem #744bff61,0 .75rem 1.7rem #4327ae3d,inset 0 1px #ffffff57}.campaign-controls button:hover:not(:disabled){transform:translateY(-1px)scale(1.06);box-shadow:0 0 0 1px #7e5eff38,0 0 1.65rem #8558ff94,0 .9rem 2rem #4327ae4d,inset 0 1px #ffffff6b}.campaign-controls button:disabled{cursor:default;opacity:.18}.campaign-thumbs{scroll-snap-type:x proximity;scrollbar-color:#4628ef3d transparent;scrollbar-width:thin;gap:.65rem;margin-top:1rem;padding:.2rem .1rem .65rem;display:flex;overflow-x:auto}.campaign-thumbs button{aspect-ratio:4/5;cursor:pointer;opacity:.46;scroll-snap-align:center;background:#fff;border:1px solid #1e1e2414;border-radius:1rem;flex:0 0 5.4rem;padding:.24rem;transition:border-color .38s,box-shadow .38s,opacity .38s,transform .42s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.campaign-thumbs button:hover{opacity:.8;transform:translateY(-.16rem)}.campaign-thumbs button.is-active{opacity:1;border-color:#4628ef85;transform:translateY(-.16rem);box-shadow:0 10px 28px #4628ef21}.campaign-thumbs img{object-fit:cover;border-radius:.72rem;width:100%;height:100%;display:block}.campaign-thumbs span{color:#fff;background:#08080c9e;border-radius:999px;justify-content:center;align-items:center;width:1.8rem;height:1.25rem;font-size:.5rem;display:flex;position:absolute;bottom:.5rem;right:.5rem}.social-page-footer{background:var(--ink);color:var(--paper);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;min-height:10rem;padding:2rem clamp(1.2rem,5vw,6rem);font-size:.68rem;display:flex}.social-page-footer a{border-bottom:1px solid;padding-bottom:.3rem}.social-dialog{box-shadow:none;background:0 0;border:0;max-width:min(48rem,100vw - 1rem);max-height:calc(100svh - 1rem);padding:0}.social-dialog>img{object-fit:contain;border-radius:1.75rem;width:auto;max-width:100%;max-height:calc(100svh - 2rem);margin:auto;display:block;box-shadow:0 42px 140px #0000006b}.social-dialog [data-slot=dialog-close]{color:#fff;opacity:1;background:#0a0a0eb8;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:2.8rem;height:2.8rem;display:flex;top:1rem;right:1rem}html[data-theme=dark] .social-page-main:before{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px)}html[data-theme=dark] .campaign-deck{background:linear-gradient(145deg,#0f101afa,#12101df5 52%,#0c121bfa);border-color:#ffffff14;box-shadow:0 38px 120px #0000005c,inset 0 1px #ffffff0d}html[data-theme=dark] .campaign-deck:before{background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px)}html[data-theme=dark] .campaign-aura{background:radial-gradient(circle,#4561ff47,#0000 64%)}html[data-theme=dark] .campaign-aura:after{background:radial-gradient(circle,#ae38ff3d,#0000 67%)}html[data-theme=dark] .campaign-copy{background:#ffffff0b;border-color:#ffffff17;box-shadow:0 28px 75px #0000003d,inset 0 1px #ffffff0d}html[data-theme=dark] .coverflow-slide.is-active .deck-card{box-shadow:0 40px 112px #00000085,0 0 44px #6f4cff1f,inset 0 1px #ffffff2e}html[data-theme=dark] .campaign-thumbs button{background:#f5f5f7;border-color:#ffffff14}@keyframes campaignAura{0%{transform:translate(-3%,-2%)scale(1)}to{transform:translate(12%,8%)scale(1.12)}}@media (width<=980px){.campaign-deck{min-height:0}.deck-shell{grid-template-columns:1fr}.deck-visual,.deck-visual [data-slot=carousel-content]{min-height:42rem}.campaign-copy{min-height:25rem}}@media (width<=720px){.social-page-hero{min-height:auto;padding:10rem 1rem 5rem}.social-page-heading h1{font-size:clamp(2.45rem,10.5vw,3.45rem);line-height:1}.social-page-intro{flex-direction:column;align-items:flex-start}.campaign-projects{gap:5rem}.campaign-project-heading{grid-template-columns:1fr auto;align-items:start;gap:.65rem;margin-bottom:.75rem}.campaign-project-heading>small{text-align:end}.campaign-deck{border-radius:1.55rem;padding:.5rem}.deck-shell{gap:.5rem}.deck-visual,.deck-visual [data-slot=carousel-content]{height:clamp(26rem,112vw,31rem);min-height:clamp(26rem,112vw,31rem)}.coverflow-slide{flex-basis:78%}.coverflow-slide.is-previous .coverflow-depth{transform:translate(8%)translateZ(-6rem)rotateY(11deg)scale(.7)}.coverflow-slide.is-next .coverflow-depth{transform:translate(-8%)translateZ(-6rem)rotateY(-11deg)scale(.7)}.deck-card{width:min(18.5rem,100%)}.campaign-copy{border-radius:1.35rem;min-height:0;padding:1.1rem;display:flex}.campaign-counter{align-self:flex-start}.campaign-kicker{margin-top:1.35rem!important}.campaign-copy h2,[lang=ar] .campaign-copy h2{font-size:clamp(1.72rem,8vw,2.15rem)}.campaign-copy>p:not(.campaign-kicker){margin-top:.65rem;font-size:.82rem;line-height:1.6}.campaign-copy>strong{min-height:0;margin-top:.65rem}.campaign-copy-footer{border-top:1px solid var(--line);align-items:center;margin-top:1rem;padding-top:.85rem}.campaign-copy-footer>small{max-width:8.5rem;font-size:.55rem;display:block}.campaign-controls button{width:3rem;height:3rem}.campaign-thumbs{gap:.45rem;margin-top:.65rem;padding-bottom:.35rem}.campaign-thumbs button{border-radius:.78rem;flex-basis:4.4rem}.campaign-thumbs img{border-radius:.55rem}.social-page-footer{flex-direction:column;align-items:flex-start;gap:1.5rem}}@media (width<=430px){.social-showcase{padding-left:.45rem;padding-right:.45rem}.deck-visual,.deck-visual [data-slot=carousel-content]{height:27rem;min-height:27rem}.coverflow-slide{flex-basis:78%}.campaign-thumbs button{flex-basis:4.15rem}}@media (prefers-reduced-motion:reduce){.campaign-aura,.campaign-aura:after{animation:none!important}.coverflow-depth,.deck-card,.campaign-thumbs button{transition-duration:.01ms!important}}
