:root{font-family:Inter,Arial,sans-serif;color:var(--text);background:#0c0a08;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#0c0a08;--line:#302822;--muted:#a2968c;--orange-light:#f2cfb2;--orange-mid:#e6ad79;--orange-deep:#be7544;--orange-dark:#765037;--orange-wash:#33251b;--accent:var(--orange-mid);--accent-soft:var(--orange-light);--accent-strong:var(--orange-deep);--accent-border:var(--orange-dark);--accent-surface:var(--orange-wash);--accent-glow:#e6ad7977;--art-surface:#17120e;--art-ink:#edddcf;--surface:#100e0c;--text:#eee9e3;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}body.dialog-open{overflow:hidden}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:#0c0a08}.accent{color:var(--accent)}.muted{color:#999}.site-header{position:fixed;top:0;left:0;right:0;height:80px;z-index:50;display:flex;justify-content:space-between;align-items:flex-start;padding:25px 40px;background:linear-gradient(#0c0a08ef,#0c0a08d9);border-bottom:1px solid #171717;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.brand{display:inline-flex;align-items:center;gap:12px;position:relative;height:28px;font-weight:600;font-size:15px}.brand-square,.brand-shadow{display:inline-block;width:23px;height:23px;background:var(--accent);flex:none}.brand-shadow{position:absolute;left:7px;top:7px;background:#ddd;z-index:-1}.brand-name{opacity:0;transform:translate(-8px);transition:opacity .3s,transform .3s}.brand:hover .brand-name,.brand:focus-visible .brand-name{opacity:1;transform:none}.header-right{text-align:right;font-size:12px;font-weight:600}.header-sub{display:block;color:#777;font-weight:400;margin-top:3px;font-size:11px}.hero{height:max(760px,100svh);min-height:700px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#050505}.hero-noise{pointer-events:none;position:absolute;inset:0;opacity:.15;background-image:radial-gradient(#777 .6px,transparent .6px);background-size:70px 73px;-webkit-mask-image:linear-gradient(#000,transparent 95%);mask-image:linear-gradient(#000,transparent 95%)}.portrait-wrap{position:absolute;top:50%;left:50%;width:345px;height:490px;transform:translate(-50%,-47%);overflow:hidden;opacity:0;animation:portraitIn 1.4s .1s var(--ease) forwards}.portrait-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#05050575,transparent 28%,transparent 72%,#05050575),linear-gradient(0deg,#050505 0%,transparent 26%,transparent 68%,#050505 100%);pointer-events:none}.portrait-wrap img{width:100%;height:100%;object-fit:cover;object-position:center 16%;filter:grayscale(1) brightness(.42) contrast(1.4)}.name-tag{position:absolute;top:27%;left:calc(50% + 190px);z-index:2;color:#151515;background:var(--accent);font-size:13px;font-weight:600;padding:7px 12px;transform:rotate(-2deg);opacity:0;animation:tagIn .7s 1.05s var(--ease) forwards}.name-tag span{position:absolute;left:-10px;bottom:-13px;color:var(--accent);font-size:21px}.hero-content{position:relative;width:min(780px,calc(100% - 48px));z-index:2;margin-top:80px}.hero-eyebrow,.hero-index,.section-kicker,.section-number,.role-category,.wide-art-label,.wide-art-end,.art-caption,.canvas-hint{font:500 10px DM Mono,monospace;letter-spacing:.13em}.hero-eyebrow{color:var(--accent);margin:0 0 18px 5px}.hero h1{font-size:clamp(88px,10.8vw,168px);line-height:.82;letter-spacing:-.09em;margin:0;font-weight:800;text-align:left}.hero h1 .line-mask{display:block;overflow:hidden;padding:0 12px 17px 0}.hero h1 .line-mask>span{display:block;transform:translateY(110%);animation:heroLine 1s var(--ease) forwards}.hero h1 .line-mask:nth-child(2)>span{animation-delay:.17s}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;padding:35px 5px 0}.hero-bottom p{font-size:17px;line-height:1.9;margin:0;letter-spacing:-.025em}.hero-down{font-size:28px;width:52px;height:52px;display:grid;place-items:center;border:1px solid #333;border-radius:50%;transition:background .3s,transform .3s}.hero-down:hover{background:var(--accent);color:#0c0a08;transform:translateY(5px)}.hero-index{position:absolute;bottom:34px;left:40px;color:#606065}.reveal-up{opacity:0;transform:translateY(18px);animation:revealUp .85s .55s var(--ease) forwards}.hero-bottom.reveal-up{animation-delay:.85s}.content-wrap{max-width:1140px;padding:0 24px;margin:auto}.section{padding:128px 0 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:42px}.section-head h2{font-size:36px;letter-spacing:-.065em;font-weight:600;line-height:1;margin:12px 0 0}.section-kicker,.section-number{color:#777}.intro-section{padding-top:150px;padding-bottom:15px;border-top:1px solid var(--line)}.intro-statement{font-size:clamp(42px,7vw,90px);line-height:1.03;letter-spacing:-.08em;max-width:980px;font-weight:600;margin:28px 0 32px}.intro-statement em{font-style:normal;color:var(--accent)}.intro-copy{color:#a4a4a8;max-width:650px;font-size:19px;line-height:1.7;margin:0}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.project-card{appearance:none;border:1px solid var(--line);background:var(--surface);color:inherit;padding:0;text-align:left;min-width:0;overflow:hidden;transition:border-color .4s,transform .5s var(--ease),box-shadow .4s}.project-card:hover{border-color:var(--accent-border);transform:translateY(-6px);box-shadow:0 18px 35px #0008}.project-art{height:300px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center}.project-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,#ffffff0d,transparent 55%);pointer-events:none}.project-info{min-height:136px;display:flex;justify-content:space-between;gap:25px;padding:24px 24px 22px}.project-name{font-weight:600;font-size:18px;letter-spacing:-.035em}.project-info p{color:#9a9a9e;font-size:14px;line-height:1.5;max-width:350px;margin:10px 0 0}.project-arrow{font-size:34px;line-height:1;transition:transform .35s var(--ease);font-weight:300}.project-card:hover .project-arrow{transform:translate(5px,-5px);color:var(--accent)}.art-caption{position:absolute;bottom:17px;left:22px;color:#777}.art-fab{background:radial-gradient(circle at 50% 70%,var(--accent-surface) 0%,var(--surface) 38%,#090909 78%)}.phone{width:175px;height:330px;border:5px solid #3c3c3c;border-radius:28px;background:#101115;box-shadow:0 0 0 2px #777,0 30px 70px #000;position:absolute;top:35px;left:50%;transform:translate(-50%) rotate(-4deg);padding:25px 14px;text-align:center;transition:transform .6s var(--ease)}.project-card:hover .phone{transform:translate(-50%) rotate(0) translateY(-8px)}.phone-top{position:absolute;top:7px;left:50%;transform:translate(-50%);height:12px;width:55px;background:#000;border-radius:30px}.phone-icon{font-size:27px;color:var(--accent);margin-top:18px}.phone-title{font-size:12px;margin:13px 0}.face-scan{height:97px;width:97px;margin:15px auto;border:1px solid var(--accent-glow);position:relative;display:grid;place-items:center;color:var(--accent);font-size:28px}.face-scan i{position:absolute;width:14px;height:14px;border-color:var(--accent);border-style:solid}.face-scan i:nth-child(1){top:-2px;left:-2px;border-width:2px 0 0 2px}.face-scan i:nth-child(2){top:-2px;right:-2px;border-width:2px 2px 0 0}.face-scan i:nth-child(3){bottom:-2px;left:-2px;border-width:0 0 2px 2px}.face-scan i:nth-child(4){bottom:-2px;right:-2px;border-width:0 2px 2px 0}.phone-line{height:5px;width:110px;margin:10px auto;background:#393a40;border-radius:10px}.phone-line.short{width:70px}.art-uae{background:radial-gradient(circle at 50% 45%,var(--accent-surface),var(--surface) 55%,#090909)}.identity-orbit{width:215px;height:215px;display:grid;place-items:center;position:relative}.orbit{position:absolute;inset:0;border:1px solid var(--accent-glow);border-radius:50%;animation:orbitPulse 4s ease-in-out infinite}.orbit-two{inset:26px;animation-delay:-2s}.orbit-center{font-size:98px;font-weight:800;letter-spacing:-.1em;color:#dceee6}.orbit-center span{font-size:24px;color:#73b59e;vertical-align:top}.art-cbk{background:var(--surface)}.nodes{position:relative;width:340px;height:250px}.node{position:absolute;border:1px solid var(--accent-border);padding:13px 16px;color:var(--art-ink);background:var(--art-surface);font:500 13px DM Mono,monospace;z-index:2;transition:background .3s,border-color .3s}.project-card:hover .node{border-color:var(--accent-strong);background:var(--accent-surface)}.n1{top:92px;left:116px;color:var(--accent);border-color:var(--accent-strong)}.n2{top:12px;left:16px}.n3{top:10px;right:20px}.n4{bottom:17px;left:17px}.n5{bottom:11px;right:28px}.n6{top:92px;right:-13px}.node-line{position:absolute;height:1px;background:var(--accent-border);transform-origin:left;z-index:1}.l1{left:60px;top:54px;width:110px;transform:rotate(34deg)}.l2{left:180px;top:114px;width:111px;transform:rotate(-36deg)}.l3{left:67px;top:210px;width:115px;transform:rotate(-37deg)}.l4{left:182px;top:133px;width:99px;transform:rotate(45deg)}.l5{left:207px;top:116px;width:100px}.art-tjati{background:radial-gradient(circle at 50% 58%,var(--accent-surface),var(--surface) 68%)}.tjati-symbol{font-size:140px;color:var(--accent);line-height:1;animation:slowSpin 25s linear infinite}.tjati-word{position:absolute;color:var(--art-ink);font-size:48px;font-weight:700;letter-spacing:-.09em}.tjati-word span{color:var(--accent)}.project-card-wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;min-height:200px}.project-card-wide .project-info{align-items:center;border-left:1px solid var(--line)}.wide-art{min-height:198px;position:relative;overflow:hidden;background:#131314;padding:25px;display:flex;align-items:center;justify-content:center}.wide-art-label{position:absolute;top:21px;left:24px;color:#777}.wide-art-end{position:absolute;right:24px;bottom:19px;color:#777}.behyve-graphic{display:flex;align-items:center;font-size:110px;line-height:1;letter-spacing:-.15em;font-weight:800}.behyve-graphic span{display:block;transition:transform .5s var(--ease)}.b-one{color:#eee}.b-two{color:#9c9c9c}.b-three{color:var(--accent)}.project-card-wide:hover .b-one{transform:translate(-8px)}.project-card-wide:hover .b-three{transform:translate(8px)}.fragment-grid{display:grid;grid-template-columns:1.15fr 1.15fr .7fr;grid-auto-rows:270px;gap:22px}.fragment{border:1px solid var(--line);min-width:0;overflow:hidden;background:var(--surface);position:relative}.fragment-metrics{grid-row:span 2}.fragment-draw,.fragment-terminal{grid-column:span 1}.fragment-words{display:grid;place-items:center}.fragment-map{grid-column:span 2}.fragment-caption{position:absolute;bottom:0;left:0;right:0;padding:23px;background:linear-gradient(transparent,var(--surface) 25%)}.fragment-caption h3{font-size:17px;font-weight:500;letter-spacing:-.035em;margin:0 0 8px}.fragment-caption p{font-size:14px;color:#999;line-height:1.5;margin:0}.metric-track{height:100%;padding:28px 26px 130px;overflow:hidden;position:relative}.metric-track:before{content:"";position:absolute;left:34px;top:35px;bottom:145px;width:1px;background:#414141}.metric-item{margin:0 0 22px 25px;border:1px solid #292929;padding:16px 18px;position:relative;background:#111;animation:metricShift 16s linear infinite}.metric-item:before{content:"";position:absolute;left:-33px;top:20px;width:9px;height:9px;border:1px solid #555;border-radius:50%;background:#111}.metric-item b{display:block;font-size:17px;margin-bottom:5px;font-weight:600}.metric-item span{color:#999;font-size:13px;line-height:1.45}.canvas-shell{position:absolute;inset:20px 20px 94px;border:1px solid #323232;background-image:radial-gradient(#303035 1px,transparent 1px);background-size:19px 19px}.canvas-shell canvas{width:100%;height:100%;touch-action:none;cursor:crosshair}.canvas-hint{position:absolute;top:14px;left:16px;color:#747479;pointer-events:none}.clear-button{position:absolute;bottom:12px;right:12px;background:#171717;color:#ccc;border:1px solid #3b3b3b;padding:7px 10px;font-size:12px}.clear-button:hover{border-color:var(--accent)}.terminal{margin:20px;padding:18px 14px;border:1px solid #303030;height:156px;background:#0b0d0c;font:11px/1.7 DM Mono,monospace;color:#b8c8b9;overflow:hidden}.terminal-dots{display:flex;gap:4px;margin:-8px -4px 14px}.terminal-dots i{height:5px;width:5px;background:#d46a74;border-radius:50%}.terminal-dots i:nth-child(2){background:#e2c36e}.terminal-dots i:nth-child(3){background:#70b47e}.terminal pre{white-space:pre-wrap;margin:0;font:inherit}.terminal .cursor{animation:blink .9s step-end infinite;color:var(--accent)}.words-stage{font-size:27px;letter-spacing:-.07em;line-height:1.15;font-weight:500}.words-stage span{display:block;color:#57575b;animation:wordGlow 6s ease-in-out infinite}.words-stage span:nth-child(2){animation-delay:2s}.words-stage span:nth-child(3){animation-delay:4s}.map-art{height:175px;margin:20px;border:1px solid #333;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 48%,var(--accent-surface),var(--surface) 63%)}.map-grid{position:absolute;inset:0;background-image:radial-gradient(var(--accent-glow) 1px,transparent 1px);background-size:16px 16px;-webkit-mask-image:radial-gradient(ellipse at 55% 50%,#000,transparent 65%);mask-image:radial-gradient(ellipse at 55% 50%,#000,transparent 65%)}.map-art b{position:absolute;left:28px;top:29px;font-size:26px;line-height:1.1;letter-spacing:-.06em;font-weight:500}.map-point{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 22px var(--accent);z-index:1;animation:orbitPulse 3s ease-in-out infinite}.p-one{left:58%;top:55%}.p-two{left:74%;top:31%;animation-delay:1s}.p-three{left:85%;top:62%;animation-delay:2s}.map-arc{position:absolute;width:270px;height:130px;border-top:1px solid var(--accent);border-radius:50%;left:52%;top:26%;transform:rotate(-11deg)}.expertise-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:70px}.expertise-row{border-top:1px solid var(--line);padding:23px 0 30px;display:grid;gap:10px;font-size:15px;line-height:1.55;color:#9d9da0}.expertise-title{color:#e6e6e6;font-size:18px;letter-spacing:-.03em}.experience-section{padding-top:155px}.timeline{position:relative;padding-top:20px}.timeline-track{position:absolute;width:1px;background:#303030;top:20px;bottom:80px;left:50%}.timeline-track span{display:block;width:2px;background:var(--accent);height:0;box-shadow:0 0 14px var(--accent-glow)}.timeline-item{position:relative;width:100%;min-height:315px;display:grid;grid-template-columns:1fr 80px 1fr;align-items:start}.timeline-item.left .timeline-date{grid-column:2/4;grid-row:1;position:absolute;left:calc(50% + 42px);top:19px}.timeline-item.left .timeline-card{grid-column:1;grid-row:1;margin-right:0}.timeline-item.left .timeline-dot{grid-column:2;grid-row:1}.timeline-item.right .timeline-date{grid-column:1;grid-row:1;text-align:right;position:absolute;right:calc(50% + 44px);top:19px}.timeline-item.right .timeline-card{grid-column:3;grid-row:1}.timeline-item.right .timeline-dot{grid-column:2;grid-row:1}.timeline-dot{height:44px;width:44px;display:grid;place-items:center;margin:30px auto;background:var(--accent-surface);border:1px solid var(--accent-border);color:var(--art-ink);font-weight:700;font-size:17px;position:relative;z-index:1}.timeline-date strong,.timeline-date span{display:block;font-size:15px;font-weight:500}.timeline-date span{font-size:13px;color:#777;margin-top:5px}.timeline-card{border:1px solid var(--line);padding:25px;margin-bottom:70px;background:var(--surface);transition:border-color .3s,transform .4s var(--ease)}.timeline-card:hover{border-color:var(--accent-border);transform:translateY(-3px)}.role-category{color:var(--accent)}.timeline-card h3{font-size:22px;letter-spacing:-.045em;line-height:1.2;margin:15px 0;font-weight:600}.timeline-card p,.timeline-card li{font-size:14px;line-height:1.65;color:#a0a0a3}.timeline-card p{margin:0 0 15px}.timeline-card ul{margin:0;padding-left:18px}.timeline-card li{padding-left:3px;margin-top:8px}.timeline-card a{display:inline-block;color:#ddd;border-bottom:1px solid #555;font-size:14px;margin-top:20px;padding-bottom:3px}.timeline-card a:hover{color:var(--accent);border-color:var(--accent)}.certificates-section{padding-top:80px;padding-bottom:150px}.certificate-row{display:grid;grid-template-columns:50px 1fr auto;gap:20px;align-items:center;border-top:1px solid var(--line);padding:22px 0;min-height:102px;transition:padding-left .3s var(--ease),background .3s}.certificate-row:hover{padding-left:12px;background:#101010}.certificate-icon{font-size:27px;font-weight:800;letter-spacing:-.12em;color:#e8e8e8}.certificate-row strong,.certificate-row span{display:block}.certificate-row strong{font-size:17px;letter-spacing:-.03em;font-weight:500}.certificate-row div span{font-size:14px;color:#8d8d91;margin-top:5px}.certificate-short{color:#666;font:12px DM Mono,monospace}.site-footer{border-top:1px solid var(--line);padding:75px 24px 90px}.footer-inner{max-width:1140px;margin:auto;display:flex;justify-content:space-between;gap:30px}.footer-brand{font-size:18px;font-weight:600;display:inline-flex;align-items:center;gap:10px}.footer-brand .brand-square{width:13px;height:13px}.site-footer p{color:#89898e;font-size:14px}.footer-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:32px}.footer-links a{font-size:14px;color:#aaa;border-bottom:1px solid #484848;padding-bottom:3px}.footer-links a:hover{color:var(--accent);border-color:var(--accent)}.footer-right{text-align:right}.footer-right>span{font-size:14px;color:#999;display:block}.footer-right a{font-size:46px;font-weight:600;letter-spacing:-.07em}.footer-right a:hover{color:var(--accent)}.back-top{position:fixed;right:24px;bottom:20px;width:50px;height:50px;border:0;background:transparent;color:#ddd;z-index:45;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}.back-top.visible{opacity:1;pointer-events:auto}.back-top:hover{transform:translateY(-4px)}.back-top svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.back-top circle{fill:none;stroke-width:1.3}.progress-bg{stroke:#303030}.progress-circle{stroke:var(--accent);stroke-dasharray:119.38;stroke-dashoffset:119.38}.back-top span{font-size:23px}.project-dialog{width:min(680px,calc(100% - 28px));max-height:min(760px,90svh);overflow:auto;background:#111;border:1px solid var(--accent-border);color:#eee;padding:45px;box-shadow:0 20px 100px #000b}.project-dialog::backdrop{background:#000b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-close{position:absolute;top:18px;right:20px;font-size:30px;color:#aaa;border:0;background:none;line-height:1}.dialog-close:hover{color:var(--accent)}.project-dialog h2{font-size:42px;letter-spacing:-.07em;margin:18px 0}.project-dialog p,.project-dialog li{color:#aaa;line-height:1.7;font-size:16px}.project-dialog ul{padding-left:22px;margin:20px 0}.project-dialog li{margin:10px 0}.project-dialog a{display:inline-block;margin-top:15px;border-bottom:1px solid var(--accent);padding-bottom:5px;color:#eee}.project-dialog a:hover{color:var(--accent)}.reveal{opacity:0;transform:translateY(35px);filter:blur(5px);transition:opacity .8s var(--ease),transform .8s var(--ease),filter .8s var(--ease)}.reveal.visible{opacity:1;transform:none;filter:blur(0)}@keyframes heroLine{to{transform:translateY(0)}}@keyframes portraitIn{0%{opacity:0;transform:translate(-50%,-43%) scale(1.06)}to{opacity:1;transform:translate(-50%,-47%) scale(1)}}@keyframes tagIn{to{opacity:1;transform:rotate(-2deg) translateY(0)}}@keyframes revealUp{to{opacity:1;transform:none}}@keyframes orbitPulse{50%{opacity:.35;transform:scale(1.06)}}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes metricShift{0%,13%{transform:translateY(0)}25%,38%{transform:translateY(-96px)}50%,63%{transform:translateY(-192px)}75%,88%{transform:translateY(-288px)}to{transform:translateY(-384px)}}@keyframes blink{50%{opacity:0}}@keyframes wordGlow{0%,10%,to{color:#555}25%,42%{color:#e9e9e9}}@media(max-width:800px){.site-header{height:64px;padding:18px 22px}.hero{min-height:680px;height:100svh}.hero-content{width:calc(100% - 50px)}.hero h1{font-size:clamp(72px,13vw,120px)}.portrait-wrap{width:295px;height:420px}.name-tag{left:calc(50% + 100px);top:25%}.hero-bottom p{font-size:14px}.content-wrap{padding:0 24px}.section{padding-top:95px}.intro-section{padding-top:100px}.project-art{height:250px}.fragment-grid{grid-template-columns:1fr 1fr;grid-auto-rows:270px}.fragment-metrics{grid-row:span 2}.fragment-words{grid-column:2}.fragment-map{grid-column:span 2}.fragment-terminal{grid-column:2}.expertise-grid{gap:0 30px}.timeline-item{grid-template-columns:1fr 60px 1fr;min-height:290px}.timeline-card{padding:19px}.timeline-date strong{font-size:13px}.timeline-item.left .timeline-date{left:calc(50% + 35px)}.timeline-item.right .timeline-date{right:calc(50% + 35px)}}@media(max-width:600px){.site-header{padding:18px}.brand-name{display:none}.header-right{font-size:11px}.hero{min-height:620px;height:100svh}.portrait-wrap{width:260px;height:370px;transform:translate(-50%,-50%)}.hero-content{margin-top:75px;width:calc(100% - 36px)}.hero h1{font-size:clamp(69px,16vw,105px)}.hero h1 .line-mask{padding-bottom:11px}.hero-eyebrow{font-size:9px}.hero-bottom{padding-top:28px}.hero-bottom p{font-size:13px}.hero-down{width:42px;height:42px;font-size:22px}.hero-index{left:18px;bottom:24px}.name-tag{font-size:11px;top:26%;left:calc(50% + 65px)}.content-wrap{padding:0 18px}.section{padding-top:85px}.intro-section{padding-top:95px}.intro-statement{font-size:46px}.intro-copy{font-size:16px}.section-head{margin-bottom:25px}.section-head h2{font-size:30px}.section-number{display:none}.project-grid{grid-template-columns:1fr;gap:15px}.project-art{height:265px}.project-info{min-height:110px;padding:21px}.project-name{font-size:17px}.project-card-wide{grid-column:auto;display:block}.project-card-wide .project-info{border-left:0}.wide-art{min-height:180px}.fragment-grid{grid-template-columns:1fr 1fr;gap:12px;grid-auto-rows:240px}.fragment-metrics{grid-column:1/-1;grid-row:auto;min-height:325px}.fragment-draw,.fragment-terminal{grid-column:1/-1}.fragment-words{grid-column:1}.fragment-map{grid-column:1/-1}.fragment-caption{padding:19px}.fragment-caption h3{font-size:16px}.fragment-caption p{font-size:13px}.metric-track{padding-bottom:95px}.metric-track:before{bottom:100px}.canvas-shell{bottom:88px}.words-stage{font-size:25px}.expertise-grid{grid-template-columns:1fr}.expertise-row{padding:20px 0}.experience-section{padding-top:105px}.timeline-track{left:20px;bottom:40px}.timeline-item,.timeline-item.left,.timeline-item.right{display:grid;grid-template-columns:42px 1fr;min-height:0;gap:0}.timeline-item .timeline-dot,.timeline-item.left .timeline-dot,.timeline-item.right .timeline-dot{grid-column:1;grid-row:1;margin:20px 0 0;width:40px;height:40px}.timeline-item .timeline-date,.timeline-item.left .timeline-date,.timeline-item.right .timeline-date{position:static;grid-column:2;grid-row:1;text-align:left;margin:21px 0 18px 15px}.timeline-item .timeline-card,.timeline-item.left .timeline-card,.timeline-item.right .timeline-card{grid-column:2;grid-row:2;margin:0 0 35px 15px}.timeline-card h3{font-size:20px}.certificates-section{padding-bottom:100px}.certificate-row{grid-template-columns:35px 1fr auto;gap:13px;padding:18px 0;min-height:87px}.certificate-icon{font-size:21px}.certificate-row strong{font-size:14px}.certificate-row div span{font-size:12px}.certificate-short{font-size:10px}.site-footer{padding:55px 18px}.footer-inner{display:block}.footer-links{gap:18px}.footer-right{text-align:left;margin-top:55px}.footer-right a{font-size:39px}.back-top{right:10px;bottom:10px}.project-dialog{padding:32px 25px}.project-dialog h2{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal,.reveal-up,.portrait-wrap,.name-tag{opacity:1;transform:none;filter:none}.hero h1 .line-mask>span{transform:none}}.metric-track{padding-bottom:115px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--accent-border) transparent}.metric-track:before{bottom:105px}.metric-item{margin-bottom:14px;padding:14px 16px;animation:metricGlow 8s ease-in-out infinite}.metric-item:nth-child(2){animation-delay:2s}.metric-item:nth-child(3){animation-delay:4s}.metric-item:nth-child(4){animation-delay:6s}.canvas-shell canvas:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}@keyframes metricGlow{0%,18%,to{border-color:#292929}32%,45%{border-color:var(--accent-strong)}}.footer-about{max-width:620px}.game-wrap{margin-top:45px;margin-left:auto;width:186px;text-align:left}.game-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.game-heading span,.game-status{font-size:11px;color:#858589}.game-heading button{border:0;background:none;color:#aaa;font-size:11px;padding:0}.game-heading button:hover{color:var(--accent)}.game-board{display:grid;grid-template-columns:repeat(3,1fr);width:186px;height:186px}.game-board button{background:transparent;color:var(--accent);border:0;font-size:34px;font-weight:300;line-height:1;display:grid;place-items:center;transition:background .2s,color .2s}.game-board button:not(:nth-child(3n)){border-right:1px solid #454545}.game-board button:nth-child(-n+6){border-bottom:1px solid #454545}.game-board button:not(:disabled):hover{background:var(--accent-surface)}.game-board button:disabled{cursor:default}.game-board button.o{color:#dedede}.game-status{margin-top:12px!important;min-height:16px}.game-board button.winning{background:var(--accent-surface);color:var(--accent-soft)}@media(max-width:600px){.game-wrap{margin:44px 0 0}.footer-about{max-width:none}}.phone-icon{height:44px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:5px;padding:7px;margin:0 auto 10px;max-width:90px}.phone-icon img{display:block;width:100%;height:100%;object-fit:contain}.orbit-center{background:#fff!important;display:grid;place-items:center;padding:18px;border-radius:24px}.orbit-center img{width:100%;height:100%;object-fit:contain}.cbk-logo{position:absolute;z-index:2;left:24px;top:22px;width:125px;height:54px;object-fit:contain;background:#fff;padding:8px;border-radius:2px}.art-cbk .nodes{transform:translateY(22px)}.timeline-dot.company-logo{background:#fafafa;border-color:#484448;padding:5px;overflow:hidden;width:56px;height:56px;margin-top:24px}.company-logo img{display:block;width:100%;height:100%;object-fit:contain}.company-logo.logo-behyve{background:#191919}.company-logo.logo-tjati{padding:0}.art-behyve{background:#29231c;display:flex;align-items:center;justify-content:center;padding:25px}.browser-frame{width:100%;border:1px solid #ffffff25;border-radius:7px;overflow:hidden;box-shadow:0 18px 35px #0006;transform:rotate(-2deg);transition:transform .5s var(--ease)}.browser-chrome{height:21px;background:#f1ece5;display:flex;align-items:center;gap:4px;padding:0 8px;position:relative}.browser-chrome i{width:4px;height:4px;background:#bfb5a6;border-radius:50%}.browser-chrome span{position:absolute;left:0;right:0;text-align:center;color:#847b71;font:7px DM Mono,monospace}.site-capture{width:100%;height:auto;display:block}.tjati-showcase{display:block}.tjati-showcase .project-info{border-left:0}.art-tjati-product{height:430px;background:var(--accent-soft);color:#25231d;position:relative;padding:45px;isolation:isolate}.product-brand{display:flex;align-items:center;gap:12px;font-size:39px;font-weight:600;letter-spacing:-2px}.product-brand img{width:50px;height:50px;border-radius:11px}.product-tagline{position:relative;z-index:2;display:block;margin-top:29px;font-size:clamp(21px,2.5vw,34px);line-height:1.15;letter-spacing:-1.5px;max-width:38%}.art-tjati-product .art-caption{left:45px;bottom:35px;color:#6d6656;font-size:9px}.app-captures{position:absolute;left:45%;right:5%;top:35px;height:570px;display:flex;gap:18px;align-items:flex-start;transform:rotate(-6deg);transition:transform .5s var(--ease)}.app-capture{width:48%;height:auto;border:5px solid #292824;border-radius:28px;box-shadow:10px 18px 30px #342c2733;background:#fafafa;display:block}.capture-tasks{margin-top:52px}.capture-map{margin-top:0}.skill-split{display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:center;gap:30px;padding:20px 0 72px}.skill-eyebrow{font:9px DM Mono,monospace;letter-spacing:.12em;color:#94877d}.skill-side h3{font-size:clamp(23px,2.5vw,31px);letter-spacing:-.06em;font-weight:500;margin:13px 0 24px;white-space:nowrap}.skill-side ul{list-style:none;margin:0;padding:0;display:grid;gap:13px}.skill-side li{font-size:13px;line-height:1.5;color:#b5aba2}.skill-diagram svg{display:block;width:100%;overflow:visible}.skill-diagram text{font:600 20px Inter,sans-serif;letter-spacing:-.7px;fill:#24180f;text-anchor:middle}.slice-engineer text{fill:#f5eee7}.skill-diagram-caption{display:block;text-align:center;font:8px DM Mono,monospace;letter-spacing:.12em;color:#94877d;margin-top:18px}.skill-slice{transform-origin:200px 200px;transition:transform .9s var(--ease),opacity .9s var(--ease)}.skill-split:not(.visible) .slice-architect{transform:translate(18px) rotate(8deg);opacity:0}.skill-split:not(.visible) .slice-engineer{transform:translate(-18px) rotate(-8deg);opacity:0}.skill-split.visible .slice-engineer{transition-delay:60ms}.certificate-row{grid-template-columns:104px 1fr auto;gap:26px;min-height:145px;padding:20px 0;transition:background .2s}.certificate-row:hover{padding-left:0}.certificate-badge{background:#fafafa;border-radius:4px;width:104px;height:104px;display:grid!important;place-items:center;padding:6px}.certificate-badge img{display:block;width:100%;height:100%;object-fit:contain}@media(hover:hover)and (pointer:fine){.project-card:hover .browser-frame{transform:rotate(0)}.project-card:hover .app-captures{transform:rotate(-3deg) translateY(-8px)}.skill-split:hover .slice-architect{transform:translate(-5px)}.skill-split:hover .slice-engineer{transform:translate(5px)}}@media(max-width:900px){.skill-split{gap:16px;grid-template-columns:1fr 1.1fr 1fr}.skill-side h3{font-size:23px}.skill-side li{font-size:12px}.product-tagline{font-size:26px}.art-tjati-product{padding:30px;height:350px}.art-tjati-product .art-caption{left:30px;bottom:25px;max-width:35%;line-height:1.6}.app-captures{right:2%;gap:12px}}@media(max-width:600px){.timeline-item .timeline-dot.company-logo{width:40px;height:40px;margin-top:20px;padding:4px}.timeline-item .timeline-dot.logo-tjati{padding:0}.skill-split{grid-template-columns:1fr 1fr;gap:34px 20px;padding:0 0 45px}.skill-diagram{grid-column:1/-1;grid-row:1;width:260px;max-width:85%;margin:auto}.skill-side{align-self:start}.skill-eyebrow{font-size:7px;letter-spacing:.05em}.skill-side h3{font-size:22px;white-space:normal;margin-bottom:19px}.skill-side ul{gap:12px}.skill-side li{font-size:12px}.art-behyve{padding:22px}.art-tjati-product{height:410px;padding:22px}.product-brand{font-size:29px;gap:8px}.product-brand img{width:36px;height:36px;border-radius:8px}.product-tagline{font-size:20px;letter-spacing:-.7px;max-width:100%;margin-top:16px}.app-captures{left:25%;right:-8%;top:180px;gap:13px;transform:rotate(-7deg)}.app-capture{border-width:3px;border-radius:18px}.capture-tasks{margin-top:25px}.art-tjati-product .art-caption{left:20px;bottom:20px;max-width:70px;font-size:7px}.certificate-row{grid-template-columns:76px 1fr;gap:17px;min-height:115px;padding:18px 0}.certificate-badge{width:76px;height:76px;padding:4px}.certificate-short{display:none!important}.certificate-row strong{font-size:14px;line-height:1.35}.certificate-row div span{line-height:1.4}}@media(prefers-reduced-motion:reduce){.skill-slice,.browser-frame,.app-captures{transition:none!important}.skill-split .skill-slice,.skill-split:hover .skill-slice{transform:none!important;opacity:1!important}.project-card:hover .browser-frame{transform:rotate(-2deg)}.project-card:hover .app-captures{transform:rotate(-6deg)}}.art-tjati-product{display:block}.orbit-center{width:165px;height:145px;padding:22px}.certificate-badge{overflow:hidden}.logo-thirdeye{background:#222!important}.logo-thirdeye{background:#fafafa!important}@media(max-width:600px){.art-tjati-product .art-caption{top:145px;bottom:auto;left:22px;max-width:none}}#architect-fill stop:first-child{stop-color:var(--accent-soft)}#architect-fill stop:last-child{stop-color:var(--accent-strong)}.fragment-map{isolation:isolate;scroll-margin-top:100px}.fragment-map .map-art{position:absolute;inset:0;height:100%;margin:0;border:0;background:var(--surface)}.globe-art{display:block;width:100%;height:100%;object-fit:contain;object-position:right center}.fragment-map .map-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#100e0cf0 0%,#100e0c99 32%,transparent 65%);pointer-events:none}.globe-countries{position:absolute;z-index:2;right:22px;top:20px;display:flex;gap:7px;list-style:none;padding:0;margin:0}.globe-countries li{display:flex;align-items:center;gap:6px;color:var(--accent-soft);font:11px/1 DM Mono,monospace;border:1px solid #e6ad7940;background:#100e0cbb;border-radius:20px;padding:8px 11px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.fragment-map .map-art b{z-index:2;left:24px;top:69px;line-height:1.16;font-size:27px;text-shadow:0 2px 16px #000}.fragment-map .fragment-caption{z-index:3;background:linear-gradient(transparent,#100e0cee 40%)}@media(max-width:600px){.globe-art{object-fit:cover}.globe-countries{right:17px;top:17px;gap:6px}.globe-countries li{font-size:10px;padding:7px 10px}.fragment-map .map-art b{left:20px;top:65px;font-size:25px}.fragment-map .fragment-caption p{max-width:280px;font-size:12px}.fragment-map .fragment-caption h3{font-size:15px}}.globe-countries img{display:block;width:18px;height:18px;flex:none;border-radius:50%;object-fit:cover;object-position:25% center;box-shadow:0 0 0 1px #ffffff24}.globe-countries img[src$="eg.png"]{object-position:center}@media(max-width:600px){.globe-countries li{padding:6px 8px;gap:5px}.globe-countries img{width:16px;height:16px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.intro-hero{--ink:#29221f;position:relative;isolation:isolate;background:#e3bc9b;color:var(--ink);overflow:hidden;padding:150px 30px 70px;min-height:min(100svh,1000px)}.intro-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 72% 0%,var(--accent-soft) 0%,transparent 65%),linear-gradient(120deg,#d5b79d,#e6bf9f 55%,#ead2bb)}.intro-light{position:absolute;inset:-35%;background:repeating-linear-gradient(118deg,transparent 0 110px,#ffd7aa70 155px,#ffdeb2b0 185px,#ffd1a470 205px,transparent 265px,transparent 390px);filter:blur(25px);transform:rotate(-9deg) translate3d(-2%,0,0);animation:introSunlight 22s ease-in-out infinite alternate}.intro-shade{position:absolute;inset:-40%;background:repeating-linear-gradient(114deg,transparent 0 280px,#70605b22 335px,#77615b38 355px,transparent 400px,transparent 540px);filter:blur(30px);transform:rotate(-7deg);animation:introShade 28s ease-in-out infinite alternate}.intro-grain{position:absolute;inset:0;opacity:.12;mix-blend-mode:multiply;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' opacity='.35' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.intro-letter{max-width:720px;margin:0 auto;font-family:Libre Caslon Text,Georgia,serif;font-size:32px;font-weight:400;line-height:1.58;letter-spacing:-.03em}.intro-letter p{margin:0 0 1.15em}.intro-letter .intro-hello{margin-bottom:40px}.intro-hello{font-style:italic;width:max-content;position:relative}.hello-period{display:inline-block}.intro-highlight{position:relative;white-space:nowrap;text-decoration:none;color:inherit;z-index:0}.intro-highlight:before{content:"";position:absolute;inset:0 -.25em -.02em;border-radius:1em;background:#8263511c;z-index:-1;transition:transform .22s var(--ease),background .22s}.inline-portrait{display:inline-block;position:relative;vertical-align:middle;width:1.4em;height:1.4em;line-height:0;margin:0 .04em .12em .02em;z-index:3;perspective:500px}.inline-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 28%;border-radius:7px;transform-origin:center bottom;box-shadow:0 2px 4px #58473925;transition:transform .28s var(--ease),box-shadow .28s}.shape-word{font-family:Inter,Arial,sans-serif;font-size:.85em;font-weight:600;letter-spacing:-.035em;display:inline-block;transition:transform .25s var(--ease)}.flap-word{display:inline-flex;align-items:center;vertical-align:.07em;padding:3px;gap:2px;border-radius:5px;background:#242424;box-shadow:0 3px 5px #372a2440,0 1px #fff5 inset;font:400 .64em/1.25 DM Mono,monospace;letter-spacing:.04em;color:#f2efeb;white-space:nowrap}.flap-word>span{display:inline-block;padding:2px 4px;background:linear-gradient(#3c3c3c 0 48%,#1a1a1a 49% 52%,#333 53%);border-radius:2px;min-width:.8em;text-align:center;backface-visibility:hidden}.flap-word.is-flipping>span{animation:flapChange .44s var(--ease) both;animation-delay:calc(var(--i) * 35ms)}.inline-terminal{display:inline-flex;align-items:center;vertical-align:.1em;max-width:100%;background:#242322;box-shadow:0 3px 6px #30251e40;border-radius:5px;padding:7px 9px;gap:7px;color:#efe9e2;font:400 .54em/1.2 DM Mono,monospace;letter-spacing:-.02em;width:21ch;white-space:nowrap}.terminal-prompt{color:#a99585}.intro-caret{height:1em;width:1px;flex:none;background:#e8c9b5;animation:introCaret 1.1s steps(1) infinite}.intro-signoff{margin-top:1.2em;display:flex;flex-direction:column;align-items:flex-start;gap:22px}.intro-signoff>a{font-size:.7em;letter-spacing:-.05em;border-bottom:1px solid #29221f55;padding-bottom:2px;transition:border-color .18s}.intro-signature{font-size:1.05em;font-weight:400;font-style:italic;letter-spacing:-.065em;transform:rotate(-7deg);display:block;line-height:1.3}.intro-signature>span{color:#925b32}.intro-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:1120px;margin:80px auto 0;font:9px DM Mono,monospace;letter-spacing:.13em;color:#58433b}.intro-bottom>a{display:flex;gap:15px;align-items:center}.intro-bottom>a span{font-size:18px}#intro-motion{appearance:none;background:none;border:0;padding:10px 0;color:inherit;cursor:pointer;font:inherit;letter-spacing:0}#intro-motion span{margin-left:8px}.intro-enter{animation:letterEnter .8s var(--ease) both}.intro-enter:nth-child(2){animation-delay:70ms}.intro-enter:nth-child(3){animation-delay:.14s}.intro-enter:nth-child(4){animation-delay:.21s}.intro-enter:nth-child(5){animation-delay:.28s}.intro-hero[data-paused=true] .intro-light,.intro-hero[data-paused=true] .intro-shade,.intro-hero[data-paused=true] .intro-caret{animation-play-state:paused}.intro-hero[data-paused=true] .is-flipping>span{animation:none}.intro-hero :focus-visible{outline:2px solid #583225;outline-offset:6px}.certificate-row .certificate-dates{font:11px/1.6 DM Mono,monospace;color:#a2968c;margin-top:10px}.credential-link{font:11px DM Mono,monospace;color:var(--accent);white-space:nowrap}.certificate-row{color:inherit;text-decoration:none}.certificate-badge img{object-fit:contain;transform:none}@keyframes introSunlight{to{transform:rotate(-5deg) translate3d(4%,3%,0)}}@keyframes introShade{to{transform:rotate(-3deg) translate3d(-3%,-2%,0)}}@keyframes introCaret{50%{opacity:0}}@keyframes flapChange{0%{transform:rotateX(-75deg);opacity:.5}to{transform:rotateX(0);opacity:1}}@keyframes letterEnter{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@media(hover:hover)and (pointer:fine){.intro-highlight:hover:before{transform:scale(1.04,1.2);background:#82635130}.inline-portrait:hover img{transform:rotate(-7deg) scale(2.3);box-shadow:0 7px 16px #47332640}.shape-word:hover{transform:skew(-10deg)}.intro-signoff>a:hover{border-color:#29221f}}@media(max-width:800px){.intro-hero{padding-top:130px}.intro-letter{max-width:640px;font-size:29px;letter-spacing:-.03em}.intro-bottom{margin-top:60px}}@media(max-width:600px){.intro-hero{padding:110px 24px 38px;min-height:0}.intro-letter{font-size:25px;line-height:1.62;letter-spacing:-.03em}.intro-letter p{margin-bottom:1.1em}.intro-signoff{gap:23px;margin-top:1.4em}.intro-signoff>a{font-size:.77em}.intro-bottom{margin-top:55px;font-size:8px;gap:10px}.intro-light{inset:-30% -90%;filter:blur(20px)}.intro-shade{inset:-30% -90%}.credential-link{display:none!important}.certificate-row .certificate-dates{font-size:9px;margin-top:8px}.certificate-row{grid-template-columns:76px minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.intro-enter,.intro-light,.intro-shade,.intro-caret,.flap-word.is-flipping>span{animation:none!important}.intro-highlight:before,.inline-portrait img,.shape-word{transition:none}.inline-portrait:hover img,.shape-word:hover,.intro-highlight:hover:before{transform:none}#intro-motion{display:none}}.certificate-badge{background:transparent;border-radius:0;padding:0;overflow:visible}.intro-enter{animation-play-state:paused}.intro-hero.intro-visible .intro-enter{animation-play-state:running}.work-section{--work-ink:#f0e9e2;--work-muted:#aea094;--work-edge:#5f4632;scroll-margin-top:20px}.work-section>.section-head{margin-bottom:0}.work-gallery{padding-top:20px}.work-feature{scroll-margin-top:80px;position:relative;padding-bottom:88px}.work-stage{position:relative;isolation:isolate;display:block;width:100%;height:640px;margin:0;border:0;padding:0;background:transparent;perspective:1600px;overflow:clip;cursor:pointer;text-align:left;color:inherit}.work-stage:after{content:"";position:absolute;inset:auto 0 0;height:125px;background:linear-gradient(transparent,var(--bg));z-index:5;pointer-events:none}.stage-light{position:absolute;inset:8% 1% 0;z-index:-1;background:radial-gradient(ellipse at 52% 50%,#ad714022,transparent 66%);pointer-events:none}.work-shot{position:absolute;display:block;height:auto;object-fit:cover;box-shadow:0 28px 65px #0005,0 3px 8px #0004;border-radius:12px;transition:transform .6s var(--ease);pointer-events:none}.tjati-web{width:73%;height:auto;left:4%;top:80px;transform:rotate(-6deg) rotateY(9deg);transform-origin:center;object-position:top}.tjati-mobile{width:25%;right:7%;top:75px;transform:rotate(7deg) rotateY(-9deg);border-radius:22px;z-index:2;-webkit-mask-image:linear-gradient(#000 78%,transparent 100%);mask-image:linear-gradient(#000 78%,transparent 100%)}.work-caption{position:relative;z-index:6;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;column-gap:35px;padding:5px 18px 0}.work-identity{display:flex;align-items:center;gap:16px;min-width:0}.work-mark{display:block;flex:none;width:48px;height:48px;object-fit:contain;border-radius:12px}.work-caption h3{margin:0 0 8px;font-size:32px;line-height:1;letter-spacing:-.065em;font-weight:600;color:var(--work-ink)}.work-role{font-size:11px;color:var(--work-muted);line-height:1.6;display:block}.work-caption p{margin:0;color:var(--work-muted);font-size:16px;line-height:1.65;letter-spacing:-.025em}.work-link{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid #e6ad7938;border-radius:999px;padding:14px 19px;min-height:48px;background:#e6ad7909;color:var(--accent-soft);font-size:13px;white-space:nowrap;transition:background .2s,border-color .2s}.work-link span{font-size:19px;transition:transform .2s var(--ease)}.behyve-stage{height:600px}.behyve-stage .stage-light{background:radial-gradient(ellipse at 55% 50%,#c0966025,transparent 65%)}.behyve-web{width:77%;left:19%;top:115px;transform:rotate(5deg) rotateY(-9deg);border-radius:12px}.behyve-app{position:absolute;height:auto;width:43%;left:0;top:4px;z-index:2;transform:rotate(-7deg);transition:transform .6s var(--ease);-webkit-mask-image:radial-gradient(ellipse 52% 52% at 49% 49%,#000 60%,transparent 100%);mask-image:radial-gradient(ellipse 52% 52% at 49% 49%,#000 60%,transparent 100%);pointer-events:none}.behyve-mark{background:#191919;object-fit:contain;padding:3px;border-radius:8px;width:65px}.enterprise-work{padding:30px 18px 0}.enterprise-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:48px}.enterprise-heading h3{font-size:clamp(28px,3.2vw,42px);font-weight:500;line-height:1.16;letter-spacing:-.055em;margin:0}.enterprise-heading h3 span{color:var(--work-muted)}.enterprise-heading p{margin:0 0 3px;color:var(--work-muted);font-size:14px;line-height:1.65}.enterprise-project{width:100%;display:grid;grid-template-columns:190px 1fr 180px 35px;align-items:center;gap:30px;border:0;border-top:1px solid var(--line);background:transparent;color:inherit;text-align:left;padding:34px 0;min-height:148px;transition:background .2s}.enterprise-brand{height:76px;display:flex;align-items:center;justify-content:center;background:#f3ece4;border-radius:4px;padding:14px 20px}.enterprise-brand img{max-width:100%;width:150px;height:48px;object-fit:contain;mix-blend-mode:multiply}.enterprise-copy{display:block;max-width:400px}.enterprise-copy strong{display:block;font-size:19px;font-weight:500;letter-spacing:-.035em;margin-bottom:10px}.enterprise-copy>span{font-size:14px;line-height:1.6;color:var(--work-muted);display:block}.enterprise-discipline{font-size:11px;line-height:1.7;color:var(--work-muted)}.enterprise-arrow{font-size:26px;color:var(--accent);transition:transform .2s var(--ease)}.work-stage:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:12px}@media(hover:hover)and (pointer:fine){.tjati-stage:hover .tjati-web{transform:translateY(-8px) rotate(-3deg) rotateY(4deg)}.tjati-stage:hover .tjati-mobile{transform:translateY(-12px) rotate(4deg) rotateY(-4deg)}.behyve-stage:hover .behyve-web{transform:translateY(-8px) rotate(2deg) rotateY(-4deg)}.behyve-stage:hover .behyve-app{transform:translateY(-10px) rotate(-4deg)}.work-link:hover{border-color:var(--accent);background:#e6ad7917}.work-link:hover span,.enterprise-project:hover .enterprise-arrow{transform:translate(3px,-3px)}.enterprise-project:hover .enterprise-copy strong{color:var(--accent-soft)}}@media(max-width:1000px){.work-stage{height:560px}.tjati-web{top:90px}.tjati-mobile{top:85px;right:5%;width:27%}.work-caption{grid-template-columns:1fr auto;gap:22px;padding:0 8px}.work-caption p{grid-column:1;grid-row:2}.work-link{grid-column:2;grid-row:1/3}.work-feature{padding-bottom:60px}.behyve-stage{height:520px}.behyve-app{width:46%;top:25px}.behyve-web{top:110px}.enterprise-work{padding-left:8px;padding-right:8px}.enterprise-project{grid-template-columns:145px 1fr 30px;gap:25px}.enterprise-discipline{display:none}.enterprise-heading p{max-width:230px}}@media(max-width:600px){.work-section{scroll-margin-top:10px}.work-gallery{padding-top:8px}.work-feature{padding-bottom:42px}.work-stage{height:375px;width:calc(100% + 36px);margin-left:-18px}.work-stage:after{height:75px}.stage-light{inset:0 -20%}.tjati-web{width:84%;left:0;top:65px;border-radius:6px;transform:rotate(-7deg)}.tjati-mobile{width:35%;right:6%;top:48px;border-radius:12px;transform:rotate(7deg)}.work-caption{grid-template-columns:1fr;gap:19px;padding:0 6px}.work-caption h3{font-size:29px}.work-role{font-size:11px}.work-caption p{grid-row:auto;font-size:15px}.work-link{grid-column:1;grid-row:auto;justify-self:start;padding:12px 17px;gap:25px;font-size:12px}.work-mark{width:43px;height:43px}.behyve-mark{width:59px}.behyve-stage{height:360px}.behyve-web{width:89%;left:13%;top:77px;border-radius:6px;transform:rotate(7deg)}.behyve-app{width:57%;left:-5%;top:22px;transform:rotate(-7deg)}.enterprise-work{padding:35px 6px 0}.enterprise-heading{display:block;margin-bottom:28px}.enterprise-heading h3{font-size:31px}.enterprise-heading p{margin-top:20px;max-width:100%;font-size:13px}.enterprise-project{grid-template-columns:1fr 28px;gap:20px;padding:25px 0 30px}.enterprise-brand{grid-column:1;justify-self:start;width:122px;height:57px;padding:9px 13px}.enterprise-brand img{height:39px}.enterprise-copy{grid-column:1;grid-row:2}.enterprise-copy strong{font-size:18px}.enterprise-copy>span{font-size:13px}.enterprise-arrow{grid-column:2;grid-row:1/3}}@media(prefers-reduced-motion:reduce){.work-shot,.behyve-app,.work-link,.work-link span,.enterprise-arrow,.enterprise-project{transition:none!important}.work-stage:hover .work-shot,.work-stage:hover .behyve-app{transform:none}}.expertise-section{scroll-margin-top:20px}.expertise-stories{max-width:960px;margin:8px auto 0}.expertise-story{padding:36px 0 39px;border-top:1px solid var(--line)}.expertise-story h3{font:400 10px/1.5 DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase;color:#b6a292;margin:0 0 20px}.expertise-prose{font:400 29px/1.75 Libre Caslon Text,Georgia,serif;letter-spacing:-.04em;color:#e8dfd7;margin:0;text-wrap:pretty}.expertise-emphasis{background:#e6ad7912;border-radius:40% 45% 38% 42%;padding:.07em .2em;color:var(--accent-soft);box-decoration-break:clone;-webkit-box-decoration-break:clone}.expertise-detail{margin:23px 0 0;font:12px/1.9 Inter,sans-serif;color:#aa9e95;letter-spacing:0}.skill-word{display:inline-block;white-space:nowrap}.tech-mark{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:43px;height:43px;margin:0 .06em .14em .04em;background:#25211d;box-shadow:0 2px 3px #0005,inset 0 1px #ffffff12;transition:transform .25s var(--ease)}.tech-mark img{display:block;object-fit:contain;max-width:75%;max-height:75%}.mark-round{border-radius:50%;background:#182a2f}.mark-square{border-radius:7px;background:#253d50;transform:rotate(-5deg)}.mark-cloud{width:56px;border-radius:18px 18px 13px 13px;background:#f1dfcd;transform:rotate(4deg)}.mark-hex{background:#e8e5dc;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);width:47px;height:44px;box-shadow:none}.mark-tilted{border-radius:10px;background:#eae1d8;transform:rotate(-8deg)}.detail-logo{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;white-space:nowrap}.detail-logo img{object-fit:contain;display:block}.delivery-stack{display:inline-block;position:relative;width:108px;height:50px;vertical-align:middle;margin:0 .14em .18em .1em;isolation:isolate}.delivery-stack>span{position:absolute;inset:4px 5px 3px;border-radius:4px;padding:10px 8px;border:1px solid #d6b092;background:#e1be9f;color:#392417;font:10px/1.6 DM Mono,monospace;letter-spacing:0;text-align:center;box-shadow:0 3px 7px #0004;transition:transform .35s var(--ease)}.delivery-stack>span:nth-child(1){transform:translate(-7px,-4px) rotate(-12deg);background:#73604f;color:#fbecdf;border-color:#917760;z-index:-2}.delivery-stack>span:nth-child(2){transform:translate(5px,-1px) rotate(9deg);background:#ae8b6e;border-color:#c4a081;z-index:-1}.delivery-stack>span:nth-child(3){transform:rotate(-3deg)}.request-path{display:inline-flex;align-items:center;gap:5px;padding:8px 9px;margin:0 .1em .18em;vertical-align:middle;border:1px solid #77563b;border-radius:6px;background:#1e1712;font:10px/1.5 DM Mono,monospace;color:var(--accent-soft);letter-spacing:0;box-shadow:0 3px 8px #0004;white-space:nowrap}.request-path span{border:1px solid #70513b;border-radius:3px;padding:3px 5px}.request-path i{font-style:normal;color:#ab7b57;display:inline-block;transition:transform .25s var(--ease)}.identity-pass{display:inline-flex;align-items:center;gap:9px;vertical-align:middle;margin:0 .16em .12em .04em;padding:8px 11px;background:linear-gradient(115deg,#e9ceb8,#c89d78);border:1px solid #edd6c3;border-radius:5px;color:#3c291b;box-shadow:0 4px 9px #0005;transform:rotate(-5deg);transition:transform .3s var(--ease);font-family:DM Mono,monospace;letter-spacing:0;line-height:1.5}.pass-symbol{font-size:11px;border:1px solid #8d6e56;border-radius:50%;width:29px;height:29px;display:grid;place-items:center}.identity-pass b{display:block;font:500 9px/1.5 DM Mono,monospace;letter-spacing:.1em}.identity-pass small{display:block;font-size:7px}@media(hover:hover)and (pointer:fine){.tech-mark:hover{transform:translateY(-3px) rotate(0)}.mark-round:hover{transform:rotate(20deg)}.delivery-stack:hover>span:nth-child(1){transform:translate(-23px,-9px) rotate(-17deg)}.delivery-stack:hover>span:nth-child(2){transform:translate(17px,-8px) rotate(16deg)}.delivery-stack:hover>span:nth-child(3){transform:translateY(5px) rotate(-2deg)}.request-path:hover i{transform:translate(2px)}.identity-pass:hover{transform:translateY(-3px) rotate(0)}}@media(max-width:800px){.expertise-stories{max-width:680px}.expertise-prose{font-size:26px}.expertise-story{padding:30px 0 34px}}@media(max-width:600px){.expertise-section{scroll-margin-top:10px}.expertise-stories{margin-top:0}.expertise-story{padding:27px 0 30px}.expertise-story h3{font-size:9px;margin-bottom:16px}.expertise-prose{font-size:22px;line-height:1.8;letter-spacing:-.035em}.expertise-detail{font-size:11px;margin-top:18px;line-height:1.85}.tech-mark{width:33px;height:33px}.mark-cloud{width:43px}.mark-hex{width:36px;height:34px}.delivery-stack{width:85px;height:43px}.delivery-stack>span{font-size:8px;padding:8px 5px}.request-path{font-size:8px;gap:4px;padding:5px 6px}.request-path span{padding:2px 4px}.identity-pass{padding:6px 8px;gap:7px}.pass-symbol{width:25px;height:25px;font-size:9px}.identity-pass b{font-size:8px}.identity-pass small{font-size:6px}}@media(prefers-reduced-motion:reduce){.tech-mark,.delivery-stack>span,.identity-pass,.request-path i{transition:none}.tech-mark:hover,.delivery-stack:hover>span,.identity-pass:hover,.request-path:hover i{transform:none}}.fragments-section .fragment-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:auto;gap:22px}.fragments-section .fragment{border-radius:16px}.fragments-section .fragment-metrics{grid-column:1 / -1;grid-row:auto;padding:8px 0 48px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;overflow:visible}.fragment-eyebrow,.fragment-story-label{display:block;font:10px/1.5 DM Mono,monospace;letter-spacing:.1em;color:#b6a292;text-transform:uppercase}.fragment-story-label{margin:0 0 26px}.outcome-prose{font:400 38px/1.85 Libre Caslon Text,Georgia,serif;color:#e8dfd7;letter-spacing:-.045em;margin:0;text-wrap:pretty}.years-token{display:inline-flex;gap:6px;align-items:baseline;padding:0 15px;margin:0 2px;border-radius:48% 43% 45% 40%;color:var(--accent-soft);background:#e6ad7918;font-style:italic;white-space:nowrap}.years-token small{font-size:.68em}.outcome-ticket{display:inline-flex;flex-direction:column;vertical-align:middle;margin:0 9px .15em;padding:11px 17px 12px;line-height:1.1;font-family:Inter,sans-serif;letter-spacing:-.025em;box-shadow:0 4px 8px #0003;transition:transform .25s var(--ease)}.outcome-ticket strong{font-size:29px;font-weight:550}.outcome-ticket small{font:9px/1.5 DM Mono,monospace;margin-top:5px;letter-spacing:-.015em}.users-ticket{color:#ead8c5;background:#403127;border:1px solid #7e614a;border-radius:5px 14px 5px 5px;transform:rotate(-5deg)}.sessions-ticket{color:#352115;background:#e5b38b;border:1px solid #f2cfb2;border-radius:5px;transform:rotate(4deg)}.people-fragment{display:inline-flex;align-items:center;vertical-align:middle;margin:0 .12em .1em;padding-left:7px}.people-fragment i{display:grid;place-items:center;width:33px;height:33px;margin-left:-7px;border:2px solid var(--bg);border-radius:50%;font:20px Inter,sans-serif;background:#cba17d;color:#2c2017}.people-fragment i:nth-child(2){background:#f0d8c0;transform:translateY(-5px)}.people-fragment i:nth-child(3){background:#93633f;color:#f2d6ba}.fragments-section .fragment-agentic{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);column-gap:44px;padding:24px 0 46px;background:none;border:0;border-radius:0;overflow:visible}.agentic-heading{grid-row:span 2;padding:18px 0 0}.agentic-heading h3{margin:24px 0;font:400 39px/1.4 Libre Caslon Text,Georgia,serif;letter-spacing:-.05em}.agentic-heading h3 em{color:var(--accent-soft);font-weight:400}.agentic-heading>p{font:400 25px/1.8 Libre Caslon Text,Georgia,serif;letter-spacing:-.03em;color:#c5b7aa;margin:0}.agentic-note{display:block;font:11px/1.7 Inter,sans-serif;color:#a59586;margin-top:23px}.brief-fragment{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;padding:10px;vertical-align:middle;width:36px;height:44px;background:#ead4bd;border-radius:2px 9px 2px 2px;transform:rotate(-9deg);box-shadow:3px 3px #7d5d40;margin:0 6px .15em}.brief-fragment i{height:2px;background:#927251;width:100%}.brief-fragment i:last-child{width:60%}.agent-terminal{margin:12px 0 25px;transform:rotate(1deg);background:#0b0c10;border:1px solid #37302b;border-radius:12px;box-shadow:0 12px 25px #0003;overflow:hidden}.agent-terminal-top{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid #ffffff0b;font:9px DM Mono,monospace;color:#827d79}.window-controls{display:flex;gap:5px}.window-controls i{width:6px;height:6px;background:#655045;border-radius:50%}.window-controls i:nth-child(2){background:#7f6747}.window-controls i:nth-child(3){background:#516352}.agent-terminal-body{padding:20px 18px 13px;font:12px/1.65 DM Mono,monospace}.terminal-prompt{margin:0 0 22px;color:#ddd9d4}.terminal-prompt>span{color:var(--accent);margin-right:8px}.terminal-steps p{display:grid;grid-template-columns:11px 86px 1fr;gap:6px;margin:10px 0;color:#a6a3a9}.terminal-steps b{color:#81bdc9;font-weight:500}.step-icon{color:#8bb590}.terminal-response{margin:24px 0 20px;color:#bca7cc}.terminal-response>span{color:#ded8d0}.agent-status{display:flex;align-items:center;gap:12px;border-top:1px solid #667b5555;padding-top:10px;color:#a4b888;font-size:9px}.agent-status img{width:17px;height:17px}.agent-status i{font-style:normal;color:#575351}.agent-status>span:nth-of-type(2){color:#c5a36a}.terminal-caret{width:5px;height:11px;background:var(--accent);margin-left:auto}.agent-tools{margin-top:auto;min-width:0}.agent-tools-heading{display:flex;align-items:center;justify-content:space-between;padding:0 8px 15px;font:9px DM Mono,monospace;letter-spacing:.12em;color:#aa9787}.tool-motion{padding:4px 0 4px 12px;font:inherit;letter-spacing:0;color:#b8a89c;background:none;border:0;cursor:pointer}.tool-motion span{margin-left:5px}.tool-motion:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.tool-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,black 6%,black 94%,transparent);mask-image:linear-gradient(90deg,transparent,black 6%,black 94%,transparent)}.tool-track{display:flex;width:max-content;animation:agentTools 32s linear infinite;animation-play-state:paused}.agent-tools.is-visible:not(.is-paused) .tool-track{animation-play-state:running}.agent-tools:focus-within .tool-track{animation-play-state:paused!important}.tool-list{display:flex;align-items:center;gap:27px;margin:0;padding:0 27px 0 0;list-style:none}.tool-list li{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:12px;color:#d0c5bc}.tool-list img{width:23px;height:23px;object-fit:contain}.tool-list .monochrome-agent{filter:brightness(0) invert(.86)}@keyframes agentTools{to{transform:translate(-50%)}}.fragments-section .fragment-draw{grid-column:span 4;min-height:300px}.fragments-section .fragment-map{grid-column:span 8;min-height:300px}.fragments-section .canvas-shell{inset:17px 17px 95px;border:1px solid #72513645;border-radius:8px;background-color:#211910;background-image:radial-gradient(#72563b80 .8px,transparent .8px);background-size:14px 14px}.fragments-section .canvas-hint{top:17px;left:15px;font-size:8px;letter-spacing:.04em;color:#c6aa8e}.fragments-section .clear-button{color:#c5ab94}.fragments-section .fragment-caption h3{font-weight:450}@media(hover:hover){.agent-tools:hover .tool-track{animation-play-state:paused!important}}@media(hover:hover)and (pointer:fine){.outcome-ticket:hover{transform:translateY(-3px) rotate(0)}}@media(max-width:1000px){.outcome-prose{font-size:32px}.fragments-section .fragment-agentic{column-gap:26px}.agentic-heading h3{font-size:33px}.agentic-heading>p{font-size:23px}.agent-terminal-body{padding-left:12px;padding-right:12px;font-size:10px}.terminal-steps p{grid-template-columns:10px 74px 1fr;gap:4px}}@media(max-width:760px){.fragments-section .fragment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fragments-section .fragment-metrics{padding-bottom:32px}.fragments-section .fragment-agentic{grid-template-columns:minmax(0,1fr);padding:0 0 26px}.agentic-heading{grid-row:auto;padding:4px 0 18px}.agentic-heading h3{font-size:36px;margin:20px 0}.agentic-heading>p{font-size:24px}.agentic-note{margin-top:14px}.agent-terminal{transform:none;margin-top:12px}.agent-terminal-body{font-size:11px;padding:20px 18px 14px}.terminal-steps p{grid-template-columns:11px 80px 1fr}.fragments-section .fragment-draw,.fragments-section .fragment-map{grid-column:span 2}}@media(max-width:480px){.outcome-prose{font-size:26px;line-height:1.9}.outcome-ticket{margin:7px 6px;padding:8px 12px}.outcome-ticket strong{font-size:23px}.outcome-ticket small{font-size:8px}.agentic-heading h3{font-size:33px}.agentic-heading>p{font-size:23px}.agent-terminal-body{font-size:10px;padding:18px 12px 12px}.terminal-steps p{grid-template-columns:10px 70px 1fr}}@media(prefers-reduced-motion:reduce){.tool-track{animation:none;width:auto}.tool-list{flex-wrap:wrap;justify-content:center;gap:18px 24px;padding:0 24px}.tool-list[aria-hidden]{display:none}.tool-marquee{-webkit-mask-image:none;mask-image:none}.tool-motion{display:none}.outcome-ticket{transition:none}}@media(prefers-reduced-motion:no-preference){.fragment-agentic.visible .terminal-steps p{animation:agentStepIn .5s both}.fragment-agentic.visible .terminal-steps p:nth-child(1){animation-delay:.2s}.fragment-agentic.visible .terminal-steps p:nth-child(2){animation-delay:.45s}.fragment-agentic.visible .terminal-steps p:nth-child(3){animation-delay:.7s}.fragment-agentic.visible .terminal-steps p:nth-child(4){animation-delay:.95s}}@keyframes agentStepIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.people-phrase{white-space:nowrap}