html[lang=en]{--f-ar-d: "Archivo", sans-serif;--f-ar: "Instrument Sans", sans-serif}.paper{background:var(--sand);color:var(--ink)}em{font-style:normal}.nav-end{display:flex;align-items:center;gap:10px}.lang{font:600 13px var(--f-en);color:inherit;background:none;border:1px solid currentColor;border-radius:999px;padding:8px 14px;cursor:pointer}html[lang=ar] .lang{font-family:var(--f-en)}html[lang=en] .lang{font-family:Alexandria,sans-serif}#hero{height:640vh;position:relative}.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--ink)}.stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mask{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.mask text{font-size:300px;font-weight:900;fill:#000;letter-spacing:-6px}.cut-text{transform-box:view-box;transform-origin:50% 50%}.bars i{position:absolute;inset-inline:0;height:7vh;background:var(--ink);z-index:3}.bars i:first-child{display:none}.bars i:last-child{bottom:0}.beat{position:absolute;z-index:4;inset-inline:var(--gutter);pointer-events:none}.beat h2{font-family:var(--f-ar-d);font-weight:900;font-size:clamp(38px,7vw,104px);line-height:1.08;text-shadow:0 10px 50px rgba(0,0,0,.45)}.beat em{color:var(--tungsten)}.intro{bottom:13vh;text-align:center}.intro .tag{direction:ltr;font-weight:300;letter-spacing:.32em;font-size:12px;color:var(--smoke)}.intro .tag b{color:var(--tungsten);font-weight:700}.intro .hint{display:inline-block;margin-top:18px;font-family:var(--f-ar-d);font-size:13px;opacity:.7;animation:bob 2s ease-in-out infinite}@keyframes bob{50%{transform:translateY(6px)}}.b1{bottom:16vh}.b2{top:18vh}.b3{bottom:14vh;pointer-events:auto}.btn{display:inline-block;margin-top:22px;padding:14px 28px;border-radius:999px;background:var(--tungsten);color:var(--ink);font-family:var(--f-ar-d);font-weight:800;transition:transform .3s}.btn:hover{transform:translateY(-2px)}.wall{top:22%;inset-inline:0;text-align:center;perspective:900px}.wall span{display:inline-block;font-weight:900;font-size:clamp(60px,14vw,220px);color:transparent;-webkit-text-stroke:2px rgba(242,236,227,.7);mix-blend-mode:overlay;letter-spacing:-.02em}.hud{position:absolute;z-index:5;bottom:calc(7vh + 14px);inset-inline:var(--gutter);display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.2em;color:var(--smoke);direction:ltr}.hud i{flex:1;height:1px;background:var(--ash);position:relative}.hud i b{position:absolute;inset-block:0;left:0;width:0;background:var(--tungsten)}#statement{padding:clamp(110px,18vh,200px) var(--gutter);text-align:center}.kick{display:block;font-family:var(--f-en-d);font-variation-settings:"wdth" 125;font-size:12px;letter-spacing:.3em;color:var(--granite);font-weight:700;margin-bottom:26px}html[lang=ar] .kick.ar{font-family:var(--f-ar-d);letter-spacing:0;font-size:15px;font-weight:500}.statement{font-family:var(--f-ar-d);font-weight:300;font-size:clamp(30px,5.4vw,80px);line-height:1.32;letter-spacing:-.01em;max-width:1200px;margin:0 auto}.statement .w{display:inline-block}.pill{display:inline-block;width:1.9em;height:.95em;border-radius:999px;overflow:hidden;vertical-align:-.08em;margin:0 .08em}.pill img{width:100%;height:100%;object-fit:cover}.statement-sub{color:#5c544b;max-width:560px;margin:34px auto 0;font-size:18px}#float{height:220vh;position:relative}.float-stage{position:sticky;top:0;height:100vh;height:100svh;display:grid;place-content:center;text-align:center;overflow:hidden}.float-stage h2{font-family:var(--f-ar-d);font-weight:300;font-size:clamp(44px,8vw,120px);line-height:1.1;position:relative;z-index:2}.float-stage h2 em{font-weight:800;color:var(--granite)}.float-stage p{position:relative;z-index:2;color:#6b6259;margin-top:12px}.f{position:absolute;width:clamp(120px,18vw,280px);aspect-ratio:4/3;object-fit:cover;border-radius:14px;box-shadow:0 30px 60px -20px #28190a59;will-change:transform}.f1{top:8%;left:6%}.f2{top:12%;right:8%;width:clamp(100px,14vw,220px)}.f3{bottom:10%;left:12%;width:clamp(110px,15vw,240px)}.f4{bottom:8%;right:5%}.f5{top:44%;left:-2%;width:clamp(90px,11vw,180px);aspect-ratio:3/4}.f6{top:40%;right:-1%;width:clamp(90px,12vw,190px);aspect-ratio:3/4}@media (max-width: 760px){.f5,.f6{display:none}}#services{position:relative}.svc-kick{position:absolute;top:16vh;inset-inline-start:var(--gutter);z-index:2;font-family:var(--f-en-d);font-variation-settings:"wdth" 125;font-size:12px;letter-spacing:.3em;color:var(--tungsten);font-weight:700}.svc{position:relative;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:flex-end}.svc-media{position:absolute;top:0;right:0;bottom:0;left:0}.svc-media img{width:100%;height:120%;object-fit:cover;will-change:transform}.svc-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0b0a09eb 8%,#0b0a0926 60%,#0b0a0966)}.svc-text{position:relative;padding:0 var(--gutter) 10vh;max-width:780px}.svc-n{position:absolute;bottom:6vh;inset-inline-end:var(--gutter);font-size:clamp(120px,24vw,340px);font-weight:900;line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(242,236,227,.35)}.svc-tag{position:absolute;top:18vh;inset-inline-end:var(--gutter);font-weight:900;font-size:clamp(40px,8vw,120px);color:transparent;-webkit-text-stroke:1.5px rgba(242,236,227,.5);mix-blend-mode:overlay;transform:perspective(800px) rotateY(-22deg)}.svc h3{font-family:var(--f-ar-d);font-weight:900;font-size:clamp(36px,6vw,80px);line-height:1.1}.svc h3 small{display:block;font-size:14px;font-weight:700;letter-spacing:.1em;color:var(--tungsten);margin-bottom:8px}.svc p{color:#d4ccc1;margin-top:14px;font-size:18px;max-width:520px}#vip{padding:120px var(--gutter)}.vip-card{padding:clamp(40px,7vw,90px);border-radius:28px;background:radial-gradient(60% 80% at 85% 20%,rgba(232,163,61,.2),transparent 70%),var(--ink);color:var(--bone);display:grid;grid-template-columns:1fr 1fr;gap:50px}.vip-badge{display:inline-block;background:var(--tungsten);color:var(--ink);font-weight:900;letter-spacing:.25em;font-size:13px;padding:8px 16px;border-radius:999px}.vip-head h2{font-family:var(--f-ar-d);font-weight:300;font-size:clamp(32px,4.4vw,60px);line-height:1.15;margin:22px 0 18px}.vip-head p{color:#cfc7bc}.vip-head .btn{margin-top:28px}.vip-list{list-style:none;align-self:center}.vip-list li{display:flex;gap:20px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--ash);font-family:var(--f-ar-d);font-size:clamp(18px,2vw,26px)}.vip-list span{color:var(--tungsten);font-size:13px;font-weight:800}@media (max-width: 860px){.vip-card{grid-template-columns:1fr}}#vision{padding:140px var(--gutter) 160px;text-align:center}.vision-text{font-family:var(--f-ar-d);font-weight:300;font-size:clamp(28px,4.6vw,64px);line-height:1.4;max-width:1250px;margin:0 auto}#work{padding:40px var(--gutter) 140px}.work-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:36px}.work-head h2{font-family:var(--f-ar-d);font-weight:300;font-size:clamp(40px,6vw,84px)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips button{font:400 14px var(--f-ar-d);color:var(--ink);background:transparent;border:1px solid rgba(11,10,9,.2);border-radius:999px;padding:9px 16px;cursor:pointer;transition:background .3s,color .3s}.chips button.on{background:var(--ink);color:var(--bone)}.grid{columns:3 280px;column-gap:14px}.tile{break-inside:avoid;margin-bottom:18px;cursor:zoom-in}.tile .ph{border-radius:16px;overflow:hidden}.tile img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.tile:nth-child(3n+1) img{aspect-ratio:4/5}.tile:hover img{transform:scale(1.05)}.tile figcaption{padding:10px 4px 0;font-family:var(--f-ar-d);font-size:14px;color:#5c544b}.empty{padding:60px 20px;text-align:center;border:1px dashed rgba(11,10,9,.25);border-radius:16px;color:#7d7368;font-family:var(--f-ar-d)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0b0a09f0;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s;cursor:zoom-out}.lightbox.on{opacity:1;visibility:visible}.lightbox img{max-width:100%;max-height:88vh;border-radius:10px}.contact{background:radial-gradient(50% 60% at 50% 100%,rgba(232,163,61,.16),transparent 70%),var(--ink)}html[lang=ar] .beat h2,html[lang=ar] .svc h3,html[lang=ar] .float-stage h2,html[lang=ar] .proj-head h2,html[lang=ar] #need h2,html[lang=ar] .vip-head h2{line-height:1.38}html[lang=ar] .statement{line-height:1.5}html[lang=ar] .vision-text{line-height:1.6}.svc-web{background:radial-gradient(60% 70% at 70% 30%,rgba(232,163,61,.18),transparent 70%),#100e0c}.browser{position:absolute;top:14vh;inset-inline:8vw;bottom:30vh;border-radius:14px;overflow:hidden;border:1px solid var(--ash);background:#000;box-shadow:0 40px 80px -30px #000c}.browser .bar{height:34px;background:#1c1916;display:flex;align-items:center;gap:7px;padding:0 14px;direction:ltr}.browser .bar i{width:10px;height:10px;border-radius:50%;background:var(--ash)}.browser .bar span{margin:0 auto;font:12px var(--f-en);color:var(--smoke);background:#0f0d0b;padding:4px 18px;border-radius:999px}.browser canvas{position:absolute;top:34px;inset-inline:0;bottom:0;width:100%;height:calc(100% - 34px)}.mini-ui{position:absolute;top:34px;inset-inline:0;bottom:0;display:grid;place-items:center;pointer-events:none}.mini-ui b{font-weight:900;font-size:clamp(28px,6vw,90px);color:#f2ece3e6;mix-blend-mode:overlay}@media (max-width: 760px){.browser{top:16vh;inset-inline:var(--gutter);bottom:42vh}}#projects{padding:140px var(--gutter) 120px}.proj-head{margin-bottom:50px}.proj-head h2{font-family:var(--f-ar-d);font-weight:300;font-size:clamp(40px,6.4vw,96px);line-height:1.1}.proj-head h2 em{font-weight:800;color:var(--granite)}.proj-list{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,40px)}.proj:nth-child(2n){margin-top:14vh}.proj figure{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/5;background:var(--ink)}.proj img{width:100%;height:100%;object-fit:cover;transition:filter .6s;will-change:transform}.proj:hover img{filter:brightness(1.08)}.proj-open{position:absolute;bottom:20px;inset-inline-start:20px;background:var(--bone);color:var(--ink);font-family:var(--f-ar-d);font-weight:500;font-size:14px;padding:10px 18px;border-radius:999px;transform:translateY(10px);opacity:0;transition:.4s cubic-bezier(.2,.7,.2,1)}.proj:hover .proj-open,.proj:focus-visible .proj-open{transform:none;opacity:1}.proj-meta{display:grid;grid-template-columns:auto 1fr;column-gap:16px;padding:18px 4px 0;align-items:baseline}.proj-meta span{grid-row:span 2;font-weight:900;color:var(--granite);font-size:14px}.proj-meta h3{font-family:var(--f-ar-d);font-weight:800;font-size:clamp(24px,3vw,40px);line-height:1.3}.proj-meta p{color:#6b6259;font-size:15px}@media (max-width: 760px){.proj-list{grid-template-columns:1fr}.proj:nth-child(2n){margin-top:0}.proj-open{opacity:1;transform:none}}#need{padding:150px var(--gutter);text-align:center;background:radial-gradient(60% 50% at 50% 0%,rgba(232,163,61,.14),transparent 70%),var(--ink)}#need .kick{color:var(--tungsten)}#need h2{font-family:var(--f-ar-d);font-weight:900;font-size:clamp(36px,6vw,84px);line-height:1.12}#need h2 em{color:var(--tungsten)}#need>p{color:#b9b0a5;margin:22px auto 40px;max-width:520px}.need-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:920px;margin:0 auto 40px}.need-chips button{font:500 15px var(--f-ar-d);color:var(--bone);background:var(--coal);border:1px solid var(--ash);border-radius:999px;padding:12px 20px;cursor:pointer;transition:.25s}.need-chips button:hover{border-color:var(--smoke)}.need-chips button[aria-pressed=true]{background:var(--tungsten);color:var(--ink);border-color:var(--tungsten);font-weight:800}.need-send[aria-disabled=true]{opacity:.35;pointer-events:auto;cursor:not-allowed}.need-hint{display:block;margin-top:12px;color:var(--smoke);font-size:13px}.tile figcaption span{color:#9a8f83}.svc-web .svc-tag{display:none}@media (max-width: 760px){.nav .cta{display:none}.slide figcaption{bottom:14vh}}