.axion-page{font-family:var(--font-haffer), sans-serif;color:#f2f2ee;background:#0a0a0a}.axion-page *{box-sizing:border-box}.axion-container{max-width:1440px;margin:0 auto}.axion-hero{background:#0a0a0a;flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.axion-hero__shader{z-index:10;pointer-events:none;position:absolute;inset:0}.axion-rollbtn{cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem .5rem .5rem 1.25rem;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}@media (min-width:640px){.axion-rollbtn{font-size:14px}}.axion-rollbtn--block{justify-content:space-between;width:100%}.axion-rollbtn--dark{color:#fff;background:#111827}.axion-rollbtn--orange{color:#fff;background:#06f;transition:background .3s}.axion-rollbtn--orange:hover{background:#0052cc}.axion-rollbtn__text{height:22px;display:block;overflow:hidden}.axion-rollbtn__roll{flex-direction:column;transition:transform .5s;display:flex}.axion-rollbtn__roll span{line-height:22px;display:block}.axion-rollbtn:hover .axion-rollbtn__roll{transform:translateY(-50%)}.axion-rollbtn__arrow{color:#111827;background:#fff;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:transform .5s;display:inline-flex}.axion-rollbtn--orange .axion-rollbtn__arrow{color:#06f;width:1.75rem;height:1.75rem}.axion-rollbtn:hover .axion-rollbtn__arrow{transform:rotate(-45deg)}.axion-hero__content{z-index:20;flex-direction:column;flex:1;justify-content:flex-end;display:flex;position:relative}.axion-hero__inner{text-align:center;width:100%;max-width:1440px;margin:0 auto;padding:0 1.25rem 3.5rem}@media (min-width:640px){.axion-hero__inner{padding:0 2rem 4rem}}@media (min-width:1024px){.axion-hero__inner{padding:0 3rem 5rem}}.axion-hero__headline{letter-spacing:-.03em;text-transform:uppercase;color:#f2f2ee;max-width:20ch;margin:0 auto;font-size:clamp(2.4rem,10vw,5.6rem);font-weight:500;line-height:1.05}@media (min-width:640px){.axion-hero__headline{font-size:clamp(3.2rem,7vw,5.6rem)}}.axion-hero__ctas{flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;display:flex}@media (min-width:640px){.axion-hero__ctas{flex-direction:row;justify-content:center;align-items:center;gap:1.25rem;margin-top:3rem}}.axion-about{background:#0d0d0f;padding:4rem 0 3rem;overflow:hidden}@media (min-width:640px){.axion-about{padding:5rem 0 4rem}}@media (min-width:1024px){.axion-about{padding:8rem 0 6rem}}.axion-about__heading{letter-spacing:-.02em;color:#f2f2ee;margin:0 0 3rem;padding:0 1.25rem;font-size:clamp(1.5rem,4vw,3.2rem);font-weight:500;line-height:1.12}@media (min-width:640px){.axion-about__heading{margin-bottom:4rem;padding:0 2rem}}@media (min-width:1024px){.axion-about__heading{margin-bottom:7rem;padding:0 3rem}}.axion-typewriter__char{opacity:0;transition:opacity 50ms linear}.axion-typewriter.is-visible .axion-typewriter__char{opacity:1}.axion-about__copy{color:#f2f2ee;margin:0 0 1.5rem;font-size:15px;font-weight:500;line-height:1.6}@media (min-width:640px){.axion-about__copy{font-size:17px}}.axion-about__img{object-fit:cover;border-radius:.75rem;width:100%;height:100%;display:block}@media (min-width:640px){.axion-about__img{border-radius:1rem}}.axion-about__img--small{aspect-ratio:438/346}.axion-about__img--large{aspect-ratio:900/600}.axion-about__stack{padding:0 1.25rem}@media (min-width:640px){.axion-about__stack{padding:0 2rem}}@media (min-width:1024px){.axion-about__stack{display:none}}.axion-about__images{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}@media (min-width:640px){.axion-about__images{flex-direction:row;gap:1.25rem}.axion-about__images .axion-about__img--small{width:45%}.axion-about__images .axion-about__img--large{width:55%}}.axion-about__grid{display:none}@media (min-width:1024px){.axion-about__grid{grid-template-columns:26% 1fr 48%;align-items:end;gap:1.5rem;padding:0 3rem;display:grid}}@media (min-width:1280px){.axion-about__grid{gap:2rem}}.axion-about__grid-left{align-self:end}.axion-about__grid-center{justify-content:flex-end;align-self:start;display:flex}.axion-about__grid-right{align-self:end}.axion-about__copy--desktop{white-space:nowrap;font-size:16px;line-height:1.65}@media (min-width:1280px){.axion-about__copy--desktop{font-size:18px}}.axion-page .liquid-glass{background-blend-mode:luminosity;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff03;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff1a}.axion-page .liquid-glass:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.axion-page .liquid-glass-strong{background-blend-mode:luminosity;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:#ffffff03;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff26}
.axion-swap{--left-pad:calc(48px + 2rem);--container-width:calc(100vw - 1rem - var(--left-pad));--column-one:calc(var(--container-width) * (1.2 / 3.2));--column-two:calc(var(--container-width) * (2 / 3.2));--col-one-height:min(70vh, calc((380 / 272) * var(--column-one)));--col-two-height:min(110vh, calc((1148 / 940) * var(--column-two)));--catch-up:calc(var(--col-two-height) - var(--col-one-height));color:#f2f2ee;width:100%;font-family:var(--font-haffer), sans-serif;background:#0a0a0a}.axion-swap :where(main,section){width:100%}.axion-swap img,.axion-swap video{object-fit:cover;mix-blend-mode:plus-lighter;background:#1f1f1f;border-radius:6px;width:100%;height:100%}.axion-swap main{flex-direction:column;gap:12rem;display:flex}.axion-swap .image-box{padding:1rem 1rem 1rem var(--left-pad);grid-template-columns:1.2fr 2fr;gap:1rem;min-height:100vh;display:grid}.axion-swap .image-box--reversed{grid-template-columns:2fr 1.2fr}.axion-swap .swapper{height:var(--col-one-height);isolation:isolate;border-radius:6px;width:100%;position:relative;transform:translate(0,0)}.axion-swap .swapper img:first-of-type{opacity:0}.axion-swap .progress{z-index:10;flex-direction:column;gap:5%;width:6px;height:min(100px,15%);display:flex;position:absolute;top:50%;translate:0 -50%}.axion-swap .progress>div{background:#ffffff40;border-radius:100px;flex:10;transition:flex .25s ease-in-out;position:relative}.axion-swap .progress div>div{background:#fff;border-radius:100px;width:100%;height:0%;position:absolute;top:0}.axion-swap .progress>div:last-of-type{flex:calc(1 + (var(--flip,0) * 99))}.axion-swap .swapper:first-of-type .progress{right:6px}.axion-swap .swapper:last-of-type .progress{left:6px}.axion-swap .swapper img{position:absolute}.axion-swap .controller{height:var(--col-two-height);border-radius:6px;width:100%}.axion-swap .swapper,.axion-swap .controller{background:#000}@supports (animation-timeline:scroll()){@property --flip{syntax:"<number>";inherits:true;initial-value:0}@keyframes axion-swap-fade{to{opacity:0}}@keyframes axion-swap-fill-up{to{height:100%}}@keyframes axion-swap-move{to{translate:0 var(--catch-up)}}@keyframes axion-swap-flip{to{--flip:1}}.axion-swap .image-box{view-timeline:--axion-container}.axion-swap .swapper{animation:linear both axion-swap-move,step-end both axion-swap-flip;animation-timeline:--axion-container,view();animation-range:50vh calc(100vh + (var(--col-two-height) * .25)), cover 50% cover 50%}.axion-swap .swapper img{animation:linear both axion-swap-fade;animation-timeline:view();animation-range:cover 45% cover 55%}.axion-swap .swapper img:first-of-type{opacity:1;animation-direction:reverse}.axion-swap .progress div>div{animation:linear both axion-swap-fill-up;animation-timeline:--axion-container}.axion-swap .progress div:first-of-type>div{animation-range:50vh calc(50vh + (var(--col-two-height) * .125))}.axion-swap .progress div:last-of-type>div{animation-range:calc(75vh + (var(--col-two-height) * .25)) calc(100vh + (var(--col-two-height) * .25))}@media (max-width:768px){.axion-swap .controller{height:calc(var(--col-two-height) * 1.5)}.axion-swap .swapper{view-timeline-name:--axion-swapper;width:65%;min-width:300px;height:calc(var(--col-one-height) * 2);animation:step-end both axion-swap-flip;animation-timeline:view();animation-range:50vh calc(75vh + (var(--col-two-height) * .25))}.axion-swap .swapper img{mix-blend-mode:normal;animation-timeline:view()}.axion-swap .progress div>div{animation-timeline:--axion-swapper}}}@media (max-width:768px){.axion-swap main{gap:6rem}.axion-swap section .image-box{flex-direction:column;gap:8rem;min-height:0;display:flex}}