.HeroCodeToSite-module__QXU0Bq__area{--loop:14s;--stroke:#1b1b1a33;--stroke-soft:#1b1b1a1f;--fill:#1b1b1a12;--code:#1b1b1a80;-webkit-mask-image:radial-gradient(78% 80% at 55% 45%,#000 40%,#0000 100%);mask-image:radial-gradient(78% 80% at 55% 45%,#000 40%,#0000 100%)}.HeroCodeToSite-module__QXU0Bq__stage{width:100%;height:100%;position:relative}@media (max-width:95.99rem){.HeroCodeToSite-module__QXU0Bq__stage{zoom:.85}}.HeroCodeToSite-module__QXU0Bq__win{border:1px solid var(--stroke);background:0 0;border-radius:8px;position:absolute}.HeroCodeToSite-module__QXU0Bq__w1{width:296px;height:200px;top:44px;left:0}.HeroCodeToSite-module__QXU0Bq__w2{width:254px;height:168px;top:-8px;left:214px}.HeroCodeToSite-module__QXU0Bq__w3{width:256px;height:166px;top:228px;left:150px}.HeroCodeToSite-module__QXU0Bq__bar{border-bottom:1px solid var(--stroke-soft);align-items:center;gap:5px;height:18px;padding-left:9px;display:flex;position:absolute;inset:0 0 auto}.HeroCodeToSite-module__QXU0Bq__bar i{border:1px solid var(--stroke);border-radius:50%;width:4px;height:4px}.HeroCodeToSite-module__QXU0Bq__code{font-family:var(--font-mono);color:var(--code);white-space:pre;margin:0;font-size:12px;line-height:22px;display:none;position:absolute;top:26px;left:14px}.HeroCodeToSite-module__QXU0Bq__ln{border-right:2px solid #0000;width:0;height:22px;display:block;overflow:hidden}.HeroCodeToSite-module__QXU0Bq__ui{position:absolute;inset:18px 0 0}.HeroCodeToSite-module__QXU0Bq__el{background:var(--fill);transform-origin:0;border-radius:2px;display:block;position:absolute}.HeroCodeToSite-module__QXU0Bq__nav{background:var(--stroke);width:22px;height:3px;top:11px;left:16px}.HeroCodeToSite-module__QXU0Bq__navR{background:var(--stroke-soft);width:48px;height:2px;top:11px;right:16px}.HeroCodeToSite-module__QXU0Bq__h1{background:var(--stroke);width:42%;height:6px;top:30px;left:16px}.HeroCodeToSite-module__QXU0Bq__h1b{background:var(--stroke);width:30%;height:6px;top:40px;left:16px}.HeroCodeToSite-module__QXU0Bq__p1{width:46%;height:3px;top:56px;left:16px}.HeroCodeToSite-module__QXU0Bq__p2{width:40%;height:3px;top:63px;left:16px}.HeroCodeToSite-module__QXU0Bq__p3{width:34%;height:3px;top:70px;left:16px}.HeroCodeToSite-module__QXU0Bq__btn{border:1px solid var(--stroke);background:0 0;border-radius:999px;width:42px;height:12px;top:84px;left:16px}.HeroCodeToSite-module__QXU0Bq__btnAmber{background:var(--cta);opacity:.55;border-color:#0000}.HeroCodeToSite-module__QXU0Bq__img{border:1px solid var(--stroke-soft);color:var(--stroke-soft);transform-origin:0 0;background:0 0;border-radius:3px;inset:30px 14px 16px 57%;overflow:hidden}.HeroCodeToSite-module__QXU0Bq__img svg{width:100%;height:55%;position:absolute;inset:auto 0 0}@media (prefers-reduced-motion:no-preference){.HeroCodeToSite-module__QXU0Bq__stage{will-change:transform;animation:22s ease-in-out infinite alternate HeroCodeToSite-module__QXU0Bq__drift}@keyframes HeroCodeToSite-module__QXU0Bq__drift{0%{transform:translate(0)rotate(0)}to{transform:translate(3px,-4px)rotate(.4deg)}}.HeroCodeToSite-module__QXU0Bq__w1{animation:HeroCodeToSite-module__QXU0Bq__w1frame var(--loop) linear infinite}@keyframes HeroCodeToSite-module__QXU0Bq__w1frame{0%,21%{border-radius:4px}32%,89%{border-radius:8px}to{border-radius:4px}}.HeroCodeToSite-module__QXU0Bq__w1 .HeroCodeToSite-module__QXU0Bq__bar{animation:HeroCodeToSite-module__QXU0Bq__barIn var(--loop) linear infinite}@keyframes HeroCodeToSite-module__QXU0Bq__barIn{0%,21%{opacity:0}32%,89%{opacity:1}95%,to{opacity:0}}.HeroCodeToSite-module__QXU0Bq__code{display:block}.HeroCodeToSite-module__QXU0Bq__ln:first-child{animation:HeroCodeToSite-module__QXU0Bq__type1 var(--loop) infinite, HeroCodeToSite-module__QXU0Bq__fadeCode var(--loop) linear infinite}.HeroCodeToSite-module__QXU0Bq__ln:nth-child(2){animation:HeroCodeToSite-module__QXU0Bq__type2 var(--loop) infinite, HeroCodeToSite-module__QXU0Bq__fadeCode var(--loop) linear infinite}.HeroCodeToSite-module__QXU0Bq__ln:nth-child(3){animation:HeroCodeToSite-module__QXU0Bq__type3 var(--loop) infinite, HeroCodeToSite-module__QXU0Bq__fadeCode var(--loop) linear infinite}.HeroCodeToSite-module__QXU0Bq__ln:nth-child(4){animation:HeroCodeToSite-module__QXU0Bq__type4 var(--loop) infinite, HeroCodeToSite-module__QXU0Bq__fadeCode var(--loop) linear infinite}.HeroCodeToSite-module__QXU0Bq__ln:nth-child(5){animation:HeroCodeToSite-module__QXU0Bq__type5 var(--loop) infinite, HeroCodeToSite-module__QXU0Bq__fadeCode var(--loop) linear infinite}.HeroCodeToSite-module__QXU0Bq__ln:nth-child(6){animation:HeroCodeToSite-module__QXU0Bq__type6 var(--loop) infinite, HeroCodeToSite-module__QXU0Bq__fadeCode var(--loop) linear infinite, HeroCodeToSite-module__QXU0Bq__blink var(--loop) steps(1, end) infinite}@keyframes HeroCodeToSite-module__QXU0Bq__type1{0%,2%{border-color:var(--cta);width:0;animation-timing-function:steps(26,end)}5%{width:calc(var(--n) * 1ch);border-color:var(--cta)}5.9%,93%{width:calc(var(--n) * 1ch);border-color:#0000}96%,to{border-color:#0000;width:0}}@keyframes HeroCodeToSite-module__QXU0Bq__type2{0%,4.9%{border-color:#0000;width:0}5%{border-color:var(--cta);width:0;animation-timing-function:steps(12,end)}8%{width:calc(var(--n) * 1ch);border-color:var(--cta)}8.9%,93%{width:calc(var(--n) * 1ch);border-color:#0000}96%,to{border-color:#0000;width:0}}@keyframes HeroCodeToSite-module__QXU0Bq__type3{0%,7.9%{border-color:#0000;width:0}8%{border-color:var(--cta);width:0;animation-timing-function:steps(10,end)}11%{width:calc(var(--n) * 1ch);border-color:var(--cta)}11.9%,93%{width:calc(var(--n) * 1ch);border-color:#0000}96%,to{border-color:#0000;width:0}}@keyframes HeroCodeToSite-module__QXU0Bq__type4{0%,10.9%{border-color:#0000;width:0}11%{border-color:var(--cta);width:0;animation-timing-function:steps(12,end)}14%{width:calc(var(--n) * 1ch);border-color:var(--cta)}14.9%,93%{width:calc(var(--n) * 1ch);border-color:#0000}96%,to{border-color:#0000;width:0}}@keyframes HeroCodeToSite-module__QXU0Bq__type5{0%,13.9%{border-color:#0000;width:0}14%{border-color:var(--cta);width:0;animation-timing-function:steps(11,end)}17%{width:calc(var(--n) * 1ch);border-color:var(--cta)}17.9%,93%{width:calc(var(--n) * 1ch);border-color:#0000}96%,to{border-color:#0000;width:0}}@keyframes HeroCodeToSite-module__QXU0Bq__type6{0%,16.9%{width:0}17%{width:0;animation-timing-function:steps(10,end)}19.5%,93%{width:calc(var(--n) * 1ch)}96%,to{width:0}}@keyframes HeroCodeToSite-module__QXU0Bq__blink{0%,16.9%{border-color:#0000}17%,19.5%{border-color:var(--cta)}20%{border-color:#0000}20.5%{border-color:var(--cta)}21%{border-color:#0000}21.5%{border-color:var(--cta)}22%,to{border-color:#0000}}@keyframes HeroCodeToSite-module__QXU0Bq__fadeCode{0%,22%{opacity:1;transform:none}29%{opacity:0;transform:translate(6px)}93%{opacity:0;transform:translate(6px)}96%,to{opacity:1;transform:none}}.HeroCodeToSite-module__QXU0Bq__ui-a .HeroCodeToSite-module__QXU0Bq__el{animation:HeroCodeToSite-module__QXU0Bq__growA var(--loop) cubic-bezier(.22, 1, .36, 1) infinite}.HeroCodeToSite-module__QXU0Bq__ui-a .HeroCodeToSite-module__QXU0Bq__h1,.HeroCodeToSite-module__QXU0Bq__ui-a .HeroCodeToSite-module__QXU0Bq__h1b{animation-name:HeroCodeToSite-module__QXU0Bq__growA}.HeroCodeToSite-module__QXU0Bq__ui-a .HeroCodeToSite-module__QXU0Bq__p1,.HeroCodeToSite-module__QXU0Bq__ui-a .HeroCodeToSite-module__QXU0Bq__p2,.HeroCodeToSite-module__QXU0Bq__ui-a .HeroCodeToSite-module__QXU0Bq__p3{animation-name:HeroCodeToSite-module__QXU0Bq__growB}.HeroCodeToSite-module__QXU0Bq__ui-a .HeroCodeToSite-module__QXU0Bq__btn{animation-name:HeroCodeToSite-module__QXU0Bq__growC}.HeroCodeToSite-module__QXU0Bq__ui-a .HeroCodeToSite-module__QXU0Bq__img{animation-name:HeroCodeToSite-module__QXU0Bq__growImg}.HeroCodeToSite-module__QXU0Bq__ui-a .HeroCodeToSite-module__QXU0Bq__nav,.HeroCodeToSite-module__QXU0Bq__ui-a .HeroCodeToSite-module__QXU0Bq__navR{animation-name:HeroCodeToSite-module__QXU0Bq__growD}@keyframes HeroCodeToSite-module__QXU0Bq__growA{0%,22%{opacity:0;transform:scale(.35,.3)}30%,89%{opacity:1;transform:none}95%,to{opacity:0;transform:scale(.35,.3)}}@keyframes HeroCodeToSite-module__QXU0Bq__growB{0%,24%{opacity:0;transform:scale(.35,.3)}32%,89%{opacity:1;transform:none}95%,to{opacity:0;transform:scale(.35,.3)}}@keyframes HeroCodeToSite-module__QXU0Bq__growC{0%,26%{opacity:0;transform:scale(.5,.4)}33%,89%{opacity:1;transform:none}95%,to{opacity:0;transform:scale(.5,.4)}}@keyframes HeroCodeToSite-module__QXU0Bq__growImg{0%,27%{opacity:0;transform:scale(.2,.08)}36%,89%{opacity:1;transform:none}95%,to{opacity:0;transform:scale(.2,.08)}}@keyframes HeroCodeToSite-module__QXU0Bq__growD{0%,23%{opacity:0;transform:scaleX(.2)}29%,89%{opacity:1;transform:none}95%,to{opacity:0;transform:scaleX(.2)}}.HeroCodeToSite-module__QXU0Bq__w2{animation:HeroCodeToSite-module__QXU0Bq__winIn2 var(--loop) cubic-bezier(.22, 1, .36, 1) infinite}.HeroCodeToSite-module__QXU0Bq__w3{animation:HeroCodeToSite-module__QXU0Bq__winIn3 var(--loop) cubic-bezier(.22, 1, .36, 1) infinite}@keyframes HeroCodeToSite-module__QXU0Bq__winIn2{0%,32%{opacity:0;transform:translate(-14px,12px)scale(.94)}40%,89%{opacity:1;transform:none}95%,to{opacity:0;transform:translate(-14px,12px)scale(.94)}}@keyframes HeroCodeToSite-module__QXU0Bq__winIn3{0%,41%{opacity:0;transform:translate(-10px,-12px)scale(.94)}49%,89%{opacity:1;transform:none}95%,to{opacity:0;transform:translate(-10px,-12px)scale(.94)}}.HeroCodeToSite-module__QXU0Bq__ui-b .HeroCodeToSite-module__QXU0Bq__el{animation:HeroCodeToSite-module__QXU0Bq__buildB var(--loop) cubic-bezier(.22, 1, .36, 1) infinite}.HeroCodeToSite-module__QXU0Bq__ui-b .HeroCodeToSite-module__QXU0Bq__p1,.HeroCodeToSite-module__QXU0Bq__ui-b .HeroCodeToSite-module__QXU0Bq__p2,.HeroCodeToSite-module__QXU0Bq__ui-b .HeroCodeToSite-module__QXU0Bq__p3,.HeroCodeToSite-module__QXU0Bq__ui-b .HeroCodeToSite-module__QXU0Bq__btn{animation-name:HeroCodeToSite-module__QXU0Bq__buildB2}.HeroCodeToSite-module__QXU0Bq__ui-b .HeroCodeToSite-module__QXU0Bq__img{animation-name:HeroCodeToSite-module__QXU0Bq__buildB3}@keyframes HeroCodeToSite-module__QXU0Bq__buildB{0%,36%{opacity:0;transform:scaleX(.2)}42%,to{opacity:1;transform:none}}@keyframes HeroCodeToSite-module__QXU0Bq__buildB2{0%,38%{opacity:0;transform:scaleX(.2)}44%,to{opacity:1;transform:none}}@keyframes HeroCodeToSite-module__QXU0Bq__buildB3{0%,39%{opacity:0;transform:scale(.3,.1)}46%,to{opacity:1;transform:none}}.HeroCodeToSite-module__QXU0Bq__ui-c .HeroCodeToSite-module__QXU0Bq__el{animation:HeroCodeToSite-module__QXU0Bq__buildC var(--loop) cubic-bezier(.22, 1, .36, 1) infinite}.HeroCodeToSite-module__QXU0Bq__ui-c .HeroCodeToSite-module__QXU0Bq__p1,.HeroCodeToSite-module__QXU0Bq__ui-c .HeroCodeToSite-module__QXU0Bq__p2,.HeroCodeToSite-module__QXU0Bq__ui-c .HeroCodeToSite-module__QXU0Bq__p3,.HeroCodeToSite-module__QXU0Bq__ui-c .HeroCodeToSite-module__QXU0Bq__btn{animation-name:HeroCodeToSite-module__QXU0Bq__buildC2}.HeroCodeToSite-module__QXU0Bq__ui-c .HeroCodeToSite-module__QXU0Bq__img{animation-name:HeroCodeToSite-module__QXU0Bq__buildC3}@keyframes HeroCodeToSite-module__QXU0Bq__buildC{0%,45%{opacity:0;transform:scaleX(.2)}51%,to{opacity:1;transform:none}}@keyframes HeroCodeToSite-module__QXU0Bq__buildC2{0%,47%{opacity:0;transform:scaleX(.2)}53%,to{opacity:1;transform:none}}@keyframes HeroCodeToSite-module__QXU0Bq__buildC3{0%,48%{opacity:0;transform:scale(.3,.1)}55%,to{opacity:1;transform:none}}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.HeroCodeToSite-module__QXU0Bq__area{animation:linear both HeroCodeToSite-module__QXU0Bq__parallax;animation-timeline:scroll(root);animation-range:0 80vh}@keyframes HeroCodeToSite-module__QXU0Bq__parallax{to{translate:0 -28px}}}}
.ScrollCases-module__HqL4xG__wrapper{position:relative}.ScrollCases-module__HqL4xG__stage{max-width:1400px;margin-inline:auto;padding:4rem 1.25rem 0}.ScrollCases-module__HqL4xG__projects{gap:3.5rem;margin-top:2.5rem;display:grid}.ScrollCases-module__HqL4xG__project{align-items:center;gap:1.25rem;min-width:0;display:grid}.ScrollCases-module__HqL4xG__half{min-width:0}.ScrollCases-module__HqL4xG__mediaHalf{order:-1}.ScrollCases-module__HqL4xG__preview{border:1px solid var(--line-soft);background:var(--bg-raised);border-radius:10px;width:100%;overflow:hidden}.ScrollCases-module__HqL4xG__preview video{object-fit:contain;width:100%;height:100%}.ScrollCases-module__HqL4xG__text{overflow-wrap:anywhere}.ScrollCases-module__HqL4xG__navigation{display:none}@media (min-width:640px){.ScrollCases-module__HqL4xG__stage{padding:6rem 2rem 0}.ScrollCases-module__HqL4xG__projects{gap:4rem;margin-top:3rem}}@media (min-width:768px){.ScrollCases-module__HqL4xG__project{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:2.5rem}}@media (min-width:1024px){.ScrollCases-module__HqL4xG__stage{padding-inline:4rem}}.ScrollCases-module__HqL4xG__wrapper[data-enhanced]{height:calc(100svh + (var(--case-count) - 1) * 90svh)}.ScrollCases-module__HqL4xG__wrapper[data-enhanced] .ScrollCases-module__HqL4xG__stage{isolation:isolate;max-width:1400px;height:100svh;padding:0;position:sticky;top:0;overflow:hidden}.ScrollCases-module__HqL4xG__wrapper[data-enhanced] .ScrollCases-module__HqL4xG__heading{z-index:2;pointer-events:none;position:absolute;inset:7rem 4rem auto}.ScrollCases-module__HqL4xG__wrapper[data-enhanced] .ScrollCases-module__HqL4xG__projects{margin:0;display:block;position:absolute;inset:11rem 0 7rem;overflow:hidden}.ScrollCases-module__HqL4xG__wrapper[data-enhanced] .ScrollCases-module__HqL4xG__project{display:block}.ScrollCases-module__HqL4xG__wrapper[data-enhanced] .ScrollCases-module__HqL4xG__half{background:var(--bg);will-change:transform;justify-content:center;align-items:center;width:50%;height:100%;padding:0 clamp(2rem,3vw,3rem);display:flex;position:absolute;top:0}.ScrollCases-module__HqL4xG__wrapper[data-enhanced] .ScrollCases-module__HqL4xG__left{border-right:1px solid var(--line-soft);padding-left:4rem;left:0}.ScrollCases-module__HqL4xG__wrapper[data-enhanced] .ScrollCases-module__HqL4xG__right{padding-right:4rem;left:50%}.ScrollCases-module__HqL4xG__wrapper[data-enhanced] .ScrollCases-module__HqL4xG__text{width:100%;max-width:30rem}.ScrollCases-module__HqL4xG__wrapper[data-enhanced] .ScrollCases-module__HqL4xG__left.ScrollCases-module__HqL4xG__mediaHalf{padding:0 1rem 0 4rem}.ScrollCases-module__HqL4xG__wrapper[data-enhanced] .ScrollCases-module__HqL4xG__right.ScrollCases-module__HqL4xG__mediaHalf{padding:0 4rem 0 1rem}.ScrollCases-module__HqL4xG__wrapper[data-enhanced] .ScrollCases-module__HqL4xG__preview{max-width:100%;max-height:100%}.ScrollCases-module__HqL4xG__wrapper[data-enhanced] .ScrollCases-module__HqL4xG__navigation{z-index:2;gap:.5rem;display:flex;position:absolute;bottom:2rem;left:4rem}.ScrollCases-module__HqL4xG__navigation button{cursor:pointer;min-width:44px;min-height:44px;font-family:var(--font-sans);color:var(--ink-dim);background:var(--bg);text-underline-offset:.5rem;font-size:.875rem}.ScrollCases-module__HqL4xG__navigation button[aria-current=true],.ScrollCases-module__HqL4xG__navigation button:hover{color:var(--ink);text-decoration:underline}