@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";.section-container{width:1300px;margin-left:auto;margin-right:auto}.title,.para{font-kerning:none;-webkit-text-rendering:optimizeSpeed;text-rendering:optimizeSpeed;-webkit-transform:translateZ(0);transform:translateZ(0)}@media only screen and (max-width: 1600px){.section-container{width:1200px;max-width:calc(100% - 160px)}}@media only screen and (max-width: 1400px){.section-container{width:900px}}@media only screen and (max-width: 900px){.section-container{width:500px;max-width:var(--cWidth)}}.entry-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999999;background:#e9eef2;color:#102a43;overflow:hidden}.loading-header{position:absolute;z-index:10;top:0;left:50%;transform:translate(-50%);width:var(--cWidth);max-width:var(--cMaxWidth);display:flex;justify-content:space-between;box-sizing:border-box;padding:35px 0;color:currentColor}.loader-title{font-size:18px;font-weight:760;letter-spacing:.03em}.loading-screen,.entry-portrait{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .9s cubic-bezier(.2,.75,.2,1),transform .9s cubic-bezier(.2,.75,.2,1)}.loading-screen{display:grid;place-items:center;background:#e9eef2}.loading-marquee{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);color:#2f5da826;font-size:clamp(54px,7vw,118px);font-weight:570;text-transform:uppercase;white-space:nowrap}.loading-marquee span{position:relative;padding:0 58px}.loading-marquee span:before{content:"";position:absolute;top:50%;left:0;width:18px;height:18px;border-radius:50%;background:#137c78;transform:translate(-50%,-50%)}.loading-status{position:relative;z-index:2;width:min(390px,calc(100vw - 52px));min-height:78px;box-sizing:border-box;padding:0 30px;display:grid;grid-template-columns:minmax(0,1fr) auto 9px;align-items:center;gap:22px;border:6px solid #7451c8;border-radius:999px;background:#07121d;color:#fff;font-size:17px;letter-spacing:.08em;box-shadow:0 18px 28px #102a4333}.loading-status span,.loading-status strong{white-space:nowrap}.loading-status strong{font-weight:520;font-variant-numeric:tabular-nums}.loading-status i{display:block;width:8px;height:30px;background:#ffd447;animation:loader-blink .9s steps(1) infinite}@keyframes loader-blink{50%{opacity:0}}.entry-portrait{opacity:0;visibility:hidden;transform:scale(1.025);background:#0a1b28;color:#f7f3eb}.entry-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:saturate(.84) contrast(1.04)}.entry-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#05111ceb,#05111c9e 31%,#05111c1a 63%,#05111c80),linear-gradient(0deg,rgba(5,17,28,.55),transparent 55%)}.entry-ready .loading-screen{opacity:0;visibility:hidden;transform:scale(.985)}.entry-ready .entry-portrait{opacity:1;visibility:visible;transform:scale(1)}.entry-ready .loading-header{color:#f7f3eb}.entry-copy{position:absolute;left:max(5vw,48px);bottom:10vh;z-index:2;max-width:min(540px,44vw)}.entry-copy p{margin:0 0 28px;color:#e8c75f;font-size:12px;font-weight:720;letter-spacing:.19em;text-transform:uppercase}.entry-copy h1{margin:0;font-size:clamp(68px,8vw,138px);font-weight:430;line-height:.72;letter-spacing:-.065em;text-transform:uppercase}.entry-copy h1 span{color:#e8c75f}.entry-copy h2{margin:42px 0 0;max-width:510px;font-size:clamp(17px,1.45vw,24px);font-weight:430;line-height:1.45;letter-spacing:-.01em}.entry-button{position:absolute;z-index:3;left:50%;top:54%;width:172px;aspect-ratio:1;border:0;border-radius:50%;background:#f7f3eb;color:#102a43;transform:translate(-50%,-50%);cursor:pointer;font:inherit;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s,color .3s}.entry-button:hover,.entry-button:focus-visible{transform:translate(-50%,-50%) scale(1.08);background:#e8c75f;outline:none}.entry-button-ring{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border:1px solid rgba(247,243,235,.7);border-radius:50%;animation:entry-ring 2.8s ease-in-out infinite}.entry-button-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:17px;font-weight:720;letter-spacing:.16em;text-transform:uppercase}.entry-button-arrow{position:absolute;right:33px;bottom:30px;font-size:21px}.entry-note{position:absolute;z-index:2;right:max(4vw,42px);bottom:5vh;margin:0;color:#f7f3ebb8;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.entry-leaving .entry-portrait{transform:scale(1.08);opacity:0;transition-duration:1.15s}.entry-leaving .entry-button{transform:translate(-50%,-50%) scale(7);background:#e9eef2;color:transparent;transition:transform 1.05s cubic-bezier(.72,0,.2,1),background .5s,color .2s}.entry-leaving .loading-header,.entry-leaving .entry-copy,.entry-leaving .entry-note{opacity:0;transition:opacity .35s}.loaderGame-container{position:relative;width:200px;height:100px;overflow:hidden;transform:scale(.4);transform-origin:top right}.loaderGame-in{position:absolute;left:0;width:1200px;overflow:hidden;animation:loaderGame 7s linear infinite}.loaderGame-line{float:left;width:10px;height:60px;margin:0 20px 40px;background:currentColor}.loaderGame-line:nth-child(2n){margin-top:40px;margin-bottom:0}.loaderGame-ball{position:absolute;left:20%;top:0;width:15px;height:15px;border-radius:50%;background:#e8c75f;animation:loaderBall 7s cubic-bezier(.3,1.18,.63,1.28) infinite}@keyframes loaderGame{to{transform:translate(-300px)}}@keyframes loaderBall{0%,30%,67%,90%,to{transform:translateY(70px)}15%,45%,80%{transform:translateY(10px)}}@keyframes entry-ring{0%,to{transform:scale(.96);opacity:.45}50%{transform:scale(1.08);opacity:1}}@media (max-width:900px){.loading-header{padding:24px 0}.loader-title{font-size:16px}.entry-portrait img{object-position:62% center}.entry-shade{background:linear-gradient(0deg,#05111cf0,#05111c80 55%,#05111c1f)}.entry-copy{left:28px;right:28px;bottom:8vh;max-width:none}.entry-copy p{margin-bottom:18px}.entry-copy h1{font-size:clamp(55px,17vw,84px)}.entry-copy h2{margin-top:28px;font-size:16px;max-width:450px}.entry-button{left:auto;right:28px;top:30%;width:126px;transform:none}.entry-button:hover,.entry-button:focus-visible{transform:scale(1.05)}.entry-leaving .entry-button{transform:scale(9)}.entry-note{display:none}}@media (max-width:560px){.loading-status{min-height:68px;padding:0 23px;gap:15px;font-size:15px;border-width:5px}.entry-button{top:25%;width:108px}.entry-button-label{font-size:13px}.entry-button-arrow{right:21px;bottom:20px}.entry-copy h2 br{display:none}}@media (prefers-reduced-motion:reduce){.loading-screen,.entry-portrait,.entry-button,.entry-button-ring{animation:none!important;transition-duration:.15s!important}}.entry-portrait{background:radial-gradient(circle at 78% 38%,rgba(19,124,120,.17),transparent 34%),linear-gradient(135deg,#f8fafc,#e9eef2 58%,#dce5eb);color:var(--textColor)}.entry-ready .loading-header{color:var(--textColor)}.entry-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.entry-backdrop span{position:absolute;left:3vw;bottom:-.25em;color:#2f5da80e;font-size:42vw;font-weight:700;line-height:.8;letter-spacing:-.12em}.entry-backdrop i{position:absolute;left:53%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,var(--lineColor) 18%,var(--lineColor) 82%,transparent)}.entry-image-frame{position:absolute;z-index:1;right:max(5vw,54px);top:15vh;width:min(45vw,800px);height:68vh;margin:0;padding:13px 13px 0;box-sizing:border-box;background:#ffffffb3;border:1px solid rgba(16,42,67,.17);box-shadow:0 34px 90px #102a4329;clip-path:polygon(0 0,100% 0,100% 88%,89% 100%,0 100%)}.entry-image-frame:before{content:"";position:absolute;top:-18px;right:18px;bottom:18px;left:-18px;border:1px solid rgba(47,93,168,.18);z-index:-1}.entry-image-frame img{display:block;width:100%;height:calc(100% - 48px);object-fit:cover;object-position:center 44%;filter:saturate(.82) contrast(1.03)}.entry-image-frame figcaption{display:flex;justify-content:space-between;gap:20px;padding:14px 5px 0;color:var(--mutedColor);font-size:9px;font-weight:680;letter-spacing:.14em;text-transform:uppercase}.entry-copy{left:max(5vw,54px);top:50%;bottom:auto;max-width:min(40vw,680px);transform:translateY(-45%);color:var(--textColor)}.entry-copy p{color:var(--secondaryColor)}.entry-copy h1{font-size:clamp(72px,7vw,124px);line-height:.76;color:var(--textColor)}.entry-copy h1 span{color:var(--accentColor)}.entry-copy h2{max-width:500px;margin-top:40px;color:var(--mutedColor);font-size:clamp(16px,1.3vw,21px);font-weight:470}.entry-button{left:52.5%;top:68%;width:140px;background:var(--textColor);color:var(--backgroundColor);box-shadow:0 18px 42px #102a433d}.entry-button:hover,.entry-button:focus-visible{background:#ffd447;color:var(--textColor)}.entry-button-ring{border-color:#102a435c}.entry-note{right:max(5vw,54px);bottom:5vh;color:var(--mutedColor)}@media (max-width:900px){.entry-backdrop i{display:none}.entry-image-frame{right:24px;left:24px;top:13vh;width:auto;height:39vh;padding:9px 9px 0}.entry-image-frame img{height:calc(100% - 39px);object-position:center 40%}.entry-image-frame figcaption{padding-top:10px}.entry-copy{left:28px;right:28px;top:auto;bottom:7vh;max-width:none;transform:none}.entry-copy h1{font-size:clamp(54px,16vw,82px)}.entry-copy h2{margin-top:24px;max-width:430px}.entry-button{left:auto;right:32px;top:48%;width:110px;transform:none}.entry-button:hover,.entry-button:focus-visible{transform:scale(1.05)}.entry-leaving .entry-button{transform:scale(10)}}@media (max-width:560px){.loading-header{padding:18px 0}.entry-image-frame{left:16px;right:16px;top:11vh;height:35vh}.entry-image-frame figcaption{font-size:8px;letter-spacing:.08em}.entry-copy{left:18px;right:18px;bottom:5vh}.entry-copy p{font-size:10px;margin-bottom:12px}.entry-copy h1{font-size:clamp(44px,14vw,62px);line-height:.78}.entry-copy h2{margin-top:18px;font-size:14px;line-height:1.4}.entry-button{right:22px;top:43%;width:92px}.entry-button-label{font-size:11px}.entry-button-arrow{right:17px;bottom:16px}.loading-status{width:calc(100vw - 32px);min-height:64px;padding:0 18px;grid-template-columns:minmax(0,1fr) auto 7px;gap:10px;font-size:14px}.loading-status i{width:7px;height:26px}.loading-marquee{font-size:42px}}:root{font-family:Geist,sans-serif;font-optical-sizing:auto;font-style:normal;line-height:1.5;scroll-behavior:smooth;color-scheme:light;color:var(--textColor);background-color:var(--backgroundColor);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;-moz-user-select:none;--accentColor: #2f5da8;--secondaryColor: #137c78;--backgroundColor: #e9eef2;--surfaceColor: #ffffff;--textColor: #102a43;--mutedColor: #526979;--lineColor: rgba(16, 42, 67, .2);--vh: 100vh;--vh: 100svh}h1,h2,h3,h4,h5,h6{font-family:Geist,sans-serif}body{overflow:hidden}a{color:inherit;text-decoration:inherit}a:hover{color:var(--accentColor)}main{opacity:1;transition:.3s}.main-active{opacity:0;animation:fadeIn 1s 1;animation-fill-mode:forwards}@keyframes fadeIn{to{opacity:1}}body{margin:0;height:auto;background-color:var(--backgroundColor);flex-grow:1;--cWidth: calc(100% - 30px) ;--cMaxWidth: 1920px;max-width:100vw;overflow-x:hidden}html,body,#root{width:100%;max-width:100%;min-height:100%}.main-body{max-width:100vw;overflow-x:hidden}.container-main{width:100%;margin:auto;position:relative}.container1{width:var(--cWidth);height:var(--vh);margin:auto;position:relative}.split-line{overflow:hidden}.split-h2{overflow:hidden;display:flex;white-space:nowrap;flex-wrap:nowrap}.techstack{width:var(--cWidth);position:relative;margin:0 auto;padding:130px 0 150px;border-top:1px solid var(--lineColor)}.deferred-skills,.skills-placeholder{min-height:100vh}.skills-placeholder{display:grid;place-items:center;color:var(--mutedColor);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.capability-heading{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.35fr) minmax(260px,.75fr);gap:50px;align-items:end;margin-bottom:90px}.capability-heading>p:first-child{align-self:start;margin:8px 0 0;color:var(--accentColor);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.capability-heading h2{margin:0;color:var(--textColor);font-size:clamp(62px,7.2vw,118px);font-weight:370;line-height:.84;letter-spacing:-.06em}.capability-heading h2 span{color:var(--secondaryColor)}.capability-intro{max-width:390px;margin:0 0 4px;color:var(--mutedColor);font-size:18px;line-height:1.55}.capability-lens{--lens-turn:0deg;position:relative;display:grid;grid-template-columns:minmax(350px,.75fr) minmax(420px,1.25fr);min-height:720px;overflow:hidden;border:1px solid var(--lineColor);background:linear-gradient(135deg,#ffffff85,#ffffff1f)}.lens-dial{position:relative;align-self:center;justify-self:center;width:min(34vw,520px);aspect-ratio:1;transform:rotate(var(--lens-turn));transition:transform .85s cubic-bezier(.16,1,.3,1)}.lens-ring,.lens-cross{position:absolute;pointer-events:none}.lens-ring{top:0;right:0;bottom:0;left:0;border:1px solid var(--lineColor);border-radius:50%}.lens-ring-outer:before,.lens-ring-outer:after{content:"";position:absolute;background:var(--secondaryColor);border-radius:50%;width:12px;height:12px;top:50%;transform:translateY(-50%);box-shadow:0 0 0 9px #137c781a}.lens-ring-outer:before{left:-6px}.lens-ring-outer:after{right:-6px}.lens-ring-middle{top:13%;right:13%;bottom:13%;left:13%;border-color:#2f5da857}.lens-ring-inner{top:31%;right:31%;bottom:31%;left:31%;border-color:#137c7866;background:#ffffff47}.lens-cross-x{left:0;right:0;top:50%;height:1px;background:var(--lineColor)}.lens-cross-y{top:0;bottom:0;left:50%;width:1px;background:var(--lineColor)}.lens-core{position:absolute;top:38%;right:38%;bottom:38%;left:38%;display:grid;place-content:center;gap:4px;text-align:center;border-radius:50%;color:var(--backgroundColor);background:var(--textColor);transform:rotate(calc(var(--lens-turn) * -1));transition:transform .85s cubic-bezier(.16,1,.3,1)}.lens-core span{font-size:11px;letter-spacing:.16em;opacity:.68}.lens-core strong{font-size:clamp(15px,1.4vw,21px);font-weight:560}.lens-controls{position:absolute;left:30px;top:30px;z-index:3;display:flex;flex-direction:column;gap:7px}.lens-controls button{display:flex;align-items:center;gap:12px;min-width:155px;padding:10px 13px;color:var(--mutedColor);background:#e9eef2d1;border:1px solid transparent;border-radius:999px;font:inherit;font-size:12px;text-align:left;cursor:pointer;transition:color .25s,background .25s,border-color .25s}.lens-controls button span{font-size:9px;letter-spacing:.12em}.lens-controls button:hover,.lens-controls button:focus-visible,.lens-controls button.is-active{color:var(--textColor);background:#ffffffeb;border-color:var(--accentColor);outline:none}.capability-field{position:relative;display:flex;flex-direction:column;justify-content:center;padding:70px clamp(35px,5vw,90px);border-left:1px solid var(--lineColor)}.capability-field:before{content:"";position:absolute;top:22px;right:22px;bottom:22px;left:22px;border:1px solid rgba(47,93,168,.12);pointer-events:none}.capability-field-head{position:relative;display:grid;grid-template-columns:70px 1fr;gap:26px;margin-bottom:44px}.capability-field-head>span{padding-top:9px;color:var(--secondaryColor);font-size:11px;font-weight:750;letter-spacing:.15em}.capability-field h3{max-width:680px;margin:0 0 15px;color:var(--textColor);font-size:clamp(36px,3.7vw,62px);font-weight:430;line-height:.96;letter-spacing:-.035em}.capability-field-head p{max-width:610px;margin:0;color:var(--mutedColor);font-size:16px;line-height:1.55}.capability-words{position:relative;display:flex;flex-wrap:wrap;gap:0;padding-left:96px}.capability-words span{position:relative;padding:8px 18px 8px 0;color:var(--textColor);font-size:clamp(14px,1.15vw,18px);line-height:1.35;animation:capability-word-in .45s both;animation-delay:calc(var(--word-index) * 18ms)}.capability-words span:not(:last-child):after{content:"·";margin-left:18px;color:var(--secondaryColor)}@keyframes capability-word-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media screen and (min-width: 768px){body{--cWidth: 94%}}@media screen and (max-width: 900px){.techstack{padding:90px 0}.capability-heading{display:block;margin-bottom:55px}.capability-heading h2{margin-top:20px;font-size:60px}.capability-intro{margin-top:28px}.capability-lens{display:block;min-height:0}.lens-dial{width:min(84vw,430px);margin:145px auto 40px}.lens-controls{left:18px;top:18px;right:18px;display:grid;grid-template-columns:1fr 1fr}.lens-controls button{min-width:0}.capability-field{padding:50px 24px;border-left:0;border-top:1px solid var(--lineColor)}.capability-field-head{grid-template-columns:1fr;gap:12px;margin-bottom:30px}.capability-field h3{font-size:38px}.capability-words{padding-left:0}.capability-words span{font-size:14px}}@media screen and (max-width: 760px){:root{scroll-padding-top:72px}body{--cWidth: calc(100% - 32px) }.deferred-skills,.skills-placeholder{min-height:0}.techstack{padding:96px 0}.capability-heading{margin-bottom:42px}.capability-heading h2{font-size:clamp(48px,15vw,66px);line-height:.9}.capability-intro{margin-top:22px;font-size:15px}.capability-field{padding:34px 18px}.capability-field:before{top:10px;right:10px;bottom:10px;left:10px}.capability-field-head{gap:8px;margin-bottom:24px}.capability-field h3{font-size:clamp(30px,9vw,40px)}.capability-field-head p{font-size:14px}.capability-words{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:1px;background:var(--lineColor)}.capability-words span{display:flex;align-items:center;min-height:48px;padding:10px 12px;box-sizing:border-box;background:var(--backgroundColor);font-size:12px;line-height:1.25}.capability-words span:not(:last-child):after{display:none}}@media (prefers-reduced-motion: reduce){.lens-dial,.lens-core,.capability-words span{transition:none!important;animation:none!important}}
