@-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 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;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:900}.main--landing .hero p{position:relative;z-index:2;margin:0;color:var(--color-subtle)}@media screen and (max-width:991px){.main--landing .hero p{margin:2rem 0}}.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);border-bottom:1px solid var(--color-border)}.main--landing .section--faqs,.main--landing .section--faqs .grid{text-align:left}.main--landing .section--faqs .grid{grid-gap:4rem}@media screen and (max-width:991px){.main--landing .section--faqs .column--spacing{padding:4rem 2rem;margin:0}}.main--landing .section--awards{border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border)}.main--landing .section--awards .list--awards{margin-top:4rem}.main--landing .section--awards .list--awards{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;grid-gap:3rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--color-primary);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main--landing .section--awards .list--awards a{display:-webkit-box;display:-ms-flexbox;display:flex}.main--landing .section--awards .list--awards a svg{width:auto;height:100%}@media screen and (min-width:992px){.main--landing .section--awards .list--awards{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;grid-gap:6rem}}.main--landing .section--connect{background:rgba(var(--color-black-rgb),0.1)}@media screen and (max-width:991px){.main--landing .section--connect .column--spacing{margin:0;padding-block:4rem}.main--landing .section--connect .column--spacing h2{font-size:2rem}}.main--landing .section--connect h2{font-size:3rem;line-height:1.125}.main--landing .section--connect a{color:var(--color-primary);opacity:1}@media screen and (min-width:992px){.main--landing .grid{display:-webkit-box;display:-ms-flexbox;display:flex}.main--landing .grid .column{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;position:relative}}.main--landing .grid--reserved{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media screen and (max-width:991px){.main--landing .grid--reserved{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.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}}.title--big{line-height:0.85;font-size:6rem;margin:0;margin-bottom:2rem;position:relative;z-index:1;font-family:var(--text-serif);font-weight:500}@media screen and (max-width:991px){.title--big{font-size:2.5rem}}.title--home{font-size:12rem}@media screen and (max-width:991px){.title--home{font-size:4rem}}.title--serif{color:var(--primary);text-transform:uppercase;font-family:var(--text-serif)}.title--default{font-size:4rem;line-height:0.85;font-family:var(--text-serif);margin:0;font-weight:500}@media screen and (max-width:991px){.title--default{font-size:2.5rem}}.title--small{font-size:1.5rem;line-height:1;margin:0;font-family:var(--text-serif);font-weight:900}@media screen and (max-width:991px){.title--small{font-size:1.5rem}}.paragraph--large{color:var(--color-subtle);margin:0;margin-top:1rem;margin-bottom:2rem;font-size:2rem}@media screen and (max-width:991px){.paragraph--large{font-size:1.25rem}}.paragraph--medium{color:var(--color-subtle);margin:2rem 0;font-size:1.5rem}@media screen and (max-width:991px){.paragraph--medium{font-size:1.25rem}}.list--works{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1rem 1fr 1rem 1fr 1rem 1fr;grid-template-columns:repeat(4,1fr);grid-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);grid-gap:2rem}}@media screen and (max-width:767px){.list--works{margin:4rem 0;-ms-grid-columns:1fr;grid-template-columns:repeat(1,1fr)}}.tile--work{position:relative;background:rgba(var(--color-black-rgb),0.1);border:1px solid rgba(var(--color-foreground-rgb),0.1);-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 rgba(var(--color-foreground-rgb),0.6);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}.list--features{list-style:none;margin:4rem 0 0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;grid-gap:4rem}@media screen and (max-width:991px){.list--features{display:-ms-grid;display:grid;-ms-grid-columns:1fr 4rem 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 .svg svg{margin-bottom:1rem;color:var(--color-primary)}.list--features li{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.list--features li .icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.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)}@-webkit-keyframes float-y{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-2rem);transform:translateY(-2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes float-y{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-2rem);transform:translateY(-2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes float_rotation{0%{-webkit-transform:translateZ(0) translateY(-25%) translateX(-50%) scale(1.5) rotate(0deg);transform:translateZ(0) translateY(-25%) translateX(-50%) scale(1.5) rotate(0deg)}to{-webkit-transform:translateZ(0) translateY(-25%) translateX(-50%) scale(1.5) rotate(359deg);transform:translateZ(0) translateY(-25%) translateX(-50%) scale(1.5) rotate(359deg)}}@keyframes float_rotation{0%{-webkit-transform:translateZ(0) translateY(-25%) translateX(-50%) scale(1.5) rotate(0deg);transform:translateZ(0) translateY(-25%) translateX(-50%) scale(1.5) rotate(0deg)}to{-webkit-transform:translateZ(0) translateY(-25%) translateX(-50%) scale(1.5) rotate(359deg);transform:translateZ(0) translateY(-25%) translateX(-50%) scale(1.5) rotate(359deg)}}@-webkit-keyframes rotation{0%{-webkit-transform:translate3d(0,0,0) rotate(0deg);transform:translate3d(0,0,0) rotate(0deg)}to{-webkit-transform:translate3d(0,0,0) rotate(359deg);transform:translate3d(0,0,0) rotate(359deg)}}@keyframes rotation{0%{-webkit-transform:translate3d(0,0,0) rotate(0deg);transform:translate3d(0,0,0) rotate(0deg)}to{-webkit-transform:translate3d(0,0,0) rotate(359deg);transform:translate3d(0,0,0) rotate(359deg)}}@scroll-timeline scroll-scale{source:auto;scroll-offsets:start 0px,end 100vh}@-webkit-keyframes grow{0%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}to{-webkit-transform:scale(2) rotate(45deg);transform:scale(2) rotate(45deg)}}@keyframes grow{0%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}to{-webkit-transform:scale(2) rotate(45deg);transform:scale(2) rotate(45deg)}}.boo{-webkit-animation:grow 1s linear both;animation:grow 1s linear both;animation-timeline:scroll();position:absolute;top:0;left:0;width:100%;height:100%}.floatings{top:4rem;left:50%;width:50%;height:100%;position:absolute;z-index:0;pointer-events:none;color:var(--color-primary);-webkit-animation:float_rotation 60s infinite linear;animation:float_rotation 60s infinite linear;-webkit-transform-origin:center;transform-origin:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}.floatings>div{position:absolute;top:0;left:calc(50% - 2.5rem);width:5rem;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.floatings svg{position:relative}.floatings>div:first-of-type svg{-webkit-animation:rotation 40s infinite linear 0s;animation:rotation 40s infinite linear 0s;-webkit-filter:blur(2px);filter:blur(2px)}.floatings>div:nth-of-type(2) svg{-webkit-animation:rotation 40s infinite linear 0.2s;animation:rotation 40s infinite linear 0.2s;-webkit-filter:blur(3px);filter:blur(3px)}.floatings>div:nth-of-type(3) svg{-webkit-animation:rotation 40s infinite linear 0.4s;animation:rotation 40s infinite linear 0.4s;-webkit-filter:blur(3px);filter:blur(3px)}.floatings>div:nth-of-type(4) svg{-webkit-animation:rotation 40s infinite linear 0.6s;animation:rotation 40s infinite linear 0.6s;-webkit-filter:blur(2px);filter:blur(2px)}.floatings>div:nth-of-type(5) svg{-webkit-animation:rotation 40s infinite linear 0.8s;animation:rotation 40s infinite linear 0.8s;-webkit-filter:blur(3px);filter:blur(3px)}.floatings>div:nth-of-type(6) svg{-webkit-animation:rotation 40s infinite linear 1s;animation:rotation 40s infinite linear 1s;-webkit-filter:blur(1px);filter:blur(1px)}.floatings>div:nth-of-type(7) svg{-webkit-animation:rotation 40s infinite linear 1.2s;animation:rotation 40s infinite linear 1.2s;-webkit-filter:blur(3px);filter:blur(3px)}.floatings>div:nth-of-type(8) svg{-webkit-animation:rotation 40s infinite linear 1.4s;animation:rotation 40s infinite linear 1.4s;-webkit-filter:blur(3px);filter:blur(3px)}.floatings>div:nth-of-type(9) svg{-webkit-animation:rotation 40s infinite linear 1.6s;animation:rotation 40s infinite linear 1.6s;-webkit-filter:blur(2px);filter:blur(2px)}.floatings>div:nth-of-type(10) svg{-webkit-animation:rotation 40s infinite linear 1.8s;animation:rotation 40s infinite linear 1.8s;-webkit-filter:blur(3px);filter:blur(3px)}.floatings>div:nth-of-type(11) svg{-webkit-animation:rotation 40s infinite linear 2s;animation:rotation 40s infinite linear 2s;-webkit-filter:blur(1px);filter:blur(1px)}.floatings>div:nth-of-type(12) svg{-webkit-animation:rotation 40s infinite linear 2.2s;animation:rotation 40s infinite linear 2.2s;-webkit-filter:blur(2px);filter:blur(2px)}@media (max-width:479px){.floatings{top:8rem}}.page--about{--color:var(--color-background);--background:var(--color-soft);--primary:var(--color-primary)}.page--about .section--about .column--image img{width:100%;height:auto;border-radius:2rem}.page--about .section--about .column--spacing,.page--about .section--about .section--about{text-align:left}.page--about .section--about{line-height:1.5}.page--about .section--about hr{margin:3rem 0}.page--about .section--about p,.page--about .section--about ul{margin:0}