@-webkit-keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}.main--landing .serif{color:var(--primary)}.main--landing .hero__content{opacity:0}.main--landing .hero__content.show{opacity:1}.main--landing p strong{color:var(--color-foreground)}.main--landing .hero{text-align:center;padding:6rem 2rem;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width:991px){.main--landing .hero{padding:4rem 2rem}}.main--landing .hero>*{max-width:100%}.main--landing .hero .box{position:relative}.main--landing .hero h1{margin-bottom:3rem;font-weight:900}.main--landing .hero p{position:relative;z-index:2;color:var(--color-subtle)}.main--landing section{position:relative}.main--landing section .title--serif{margin:0;margin-bottom:1.5rem}.main--landing .section--faqs{background:rgba(var(--color-black-rgb),0.1)}.main--landing .section--faqs,.main--landing .section--faqs .grid{text-align:left}.main--landing .section--faqs .grid{gap:4rem}@media screen and (max-width:991px){.main--landing .section--faqs .column--spacing{padding:4rem 2rem;margin:0}}.main--landing .column--bg{background-repeat:no-repeat;background-size:cover;aspect-ratio:3/2}.main--landing .column--spacing{padding:8rem 4rem;text-align:center}@media screen and (max-width:991px){.main--landing .column--spacing{padding:0 2rem;margin:4rem 0}}.grid{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(0,1fr))[2];grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"preview content";-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:767px){.grid{display:block}}.grid .column{min-width:0}.grid .column--preview{-ms-grid-row:1;-ms-grid-column:1;grid-area:preview;padding:0 2rem}@media screen and (max-width:767px){.grid .column--preview{padding:0}}.grid .column--spacing{-ms-grid-row:1;-ms-grid-column:2;grid-area:content}.grid .preview{border-radius:1.5rem;-webkit-box-shadow:0 0 2rem rgba(0,0,0,0.1);box-shadow:0 0 2rem rgba(0,0,0,0.1);background:color-mix(in srgb,var(--color-black) 65%,var(--color-background));border:1px solid var(--color-border);aspect-ratio:5/4;overflow:hidden;position:relative}@media screen and (max-width:767px){.grid .preview{border-radius:0;border-left:0;border-right:0}}@media screen and (max-width:479px){.grid .preview{aspect-ratio:3/4}}.grid--reversed{grid-template-areas:"content preview"}.list--works{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1rem 1fr 1rem 1fr 1rem 1fr;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0;list-style:none;padding:0}@media screen and (max-width:991px){.list--works{-ms-grid-columns:1fr 2rem 1fr;grid-template-columns:repeat(2,1fr);gap:2rem}}@media screen and (max-width:767px){.list--works{margin:4rem 0;-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1,1fr)}}.tile--work{position:relative;background:rgba(var(--color-black-rgb),0.1);border:1px solid var(--color-border);-webkit-box-shadow:0 2rem 2rem -3rem rgba(0,0,0,0.2);box-shadow:0 2rem 2rem -3rem rgba(0,0,0,0.2);border-radius:1rem;overflow:clip;text-align:center}.tile--work:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border:1px solid color-mix(in srgb,var(--color-foreground) 50%,transparent);border-radius:1rem;pointer-events:none;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-image:linear-gradient(130deg,rgb(0,0,0),rgba(0,0,0,0) 15%);mask-image:linear-gradient(130deg,rgb(0,0,0),rgba(0,0,0,0) 15%)}.tile--work:focus-within:has(:focus-visible){border-color:var(--color-primary)}.tile--work:hover h3{color:var(--color-primary);text-decoration:underline}.tile--work:hover img{-webkit-transform:scale(1.125);transform:scale(1.125)}.tile--work a{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.tile--work figure{position:relative;aspect-ratio:3/2;margin:0;overflow:clip}.tile--work figure img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:opacity 0.4s ease,visibility 0.4s ease,-webkit-transform 0.6s var(--bezier-bounce);transition:opacity 0.4s ease,visibility 0.4s ease,-webkit-transform 0.6s var(--bezier-bounce);transition:transform 0.6s var(--bezier-bounce),opacity 0.4s ease,visibility 0.4s ease;transition:transform 0.6s var(--bezier-bounce),opacity 0.4s ease,visibility 0.4s ease,-webkit-transform 0.6s var(--bezier-bounce)}.tile--work .content{padding:2rem}.tile--work h3{margin:0;font-size:1.5rem;margin-bottom:0.5rem;font-family:var(--text-serif);font-weight:900}.tile--work p{color:var(--color-subtle);margin:0}.tile--work .badge{border-radius:0.35rem;position:absolute;top:1rem;left:1rem;padding:0.25rem 1rem;font-size:0.85rem;font-weight:bold;text-transform:uppercase;font-family:var(--text-serif);font-weight:900;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:0.5rem}.tile--work .badge--new{background:#7fffd4;color:var(--color-background)}.tile--work .badge--accessibility{background:#7fffd4;color:var(--color-background)}.tile--work .badge--soon{background:#FE8D7E;color:var(--color-background)}.tile--work .badge--downloads{left:auto;right:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:0.5rem;background:var(--color-background);border:1px solid var(--color-border);padding:0.5rem 1rem;border-radius:2rem}.tile--work .badge--downloads svg{width:1em;height:1em}.section--features{padding:var(--padding-lg) var(--padding-md);text-align:center}.steps--list{display:-webkit-box;display:-ms-flexbox;display:flex;grid-gap:1rem;list-style:none;margin:0;padding:0}.steps--list .step{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 3rem}.steps--list .number{background:var(--color-primary);color:var(--color-background);border-radius:50%;width:2.5rem;height:2.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;font-size:1.5rem;font-weight:bold;position:absolute;z-index:1;bottom:-1.25rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-family:var(--text-serif)}.steps--list h4{font-size:1.75rem;margin:0;margin-bottom:1rem;color:var(--color-foreground);line-height:1;font-family:var(--text-serif)}.steps--list p{font-size:1.25rem;margin:0!important;line-height:1.5;color:var(--color-subtle)}@media screen and (max-width:767px){.steps--list{display:block}.steps--list .step{padding:0;margin:3rem}}.list--features{list-style:none;margin:4rem 0 0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:4rem}@media screen and (max-width:991px){.list--features{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}}@media screen and (max-width:991px) and (max-width:479px){.list--features{-ms-grid-columns:1fr;grid-template-columns:1fr}}.list--features .icon{color:var(--color-primary);margin-bottom:1rem}.list--features .icon svg{width:3rem;height:3rem}.list--features li{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.list--features li a{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.list--features li figure{margin:0;margin-bottom:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;border-radius:0.75rem;aspect-ratio:3/2;position:relative}.list--features li figure img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.list--features p{font-size:1.125rem;color:var(--color-subtle)}#preview--automode{padding:4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2rem}#preview--automode .pre{border:1px solid var(--color-border);margin:0}#preview--automode .btn{font-size:2rem;padding:1.5rem 3rem}#preview--automode .btn svg{width:2.5rem;height:2.5rem}@media screen and (max-width:991px){#preview--automode .btn{font-size:1rem;padding:1rem 2rem}#preview--automode .btn svg{width:2rem;height:2rem}}#preview--automode .btn,#preview--automode .pre{width:100%}@media screen and (max-width:991px){#preview--automode{padding:2rem}}.hero{position:relative}.hero-artworks{position:absolute;inset:0;pointer-events:none;z-index:0}.hero-artworks:before{content:"";position:absolute;left:50%;top:44%;width:44rem;height:44rem;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.06) 18%,rgba(255,255,255,0) 70%);-webkit-filter:blur(18px);filter:blur(18px);opacity:0.7}.hero-artworks .icon{color:var(--color-primary)}.hero-artworks__item{position:absolute;left:calc(var(--x, 50) * 1%);top:calc(var(--y, 45) * 1%);width:calc(var(--size, 5.2) * 1rem);height:calc(var(--size, 5.2) * 1rem);opacity:var(--op,1);-webkit-filter:blur(calc(var(--blur, 0) * 1px));filter:blur(calc(var(--blur, 0) * 1px));-webkit-transform:translate(-50%,-50%) rotate(calc(var(--rot, 0) * 1deg)) scale(var(--scale,1));transform:translate(-50%,-50%) rotate(calc(var(--rot, 0) * 1deg)) scale(var(--scale,1));will-change:transform}.hero-artworks__item svg{width:100%;height:100%;display:block}.hero-artworks__item .icon{width:100%;height:100%;border-radius:999px;opacity:0.95;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-filter:drop-shadow(0 18px 30px rgba(0,0,0,0.22)) drop-shadow(0 0 24px rgba(255,255,255,0.08));filter:drop-shadow(0 18px 30px rgba(0,0,0,0.22)) drop-shadow(0 0 24px rgba(255,255,255,0.08))}@-webkit-keyframes drift{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(var(--dx,0px),var(--dy,0px),0);transform:translate3d(var(--dx,0px),var(--dy,0px),0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes drift{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(var(--dx,0px),var(--dy,0px),0);transform:translate3d(var(--dx,0px),var(--dy,0px),0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes bob{0%{-webkit-transform:translate3d(0,0,0) rotate(0deg);transform:translate3d(0,0,0) rotate(0deg)}50%{-webkit-transform:translate3d(0,calc(var(--bob, 10) * -1px),0) rotate(calc(var(--wob, 4) * 1deg));transform:translate3d(0,calc(var(--bob, 10) * -1px),0) rotate(calc(var(--wob, 4) * 1deg))}to{-webkit-transform:translate3d(0,0,0) rotate(0deg);transform:translate3d(0,0,0) rotate(0deg)}}@keyframes bob{0%{-webkit-transform:translate3d(0,0,0) rotate(0deg);transform:translate3d(0,0,0) rotate(0deg)}50%{-webkit-transform:translate3d(0,calc(var(--bob, 10) * -1px),0) rotate(calc(var(--wob, 4) * 1deg));transform:translate3d(0,calc(var(--bob, 10) * -1px),0) rotate(calc(var(--wob, 4) * 1deg))}to{-webkit-transform:translate3d(0,0,0) rotate(0deg);transform:translate3d(0,0,0) rotate(0deg)}}.hero-artworks__item .icon{-webkit-animation:drift calc(var(--t1, 7) * 1s) ease-in-out infinite,bob calc(var(--t2, 6) * 1s) ease-in-out infinite;animation:drift calc(var(--t1, 7) * 1s) ease-in-out infinite,bob calc(var(--t2, 6) * 1s) ease-in-out infinite;-webkit-animation-delay:calc(var(--delay, 0) * 1s);animation-delay:calc(var(--delay, 0) * 1s)}@supports (animation-timeline:scroll-scale){@scroll-timeline scroll-scale{source:auto;scroll-offsets:start 0px,end 120vh}@-webkit-keyframes parallax{0%{-webkit-transform:translate(-50%,-50%) rotate(calc(var(--rot, 0) * 1deg)) scale(var(--scale,1));transform:translate(-50%,-50%) rotate(calc(var(--rot, 0) * 1deg)) scale(var(--scale,1))}to{-webkit-transform:translate(-50%,-50%) translate3d(calc(var(--px, 0) * 1px),calc(var(--py, 0) * 1px),0) rotate(calc((var(--rot, 0) + var(--prot, 0)) * 1deg)) scale(var(--scale,1));transform:translate(-50%,-50%) translate3d(calc(var(--px, 0) * 1px),calc(var(--py, 0) * 1px),0) rotate(calc((var(--rot, 0) + var(--prot, 0)) * 1deg)) scale(var(--scale,1))}}@keyframes parallax{0%{-webkit-transform:translate(-50%,-50%) rotate(calc(var(--rot, 0) * 1deg)) scale(var(--scale,1));transform:translate(-50%,-50%) rotate(calc(var(--rot, 0) * 1deg)) scale(var(--scale,1))}to{-webkit-transform:translate(-50%,-50%) translate3d(calc(var(--px, 0) * 1px),calc(var(--py, 0) * 1px),0) rotate(calc((var(--rot, 0) + var(--prot, 0)) * 1deg)) scale(var(--scale,1));transform:translate(-50%,-50%) translate3d(calc(var(--px, 0) * 1px),calc(var(--py, 0) * 1px),0) rotate(calc((var(--rot, 0) + var(--prot, 0)) * 1deg)) scale(var(--scale,1))}}.hero-artworks__item{--px:calc((2.6 - var(--blur, 0)) * 10);--py:calc((2.6 - var(--blur, 0)) * -8);--prot:calc((var(--blur, 0) - 1.3) * 6);-webkit-animation:parallax 1s linear both;animation:parallax 1s linear both;animation-timeline:scroll-scale}}@media (max-width:1024px){.hero-artworks:before{width:32rem;height:32rem}}@media (max-width:479px){.hero-artworks:before{width:24rem;height:24rem;top:46%}}@media (prefers-reduced-motion:reduce){.hero-artworks__item,.hero-artworks__item .icon{-webkit-animation:none!important;animation:none!important}}@media (max-width:479px){.hero-artworks__item{left:clamp(4%,50% + (var(--x,50) * 1% - 50%) * 2.5,96%);top:clamp(6%,45% + (var(--y,45) * 1% - 45%) * 2.2,94%);width:calc(var(--size, 5.2) * 0.72 * 1rem);height:calc(var(--size, 5.2) * 0.72 * 1rem);-webkit-filter:blur(calc(var(--blur, 0) * 0.6px));filter:blur(calc(var(--blur, 0) * 0.6px));opacity:min(0.9,var(--op,1))}}.page--home{--color:var(--color-background);--background:var(--color-soft);--primary:var(--color-primary)}.page--home #waves{position:absolute;bottom:0%;left:0;width:100%;height:75%;z-index:-1;pointer-events:none}.page--home .spacer{margin:4rem auto;color:var(--color-primary)}.page--home .hero{z-index:2;border-bottom:1px solid var(--color-border)}.page--home .hero h1{font-size:6rem;font-weight:400;mix-blend-mode:overlay}@media screen and (max-width:991px){.page--home .hero h1{font-size:3rem;margin-bottom:0}}.section--features .list--features{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(0,1fr))[1];grid-template-columns:repeat(1,minmax(0,1fr))}@media screen and (min-width:768px){.section--features .list--features{-ms-grid-columns:(minmax(0,1fr))[2];grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:992px){.section--features .list--features{-ms-grid-columns:(minmax(0,1fr))[3];grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:1200px){.section--features .list--features{-ms-grid-columns:(minmax(0,1fr))[6];grid-template-columns:repeat(6,minmax(0,1fr))}}.section--preview{background:var(--color-background);border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);position:relative;overflow:clip}.section--preview .circles>div{border-color:color-mix(in srgb,var(--color-primary) 50%,transparent)}.section--preview .column--spacing{padding-bottom:0;margin-bottom:0}.section--automode{border-top:1px solid var(--color-border)}.section--cta{border-bottom:1px solid var(--color-primary);border-top:1px solid var(--color-primary);background:color-mix(in srgb,var(--color-primary) 2.5%,transparent);position:relative;overflow:clip}.section--cta .circles{height:100%}.section--cta .column--spacing{padding:8rem 0}@media screen and (max-width:991px){.section--cta .column--spacing{padding:4rem 2rem;margin:0}}.section--steps{border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-background) 50%,transparent)}@media screen and (max-width:991px){.section--steps .column--spacing{margin:0 0 4rem;padding-top:6rem}}#preview--automode{aspect-ratio:auto}