@charset "UTF-8";@layer zIndex;:root{--width:calc(100vw - 2 * 1rem);--height:calc(100vh - (1rem * 2));--margin:1rem;--header-height:60px;--filter:grayscale(1) contrast(0) brightness(0)}@media screen and (min-width:993px){:root{--header-height:80px}}@media screen and (min-width:1401px){:root{--margin:2rem;--width:calc(100vw - 2 * 2rem);--height:calc(100vh - (2rem * 2));--header-height:120px}}::selection{background-color:#f7f7f7;color:#333}:user-valid{color:#0f0}:user-invalid{color:red}*,::after,::before{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{color-scheme:dark light;hanging-punctuation:first last;font-size:8px;scroll-behavior:smooth}@media screen and (min-width:993px){html{font-size:16px}}body,p{margin:0}body{min-height:100vh;padding:0;background-color:#333;overflow:overlay}h1,h2,h3,h4,h5,h6{text-wrap:balance;margin:0;color:#f7f7f7}p{line-height:1.5;text-wrap:pretty;max-width:75ch}a{text-decoration:none}a,button,p,ul{color:#f7f7f7}button{border:0;background:inherit;cursor:pointer}ul{list-style:none;padding:0}figure{margin:0;width:100%}figure picture{width:100%;height:100%;overflow:hidden;contain:paint}figure picture img{position:absolute;width:100%;height:100%;object-fit:cover;bottom:0}img,picture,svg,video{display:block;max-width:100%}::-webkit-scrollbar{width:0}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-clip:padding-box}header{z-index:8}.heading-tags,.project{z-index:1}.articles,h2,hgroup{z-index:0}.webgl{z-index:-1}.cta{z-index:-3}@font-face{font-family:"Superior Title";font-style:normal;font-weight:300;src:url(../ananaweb/dist/assets/fonts/SuperiorTitle-Regular.otf) format("opentype")}@font-face{font-family:"Superior Title";font-style:normal;font-weight:500;src:url(../ananaweb/dist/assets/fonts/SuperiorTitle-Medium.otf) format("opentype")}@font-face{font-family:"Superior Title";font-style:normal;font-weight:700;src:url(../ananaweb/dist/assets/fonts/SuperiorTitle-Bold.otf) format("opentype")}@font-face{font-family:"Superior Title";font-style:normal;font-weight:900;src:url(../ananaweb/dist/assets/fonts/SuperiorTitle-Black.otf) format("opentype")}@font-face{font-family:"Maison Neue";font-style:bold;font-weight:700;src:url(../ananaweb/dist/assets/fonts/MaisonNeueBold.otf) format("opentype")}@font-face{font-family:"Maison Neue";font-style:book;font-weight:100;src:url(../ananaweb/dist/assets/fonts/MaisonNeueBook.otf) format("opentype")}.content{position:relative;width:95%;margin:auto;margin-top:15rem;padding:0 2rem 4rem;background-color:#333;border:1px solid #f7f7f7;contain:paint}@media screen and (min-width:993px){.content{margin:var(--header-height);margin-top:15rem;width:auto;padding:0 2rem 2rem}}@media screen and (min-width:1401px){.content{padding:0 4rem 4rem}}.content section,.content.blog nav{display:flex;justify-content:space-between}.content section{margin-top:8rem;background-color:#333}@media screen and (min-width:993px){.content section>div:nth-child(1){padding-right:2rem}.content section>div:nth-child(2){padding-left:2rem}}@media screen and (min-width:1401px){.content section>div:nth-child(1){padding-right:4rem}.content section>div:nth-child(2){padding-left:4rem}}.content section .text{padding-top:1rem}@media screen and (max-width:993px){.content section .image{contain:paint}}.content section>div,.content.blog p,.overview-img img{width:100%}@media screen and (min-width:993px){.content section>div{width:50%}}.content section>div p{margin-bottom:2rem}.content section>div .btn{display:block;width:fit-content;margin:4rem 0}.content section img{width:100%;object-fit:cover}.content .section-1{flex-flow:column-reverse nowrap;align-items:flex-end}@media screen and (min-width:993px){.content .section-1{flex-flow:row wrap}}.content .section-1 ul{margin-top:1rem}.content .section-1 ul li{margin-bottom:1rem}.content .section-2{flex-flow:column-reverse nowrap;align-items:center}@media screen and (min-width:993px){.content .section-2{flex-flow:row wrap}}.content h1{margin:4rem 0;padding-top:4rem;line-height:.9}@media screen and (min-width:993px){.content h1,.content>p{width:50%}}.content.blog{margin:auto;margin:15rem auto 10rem}@media screen and (min-width:577px){.content.blog{max-width:580px}}@media screen and (min-width:993px){.content.blog{max-width:880px}}@media screen and (min-width:1401px){.content.blog{max-width:1080px}}.content.blog nav{padding:2rem 0;margin-bottom:4rem}.content.blog nav .breadcrumb-link{display:flex;align-items:center;gap:.5rem;font-weight:700}.content.blog nav .breadcrumb-link:hover{text-decoration:underline}.content.blog nav .breadcrumb-link svg{fill:#f7f7f7}.content.blog nav .icones{display:flex;gap:.5rem}.content.blog nav .icone{position:relative;display:flex;justify-content:center;align-items:center;width:40px;height:40px;background-color:#f7f7f7;fill:#333;contain:paint}.content.blog nav .icone:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform:translateX(-105%);z-index:-1;transition:transform .25s ease-in-out}.content.blog nav .icone:hover::before{transform:translate(0);transition:transform .25s ease-in-out}.content.blog hr{margin:4rem 0}.content.blog h1{margin:0;margin-bottom:4rem;padding-top:0;width:100%}.content.blog h2,.content.blog h3{font-size:clamp(32px,2.9vw,50px);margin:2rem 0 1rem}.content.blog h3{font-size:clamp(18px,2vw,32px)}.content.blog h4{margin:1rem 0}.content.blog img{max-height:400px;object-fit:contain;width:auto;margin:2rem 0}.overview-img{width:100%;aspect-ratio:1.6/1}.main-footer{background-color:#333}