/* Jeem motion language: assembly, focus, and continuity. */
:root{--motion-settle:cubic-bezier(.16,1,.3,1)}.hero-identity{width:100%;padding:0;color:var(--ink);perspective:1000px;isolation:isolate;background:transparent;overflow:visible;touch-action:manipulation}.hero-identity:focus-visible{outline:2px solid var(--blue);outline-offset:12px}.logo-tilt{display:grid;place-items:center;width:100%;height:100%;position:relative;z-index:2;transform:rotateX(var(--logo-rx,0deg)) rotateY(var(--logo-ry,0deg)) translate3d(var(--logo-x,0px),var(--logo-y,0px),0);transition:transform .6s var(--motion-settle);transform-style:preserve-3d;will-change:transform}.hero-identity.is-engaged .logo-tilt{transition:transform .18s ease-out}.hero-identity .hero-mark{width:68%;animation:none!important;transform:rotate(-8deg);transition:transform .9s var(--motion-settle);will-change:transform}.hero-identity .personal-mark{overflow:visible;filter:none;transition:filter .6s}.hero-identity .mark-head,.hero-identity .mark-base,.hero-identity .mark-dot{transform-box:fill-box;transform-origin:center;transition:transform .8s var(--motion-settle),fill .5s,opacity .5s}.hero-identity.is-engaged .hero-mark,.hero-identity:focus-visible .hero-mark{transform:rotate(0deg)}.hero-identity.is-engaged .mark-head,.hero-identity:focus-visible .mark-head{transform:translate(-3px,-10px) rotate(-3deg)}.hero-identity.is-engaged .mark-base,.hero-identity:focus-visible .mark-base{transform:translate(3px,10px) rotate(3deg)}.hero-identity.is-engaged .mark-dot,.hero-identity:focus-visible .mark-dot{transform:translate(10px,-10px) rotate(135deg) scale(1.08)}.identity-halo{position:absolute;width:85%;height:85%;left:7.5%;top:7.5%;background:radial-gradient(circle,#2548ed16 0%,#2548ed08 45%,transparent 69%);opacity:0;transform:scale(.8);transition:transform .8s var(--motion-settle),opacity .5s;pointer-events:none}.hero-identity.is-engaged .identity-halo{opacity:1;transform:translate(var(--logo-x,0px),var(--logo-y,0px)) scale(1.2)}.identity-orbit{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:var(--blue);stroke-width:.75;opacity:0;transform:scale(.8) rotate(-40deg);transition:transform 1.2s var(--motion-settle),opacity .4s}.identity-orbit circle{stroke-dasharray:3 9}.hero-identity.is-engaged .identity-orbit,.hero-identity:focus-visible .identity-orbit{opacity:.55;transform:scale(1.07) rotate(0)}.hero-identity .corner{transition:transform .65s var(--motion-settle),background .3s}.hero-identity.is-engaged .c1{transform:translate(-7px,-7px);background:var(--blue)}.hero-identity.is-engaged .c2{transform:translate(7px,-7px)}.hero-identity.is-engaged .c3{transform:translate(-7px,7px)}.hero-identity.is-engaged .c4{transform:translate(7px,7px);background:var(--blue)}.identity-label{position:absolute;bottom:18px;right:18px;font-size:12px;color:var(--blue);opacity:0;transform:translateY(6px);transition:opacity .3s,transform .5s var(--motion-settle)}.hero-identity.is-engaged .identity-label{opacity:1;transform:none}.hero-identity.is-replaying .mark-head{animation:jeem-top .95s var(--motion-settle) both}.hero-identity.is-replaying .mark-base{animation:jeem-base .95s .06s var(--motion-settle) both}.hero-identity.is-replaying .mark-dot{animation:jeem-dot .95s .12s var(--motion-settle) both}.mark-mobile-hint{display:none}.identity-stage{padding:0}
@keyframes jeem-top{0%{transform:translate(0,0)}35%{transform:translate(-9px,-28px) rotate(-8deg);opacity:.5}100%{transform:translate(-3px,-10px) rotate(-3deg);opacity:1}}@keyframes jeem-base{0%{transform:translate(0,0)}35%{transform:translate(9px,28px) rotate(8deg);opacity:.5}100%{transform:translate(3px,10px) rotate(3deg);opacity:1}}@keyframes jeem-dot{0%{transform:rotate(0)}40%{transform:translate(19px,-25px) rotate(200deg) scale(.6)}100%{transform:translate(10px,-10px) rotate(315deg) scale(1.08)}}
/* The precision point follows directly; the surrounding halo settles behind it. */
.cursor{margin:0;padding:0;border:0;width:0;height:0;overflow:visible;background:transparent;position:fixed;left:0;top:0;z-index:500;pointer-events:none;opacity:0;display:block;transition:opacity .15s;mix-blend-mode:normal}.cursor-lag{position:absolute;inset:0;display:grid;place-items:center;will-change:transform}.cursor-shape{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border:0;background:var(--blue);border-radius:0;transform:rotate(45deg);transition:transform .32s var(--motion-settle),opacity .2s,background .2s}.cursor-ring{position:absolute;left:-18px;top:-18px;width:36px;height:36px;border:1px solid #2548ed80;border-radius:50%;background:transparent;transform:scale(.8);transition:transform .45s var(--motion-settle),background .25s,border-color .25s,opacity .2s}.cursor-word{position:absolute;top:0;left:0;transform:translate(-50%,-50%);font-size:11px;font-weight:500;letter-spacing:0;opacity:0;color:white;transition:opacity .2s;white-space:nowrap}.cursor-bracket{position:absolute;top:-8px;width:4px;height:16px;opacity:0;border-block:1px solid white;transition:opacity .2s,transform .3s}.bracket-left{left:-13px;border-left:1px solid white}.bracket-right{right:-13px;border-right:1px solid white}.cursor-ripple{position:absolute;left:-20px;top:-20px;width:40px;height:40px;border:1px solid var(--blue);border-radius:50%;opacity:0;pointer-events:none}.cursor.is-link .cursor-shape{transform:rotate(135deg) scale(.6);background:var(--blue);border:0}.cursor.is-link .cursor-ring{transform:scale(1.18);border-color:var(--blue);background:#2548ed09}.cursor.is-context .cursor-shape{opacity:0;transform:scale(0)}.cursor.is-context .cursor-ring{transform:scale(1.9);background:var(--blue);border-color:var(--blue)}.cursor.is-context .cursor-word{opacity:1}.cursor.is-text,.cursor.is-heading{mix-blend-mode:difference}.cursor.is-text .cursor-ring{transform:scale(1.3,.8);border-color:#ffffffc0;background:#ffffff12}.cursor.is-text .cursor-shape{background:white;width:2px;left:-1px;transform:scaleY(2.8);border-radius:1px}.cursor.is-text .cursor-bracket{opacity:.9}.cursor.is-heading .cursor-ring{transform:scale(2.2);background:white;border-color:white}.cursor.is-heading .cursor-shape{opacity:0}.cursor.is-heading .cursor-bracket{opacity:0}.cursor.is-pressed .cursor-ring{transform:scale(.65)}.cursor.is-context.is-pressed .cursor-ring{transform:scale(1.55)}.cursor.is-selecting .cursor-ring{transform:scale(.8,.6);background:transparent}.cursor.is-selecting .cursor-bracket{transform:scaleY(.65)}.cursor.is-selecting .cursor-shape{transform:scaleY(2)}
@media(hover:hover) and (pointer:fine){body.cursor-active:not(.motion-off),body.cursor-active:not(.motion-off) *{cursor:none!important}body.cursor-active:not(.motion-off) .cursor{display:block!important;opacity:1}body.cursor-active:not(.motion-off) .cursor.is-hidden{opacity:0!important}}
body.modal-open .cursor{display:block}.modal-open .cursor.is-heading,.modal-open .cursor.is-text{mix-blend-mode:difference}dialog[open]{animation:dialog-opacity .3s var(--motion-settle)}dialog[open] .dialog-content{animation:dialog-content-in .4s var(--motion-settle)}@keyframes dialog-opacity{from{opacity:0}to{opacity:1}}@keyframes dialog-content-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
/* Career: every role remains in view while the detail area changes. */
.career-section{display:block;background:#141c2c;color:#f3f5fb;padding-top:100px;padding-bottom:90px;position:relative;overflow:hidden;--line:#364157;--muted:#a9b4c9}.career-header{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:58px}.career-eyebrow{font-size:13px;color:#aebbd7;display:block;margin-bottom:22px}.career-header h2{font-size:clamp(42px,5.5vw,80px);letter-spacing:-.07em;line-height:1.1}.career-header>p{font-size:16px;line-height:1.7;color:#aebbd0;padding-bottom:6px}.career-layout{display:grid;grid-template-columns:.88fr 1.25fr;gap:60px;align-items:start}.career-index{position:relative;border-left:1px solid #364157;display:flex;flex-direction:column;padding-left:20px}.career-choice{display:block;padding:25px 20px;position:relative;text-decoration:none;transition:background .35s,color .3s;border-bottom:1px solid #364157;outline-offset:5px}.career-choice:first-child{padding-top:20px}.career-choice:last-child{border-bottom:0}.career-choice:before{content:'';position:absolute;width:3px;top:16px;bottom:16px;left:-22px;background:#637fff;transform:scaleY(0);transform-origin:top;transition:transform .6s var(--motion-settle)}.career-choice.is-selected:before{transform:scaleY(1)}.career-choice:hover{background:#ffffff05}.career-choice.is-selected{background:#25334e}.career-year{font-size:12px;color:#9cacc6;display:block;margin-bottom:9px;font-variant-numeric:tabular-nums}.career-choice strong{font-size:21px;font-weight:400;letter-spacing:-.6px;display:block;padding-right:15px}.career-choice-role{font-size:12px;line-height:1.6;color:#aebbd0;display:block;margin-top:8px}.career-choice-dot{position:absolute;right:18px;top:38px;width:6px;height:6px;background:#6a87ff;transform:rotate(45deg) scale(0);transition:transform .45s var(--motion-settle)}.career-choice.is-selected .career-choice-dot{transform:rotate(45deg) scale(1)}.career-panels{background:#1c283e;position:relative;overflow:hidden;border-top:2px solid #5471ff;min-width:0}.career-panel{padding:35px 40px 25px;min-height:480px;position:relative}.career-panel-top{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#a8b8d8;margin-bottom:40px}.career-panel h3{font-family:'Sora',sans-serif;font-size:clamp(32px,3.8vw,55px);font-weight:400;line-height:1.16;letter-spacing:-.065em;margin-bottom:15px}.career-role{font-size:15px;color:#c1cff0;line-height:1.5;max-width:410px}.career-summary{font-size:16px;line-height:1.7;color:#aebbd0;margin-top:26px;max-width:470px}.career-facts{display:grid;grid-template-columns:1fr 1fr;gap:22px 25px;margin:30px 0}.career-facts dt{font-size:11px;color:#91a2c2;margin-bottom:7px}.career-facts dd{margin:0;font-size:14px;line-height:1.5;color:#e2e9f8}.career-project{display:flex;align-items:center;justify-content:space-between;gap:25px;width:100%;padding:18px 0 5px;border-top:1px solid #3b4b68;font-size:14px;text-align:left;color:#dae3ff}.career-project>span:last-child{font-size:24px;color:#7e98ff;transition:transform .4s var(--motion-settle)}.career-project:hover>span:last-child{transform:rotate(90deg)}.career-panel-footer{display:none;justify-content:space-between;align-items:center;border-top:1px solid #364561;padding:20px 40px;font-size:12px;color:#9faccc}.career-enhanced .career-panel-footer{display:flex}.career-next{padding:8px 0 8px 15px;display:flex;gap:24px;font-size:13px;color:white}.career-next>span{color:#819bff;font-size:16px}.career-enhanced .career-panel{min-height:510px}.career-counter{font-variant-numeric:tabular-nums}.engineering-systems{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;list-style:none;margin:28px 0 34px;padding:0;color:#d1dcf0;font-size:13px;line-height:1.5}.engineering-systems li{padding-left:13px;border-left:2px solid #5f7ee5}.remote-callout{display:flex;align-items:center;gap:20px;padding:22px 0 2px;font-size:15px;line-height:1.5;color:#d4e0ff}.remote-orbit{width:42px;height:42px;border:1px solid #6786ed;border-radius:50%;position:relative;display:grid;place-items:center}.remote-orbit:before{content:'';position:absolute;width:17px;height:17px;border:1px solid #97afff;border-radius:50%}.remote-orbit i{width:6px;height:6px;background:#abc0ff;position:absolute;right:-3px;top:17px;border-radius:50%}.career-panel.is-arriving{animation:role-arrival .45s var(--motion-settle) both}@keyframes role-arrival{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}.training-section{display:grid;grid-template-columns:.88fr 1.25fr;gap:60px;background:#e6e9f0;padding-top:65px;padding-bottom:65px}.training-section .section-label{margin-bottom:18px}.training-section h2{font-size:36px}.training-section>div>p{font-size:15px;line-height:1.7;color:var(--muted);margin-top:20px}.training-section .credentials{grid-column:auto;align-self:start;border-color:#b9c3d0}.training-section .credential-items a,.training-section .unconfirmed{border-color:#c5ccd8}.training-section summary{font-size:15px}.section-dock{transition:transform .6s var(--motion-settle),opacity .3s,visibility .3s}.section-dock>a{transition:background .35s,color .3s}.project-cover .ufuk-photo{will-change:transform}.project-cover:active .project-open>span{transform:rotate(90deg) scale(.85)}
@media(max-width:1100px){.career-layout,.training-section{gap:35px}.career-panel{padding-inline:28px}.career-panel-footer{padding-inline:28px}.career-choice{padding-left:15px;padding-right:15px}.career-choice strong{font-size:19px}.career-header h2{font-size:60px}.career-header>p{font-size:14px}.career-panel h3{font-size:38px}}
@media(max-width:760px){.hero-identity{min-height:155px;border:0;aspect-ratio:auto}.hero-identity .logo-tilt{min-height:155px}.hero-identity .hero-mark{width:100%;opacity:.17;transition:opacity .5s,transform .8s var(--motion-settle)}.hero-identity.is-engaged .hero-mark,.hero-identity:focus-visible .hero-mark{opacity:.85}.identity-orbit,.identity-halo,.identity-label{display:none}.mark-desktop-hint{display:none}.mark-mobile-hint{display:inline}.career-section{padding-top:65px;padding-bottom:65px}.career-header{display:block;margin-bottom:32px}.career-header h2{font-size:46px}.career-eyebrow{font-size:12px;margin-bottom:18px}.career-header>p{font-size:14px;line-height:1.7;margin-top:22px;padding:0;max-width:350px}.career-header>p br{display:none}.career-layout{grid-template-columns:1fr;gap:25px}.career-index{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;border:0}.career-choice,.career-choice:first-child{padding:17px 13px;border:1px solid #35425c;background:#182337;min-height:136px}.career-choice:last-child{border-bottom:1px solid #35425c}.career-choice.is-selected{background:#2b3d61;border-color:#6c8bff}.career-choice:before{display:none}.career-year{font-size:11px;margin-bottom:10px}.career-choice strong{font-size:16px;line-height:1.3;padding-right:0;letter-spacing:-.35px}.career-choice-role{font-size:11px;line-height:1.45;margin-top:7px}.career-choice-dot{right:10px;top:12px;width:4px;height:4px}.career-panel,.career-enhanced .career-panel{padding:26px 23px 23px;min-height:0}.career-panel-top{font-size:11px;margin-bottom:28px;gap:12px}.career-panel h3{font-size:36px}.career-role{font-size:14px}.career-summary{font-size:15px;margin-top:22px}.career-facts{gap:20px;margin:25px 0}.career-facts dd{font-size:13px}.career-project{font-size:13px;padding-top:16px}.career-panel-footer{padding:14px 23px}.career-next{font-size:12px;gap:18px}.career-counter{font-size:11px}.engineering-systems{font-size:12px;gap:13px}.training-section{display:block;padding-block:55px}.training-section h2{font-size:32px}.training-section .credentials{margin-top:30px}.training-section>div>p{font-size:14px}.remote-callout{font-size:14px}.site-header nav{gap:15px}}
@media(max-width:370px){.career-choice strong{font-size:14px}.career-choice-role{font-size:10px}.career-choice{padding-inline:11px}.career-panel,.career-enhanced .career-panel{padding-inline:19px}.career-panel h3{font-size:31px}.career-panel-top{font-size:10px}.site-header nav{gap:11px}}
body.motion-off .hero-identity .logo-tilt{transform:none!important}body.motion-off .hero-identity .hero-mark{transform:rotate(-8deg)!important}body.motion-off .hero-identity .mark-head,body.motion-off .hero-identity .mark-base,body.motion-off .hero-identity .mark-dot{transform:none!important}body.motion-off .identity-halo,body.motion-off .identity-orbit{opacity:0!important}body.motion-off .cursor{display:none!important}
@media(prefers-reduced-motion:reduce){.hero-identity .logo-tilt,.hero-identity .mark-head,.hero-identity .mark-base,.hero-identity .mark-dot{transform:none!important}.identity-halo,.identity-orbit{opacity:0!important}.cursor{display:none!important}.career-panel.is-arriving{animation:none}}
.career-section :focus-visible{outline-color:#819bff}
.cursor.is-dark{--blue:#9bb1ff}.cursor.is-dark:not(.is-text):not(.is-heading) .cursor-ring{border-color:#9bb1ffb3}.cursor.is-dark.is-context .cursor-word{color:#101a30}