:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;box-sizing:border-box;background:#0a0a0f;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box;margin:0;padding:0}body{color:#eee8df;background:#050505;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}:root{--gold:#c89b5d;--cream:#eee8df;--muted:#938c83;--black:#050505;--bg:#191029;--bg-soft:#211735;--surface:#2a1f47;--surface-2:#322753;--ink:#f4f1fb;--muted-2:#8577a6;--accent:#e8a33d;--accent-soft:#f0c785;--accent-2:#8b7fd1;--line:#f4f1fb1f;--line-strong:#f4f1fb38;--shadow:0 30px 60px -20px #0a05198c;--maxw:1180px}.nav{z-index:500;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:22px 32px;transition:background .4s,padding .4s,border-color .4s;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(14px);border-color:var(--line);background:#101029d1;padding:14px 32px}h1{letter-spacing:-.01em;margin:0;font-family:Fraunces,serif;font-weight:500}.nav-name{letter-spacing:.03em;font-family:Fraunces,serif;font-size:1.2rem;font-weight:545}.nav-links{gap:34px;display:flex}.nav-links a{color:var(--muted);font-size:.92rem;transition:color .25s;position:relative}.nav-links a:hover,.nav-links a:focus-visible{color:var(--ink)}.nav-links a:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform .3s;position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover:after,.nav-links a:focus-visible:after{transform:scaleX(1)}.nav-cta{color:var(--ink);border:1px solid var(--line-strong);border-radius:100px;padding:9px 18px;font-size:.88rem;transition:border-color .25s,background .25s}.nav-cta:hover{border-color:var(--accent);background:#e8a33d14}.nav-right{align-items:center;gap:14px;display:flex}.lang-toggle{color:var(--ink);border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:100px;padding:7px 14px;font-family:inherit;font-size:.82rem;font-weight:500;transition:border-color .25s,background .25s}.lang-toggle:hover{border-color:var(--accent);background:#e8a33d14}.nav-toggle{display:none}@media (width<=780px){.nav-links,.nav-cta{display:none}}html[dir=rtl] body{font-family:Cairo,Sora,ui-sans-serif,system-ui,sans-serif}html[dir=rtl] .copy,html[dir=rtl] .eyebrow,html[dir=rtl] h1,html[dir=rtl] h1 span,html[dir=rtl] .role,html[dir=rtl] .desc,html[dir=rtl] .cta{text-align:right}html[dir=rtl] .copy{transform-origin:100%}html[dir=rtl] .cta{align-self:flex-end}html[dir=rtl] .next-section{left:auto;right:10.5vw}html[dir=rtl] .follow{left:auto;right:3.2vw}html[dir=rtl] .stat .lbl{margin-left:0;margin-right:-1rem}html[dir=rtl] .nav-links{flex-direction:row-reverse}.intro-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:70px;display:grid}@media (width<=860px){.intro-grid{grid-template-columns:1fr;gap:34px}}.intro-lede{margin-top:-.22em;font-family:Fraunces,serif;font-size:clamp(1.5rem,2.6vw,3rem);font-weight:500;line-height:1.35}.intro-body p{color:var(--muted);margin:0 0 18px;font-size:1.02rem;line-height:1.7}.intro-body strong{color:var(--ink);font-weight:500}.stat-row{flex-wrap:wrap;gap:46px;margin-top:3rem;display:flex}section{border-bottom:1px solid var(--line);position:relative}.section-pad{padding:130px 0}@media (width<=780px){.section-pad{padding:90px 0}}.section-head{max-width:640px}.section-head h2{font-size:clamp(1.8rem,3.4vw,2.5rem)}.section-head p{color:var(--muted);max-width:520px;margin-top:18px;font-size:1.02rem}.container{max-width:var(--maxw);margin:0 auto;padding:0 32px}@media (width<=640px){.container{padding:0 22px}}.services-list{flex-direction:column;margin-top:60px;display:flex}.service-row{border-top:1px solid var(--line);grid-template-columns:1fr 1.6fr;gap:50px;padding:42px 0;display:grid}.services-list .service-row:last-child{border-bottom:1px solid var(--line)}@media (width<=780px){.service-row{grid-template-columns:1fr;gap:16px}}.service-row .service-name{align-items:baseline;gap:14px;font-family:Fraunces,serif;font-size:1.5rem;display:flex}.service-row .service-name .swatch{border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}.service-desc p{color:var(--muted);max-width:520px;margin:0 0 16px;font-family:Fraunces,serif}.chip-row{flex-wrap:wrap;gap:9px;margin-top:14px;display:flex}.chip{color:var(--ink);border:1px solid var(--line-strong);background:#f4f1fb08;border-radius:100px;padding:6px 13px;font-size:.8rem}.work{border-bottom:1px solid var(--line);background:#090909}.work-grid{grid-template-columns:repeat(2,1fr);gap:26px;margin-top:60px;display:grid}@media (width<=780px){.work-grid{grid-template-columns:1fr}}.work-card{border:1px solid var(--line);background:#191623a6;border-radius:18px;flex-direction:column;transition:transform .35s,border-color .35s;display:flex;overflow:hidden}.work-card:hover{border-color:var(--line-strong);transform:translateY(-4px)}.work-card.wide{grid-column:span 2}@media (width<=780px){.work-card.wide{grid-column:span 1}}.work-thumb{aspect-ratio:16/10;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.work-card.wide .work-thumb{aspect-ratio:16/7}.work-thumb .play{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#140d248c;border:1px solid #f4f1fb66;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.work-thumb .play:after{content:"";border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:13px solid var(--ink);width:0;height:0;margin-left:3px}.work-body{padding:24px 26px 28px}.work-tag{color:var(--accent-soft);margin-bottom:10px;font-size:.78rem}.work-title{font-family:Fraunces,serif;font-size:1.25rem}.work-desc{color:var(--muted);margin-top:10px;font-size:.94rem}.work-link{border-bottom:1px solid var(--line-strong);margin-top:16px;padding-bottom:2px;font-size:.88rem;display:inline-block}.work-link:hover{border-color:var(--accent);color:var(--accent-soft)}.process-grid{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px;display:grid}@media (width<=780px){.process-grid{grid-template-columns:1fr;gap:34px}}.process-step .step-num{color:var(--accent);font-family:Fraunces,serif;font-size:1.1rem;font-style:italic}.process-step h3{margin-top:10px;font-size:1.2rem}.process-step p{color:var(--muted);margin-top:10px;font-size:.94rem}.process-card{border:1px solid var(--line);background:#191623a6;border-radius:18px;flex-direction:column;min-height:220px;padding:32px 28px;transition:transform .35s,border-color .35s;display:flex;overflow:hidden}.process-card:hover{border-color:var(--line-strong);transform:translateY(-4px)}.process-card.wide{grid-column:span 2}@media (width<=780px){.process-card.wide{grid-column:span 1}}.process-thumb{aspect-ratio:16/10;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.process-card.wide .process-thumb{aspect-ratio:16/7}.process-thumb .play{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#140d248c;border:1px solid #f4f1fb66;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.process-thumb .play:after{content:"";border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:13px solid var(--ink);width:0;height:0;margin-left:3px}.progress{z-index:100;transform-origin:0;background:var(--gold);width:100%;height:2px;position:fixed;top:0;left:0;transform:scaleX(0)}.scroll-stage{height:520vh;position:relative}.sticky{perspective:1400px;background:radial-gradient(circle at 68% 48%,#c89b5d13,#0000 26%),linear-gradient(115deg,#070707 0%,#030303 65%,#090806 100%);height:100vh;position:sticky;top:0;overflow:hidden}.grid{opacity:.18;transform-origin:bottom;background-image:linear-gradient(#c89b5d1f 1px,#0000 1px),linear-gradient(90deg,#c89b5d1f 1px,#0000 1px);background-size:55px 55px;position:absolute;inset:0;transform:perspective(700px)rotateX(62deg)scale(1.5)translateY(34%);-webkit-mask-image:linear-gradient(#0000,#000 20% 70%,#0000);mask-image:linear-gradient(#0000,#000 20% 70%,#0000)}.noise{opacity:.045;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:absolute;inset:-50%}.copy{z-index:10;transform-origin:0;will-change:transform, opacity;text-align:left;width:43vw;position:absolute;top:23vh;left:10.5vw}.eyebrow{color:var(--gold);letter-spacing:.32em;text-align:left;margin-bottom:22px;font-size:11px}h1{letter-spacing:-.075em;text-align:left;font-size:clamp(68px,10vw,160px);font-weight:500;line-height:.82}h1 span{text-align:left;display:block}h1 .last{color:var(--gold)}.role{letter-spacing:.26em;color:#d2c8bc;text-align:left;margin-top:28px;font-size:15px;line-height:1.7}.desc{max-width:420px;color:var(--muted);text-align:left;margin-top:20px;font-size:14px;line-height:1.8}.cta{color:var(--cream);letter-spacing:.22em;text-align:left;border-bottom:1px solid #c89b5d80;align-self:flex-start;align-items:center;gap:20px;margin-top:32px;padding-bottom:10px;font-size:11px;text-decoration:none;display:inline-flex}.cta b{border:1px solid #c89b5db3;border-radius:50%;place-items:center;width:42px;height:42px;font-size:20px;font-weight:300;display:grid}.portrait-wrap{z-index:20;width:min(43vw,690px);height:92vh;transform-style:preserve-3d;will-change:transform, opacity;position:absolute;top:8vh;left:51%}.portrait{object-fit:contain;object-position:bottom center;filter:contrast(1.03)saturate(.93);-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute;bottom:0;right:0;transform:translateZ(80px)}.screen-frame{z-index:14;width:40vw;height:67vh;transform-style:preserve-3d;will-change:transform, opacity;border:2px solid #d6b890b8;position:absolute;top:15vh;left:58%;box-shadow:inset 0 0 0 1px #ffffff08,0 0 50px #c89b5d0d}.screen-frame:before{content:"";border:1px solid #ffffff14;position:absolute;inset:8px}.glass{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(135deg,#ffffff06,#0000 55%);position:absolute;inset:0}.shards{z-index:25;pointer-events:none;position:absolute;inset:0}.shard{width:var(--w);height:var(--h);left:var(--x);top:var(--y);clip-path:polygon(8% 0,100% 17%,78% 100%,0 74%);transform:translate3d(calc(var(--tx) * var(--burst)), calc(var(--ty) * var(--burst)), calc(var(--tz) * var(--burst))) rotate(calc(var(--r) * var(--burst)));opacity:calc(.85 * var(--burst));will-change:transform, opacity;background:linear-gradient(135deg,#eee8df47,#78552b14);border:1px solid #e5c397b8;position:absolute}.micro{z-index:30;letter-spacing:.3em;color:#eee8df7a;font-size:9px;position:absolute}.follow{top:50%;left:3.2vw;transform:rotate(-90deg)}.status{top:52%;right:3.5vw}.scroll-label{z-index:40;letter-spacing:.35em;color:#8e877e;text-align:center;pointer-events:none;font-size:10px;animation:2.2s ease-in-out infinite scrollLabelPulse;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(#c89b5d40,#0000);width:1px;height:54px;margin:12px auto 0;position:relative;overflow:hidden}.scroll-line:after{content:"";background:linear-gradient(var(--gold), transparent);width:100%;height:30%;animation:1.8s cubic-bezier(.4,0,.2,1) infinite scrollLineTravel;position:absolute;top:-30%;left:0}@keyframes scrollLabelPulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes scrollLineTravel{0%{opacity:0;top:-30%}15%{opacity:1}75%{opacity:1}to{opacity:0;top:100%}}@media (prefers-reduced-motion:reduce){.scroll-label{animation:none}.scroll-line:after{animation:none;display:none}}.next-section{z-index:35;letter-spacing:.3em;color:#bca991;opacity:0;font-size:11px;position:absolute;bottom:7vh;left:10.5vw;transform:translateY(30px)}.about{background:#090909;place-items:center;min-height:100vh;padding:150px 10vw;display:grid}.about-inner{max-width:900px}.about .tag{color:var(--gold);letter-spacing:.3em;font-size:11px}.about h2{letter-spacing:-.06em;margin-top:18px;font-size:clamp(48px,7vw,105px);font-weight:400}.about p{max-width:650px;margin-top:30px;line-height:1.9}.tag2{color:var(--gold);letter-spacing:.3em;place-items:center;margin-bottom:3.5rem;font-size:13px;display:grid}h2{letter-spacing:-.01em;margin:0;font-family:Fraunces,serif;font-weight:500}.stat .num{color:var(--accent);font-family:Fraunces,serif;font-size:1.9rem}.stat .lbl{color:var(--muted);margin-top:4px;margin-left:-1rem;font-size:.86rem}@media (width<=800px){.nav{padding:20px}.links{display:none}.copy{width:84vw;top:17vh;left:8vw}h1{font-size:18vw}.role{font-size:11px}.desc{max-width:300px}.portrait-wrap{width:76vw;height:68vh;top:31vh;left:26%}.screen-frame{width:62vw;height:43vh;top:37vh;left:31%}.cards{grid-template-columns:1fr}}.contact{border-top:1px solid var(--line);background:#090909}.contact-inner{text-align:center;padding:150px 0 70px}.contact h2{max-width:760px;margin:0 auto;font-size:clamp(2rem,5vw,3.4rem)}.contact-email{color:var(--accent-soft);border-bottom:1px solid var(--line-strong);margin-top:34px;padding-bottom:6px;font-family:Fraunces,serif;font-size:clamp(1.2rem,2.6vw,1.6rem);display:inline-block}.contact-email:hover{border-color:var(--accent);color:var(--accent)}.contact-note{color:var(--muted);margin-top:18px;font-size:.92rem}.socials{flex-wrap:wrap;justify-content:center;gap:26px;margin-top:40px;display:flex}.socials a{color:var(--muted);font-size:.9rem}.socials a:hover{color:var(--ink)}.foot{border-top:1px solid var(--line);color:var(--muted-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:26px 0;font-size:.82rem;display:flex}::selection{background:var(--accent);color:#1c1430}html,body{width:100%;min-width:0;max-width:100%}body{-webkit-text-size-adjust:100%;min-height:100%;overflow-x:clip}img,svg,video,canvas{max-width:100%}.nav{padding:max(14px,2.2vh) max(22px,3.2vw)}.container{width:100%}.scroll-stage{height:520dvh;min-height:520vh}.sticky{contain:layout paint;width:100%;height:100dvh;min-height:100vh}.copy{width:min(43vw,620px);max-width:calc(100vw - 44px);top:clamp(100px,23vh,220px);left:clamp(22px,10.5vw,170px)}.portrait-wrap{width:min(43vw,690px);height:min(92dvh,900px);max-height:calc(100dvh - 24px);top:clamp(64px,8vh,90px);left:51%}.screen-frame{width:min(40vw,640px);height:min(67dvh,680px);max-height:calc(100dvh - 110px);top:clamp(90px,15vh,150px);left:58%}.grid{background-size:clamp(32px,3.8vw,55px) clamp(32px,3.8vw,55px)}.about{padding-left:clamp(22px,10vw,150px);padding-right:clamp(22px,10vw,150px)}@media (width<=800px){.nav{padding:18px max(18px,4vw)}.copy{width:84vw;max-width:84vw;top:clamp(92px,16.5dvh,150px);left:8vw}h1{font-size:clamp(58px,18vw,112px)}.role{letter-spacing:clamp(.14em,.8vw,.26em);font-size:clamp(9px,2.5vw,11px)}.desc{width:min(78vw,340px);max-width:78vw;font-size:clamp(12px,3.2vw,14px)}.portrait-wrap{width:76vw;height:min(68dvh,610px);max-height:68dvh;top:clamp(220px,31dvh,330px);left:26%}.screen-frame{width:62vw;height:min(43dvh,390px);max-height:43dvh;top:clamp(255px,37dvh,390px);left:31%}.follow{left:12px}.status{right:12px}.scroll-label{display:none}.next-section{bottom:max(42px,7dvh);left:8vw}.about{min-height:100dvh;padding-top:clamp(90px,15dvh,150px);padding-bottom:clamp(90px,15dvh,150px)}.section-pad{padding-top:clamp(78px,12dvh,110px);padding-bottom:clamp(78px,12dvh,110px)}.contact-inner{padding-top:clamp(90px,15dvh,150px)}}@media (width<=390px){.container{padding-left:18px;padding-right:18px}.copy{width:86vw;max-width:86vw;left:7vw}h1{font-size:17.5vw}.eyebrow{letter-spacing:.24em;font-size:9px}.portrait-wrap{width:80vw;left:23%}.screen-frame{width:65vw;left:28%}.work-body{padding-left:20px;padding-right:20px}}@media (width>=801px) and (height<=700px){.copy{width:min(45vw,620px);top:17vh}h1{font-size:clamp(54px,9.5vw,120px)}.portrait-wrap{height:96dvh;max-height:96dvh;top:3vh}.screen-frame{height:70dvh;max-height:70dvh;top:9vh}.role{margin-top:20px}.desc{margin-top:14px}.cta{margin-top:22px}}@media (width>=801px) and (width<=1100px){.copy{width:45vw;left:6vw}.portrait-wrap{width:48vw;left:48%}.screen-frame{width:43vw;left:54%}.nav-links{gap:22px}}@media (width>=801px) and (aspect-ratio<=4/3){.copy{width:48vw;left:6vw}.portrait-wrap{width:48vw;left:48%}.screen-frame{width:43vw;left:54%}}@media (width>=1600px){.copy{width:min(43vw,620px);left:max(10.5vw,50vw - 590px)}.portrait-wrap{left:min(51%,50% + 80px)}.screen-frame{left:min(58%,50% + 180px)}}@supports (padding:env(safe-area-inset-left)){.nav{padding-left:max(18px, env(safe-area-inset-left), 4vw);padding-right:max(18px, env(safe-area-inset-right), 4vw)}.follow{left:max(12px, env(safe-area-inset-left))}.status{right:max(12px, env(safe-area-inset-right))}}@media (width<=800px){html[dir=rtl] .copy,html[dir=rtl] .next-section{left:auto;right:8vw}html[dir=rtl] .follow{left:auto;right:12px}}