:root{--ground: #070310;--ground-soft: #0e0820;--bone: #efeaf6;--bone-dim: #9c95ad;--accent: #8b3ff7;--accent-2: #c77dff;--accent-deep: #5b1fb0;--line: rgba(199, 125, 255, .16);--display: "Fraunces", Georgia, serif;--ui: "Space Grotesk", system-ui, sans-serif;--ar: "Tajawal", "Space Grotesk", sans-serif;--ease: cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--ground)}body{font-family:var(--ar);color:var(--bone);background:var(--ground);-webkit-font-smoothing:antialiased;overflow-x:hidden;cursor:none}.grain-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-repeat:repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--ground)}.ar{font-family:var(--ar);direction:rtl;unicode-bidi:isolate;letter-spacing:0}.canvas-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.kb-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--ground)}.kb-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;display:flex;align-items:center;justify-content:center;animation:kb-fade 30s infinite;animation-delay:calc(var(--i) * -6s)}.kb-slide img{width:auto;height:auto;max-width:52vw;max-height:62vh;object-fit:contain;display:block;opacity:.55;filter:saturate(.9);transform-origin:50% 50%;animation:kb-zoom-a 30s infinite linear;animation-delay:calc(var(--i) * -6s)}.kb-slide:nth-child(2n) img{animation-name:kb-zoom-b;transform-origin:60% 40%}@keyframes kb-fade{0%{opacity:0}2%{opacity:1}17%{opacity:1}20%{opacity:0}to{opacity:0}}@keyframes kb-zoom-a{0%{transform:scale(1) translate(0)}to{transform:scale(1.15) translate(-2%,-1.5%)}}@keyframes kb-zoom-b{0%{transform:scale(1.15) translate(2%,1.5%)}to{transform:scale(1) translate(0)}}.kb-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 40%,transparent 30%,rgba(7,3,16,.55) 100%);pointer-events:none}.content{position:relative;z-index:2;width:100%}.sec{position:relative;width:100%;padding:0 clamp(1.4rem,6vw,8rem)}.topbar{position:fixed;top:0;left:0;z-index:5;width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.6rem clamp(1.4rem,6vw,8rem);mix-blend-mode:difference;direction:ltr}.brandmark{display:flex;align-items:center;gap:.5rem;font-family:var(--display);font-size:1.3rem;font-weight:500;letter-spacing:-.01em}.brand-logo{height:clamp(32px,4vw,40px);width:auto;display:block}.brand-print{width:1.05rem;height:1.3rem;color:var(--accent);flex:none}.brand-dot{color:var(--accent)}.brand-studio{font-family:var(--ui);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--bone-dim);align-self:flex-end;padding-bottom:.18rem}.navlinks{direction:rtl;display:flex;gap:clamp(1rem,3vw,2.4rem);align-items:center;font-size:.85rem;letter-spacing:.01em}.navlinks a{opacity:.75;transition:opacity .4s var(--ease)}.navlinks a:hover{opacity:1}.nav-cta{border:1px solid var(--line);border-radius:100px;padding:.5rem 1.2rem;opacity:1!important}.sec-hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:6rem;overflow:hidden}.sec-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(60% 55% at 82% 8%,rgba(139,63,247,.38),rgba(139,63,247,.1) 45%,transparent 72%);animation:hero-glow 9s ease-in-out infinite}@keyframes hero-glow{0%,to{transform:translate(0) scale(1);opacity:.85}50%{transform:translate(-1.5%,2%) scale(1.06);opacity:1}}.hero-logo-mark{position:absolute;top:50%;right:8%;transform:translateY(-50%);width:min(60vw,760px);opacity:.045;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none}.eyebrow{position:relative;z-index:1;font-size:.85rem;letter-spacing:.02em;color:var(--accent-2);margin-bottom:clamp(1rem,2.5vw,1.6rem)}.hero-title{position:relative;z-index:1;max-width:22ch}.hero-title-latin{display:block;font-family:var(--display);font-weight:400;font-size:clamp(3rem,9vw,8rem);line-height:.95;letter-spacing:-.02em;direction:ltr;background:linear-gradient(100deg,var(--bone),var(--accent-2) 65%,var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-title-ar{position:relative;z-index:1;font-family:var(--ar);font-weight:700;font-size:clamp(1.6rem,4vw,3rem);margin-top:.4rem;color:var(--bone)}.hero-tagline{position:relative;z-index:1;margin-top:clamp(1.2rem,3vw,2rem);font-family:var(--ar);font-weight:500;font-size:clamp(1rem,1.6vw,1.3rem);color:var(--accent-2)}.hero-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:1rem;margin-top:clamp(2.2rem,5vw,3.2rem)}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;font-family:var(--ar);font-weight:500;font-size:.95rem;padding:.9rem 2.2rem;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease)}.btn-primary{border-radius:999px;background:linear-gradient(135deg,var(--accent-2),var(--accent) 60%,var(--accent-deep));color:#100a1c;box-shadow:0 10px 28px -10px #8b3ff799}.btn-primary:hover{transform:scale(1.03);box-shadow:0 14px 34px -8px #8b3ff7bf}.btn-secondary{border-radius:10px;border:1.5px solid var(--line);background:transparent;color:var(--bone)}.btn-secondary:hover{transform:scale(1.03);border-color:var(--accent-2);background:#8b3ff714}.scroll-indicator{position:absolute;left:50%;bottom:clamp(1.6rem,5vh,3rem);transform:translate(-50%);z-index:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-family:var(--ar);font-size:.78rem;letter-spacing:.02em;color:var(--bone-dim);transition:color .4s var(--ease)}.scroll-indicator:hover{color:var(--accent-2)}.scroll-indicator svg{width:20px;height:20px;animation:scroll-bounce 1.8s ease-in-out infinite}@keyframes scroll-bounce{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(6px);opacity:1}}.sec-manifesto{min-height:90svh;display:flex;align-items:center}.big-statement{font-family:var(--display);font-weight:300;font-size:clamp(1.8rem,4.6vw,4rem);line-height:1.18;max-width:20ch;letter-spacing:-.01em}.big-statement em{font-style:italic;color:var(--accent)}.sec-head{margin-bottom:clamp(2.5rem,6vw,5rem)}.sec-index{display:block;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}.sec-head h2{font-family:var(--display);font-weight:300;font-size:clamp(1.8rem,4.5vw,3.6rem);line-height:1.05;letter-spacing:-.015em;max-width:16ch}.sec-cap{padding-top:14vh;padding-bottom:14vh}.cap-list{list-style:none;border-top:1px solid var(--line)}.cap-row{display:grid;grid-template-columns:4rem minmax(10rem,1fr) 2fr;gap:clamp(1rem,3vw,3rem);align-items:baseline;padding:clamp(1.4rem,3vw,2.4rem) 0;border-bottom:1px solid var(--line);transition:padding-left .5s var(--ease),color .5s var(--ease)}.cap-row:hover{padding-left:1.2rem}.cap-no{font-size:.82rem;color:var(--bone-dim)}.cap-title{font-family:var(--display);font-size:clamp(1.3rem,2.6vw,2.1rem);font-weight:400}.cap-desc{color:var(--bone-dim);font-size:clamp(.95rem,1.3vw,1.05rem);line-height:1.55;max-width:42ch}.sec-work{padding-top:12vh;padding-bottom:12vh}.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:clamp(1rem,2.5vw,2rem)}.work-card{border:1px solid var(--line);border-radius:4px;padding:clamp(1.4rem,2.5vw,2.2rem);background:#0a0e1566;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-height:16rem;display:flex;flex-direction:column;transition:transform .6s var(--ease),border-color .6s var(--ease)}.work-card:nth-child(2){transform:translateY(2.5rem)}.work-card:hover{transform:translateY(-.4rem);border-color:#7fd8d280}.work-card:nth-child(2):hover{transform:translateY(2.1rem)}.work-tag{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:auto}.work-card h3{font-family:var(--display);font-weight:400;font-size:clamp(1.6rem,3vw,2.4rem);margin-top:2.5rem}.work-card p{color:var(--bone-dim);margin-top:.6rem;line-height:1.5;font-size:.95rem}.work-metric{margin-top:1.4rem;font-size:.82rem;letter-spacing:.04em;color:var(--bone);border-top:1px solid var(--line);padding-top:1rem}.sec-studio{padding-top:12vh;padding-bottom:12vh}.studio-lede{font-family:var(--display);font-weight:300;font-size:clamp(1.4rem,3vw,2.4rem);line-height:1.32;max-width:26ch;letter-spacing:-.01em}.studio-stats{display:flex;flex-wrap:wrap;gap:clamp(2rem,6vw,6rem);margin-top:clamp(3rem,7vw,6rem)}.studio-stats div{display:flex;flex-direction:column;gap:.4rem}.studio-stats strong{font-family:var(--display);font-weight:400;font-size:clamp(2.6rem,6vw,5rem);line-height:1}.studio-stats span{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--bone-dim)}.sec-contact{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-bottom:4rem}.contact-kicker{font-family:var(--display);font-style:italic;font-size:clamp(1.2rem,2.5vw,2rem);color:var(--bone-dim);margin-bottom:1.2rem}.contact-mail{font-family:var(--display);font-weight:300;font-size:clamp(2rem,8vw,7rem);line-height:1;letter-spacing:-.02em;width:fit-content;transition:color .5s var(--ease)}.contact-mail:hover{color:var(--accent)}.contact-foot{margin-top:auto;padding-top:4rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--bone-dim)}.contact-foot .ar{text-transform:none;color:var(--accent);font-size:1.1rem}.cursor-dot{position:fixed;top:0;left:0;width:12px;height:12px;border-radius:50%;background:var(--accent);pointer-events:none;z-index:50;mix-blend-mode:difference;will-change:transform}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--ground);display:flex;align-items:flex-end;justify-content:space-between;padding:clamp(1.4rem,6vw,4rem);will-change:transform}.pre-inner{width:100%;display:flex;align-items:flex-end;justify-content:space-between}.pre-brand{font-family:var(--display);font-size:clamp(1.2rem,3vw,2rem)}.pre-word{font-size:clamp(3rem,14vw,12rem);line-height:.8;color:var(--accent);opacity:.9}.pre-count{font-size:clamp(1.2rem,3vw,2rem);font-variant-numeric:tabular-nums;color:var(--bone-dim)}.slogan{color:var(--accent-2);font-size:1rem;font-weight:500}.cap-title{display:flex;flex-direction:column;gap:.25rem}.cap-ar{font-size:.85rem;color:var(--accent-2);opacity:.8}.showcase{position:relative;z-index:2;width:100%;overflow:hidden;padding:2vh 0 14vh;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee{display:flex;gap:clamp(1rem,2vw,1.6rem);width:max-content;animation:slide 48s linear infinite}.showcase:hover .marquee{animation-play-state:paused}@keyframes slide{to{transform:translate(-50%)}}.shot{position:relative;flex:none;width:clamp(13rem,22vw,19rem);aspect-ratio:3 / 4;border-radius:6px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(150deg,var(--ground-soft),var(--accent-deep) 180%)}.shot img,.shot video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease)}.shot:hover img,.shot:hover video{transform:scale(1.05)}.shot figcaption{position:absolute;left:0;bottom:0;width:100%;padding:1.2rem 1rem .9rem;font-size:.82rem;letter-spacing:.04em;color:var(--bone);background:linear-gradient(transparent,#070310d9)}.shot.is-empty figcaption{top:50%;bottom:auto;transform:translateY(-50%);background:none;text-align:center;color:var(--accent-2)}.contact-print{position:absolute;top:12vh;right:clamp(1.4rem,6vw,8rem);width:7rem;height:9rem;color:var(--accent);opacity:.18;pointer-events:none}.contact-links{display:flex;gap:2rem;margin-top:2.5rem;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}.contact-links a{position:relative;color:var(--bone-dim);transition:color .4s var(--ease)}.contact-links a:hover{color:var(--accent-2)}.pre-brand{display:flex;flex-direction:column;gap:.4rem}.pre-slogan{font-size:.85rem;color:var(--accent-2);opacity:.7}@media (max-width: 720px){body{cursor:auto}.cursor-dot{display:none}.navlinks a:not(.nav-cta){display:none}.cap-row{grid-template-columns:2.5rem 1fr}.cap-desc{grid-column:2}.sec-hero{align-items:center}.hero-logo-mark{right:50%;transform:translate(50%,-50%)}.work-card:nth-child(2){transform:none}}@media (prefers-reduced-motion: reduce){.sec-hero:before,.scroll-indicator svg{animation:none}.kb-slide,.kb-slide img{animation:none}.kb-slide:first-child{opacity:1}}