@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Noto+Sans+Arabic:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#101014;--panel:#19191f;--line:#ffffff20;--text:#f4f3ef;--muted:#9999a5;--lime:#c2f970;--purple:#af8bfa;--font:'DM Sans',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.55}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--purple);outline-offset:7px}::selection{background:var(--lime);color:var(--bg)}.skip{position:fixed;top:-90px;left:20px;background:var(--lime);color:var(--bg);padding:12px;z-index:100}.skip:focus{top:10px}.header{height:98px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#101014ec;backdrop-filter:blur(20px);position:sticky;top:0;z-index:20}.brand{display:flex;gap:10px;align-items:center;font-family:var(--display);font-size:27px;font-weight:700;line-height:1;letter-spacing:-1px}.brand-symbol{display:flex;align-items:center;justify-content:center;font-size:43px;width:42px;height:43px;background:var(--lime);color:var(--bg);border-radius:11px;transform:rotate(-7deg);padding-bottom:8px}.brand-sub{display:block;font:500 10px/1.7 var(--font);letter-spacing:5px;margin-top:5px}nav{display:flex;gap:31px;align-items:center;font-size:14px}nav a{position:relative;color:#b5b4bd;transition:color .2s}nav a:hover,nav a.active{color:var(--text)}nav a.active:after{content:'';position:absolute;bottom:-12px;left:0;right:0;height:2px;background:var(--lime)}nav a:last-child{border:1px solid #727278;padding:10px 18px;border-radius:5px;color:var(--text)}nav a:last-child span{margin-left:15px}nav a:last-child.active:after{display:none}.menu-toggle{display:none}.hero{position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;min-height:620px;max-width:1560px;margin:auto;padding:72px 5.5% 55px;position:relative;align-items:center}.eyebrow{display:block;font-size:12px;letter-spacing:1.6px;font-weight:600;line-height:1.6}.hero-copy{position:relative;z-index:2}.hero-copy .eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:1.5px}.tiny-plus{color:var(--lime);font-size:22px}.hero h1{font-family:var(--display);font-size:clamp(56px,6.2vw,96px);font-weight:600;line-height:1.04;letter-spacing:-5px;margin:29px 0 25px}.lime{color:var(--lime)}.muted{color:var(--muted)}.hero-copy>p{font-size:19px;color:#adacb7;line-height:1.6}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:34px}.button{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-size:14px;padding:17px 22px;border-radius:5px;font-weight:650;transition:transform .25s,background .25s}.primary{background:var(--lime);color:#161914}.button:hover{transform:translateY(-4px);background:#d6ffa1}.button span{font-size:20px;line-height:1}.text-link{font-size:13px;display:inline-flex;gap:14px;align-items:center;border-bottom:1px solid #6a6a71;padding:7px 0}.text-link:hover{color:var(--lime)}.hero-location{font-size:10px;letter-spacing:1.4px;color:#94939e;margin-top:46px;display:flex;align-items:center;gap:8px}.location-mark{font-size:20px;color:var(--purple)}.hero-art{position:relative;min-height:465px;display:flex;align-items:center;justify-content:center;isolation:isolate}.art-float{width:130%;position:absolute;animation:levitate 7s ease-in-out infinite}.art-float img{width:100%;height:auto;display:block;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse at center,#000 38%,transparent 72%);transform:translate(var(--px,0),var(--py,0));transition:transform .7s ease-out}.art-orbit{position:absolute;width:82%;aspect-ratio:1;border:1px solid #a7a1d316;border-radius:50%;transform:rotateX(58deg) rotate(-30deg);z-index:-1}.art-label{position:absolute;font-size:10px;letter-spacing:1.2px;border:1px solid #78748455;background:#16151eaa;backdrop-filter:blur(5px);padding:11px 14px;border-radius:5px;z-index:2;white-space:nowrap}.label-one{top:28px;right:10px;transform:rotate(7deg)}.cross{color:var(--lime);margin-right:9px}.label-two{bottom:0;left:10px;transform:rotate(-4deg);font-size:9px}.coordinate{position:absolute;bottom:55px;right:0;font:10px/1.7 monospace;color:#767280}.hero-bottom{border-top:1px solid var(--line);padding:20px 5.5%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;letter-spacing:1.2px;color:#b1afba;position:relative}.hero-bottom span.muted{padding:0 12px}.hero-bottom a span{margin-left:15px;color:var(--lime);font-size:17px}.hero-bottom button{font-size:11px;letter-spacing:.5px;background:none;border:1px solid var(--line);border-radius:20px;padding:7px 12px;color:#aaa8b3}.hero-bottom button span{color:var(--lime)}#particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.7}.ticker{overflow:hidden;background:var(--lime);color:#1c2613;padding:17px 0}.ticker-track{display:flex;gap:45px;width:max-content;align-items:center;animation:marquee 36s linear infinite}.ticker span{font-size:14px;font-weight:700;letter-spacing:1px}.ticker b{font-size:26px;line-height:1}.section{padding:105px 5.5%;max-width:1560px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:46px}.section-heading .eyebrow,.about .eyebrow{color:var(--purple);margin-bottom:23px}h2{font-family:var(--display);font-weight:500;line-height:1.12;letter-spacing:-2px;font-size:clamp(35px,3.4vw,52px);margin:0}.section-heading>p{color:var(--muted);font-size:15px;line-height:1.7;margin:0 0 5px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 26px}.project-card{text-align:left;background:none;border:none;padding:0;width:100%}.project-visual{height:340px;position:relative;padding:25px 28px;overflow:hidden;border-radius:8px;transition:transform .4s,box-shadow .4s}.project-card:hover .project-visual{transform:translateY(-6px);box-shadow:0 20px 55px #0004}.project-status{font-size:10px;letter-spacing:1.5px;padding:6px 9px;border:1px solid currentColor;display:inline-block;border-radius:3px;position:relative;z-index:2}.reaction{background:#b6a0f4;color:#252037}.reaction:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#20114408 4px);pointer-events:none}.reaction-type{font-family:var(--display);font-size:83px;font-weight:700;line-height:.88;letter-spacing:-6px;transform:rotate(-7deg);position:absolute;left:36px;top:91px;transition:transform .5s}.reaction-type span{color:#f6f0ff}.project-card:hover .reaction-type{transform:rotate(0) scale(1.04)}.reaction-measure{position:absolute;right:30px;bottom:24px;display:flex;flex-direction:column;align-items:flex-end}.reaction-measure>span{font-size:9px;letter-spacing:1.4px}.reaction-measure b{font:700 47px/1.1 var(--display);letter-spacing:-2px}.reaction-measure b span{font-size:19px}.project-open{position:absolute;top:23px;right:24px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffff60;border-radius:50%;font-size:23px;transition:transform .3s}.project-card:hover .project-open{transform:rotate(45deg)}.project-info{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 2px 0}.project-info h3{font:500 23px var(--display);margin:0}.project-info>span{font-size:12px;color:var(--muted)}.fractalians{background:#292b25;color:#eef3d3}.fractal-pattern{position:absolute;inset:-80px -80px -180px 130px;background:repeating-radial-gradient(ellipse at 70% 60%,transparent 0,transparent 18px,#c2f97060 19px,#c2f97005 21px,transparent 24px);transform:rotate(-28deg);transition:transform 1.2s}.project-card:hover .fractal-pattern{transform:rotate(-14deg) scale(1.1)}.fractal-type{font:500 72px/.95 var(--display);letter-spacing:-5px;position:absolute;left:30px;bottom:32px}.fractal-type span{display:block;font:500 10px var(--font);letter-spacing:2px;margin-top:18px}.project-wide{grid-column:1/-1}.ai{height:260px;background:#e8e7e1;color:#242324;display:flex;align-items:center;justify-content:space-between}.ai .project-status{position:absolute;top:25px}.ai-type{font:500 clamp(30px,3.5vw,51px)/1.1 var(--display);letter-spacing:-2px;margin-top:50px}.ai-type>span{color:#81817b}.ai-flow{display:flex;align-items:center;gap:13px;margin-top:20px;transform:rotate(-6deg)}.ai-flow span{border:1px solid #24232440;border-radius:8px;padding:22px 17px;font-size:12px;box-shadow:4px 4px #2423240c}.ai-flow span:nth-child(3){background:var(--lime);transform:translateY(-18px);transition:transform .4s}.project-card:hover .ai-flow span:nth-child(3){transform:translateY(0) rotate(12deg)}.ai-flow b{font-weight:400;font-size:25px}.about{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(120deg,#19182044,transparent)}.jd-monogram{font:700 175px/1.1 var(--display);letter-spacing:-14px;margin:10px 0 20px}.jd-monogram>span{display:inline-block;color:var(--purple);font-size:90px;vertical-align:top;animation:turn 25s linear infinite;letter-spacing:0;margin-left:12px}.about-name>p{font-size:12px;letter-spacing:1.5px}.about-name>p>span{color:var(--muted);font-size:10px}.about-copy h2{font-size:37px;line-height:1.25;margin-bottom:28px}.about-copy>p{font-size:16px;color:#aaa9b4;max-width:650px}.stats{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:39px;padding-top:28px;border-top:1px solid var(--line);gap:20px}.stats>div{display:flex;flex-direction:column}.stats strong{font:500 41px var(--display);letter-spacing:-2px}.stats strong span{color:var(--lime)}.stats>div>span{color:var(--muted);font-size:12px;margin-top:8px}.services{padding-bottom:75px}.service{display:grid;grid-template-columns:55px 1fr 1fr 40px;gap:25px;padding:33px 0;border-top:1px solid var(--line);align-items:center;transition:padding .3s,background .3s}.service:hover{padding-left:20px;padding-right:20px;background:#c2f97006}.service-number{font-size:12px;color:var(--purple)}.service h3{font:500 28px var(--display);letter-spacing:-.8px;margin:0}.service p{font-size:14px;color:var(--muted);margin:0;max-width:380px;line-height:1.7}.service-icon{font:400 36px var(--display);color:var(--lime);transition:transform .5s}.service:hover .service-icon{transform:rotate(90deg)}.team{padding-top:70px;border-top:1px solid var(--line)}.team-layout{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:8px;overflow:hidden}.founder{padding:45px;background:#1a1921}.founder .eyebrow{color:var(--muted)}.founder h3{font:500 61px/1.02 var(--display);letter-spacing:-3px;margin:26px 0}.founder p{color:var(--muted);font-size:15px}.founder .text-link{margin-top:20px}.team-disciplines{padding:15px 36px}.team-disciplines>div{padding:24px 0;border-bottom:1px solid var(--line)}.team-disciplines>div:last-child{border:0}.team-disciplines span{color:var(--purple);font-size:10px;letter-spacing:1.5px}.team-disciplines h3{font:500 27px var(--display);letter-spacing:-.8px;margin:8px 0 2px}.team-disciplines p{color:var(--muted);font-size:14px;margin:0}.contact{max-width:none;background:var(--lime);color:#192314;padding-top:40px;padding-bottom:30px}.contact-top,.contact-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1px}.contact-top{padding-bottom:24px;border-bottom:1px solid #1a241b30}.contact-body{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:60px 0}.contact h2{font-size:clamp(44px,5.7vw,83px);letter-spacing:-4px}.contact h2>span{color:#547537}.contact-link{background:#1b2617;color:var(--lime);border-radius:50%;width:165px;height:165px;flex-shrink:0;display:flex;justify-content:center;flex-direction:column;padding-left:33px;position:relative;font-size:16px;font-weight:500;transition:transform .4s,background .4s}.contact-link span{font-size:36px;position:absolute;right:28px;top:31px;font-weight:400}.contact-link:hover{transform:rotate(-9deg);background:#313529}.contact-bottom{border-top:1px solid #1a241b30;padding-top:20px}.contact-bottom p{letter-spacing:0;font-size:14px}footer{padding:38px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer>.brand{font-size:23px}footer>.brand .brand-symbol{width:36px;height:36px;font-size:35px}footer>span,footer>a:last-child{font-size:11px;color:var(--muted)}footer>a:last-child{letter-spacing:1px}dialog{max-width:640px;width:calc(100% - 36px);border:1px solid #ffffff30;border-radius:15px;background:#1b1a23;color:var(--text);padding:46px;box-shadow:0 35px 150px #000a}dialog::backdrop{background:#08070ed9;backdrop-filter:blur(10px)}dialog h2{margin:22px 0;font-size:45px}dialog>p{color:#b7b5c4;line-height:1.8}dialog .eyebrow{color:var(--purple);padding-right:20px}.dialog-close{position:absolute;right:18px;top:14px;font-size:30px;background:none;border:none;width:36px;height:36px;line-height:1}.dialog-done{margin-top:25px}#dialog-details{margin-top:25px;border-top:1px solid var(--line);padding-top:16px;color:var(--lime);font-size:14px}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.js-motion .reveal.visible{opacity:1;transform:translateY(0)}.motion-off *,.motion-off *:before,.motion-off *:after{animation-play-state:paused!important;scroll-behavior:auto!important;transition:none!important}.motion-off .reveal{opacity:1;transform:none}.motion-off #particles{opacity:.25}@keyframes levitate{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes marquee{to{transform:translateX(-45%)}}@keyframes turn{to{transform:rotate(360deg)}}
@media(min-width:1560px){.hero-grid{padding-left:86px;padding-right:86px}.section{padding-left:86px;padding-right:86px}.contact{padding-left:max(5.5%,calc((100vw - 1390px)/2));padding-right:max(5.5%,calc((100vw - 1390px)/2))}}@media(max-width:1100px){nav{gap:20px}.hero-actions{gap:17px;flex-wrap:wrap}.hero h1{font-size:68px}.hero-copy .eyebrow{font-size:9px}.hero-grid{padding-top:55px;padding-bottom:45px;min-height:570px}.hero-art{min-height:420px}.label-one{right:-10px;font-size:9px}.label-two{font-size:8px;left:-15px}.project-info{align-items:flex-start;flex-direction:column;gap:5px}.ai-flow{gap:9px}.ai-flow span{padding:19px 12px;font-size:10px}.service{grid-template-columns:30px 1fr 1fr 30px;gap:15px}.service h3{font-size:23px}.about{gap:40px}.about-copy h2{font-size:30px}.section{padding-top:80px;padding-bottom:80px}}@media(max-width:760px){html{scroll-padding-top:85px}.header{height:78px;padding:0 6%}.brand{font-size:24px}.brand-symbol{width:36px;height:38px;font-size:37px}.brand-sub{font-size:8px;letter-spacing:4px}.menu-toggle{display:flex;flex-direction:column;gap:6px;width:44px;height:44px;justify-content:center;align-items:center;border:1px solid var(--line);background:none;border-radius:5px}.menu-toggle span{height:1px;width:19px;background:var(--text);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}nav{display:none;position:absolute;left:0;right:0;top:77px;background:#15141b;border-bottom:1px solid var(--line);padding:25px 6%;flex-direction:column;align-items:stretch;gap:0;font-size:17px}nav.open{display:flex}nav a{padding:13px 0}nav a.active:after{display:none}nav a:last-child{margin-top:13px}nav a.active{color:var(--lime)}.hero-grid{grid-template-columns:1fr;padding:43px 6% 30px;gap:8px}.hero h1{font-size:clamp(52px,11.7vw,85px);letter-spacing:-3px;margin-top:23px;margin-bottom:21px}.hero-copy .eyebrow{font-size:9px;letter-spacing:1px}.hero-copy>p{font-size:17px}.hero-actions{gap:20px;margin-top:24px}.hero-actions .text-link{font-size:12px}.button{padding:15px 18px;font-size:13px;gap:25px}.hero-location{margin-top:27px;font-size:9px}.hero-art{min-height:335px;margin:5px 0 10px}.art-float{width:115%}.label-one{top:22px;right:0}.label-two{bottom:5px;left:10px;font-size:8px}.coordinate{bottom:50px;right:7px}.hero-bottom{padding:17px 6%;font-size:9px;gap:10px}.hero-bottom>span{display:none}.hero-bottom button{font-size:10px}.ticker{padding:14px 0}.ticker span{font-size:11px}.ticker-track{gap:25px}.section{padding:64px 6%}.section-heading{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:18px}.section-heading>p{font-size:14px}h2{font-size:36px;letter-spacing:-1.6px}.eyebrow{font-size:10px}.project-grid{grid-template-columns:1fr;gap:30px}.project-wide{grid-column:auto}.project-visual{height:330px}.project-info{flex-direction:row;align-items:center}.project-info h3{font-size:20px}.project-info>span{font-size:10px;text-align:right;max-width:150px}.reaction-type{font-size:78px}.ai{height:330px;display:block}.ai-type{font-size:37px;margin-top:80px}.ai-flow{margin-top:30px;transform:rotate(-3deg);justify-content:flex-start}.ai-flow span{padding:13px 11px}.about{grid-template-columns:1fr;gap:25px}.about-name{display:grid;grid-template-columns:1fr auto;align-items:center}.about-name .eyebrow{grid-column:1/-1}.jd-monogram{font-size:100px;letter-spacing:-9px;margin:0}.jd-monogram>span{font-size:50px;margin-left:7px}.about-name>p{text-align:right;font-size:11px}.about-copy h2{font-size:31px}.about-copy>p{font-size:15px}.stats{gap:12px;margin-top:27px}.stats strong{font-size:35px}.stats>div>span{font-size:10px}.service{grid-template-columns:24px 1fr 28px;gap:10px;padding:24px 0}.service h3{font-size:24px}.service p{grid-column:2;grid-row:2;font-size:13px}.service-icon{grid-column:3;grid-row:1;font-size:29px}.service:hover{padding-left:5px;padding-right:5px}.team-layout{grid-template-columns:1fr}.founder{padding:32px}.founder h3{font-size:53px}.team-disciplines{padding:5px 30px 10px}.contact{padding-top:28px;padding-bottom:20px}.contact-top{font-size:9px}.contact-body{padding:40px 0;align-items:flex-start;flex-direction:column;gap:30px}.contact h2{font-size:clamp(38px,9vw,66px);letter-spacing:-2px}.contact-link{width:125px;height:125px;font-size:13px;padding-left:25px;align-self:flex-end}.contact-link span{right:20px;top:17px;font-size:30px}.contact-bottom{align-items:flex-start;gap:10px;flex-direction:column;font-size:9px;padding-top:17px}.contact-bottom p{font-size:12px;margin:0}footer{padding:28px 6%;gap:25px;flex-wrap:wrap}footer .brand{width:100%}footer>span,footer>a:last-child{font-size:10px}dialog{padding:35px 25px}dialog h2{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}

/* Founder profile, education, and supplied credentials. */
.about{row-gap:64px}.about-name{align-self:start}.portrait-frame{width:min(100%,300px);aspect-ratio:1;padding:7px;border:1px solid #af8bfa77;border-radius:50%;margin:27px 0;background:linear-gradient(140deg,#af8bfa20,transparent);transition:box-shadow .35s,transform .35s}.portrait-frame:hover{box-shadow:0 0 45px #af8bfa20;transform:translateY(-4px)}.profile-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%;border:1px solid #ffffff20}.about-name>p{font-size:14px}.about-name>p>span{font-size:12px}.about-name>.text-link{font-size:14px}.about-copy .stats>div>span{font-size:12px}.about-full{grid-column:1/-1;min-width:0}.background-grid{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid var(--line);border-radius:10px;overflow:hidden}.background-grid article{padding:36px}.background-grid .eyebrow,.credentials .eyebrow{font-size:12px}.background-grid h3,.credential-heading h3{font:500 34px/1.15 var(--display);letter-spacing:-1.2px;margin:0}.experience-panel{background:#19181f}.experience-company{font-size:18px;margin:12px 0 3px}.experience-panel p:not(.experience-company){font-size:16px;color:#b1afbd}.experience-panel .experience-meta{font-size:14px!important;color:var(--purple)!important;margin-top:0}.achievement{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:23px;margin-top:27px}.achievement>span{font-size:32px;color:var(--lime)}.achievement strong{font:500 18px var(--display);display:block}.achievement div>span{font-size:14px;color:var(--muted);display:block;margin-top:5px}.education-panel{border-left:1px solid var(--line)}.education-list{padding:0;margin:23px 0 0;list-style:none}.education-list li{display:flex;gap:20px;align-items:center;padding:22px 0;border-top:1px solid var(--line)}.education-number{font-size:12px;color:var(--purple)}.education-list h4{font:500 19px var(--display);margin:0;overflow-wrap:anywhere}.education-list p{font-size:16px;color:var(--muted);margin:5px 0 0}.credential-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:30px}.credential-heading>p{font-size:16px;color:var(--muted);margin:0}.credential-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.credential-card{border:1px solid var(--line);border-radius:8px;padding:25px;background:#19181f;display:flex;flex-direction:column;min-width:0;transition:border-color .3s,transform .3s}.credential-card:hover{border-color:#af8bfa90;transform:translateY(-4px)}.credential-top{display:flex;justify-content:space-between;gap:15px;color:var(--purple);font-size:12px;letter-spacing:.3px}.credential-index{color:#777481;flex-shrink:0}.credential-card h4{font:500 21px/1.3 var(--display);letter-spacing:-.4px;margin:19px 0 14px;overflow-wrap:anywhere}.credential-card p{font-size:14px;color:var(--muted);margin:0 0 25px}.credential-card a{font-size:14px;color:var(--lime);display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:15px;border-top:1px solid var(--line)}.credential-card a:hover{text-decoration:underline}.founder{position:relative}.founder-photo{display:block;object-fit:cover;border-radius:50%;width:96px;height:96px;border:2px solid #af8bfa80;margin-bottom:24px}#certifications{scroll-margin-top:115px}@media(max-width:1100px){.background-grid article{padding:28px}.credential-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.about-name{display:flex;flex-direction:column;align-items:flex-start}.about-name .eyebrow{margin-bottom:0}.about-name>p{text-align:left}.portrait-frame{width:240px;max-width:100%;margin:23px 0 13px}.about{row-gap:34px}.background-grid{grid-template-columns:1fr}.education-panel{border-left:0;border-top:1px solid var(--line)}.background-grid article{padding:27px}.background-grid h3,.credential-heading h3{font-size:30px}.credential-heading{flex-direction:column;align-items:flex-start;gap:18px}.credential-grid{grid-template-columns:1fr}.credential-card{padding:25px}.credential-card h4{font-size:22px}.credential-card p{margin-bottom:20px}.about-copy .stats>div>span{font-size:12px}.about-name>.text-link{margin-top:5px}}

/* Supplied studio identity and direct portfolio links. */
.brand .studio-logo{display:block;width:84px;height:84px;object-fit:contain;mix-blend-mode:screen}.header .brand{min-width:84px}footer>.brand .studio-logo{width:116px;height:116px}.project-card{display:block}.project-link-label{display:flex;justify-content:space-between;align-items:center;color:var(--lime);font-size:14px;margin-top:15px;padding-top:12px;border-top:1px solid var(--line)}.project-card:hover .project-link-label{text-decoration:underline}.credential-top{justify-content:flex-end}.credential-card p{margin-bottom:0}.education-list .education-country{font-size:14px;color:var(--purple);margin-top:5px}.service-project-link{color:var(--lime);display:inline-block;margin-top:9px;font-size:14px}.service-project-link:hover{text-decoration:underline}@media(max-width:760px){.brand .studio-logo{width:67px;height:67px}.header .brand{min-width:67px}footer>.brand .studio-logo{width:100px;height:100px}}

/* Scroll-driven atmosphere and the two studio showcases. */
body{isolation:isolate}#ambient-vfx{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.65}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;transform:scaleX(var(--page-progress,0));transform-origin:left;background:linear-gradient(90deg,var(--lime),#8df4ff,var(--purple));z-index:40;pointer-events:none}.section{position:relative}.section-heading h2{transform:translateY(var(--heading-shift,0px));transition:transform .18s linear}.hero-depth{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform:translateY(var(--scroll-y,0px))}.motion-projects{gap:28px}.motion-projects .project-visual{height:450px;border:1px solid #b3a0ff40;padding:25px;color:#fff;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s ease-out,box-shadow .35s}.motion-projects .project-card:hover .project-visual{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-5px);box-shadow:0 20px 65px #0005,0 0 35px #a389fa18}.game-showcase{background:radial-gradient(ellipse at 65% 25%,#42305e 0%,#191322 55%,#14111b 100%)}.game-showcase:before{content:'';position:absolute;inset:-25%;background:linear-gradient(transparent 95%,#b4a1f314 95%),linear-gradient(90deg,transparent 95%,#b4a1f314 95%);background-size:43px 43px;transform:perspective(600px) rotateX(55deg) translateY(var(--scroll-y,0px));opacity:.6;mask-image:linear-gradient(transparent,#000);animation:grid-drift 12s linear infinite}.game-depth{position:absolute;top:15px;left:0;right:0;height:315px;transform:translateY(var(--scroll-y,0px));pointer-events:none}.game-controller-float{position:absolute;inset:0;animation:controller-drift 6s ease-in-out infinite}.game-controller-float img{width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse,#000 37%,transparent 74%)}.game-orbit{position:absolute;left:15%;top:27%;width:70%;height:55%;border:1px solid #c2f97065;border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 20px #c2f97012,inset 0 0 25px #c2f97008;animation:orbit-breathe 7s ease-in-out infinite}.motion-projects .project-status{font-size:11px;letter-spacing:1px;background:#100e19aa;backdrop-filter:blur(8px);border-color:#ffffff35;padding:8px 10px}.motion-projects .project-open{z-index:3}.showcase-title{position:absolute;bottom:37px;left:29px;z-index:2;pointer-events:none;text-shadow:0 2px 28px #000b}.showcase-title>span{font-size:10px;letter-spacing:1.7px;display:block;margin-bottom:13px}.showcase-title strong{font:500 clamp(45px,4.5vw,65px)/.95 var(--display);letter-spacing:-2.5px;display:block}.showcase-title em{font-style:normal;color:var(--lime)}.scene-caption{position:absolute;right:24px;bottom:30px;font-size:9px;letter-spacing:1.5px;writing-mode:vertical-rl;color:#c5bfd4}.video-showcase{background:radial-gradient(ellipse at 65% 25%,#153643,#151424 52%,#10121c);isolation:isolate}.video-showcase .showcase-title em{color:#90e9f9}.neural-depth{position:absolute;inset:-20px -10px 55px;transform:translateY(var(--scroll-y,0px));pointer-events:none}.neural-depth canvas{display:block;width:100%;height:100%}.video-sweep{position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#7adbff0a 45%,#b995ff21 50%,transparent 58%);background-size:240% 100%;animation:light-sweep 9s ease-in-out infinite;pointer-events:none}.motion-projects .project-link-label{gap:12px}.motion-projects .project-link-label>span{font-size:12px}.motion-projects .project-info{align-items:flex-start}.motion-projects .project-info>span{font-size:12px}.contact-options{display:flex;flex-direction:column;align-items:flex-end;gap:25px;flex-shrink:0}.whatsapp-link{position:relative;display:flex;flex-direction:column;gap:6px;background:#192314;color:var(--lime);border:1px solid #192314;border-radius:12px;padding:20px 46px 20px 22px;transition:transform .3s,box-shadow .3s}.whatsapp-link>span:first-child{font-size:14px}.whatsapp-link strong{font:500 23px var(--display);white-space:nowrap}.whatsapp-arrow{position:absolute;right:16px;top:15px;font-size:25px}.whatsapp-link:hover{transform:translateY(-4px);box-shadow:0 9px 30px #19331325}.contact-options .contact-link{width:138px;height:138px;font-size:14px;padding-left:24px}.contact-options .contact-link span{font-size:29px;right:24px;top:23px}.js-motion .credential-card,.js-motion .service{transition-delay:var(--reveal-delay,0ms)}.motion-off [data-depth],.motion-off .section-heading h2{transform:none!important}.motion-off .project-visual{transform:none!important}@keyframes controller-drift{0%,100%{transform:translate(6px,0) rotate(-7deg)}50%{transform:translate(-5px,-14px) rotate(5deg)}}@keyframes grid-drift{to{background-position:0 43px,0 43px}}@keyframes orbit-breathe{0%,100%{transform:rotate(-24deg) scale(.95);opacity:.5}50%{transform:rotate(-12deg) scale(1.05);opacity:1}}@keyframes light-sweep{0%,100%{background-position:100% 0}50%{background-position:-80% 0}}@media(max-width:1100px){.contact-body{gap:22px}.contact h2{font-size:clamp(40px,5.5vw,65px)}.whatsapp-link strong{font-size:20px}.motion-projects .project-visual{height:420px}.showcase-title strong{font-size:52px}}@media(max-width:760px){#ambient-vfx{opacity:.5}.motion-projects{gap:38px}.motion-projects .project-visual{height:415px;padding:22px}.motion-projects .project-status{font-size:10px;letter-spacing:.6px;max-width:calc(100% - 40px)}.motion-projects .project-info{flex-direction:column;gap:5px}.motion-projects .project-info>span{max-width:none;text-align:left}.game-depth{height:295px;top:24px}.showcase-title{left:24px;bottom:34px}.showcase-title strong{font-size:55px}.showcase-title>span{font-size:9px}.motion-projects .project-link-label{font-size:14px}.motion-projects .project-link-label>span{font-size:12px}.contact-options{width:100%;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.whatsapp-link{padding:17px 37px 17px 17px}.whatsapp-link strong{font-size:20px}.whatsapp-link>span:first-child{font-size:12px}.contact-options .contact-link{width:110px;height:110px;font-size:12px;padding-left:20px;align-self:auto}.contact-options .contact-link span{right:17px;top:14px}.scene-caption{right:20px;font-size:9px}}@media(max-width:370px){.contact-options{justify-content:flex-start}.contact-options .contact-link{margin-left:auto}.showcase-title strong{font-size:48px}}@media(prefers-reduced-motion:reduce){[data-depth],.section-heading h2{transform:none!important}.motion-projects .project-visual{transform:none!important}}

/* JD's story and English / Arabic navigation. */
.header nav{margin-inline-start:auto;margin-inline-end:28px}.language-switch{display:inline-flex;align-items:center;justify-content:center;min-width:78px;min-height:42px;padding:7px 13px;border:1px solid #af8bfa80;border-radius:5px;font:500 14px/1.6 'Noto Sans Arabic',Tahoma,sans-serif;color:var(--text);flex-shrink:0;transition:background .2s,border-color .2s}.language-switch:hover{background:#af8bfa20;border-color:var(--purple)}.story-heading .eyebrow{color:var(--purple);margin-bottom:20px}.story-heading h3{font:500 38px/1.15 var(--display);letter-spacing:-1.4px;margin:0}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:33px}.story-chapter{border-top:1px solid #af8bfa55;padding-top:23px;min-width:0}.story-number{color:var(--purple);font-size:12px}.story-chapter h4{font:500 24px/1.3 var(--display);letter-spacing:-.5px;margin:15px 0}.story-chapter p{color:#b7b5c2;font-size:16px;line-height:1.85;margin:0}.story-closing{font-size:20px;color:var(--muted);line-height:1.65;border-inline-start:2px solid var(--lime);padding-inline-start:23px;margin:40px 0 0}.story-closing strong{font-weight:500;color:var(--lime)}.whatsapp-link strong,.project-link-label>span{direction:ltr;unicode-bidi:isolate}.ticker-track{direction:ltr}
html[dir=rtl]{--font:'Noto Sans Arabic',Tahoma,Arial,sans-serif;--display:'Noto Sans Arabic',Tahoma,Arial,sans-serif}html[dir=rtl] body{font-family:var(--font)}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4,html[dir=rtl] strong,html[dir=rtl] .eyebrow,html[dir=rtl] .hero-location,html[dir=rtl] .art-label,html[dir=rtl] .hero-bottom,html[dir=rtl] .ticker span,html[dir=rtl] .project-status,html[dir=rtl] .scene-caption,html[dir=rtl] .showcase-title>span,html[dir=rtl] .contact-top,html[dir=rtl] .contact-bottom,html[dir=rtl] .about-name>p,html[dir=rtl] .education-number,html[dir=rtl] .team-disciplines span{letter-spacing:0}html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4{line-height:1.55}html[dir=rtl] .hero h1{font-size:clamp(44px,5.3vw,77px);line-height:1.5}html[dir=rtl] .hero-copy>p{line-height:1.9}html[dir=rtl] .hero-copy .eyebrow{font-size:12px;flex-wrap:wrap}html[dir=rtl] .hero-location{font-size:12px;line-height:1.9}html[dir=rtl] .hero-actions{flex-wrap:wrap}html[dir=rtl] .text-link{font-size:14px}html[dir=rtl] .about-copy h2{font-size:32px;line-height:1.65}html[dir=rtl] .about-copy>p,html[dir=rtl] .story-chapter p,html[dir=rtl] .experience-panel p{line-height:2}html[dir=rtl] .story-heading h3{font-size:34px}html[dir=rtl] .story-chapter h4{font-size:23px}html[dir=rtl] .story-closing{line-height:1.95}html[dir=rtl] .project-card{text-align:right}html[dir=rtl] .showcase-title{left:auto;right:29px}html[dir=rtl] .showcase-title strong{font-size:45px;line-height:1.45}html[dir=rtl] .showcase-title>span{font-size:12px}html[dir=rtl] .project-open{right:auto;left:24px}html[dir=rtl] .scene-caption{right:auto;left:20px;font-size:10px}html[dir=rtl] .project-status{font-size:12px;max-width:calc(100% - 45px)}html[dir=rtl] .project-info{flex-direction:column;gap:8px}html[dir=rtl] .project-info>span{text-align:right;max-width:none}html[dir=rtl] .service h3{font-size:25px}html[dir=rtl] .service p{line-height:1.95}html[dir=rtl] .education-panel{border-left:0;border-right:1px solid var(--line)}html[dir=rtl] .credential-card h4{font-size:21px;line-height:1.75}html[dir=rtl] .credential-card p{line-height:1.9}html[dir=rtl] .founder h3{font-size:52px;line-height:1.4}html[dir=rtl] .contact h2{font-size:clamp(36px,4.5vw,66px);line-height:1.6}html[dir=rtl] .whatsapp-link{padding:20px 22px 20px 46px}html[dir=rtl] .whatsapp-arrow{right:auto;left:16px}html[dir=rtl] .whatsapp-link strong{text-align:right;font-family:'Space Grotesk',Arial,sans-serif}html[dir=rtl] .contact-options .contact-link{padding-left:0;padding-right:23px}html[dir=rtl] .contact-link span{right:auto;left:21px}html[dir=rtl] .scroll-progress{transform-origin:right}html[dir=rtl] .ticker span{direction:rtl}html[dir=rtl] .label-two{white-space:normal;max-width:95%;font-size:11px;line-height:1.8}html[dir=rtl] .label-one{font-size:12px}html[dir=rtl] .hero-bottom>span{font-size:11px}html[dir=rtl] .hero-bottom a{font-size:12px}html[dir=rtl] .hero-bottom button{font-size:12px}html[dir=rtl] nav{font-size:14px;gap:22px}html[dir=rtl] nav a:last-child span{margin-left:0;margin-right:12px}
@media(max-width:1100px){.header nav{gap:18px;margin-inline-end:18px}.language-switch{min-width:68px;padding:7px 10px}.story-grid{gap:20px}html[dir=rtl] nav{gap:16px}html[dir=rtl] .service h3{font-size:21px}html[dir=rtl] .contact-body{flex-wrap:wrap}}
@media(max-width:760px){.header{gap:14px}.header .brand{margin-inline-end:auto}.header nav{margin:0;gap:0}.language-switch{min-width:72px;min-height:40px}.story-grid{grid-template-columns:1fr;gap:26px}.story-heading h3{font-size:32px}.story-chapter h4{font-size:24px}.story-closing{font-size:18px;padding-inline-start:17px;margin-top:30px}html[dir=rtl] nav{gap:0;font-size:17px}html[dir=rtl] .hero h1{font-size:clamp(38px,8.5vw,58px);line-height:1.55}html[dir=rtl] .hero-grid{padding-top:34px}html[dir=rtl] .hero-location{font-size:11px}html[dir=rtl] .hero-copy .eyebrow{font-size:11px}html[dir=rtl] .about-name{align-items:flex-start}html[dir=rtl] .about-name>p{text-align:right}html[dir=rtl] h2{font-size:31px}html[dir=rtl] .about-copy h2{font-size:27px}html[dir=rtl] .story-heading h3{font-size:29px}html[dir=rtl] .showcase-title{right:24px}html[dir=rtl] .showcase-title strong{font-size:38px}html[dir=rtl] .showcase-title>span{font-size:11px}html[dir=rtl] .motion-projects .project-status{font-size:10px}html[dir=rtl] .education-panel{border-right:0}html[dir=rtl] .service h3{font-size:23px}html[dir=rtl] .service p{font-size:14px}html[dir=rtl] .contact h2{font-size:clamp(31px,7.8vw,46px)}html[dir=rtl] .contact-options .contact-link{padding-right:17px}html[dir=rtl] .contact-options .contact-link span{left:16px}html[dir=rtl] .whatsapp-link{padding:17px 17px 17px 37px}}

/* Arcade blue and cinematic amber: two distinct worlds. */
.motion-projects .project-visual{height:510px;border-radius:16px;border-color:#4774c455;background:#040c1b;padding:24px}
.motion-projects .video-showcase{background:#180707;border-color:#e9a46f55}
.game-showcase:before{display:none}.showcase-art{position:absolute;inset:66px -8% auto;height:60%;transform:translateY(var(--scroll-y,0px));pointer-events:none}
.artwork-float{height:100%;animation:artwork-drift 8s ease-in-out infinite}.video-showcase .artwork-float{animation-delay:-4s;animation-duration:10s}
.showcase-art img{display:block;width:100%;height:100%;object-fit:contain;mask-image:radial-gradient(ellipse at center,#000 42%,transparent 74%);transition:filter .5s}
.motion-projects .showcase-title{inset:auto 26px 28px;transform:translateY(var(--title-y,0px))}.motion-projects .showcase-title strong{font-size:clamp(38px,4.2vw,62px);line-height:1.04;letter-spacing:-2px}.motion-projects .showcase-title>span{font-size:12px;letter-spacing:1px;margin-bottom:12px}.motion-projects .showcase-title em{color:#c6ff57}.video-showcase .showcase-title em{color:#ffb774}
.motion-projects .project-status{font-size:12px;letter-spacing:.5px;max-width:calc(100% - 48px);background:#080a12a8}.motion-projects .scene-caption{display:none}
.scene-light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 75% 35%,#4b94ff22,transparent 55%);animation:scene-glow 5s ease-in-out infinite;mix-blend-mode:screen}.video-showcase .scene-light{background:radial-gradient(ellipse at 70% 40%,#ff942633,transparent 55%);animation-delay:-2.5s}.video-sweep{background-image:linear-gradient(115deg,transparent 20%,#ffb66f08 45%,#ffba6d24 50%,transparent 58%)}
.project-visual:after{content:'';position:absolute;inset:0;border:1px solid #ffffff0a;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#ffffff08 48%,transparent 65%);background-size:300% 100%;animation:light-sweep 11s ease-in-out infinite}
.motion-projects .project-card:hover .project-visual,.motion-projects .project-card:focus-visible .project-visual{border-color:#9dd1ff99;box-shadow:0 20px 60px #0006,0 0 45px #277bff20}.motion-projects .video-project:hover .project-visual{border-color:#ffbc7c99;box-shadow:0 20px 60px #0006,0 0 45px #ff922620}.project-card:hover .showcase-art img{filter:brightness(1.13) saturate(1.12)}
.project-link-label span,.text-link span,.button span{transition:transform .3s}.project-card:hover .project-link-label span,.text-link:hover span,.button:hover span{transform:translate(3px,-3px)}
.portrait-frame{overflow:hidden;isolation:isolate;animation:portrait-halo 6s ease-in-out infinite}.profile-photo,.founder-photo{animation:portrait-breathe 9s ease-in-out infinite}.founder-photo{animation-delay:-3s}.portrait-frame:hover .profile-photo{filter:brightness(1.09)}
.brand .studio-logo{animation:logo-glow 7s ease-in-out infinite;transition:scale .35s}.brand:hover .studio-logo{scale:1.06}.hero-art:hover #controller{filter:drop-shadow(0 0 18px #ad87ff50)}
.founder h3.identity-name,html[dir=rtl] .founder h3.identity-name{font:500 clamp(27px,3.1vw,44px)/1.2 'Space Grotesk',Arial,sans-serif;letter-spacing:-1px;max-width:12ch}.about-name .identity-label{font:500 16px/1.7 'Space Grotesk',Arial,sans-serif;letter-spacing:.6px;text-align:start}.about-name .identity-label>span{font-size:14px;letter-spacing:1px}.identity-role,html[dir=rtl] .identity-role{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(24px,2.7vw,34px);line-height:1.3;letter-spacing:-.5px}
.ticker-track{gap:0;animation:marquee-loop 35s linear infinite}.ticker-group{display:flex;align-items:center;gap:45px;padding-inline-end:45px;flex-shrink:0}.ticker:hover .ticker-track{animation-play-state:paused}.ticker b{animation:turn 12s linear infinite}.kinetic-word{display:inline-block;white-space:nowrap;will-change:transform;vertical-align:baseline}
@keyframes marquee-loop{to{transform:translateX(-50%)}}@keyframes artwork-drift{0%,100%{transform:translateY(4px) rotate(-2deg) scale(1)}50%{transform:translateY(-9px) rotate(1.5deg) scale(1.035)}}@keyframes portrait-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes portrait-halo{0%,100%{box-shadow:0 0 24px #af8bfa12}50%{box-shadow:0 0 40px #af8bfa35}}@keyframes logo-glow{0%,100%{filter:drop-shadow(0 0 0px transparent)}50%{filter:drop-shadow(0 0 5px #c2f97045)}}@keyframes scene-glow{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}
@view-transition{navigation:auto}::view-transition-old(root){animation:page-out .25s ease both}::view-transition-new(root){animation:page-in .4s ease both}@keyframes page-out{to{opacity:0;transform:translateY(-12px)}}@keyframes page-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
html[dir=rtl] .motion-projects .showcase-title{inset:auto 26px 24px}html[dir=rtl] .motion-projects .showcase-title strong{font-size:42px;line-height:1.4;letter-spacing:0}html[dir=rtl] .motion-projects .showcase-title>span{letter-spacing:0}html[dir=rtl] .identity-label{text-align:right}
@media(max-width:1000px) and (min-width:761px){.motion-projects .project-visual{height:460px}.motion-projects .project-status{font-size:10px}.motion-projects .showcase-title>span{font-size:10px}.motion-projects .showcase-title strong{font-size:43px}html[dir=rtl] .motion-projects .showcase-title strong{font-size:35px}}
@media(max-width:760px){.motion-projects .project-visual{height:460px;padding:20px}.showcase-art{top:70px;height:55%;inset-inline:-10%}.motion-projects .showcase-title{inset:auto 22px 25px}.motion-projects .showcase-title strong{font-size:clamp(38px,10vw,55px)}.motion-projects .showcase-title>span{font-size:10px;letter-spacing:.5px}.motion-projects .project-status{font-size:10px}.artwork-float{animation-duration:10s}.motion-projects .project-open{top:20px;right:18px}.ticker-group{gap:28px;padding-inline-end:28px}.ticker-track{animation-duration:42s}html[dir=rtl] .motion-projects .showcase-title strong{font-size:36px}html[dir=rtl] .motion-projects .showcase-title{inset:auto 22px 20px}html[dir=rtl] .motion-projects .project-open{right:auto;left:18px}.about-name .identity-label>span{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.kinetic-word{transform:none!important;opacity:1!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}
.motion-off .kinetic-word{transform:none!important;opacity:1!important}.motion-off::view-transition-old(root),.motion-off::view-transition-new(root){animation:none!important}

/* Expandable certification information: native keyboard and touch support. */
.credential-grid{align-items:start}.credential-details{border-top:1px solid var(--line);margin-top:24px;padding-top:5px}.credential-details summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;padding:10px 0;color:var(--lime);font-size:14px;font-weight:500;cursor:pointer;list-style:none;touch-action:manipulation}.credential-details summary::-webkit-details-marker{display:none}.credential-details summary:hover{color:#dbffa8}.credential-details summary:focus-visible{outline:2px solid var(--purple);outline-offset:4px;border-radius:3px}.detail-less,.credential-details[open] .detail-more{display:none}.credential-details[open] .detail-less{display:inline}.detail-symbol{font-size:23px;line-height:1;transition:transform .2s}.credential-details[open] .detail-symbol{transform:rotate(45deg)}.detail-context{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.credential-detail-body{padding:10px 0 2px}.credential-card .credential-detail-body p{margin:0;color:#bbb8c8;line-height:1.8;font-size:14px}.credential-detail-body h5{margin:20px 0 10px;font-size:12px;font-weight:600;letter-spacing:.4px;color:var(--purple)}.credential-skills{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.credential-skills li{max-width:100%;padding:6px 10px;border:1px solid #af8bfa30;border-radius:6px;background:#af8bfa09;color:#d8d3e6;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.credential-details[open] .credential-detail-body{animation:detail-appear .25s ease-out}@keyframes detail-appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.credential-details[open] .credential-detail-body{animation:none}}

/* Explicit Instagram destinations stay visible on touch screens. */
.motion-projects .project-card{cursor:pointer}.motion-projects .project-link-label{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding-top:18px;margin-top:20px}.motion-projects .project-card:hover .project-link-label{text-decoration:none}.project-cta{display:flex;align-items:center;gap:12px;min-height:58px;padding:15px 18px;border:1px solid var(--lime);border-radius:8px;background:var(--lime);color:#15220d;font-size:15px;font-weight:700;line-height:1.5;transition:background .2s,box-shadow .2s}.project-cta .instagram-icon{flex-shrink:0}.project-cta>span{flex:1}.project-cta>b{font-size:23px;font-weight:500;flex-shrink:0}.project-card:hover .project-cta,.project-card:focus-visible .project-cta{background:#d8ffa3;box-shadow:0 6px 25px #c2f97020}.project-card:active .project-cta{background:#a9e254}.project-card:hover .project-cta span{transform:none}.project-destination{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--lime)}.project-destination small{font-size:11px;color:#aaa6b5}.project-card:hover .project-destination span{transform:none}.motion-projects .showcase-title>.project-tap-hint{display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%;margin-top:16px;padding:9px 12px;border:1px solid #ffffff45;border-radius:6px;background:#0b0c16e8;color:#f4f3ef;font:500 12px/1.5 var(--font);letter-spacing:0}.project-tap-hint .instagram-icon{width:17px;height:17px;flex-shrink:0}.project-tap-hint b{font-size:17px;font-weight:500}html[dir=rtl] .project-cta,html[dir=rtl] .project-tap-hint{direction:rtl;text-align:right}@media(max-width:760px){.project-cta{min-height:56px;font-size:14px;padding:14px;gap:10px}.motion-projects .showcase-title>.project-tap-hint{font-size:11px;padding:8px 10px;gap:7px}.project-destination{font-size:12px}.project-destination small{font-size:10px}}
/* Scroll-driven artwork depth, orbit trails and light passing across each scene. */
.vfx-scene{isolation:isolate;--vfx-rgb:68,156,255}
.hero-art.vfx-scene{--vfx-rgb:177,119,255}
.video-showcase.vfx-scene{--vfx-rgb:255,166,77}
.art-vfx{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;z-index:0;contain:strict}
.vfx-scene .hero-depth,.vfx-scene .showcase-art{z-index:1;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0) rotate(var(--art-turn,0deg)) scale(var(--art-scale,1));transform-origin:50% 50%}
.scroll-glint{position:absolute;inset:10% -35% 25%;pointer-events:none;z-index:1;background:linear-gradient(110deg,transparent 40%,rgba(var(--vfx-rgb),.04) 46%,rgba(var(--vfx-rgb),.19) 50%,rgba(255,255,255,.08) 51%,transparent 59%);transform:translateX(var(--glint-x,-100%));mix-blend-mode:screen;mask-image:radial-gradient(ellipse,#000 20%,transparent 65%)}
.vfx-scene .showcase-title,.vfx-scene .art-label{z-index:3}
.motion-off .art-vfx,.motion-off .scroll-glint{display:none}
@media(prefers-reduced-motion:reduce){.art-vfx,.scroll-glint{display:none}.vfx-scene .hero-depth,.vfx-scene .showcase-art{transform:none!important}}