.home-hero{position:relative;min-height:810px;height:56.25vw;max-height:1080px;overflow:hidden;background:linear-gradient(160deg,#f5faff 25%,#eaf3ff 60%,#c5ddff);isolation:isolate}.hero-pattern{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-1}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;height:100%;padding-bottom:70px;padding-top:var(--header)}.hero-copy{position:relative;z-index:2;padding-bottom:10px}.hero-copy h1{font-size:clamp(48px,4.8vw,92px);color:var(--blue-dark);line-height:1.22;margin-bottom:28px;letter-spacing:1px}.typewriter{display:flex;color:#0162e6;font-size:clamp(20px,1.65vw,32px);line-height:1.5;min-height:48px;max-width:650px;margin:0 0 36px}.typewriter i{font-style:normal;font-weight:300;animation:cursor .8s step-end infinite}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}.hero-small-quote{font-size:14px;line-height:1.3;color:#888;margin:28px 0 0}.hero-art{height:100%;max-height:740px;width:100%;display:flex;align-items:center;justify-content:center}.hero-art .lottie{height:auto;aspect-ratio:1/1;width:100%;min-height:550px}.wave-hero{height:125px;bottom:-75px;transform:rotate(-2deg);background:#ebf1fb}.professional-snapshot{position:relative;background:linear-gradient(#ebf1fb,#f8fbff 18%);padding-top:100px}.professional-snapshot>.section-title{text-align:center;margin-bottom:20px}.snapshot-stage{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;min-height:750px;position:relative}.snapshot-visual{height:650px;width:100%;position:relative}.snapshot-orbit{position:absolute;left:-180px;top:0;bottom:0;width:230px;border:1px solid #388eff;border-radius:50%;pointer-events:none;z-index:-1}.snapshot-orbit:before,.snapshot-orbit:after{content:'';position:absolute;right:4px;top:30%;background:#60a5ff;width:22px;height:22px;border-radius:50%}.snapshot-orbit:after{right:10px;top:70%;width:12px;height:12px}.snapshot-texts{padding-right:25px;position:relative}.snapshot-copy{margin:25px 0}.snapshot-copy p{font-size:clamp(19px,1.6vw,30px);line-height:1.55;text-align:justify;max-width:860px}.snapshot-copy em{font-style:normal;color:#0157cb}.snapshot-animated .snapshot-texts{min-height:350px;display:flex;align-items:center}.snapshot-animated .snapshot-copy{position:absolute;inset:auto 0;margin:0;opacity:0;transform:translateY(30px);pointer-events:none}.snapshot-animated .snapshot-copy.is-active{opacity:1;transform:translateY(0);pointer-events:auto}.snapshot-animated .snapshot-copy p{margin:0}.transformation{position:relative;overflow:hidden;background:var(--pale)}.transformation-stage{height:100svh;position:relative;overflow:hidden}.transform-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.transform-screen video,.transform-screen img{width:100%;height:100%;object-fit:cover}.transformation-words{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:70px;padding:50px;background:var(--pale)}.transformation-words p{font-size:clamp(55px,7vw,130px);font-weight:600;line-height:1.1;letter-spacing:-4px;margin:0;text-align:center;color:#c8d9ee}.transformation-words .big-transform{font-size:clamp(35px,4vw,70px);color:#0157cb}.transformation-words .big-web{color:#0157cb;position:relative}.video-section{position:relative;padding:130px 0 100px;background:linear-gradient(150deg,#edf5ff,#f8fbff);overflow:hidden}.video-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.presentation-thumbnail{height:400px;position:relative;border-radius:0 50% 0 50%;background:#d4e7ff;overflow:visible}.presentation-thumbnail>img{height:100%;width:100%;object-fit:contain;opacity:.45}.presentation-thumbnail .play-control{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0157cbe6;color:white;border-color:#388eff}.presentation-thumbnail .play-control:before{border-color:#388eff}.presentation-video-label{position:absolute;bottom:12%;left:8%;background:#0157cb;color:#fff;padding:5px 12px;font-size:12px;font-weight:500;letter-spacing:1px}.video-description h3{font-size:35px;color:#0157cb;margin-bottom:25px}.video-description p{font-size:23px;line-height:1.7;max-width:600px}.video-description>span{font-size:15px;color:#8190a3}.video-quote{margin-top:110px}.video-quote p{font-size:clamp(27px,3vw,45px)}.work-experiences{position:relative;background:#f8fbff;overflow:clip}.work-sticky{min-height:100svh;padding-top:105px;overflow:hidden}.work-sticky>.section-title{text-align:center;margin-bottom:20px}.work-track{display:flex;width:100%;will-change:transform}.work-panel{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;flex:0 0 100%;min-width:0;padding:50px 6vw 70px;min-height:620px}.work-copy{max-width:560px;position:relative}.work-number{font-size:80px;color:#d6e6fc;font-family:RubikDS;position:absolute;left:-40px;top:-50px;line-height:1;z-index:-1}.work-copy h3{font-family:RubikDS,Rubik;font-size:clamp(35px,3.5vw,65px);color:var(--blue-dark);margin-bottom:10px}.work-role{font-family:RubikDS,Rubik;font-size:26px;color:var(--bright);line-height:1.3;margin-bottom:18px}.work-years{font-size:17px;color:#8b929c;margin:0 0 12px}.work-excerpt{font-size:17px;line-height:1.8;max-width:500px}.work-copy .btn{border-radius:35px;font-size:17px;margin-top:10px;padding:12px 20px}.work-art{height:440px;position:relative}.work-art>.lottie{max-width:650px;margin:auto}.work-systems{position:absolute;inset:auto 5% 5% 5%;display:flex;align-items:center;gap:15px;justify-content:center}.work-systems span{color:#fff;background:#388eff;padding:10px 17px;border-radius:7px;font-size:17px}.work-systems i{font-size:26px;color:#388eff;font-style:normal}.work-closing{display:flex;flex-direction:column;justify-content:center;text-align:center;padding:60px 10vw;gap:25px}.work-closing .art-quote p{font-size:40px}.work-closing>p{font-size:14px;color:#8a9ab1;max-width:700px}.work-scroll-indicator{display:flex;gap:20px;align-items:center;justify-content:center;margin:0 40px 30px;color:#8ba2c1;font-size:11px}.work-scroll-indicator>div{height:3px;width:240px;background:linear-gradient(90deg,#388eff 0 16%,#d8e7fb 16%)}.stack-skills{position:relative;min-height:900px;padding:65px 25px 100px;text-align:center;overflow:hidden}.skills-orbit{height:540px;width:min(1100px,100%);margin:auto;position:relative}.skills-cloud{position:absolute;inset:0}.skills-person{position:absolute;width:260px;height:250px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;background:#f8fbff}.skills-person img{height:100%;width:100%;object-fit:contain}.stack-skills>.section-title{margin:15px 0 20px}.skill-labels{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin:25px auto 0;max-width:1000px}.skill-labels span{color:#7390b5;font-size:11px}.workplace-philosophy{position:relative;padding:130px 0 150px;background:linear-gradient(130deg,#0157cb,#014198);overflow:hidden}.wave-philosophy{top:-70px;height:120px;transform:rotate(2deg)}.workplace-philosophy .section-title{color:var(--pale);margin-bottom:65px}.philosophy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:50px}.philosophy-grid article{text-align:center}.philosophy-art{height:250px;max-width:280px;margin:auto}.philosophy-grid h3{font-family:RubikDS,Rubik;color:var(--pale);font-size:28px;font-weight:500;max-width:300px;margin:20px auto 0;line-height:1.25}.coding-days{padding:110px 0 100px;background:radial-gradient(ellipse at 50% 30%,#d6e8ff55,#f8fbff 70%)}.coding-days .section-title{text-align:center;margin-bottom:10px}.octocat-stage{height:500px;max-width:700px;margin:auto}.octocat-stage model-viewer{display:block;height:100%;width:100%;--poster-color:transparent}.contribution-calendar{max-width:1150px;margin:20px auto 0}.calendar-months{display:flex;justify-content:space-around;margin:0 0 8px 0;font-size:15px}.calendar-grid{display:grid;grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:4px;width:100%;height:142px}.calendar-cell{border:1px solid #dce4ef;border-radius:3px;background:#edf2f8;min-width:0;min-height:0}.calendar-caption{display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:13px;color:#6d82a0;margin-top:12px}.calendar-caption small{font-size:10px;text-align:right;max-width:650px;line-height:1.6}.big-quote{position:relative;min-height:620px;background-size:cover;background-position:center;background-attachment:fixed;display:flex;align-items:center}.big-quote .art-quote p{color:white;font-size:clamp(35px,4vw,64px)}.big-quote .art-quote em{color:#c6deff}.big-quote .art-quote cite{color:#c6deff}.projects-section{position:relative;padding:80px 0 90px;overflow:hidden}.projects-invitation{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:50px}.astronaut-stage{height:700px;min-width:0}.astronaut-stage model-viewer{width:100%;height:100%;--poster-color:transparent;display:block}.astronaut-video{height:100%;width:100%;object-fit:contain}.mobile-projects-title{display:none}.projects-invitation-copy>.section-title{text-align:right;margin:0 0 100px}.projects-invitation-copy>p{font-size:25px;line-height:1.6;color:#444;max-width:450px;margin-bottom:20px}.projects-invitation-copy .button-row{gap:16px}.services-section{padding:110px 0 120px;background:linear-gradient(#eaf3ff,#cfe2ff)}.services-section .section-title{margin-bottom:65px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:9%;row-gap:55px;align-items:stretch;padding:0 4%}.service-card{border:1px solid #ccc;background:white;border-radius:6px;padding:30px;transition:transform .5s,box-shadow .5s,border-color .5s}.service-card:hover{transform:scale(1.025) rotate(1deg);box-shadow:0 0 20px #388eff55;border-color:#388eff55}.service-card h3{font-size:28px;line-height:1.3;color:var(--navy);margin-bottom:15px}.service-card ul{list-style:none;padding:0;margin:0}.service-card li{display:flex;align-items:center;gap:8px;color:#444;font-size:20px;margin:17px 0;line-height:1.5}.service-card .icon{color:#0157cb;fill:#0157cb10;stroke-width:2;width:25px;height:25px}
@media(min-width:1920px){.snapshot-stage{min-height:950px}.snapshot-visual{height:850px}.work-panel{min-height:850px}.work-art{height:650px}.skills-orbit{height:650px}.stack-skills{min-height:1080px}.octocat-stage{height:600px}.coding-days{padding-block:140px}.astronaut-stage{height:900px}}
@media(max-width:1199px){.home-hero{min-height:700px}.hero-grid{gap:20px}.hero-copy h1{font-size:55px}.hero-art .lottie{min-height:440px}.hero-small-quote{font-size:12px}.typewriter{font-size:21px;min-height:55px;margin-bottom:23px}.snapshot-stage{gap:35px;min-height:650px}.snapshot-visual{height:550px}.snapshot-copy p{font-size:20px}.video-section-grid{gap:60px}.presentation-thumbnail{height:330px}.video-description h3{font-size:30px}.video-description p{font-size:20px}.video-description>span{font-size:12px}.work-panel{min-height:550px;padding-inline:6vw}.work-art{height:370px}.work-role{font-size:22px}.work-excerpt{font-size:15px}.work-years{font-size:14px}.work-copy .btn{font-size:14px}.skills-orbit{height:490px}.skills-person{width:220px;height:215px}.stack-skills{min-height:800px}.philosophy-grid{gap:30px}.philosophy-art{height:190px}.philosophy-grid h3{font-size:23px}.astronaut-stage{height:620px}.projects-invitation-copy>p{font-size:21px}.projects-invitation-copy .btn{font-size:15px}.services-grid{column-gap:5%;padding:0 3%}.service-card{padding:24px}.service-card h3{font-size:23px}.service-card li{font-size:16px}.calendar-grid{gap:3px;height:126px}}
@media(max-width:991px){.home-hero{min-height:1080px;height:130vw;max-height:none}.hero-grid{display:flex;flex-direction:column-reverse;justify-content:center;padding-top:80px;padding-bottom:95px;gap:25px}.hero-art{width:75%;height:500px;max-height:none;flex-shrink:0}.hero-art .lottie{min-height:0;height:100%;width:100%}.hero-copy{text-align:center;padding:0;max-width:760px}.hero-copy h1{font-size:55px;line-height:1.25}.typewriter{justify-content:center;max-width:100%;font-size:22px;min-height:50px}.hero-buttons{justify-content:center}.hero-small-quote{font-size:13px}.professional-snapshot{padding-top:80px}.professional-snapshot>.section-title{margin-bottom:10px}.snapshot-stage{display:flex;flex-direction:column;gap:20px;padding:20px 0 75px;min-height:750px}.snapshot-visual{height:440px;max-width:650px;width:100%;flex-shrink:0}.snapshot-texts{padding:0 15px;width:100%}.snapshot-copy p{font-size:20px;line-height:1.6;text-align:left}.snapshot-animated .snapshot-texts{min-height:230px;width:100%;display:block}.snapshot-animated .snapshot-copy{inset:0 15px}.transformation-words{gap:25px;padding:30px}.transformation-words p{font-size:65px;letter-spacing:-2px}.transformation-words .big-transform{font-size:35px}.video-section{padding:100px 0 80px}.video-section-grid{gap:40px}.presentation-thumbnail{height:300px}.video-description h3{font-size:26px}.video-description p{font-size:17px}.video-quote{margin-top:75px}.work-sticky{padding-top:90px;min-height:0}.work-track{display:block;transform:none!important}.work-panel{display:grid;grid-template-columns:1fr 1fr;min-height:520px;padding:60px 7vw;gap:40px}.work-art{height:340px}.work-copy h3{font-size:36px}.work-role{font-size:20px}.work-excerpt{font-size:14px}.work-number{left:-25px;font-size:70px;top:-35px}.work-scroll-indicator{display:none}.work-closing{display:flex;min-height:500px}.skills-orbit{height:510px}.stack-skills{padding-top:40px;min-height:800px}.philosophy-grid{grid-template-columns:repeat(2,1fr);gap:55px 60px}.philosophy-art{height:210px}.workplace-philosophy{padding:100px 0 120px}.workplace-philosophy .section-title{text-align:center}.philosophy-grid h3{font-size:25px}.coding-days{padding:90px 0}.octocat-stage{height:430px}.calendar-months{font-size:11px}.calendar-grid{height:105px;gap:3px}.calendar-caption{font-size:11px}.calendar-caption small{font-size:8px}.big-quote{min-height:600px;background-attachment:scroll}.projects-invitation{grid-template-columns:1.3fr 1fr;gap:35px}.astronaut-stage{height:550px}.projects-invitation-copy>.section-title{margin-bottom:65px}.projects-invitation-copy>p{font-size:18px}.projects-invitation-copy .btn{font-size:13px}.services-section{padding:95px 0}.services-grid{grid-template-columns:repeat(2,1fr);gap:35px;padding:0 4%}.service-card h3{font-size:25px}.service-card li{font-size:17px}}
@media(max-width:575px){.home-hero{min-height:850px;height:auto}.hero-grid{padding-top:75px;padding-bottom:110px;gap:25px}.hero-art{width:100%;height:330px}.hero-copy h1{font-size:37px;line-height:1.18;letter-spacing:.3px;margin-bottom:23px}.typewriter{font-size:19px;line-height:1.4;min-height:55px;margin-bottom:25px;align-items:flex-start}.hero-copy{width:100%}.hero-buttons{gap:13px}.hero-small-quote{font-size:12px;line-height:1.4;margin-top:28px}.wave-hero{height:90px;bottom:-65px}.professional-snapshot{padding-top:70px}.professional-snapshot>.section-title{margin-bottom:20px}.snapshot-stage{min-height:670px;gap:8px;padding-bottom:70px}.snapshot-visual{height:330px;margin:0 -10px;width:calc(100% + 20px)}.snapshot-texts{padding:0 3px}.snapshot-copy p{font-size:16px;line-height:1.7}.snapshot-animated .snapshot-copy{inset:0 3px}.snapshot-animated .snapshot-texts{min-height:260px}.snapshot-orbit{left:-225px;width:235px}.transformation-stage{height:100svh;min-height:620px}.transformation-words{flex-direction:column;gap:32px;padding:30px}.transformation-words p{font-size:58px;letter-spacing:-1px}.transformation-words .big-transform{font-size:35px}.transform-screen video{object-fit:cover}.video-section{padding:70px 0}.video-section-grid{grid-template-columns:1fr;gap:45px}.presentation-thumbnail{height:300px;max-width:340px;width:100%;margin:auto}.video-description h3{font-size:26px}.video-description p{font-size:18px}.video-description>span{font-size:12px}.presentation-video-label{font-size:10px}.video-quote{margin-top:75px}.video-quote p{font-size:25px}.work-sticky{padding-top:70px}.work-sticky>.section-title{margin-bottom:35px}.work-panel{display:flex;flex-direction:column;align-items:stretch;padding:40px 28px 50px;gap:25px;min-height:0}.work-copy{max-width:100%}.work-copy h3{font-size:32px;margin-bottom:9px}.work-role{font-size:20px}.work-years{font-size:13px}.work-excerpt{font-size:14px;line-height:1.8}.work-copy .btn{font-size:13px;min-height:38px;padding:10px 16px}.work-number{font-size:65px;left:-11px;top:-27px}.work-art{width:100%;height:295px}.work-systems{bottom:1%;gap:10px}.work-systems span{font-size:12px;padding:7px 13px}.work-systems i{font-size:20px}.work-closing{padding:70px 15px;gap:20px}.work-closing .art-quote p{font-size:25px}.work-closing>p{font-size:11px;line-height:1.8;max-width:300px;margin:auto}.stack-skills{padding:45px 20px 75px;min-height:0}.skills-orbit{height:330px;width:calc(100% + 40px);margin-left:-20px}.skills-person{width:140px;height:140px}.stack-skills>.section-title{margin-top:20px;margin-bottom:20px}.skill-labels{gap:8px 18px;margin-top:22px}.skill-labels span{font-size:9px}.philosophy-grid{gap:45px 20px}.workplace-philosophy{padding:85px 0 90px}.workplace-philosophy .section-title{margin-bottom:45px}.philosophy-art{height:145px}.philosophy-grid h3{font-size:19px;line-height:1.3;margin-top:15px}.coding-days{padding:80px 0 65px}.octocat-stage{height:340px}.calendar-months{font-size:8px;gap:2px;margin-top:20px}.contribution-calendar{overflow:auto;margin:0 -4px;padding:0 4px 10px}.calendar-grid{min-width:500px;gap:2px;height:82px}.calendar-caption{align-items:flex-start;gap:15px;line-height:1.8}.calendar-caption small{font-size:8px;max-width:250px}.big-quote{min-height:520px}.big-quote .art-quote p{font-size:31px}.projects-section{padding:65px 0 80px}.projects-invitation{display:flex;flex-direction:column;gap:0;align-items:stretch}.mobile-projects-title{display:block;text-align:center;color:var(--blue);font-size:33px;margin-bottom:0}.astronaut-stage{height:500px}.astronaut-stage model-viewer{height:420px}.projects-invitation-copy>.section-title{display:none}.projects-invitation-copy>p{font-size:20px;line-height:1.65;margin-bottom:25px}.projects-invitation-copy .btn{font-size:13px}.projects-invitation-copy .button-row{gap:12px}.services-section{padding:80px 0}.services-section .section-title{margin-bottom:40px}.services-grid{grid-template-columns:1fr;gap:30px;padding:0 8px}.service-card{padding:28px}.service-card h3{font-size:25px;margin-bottom:20px}.service-card li{font-size:16px;margin:15px 0}.service-card .icon{height:23px;width:23px}}
@media(max-width:359px){.hero-copy h1{font-size:33px}.typewriter{font-size:17px}.hero-art{height:290px}.home-hero{min-height:800px}.hero-buttons .btn{font-size:12px}.snapshot-copy p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.snapshot-stage{min-height:0;padding-block:45px}.snapshot-animated .snapshot-copy{position:static;opacity:1;transform:none;pointer-events:auto;margin:25px 0}.snapshot-animated .snapshot-texts{display:block;min-height:0}.work-track{display:block;transform:none!important}.work-sticky{height:auto!important;position:static!important}.work-panel{min-height:0;padding-block:60px}.transformation-stage{min-height:650px}.transformation-words{opacity:1!important;transform:none!important}.big-quote{background-attachment:scroll}}