@charset "UTF-8";@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@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")}.hero,.hero>div{display:flex;justify-content:center;align-items:center}.hero{height:calc(var(--height) - var(--header-height));margin-top:var(--margin)}.hero>div{position:fixed;flex-direction:column;color:#f7f7f7}.hero>div h1{font-size:clamp(55px,12vw,200px);font-weight:700}@media screen and (max-width:577px){.hero>div h1{color:#333;-webkit-text-stroke:1px #f7f7f7}}.hero>div span{width:1px;height:30px;background-color:#f7f7f7}@media screen and (max-width:577px){.hero>div span{background-color:#333}}@media screen and (min-width:993px){.hero>div span{height:50px}}.hero>div p{font-size:clamp(22px,1.7vw,34px);margin-top:1rem}@media screen and (max-width:577px){.hero>div p{color:#333}}.hero>div.black h1{color:#333;-webkit-text-stroke:#fff;-webkit-text-stroke-width:1px}.hero>div.black p,.section-projects .project>div h3,.section-services .services .service:hover h3,.section-services .services .service:hover p{color:#333}.hero>div.black span,.section-projects{background-color:#333}.hero>div *{opacity:0;transform:translateY(-100px)}.section-projects{position:relative;height:calc(var(--height) - var(--header-height));width:var(--width);padding:0;border-top:1px solid #f7f7f7}@media screen and (min-width:993px){.section-projects{border-bottom:1px solid #f7f7f7}.section-projects .project:nth-child(odd):after{content:"";position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:1px;background:#f7f7f7;height:250%;z-index:-1;opacity:.5}.section-projects .project:nth-child(even):after{content:"";position:absolute;bottom:-1px;left:0;transform:translate3d(0,0,-10px);height:1px;width:200vw;background:#f7f7f7;z-index:-1;opacity:.5}}.section-projects .project-title{perspective:400;-webkit-text-stroke:1px #f7f7f7;color:transparent}.section-projects .project{position:absolute;top:0;left:0;height:auto;border:1px solid #f7f7f7;background-color:#333;transform-style:preserve-3d;cursor:pointer;overflow:hidden}@media screen and (min-width:993px){.section-projects .project::before{content:"";position:absolute;width:100%;height:100%;z-index:-1;transform:translate3d(10px,10px,-10px)}}.section-projects .project figure{height:100%}.section-projects .project figure img{height:100%;width:100%;object-fit:cover;transition:transform .5s ease-in-out}.section-projects .project>div{position:absolute;left:0;top:revert;bottom:0;transform:translateY(-10px);width:100%;padding:1rem;background-color:rgba(247,247,247,.7);opacity:0;transition:opacity .5s ease-in-out,transform .25s ease}@media screen and (max-width:993px){.section-projects .project>div{opacity:1;transform:inherit}}.section-projects .project:hover>div{opacity:1;transform:translateY(0);transition:opacity .5s ease-in-out,transform .25s ease}.section-projects .project:hover img{transform:scale(1.1);transition:transform .5s ease-in-out}.section-projects :nth-of-type(1).project{top:10%;width:clamp(300px,23.438vw,600px);aspect-ratio:1/1.2}.section-projects :nth-of-type(2).project{top:45%;width:clamp(340px,31.25vw,800px);aspect-ratio:1.6/1}@media screen and (min-width:993px){.section-projects :nth-of-type(2).project{top:20%}}.section-projects :nth-of-type(3).project{top:30%;width:clamp(340px,30.042vw,700px);aspect-ratio:1.5/1}@media screen and (min-width:993px){.section-projects :nth-of-type(3).project{top:44%}}.section-projects :nth-of-type(4).project{top:0;width:clamp(300px,27.833vw,650px);aspect-ratio:1/1.3}.section-projects :nth-of-type(5).project{top:18%;width:clamp(250px,21.229vw,500px);aspect-ratio:1/1.5;margin-left:8vw}@media screen and (min-width:993px){.section-projects :nth-of-type(5).project{top:5%}}.section-projects :nth-of-type(6).project{top:50%;width:clamp(340px,30.042vw,800px);aspect-ratio:1.5/1}@media screen and (min-width:993px){.section-projects :nth-of-type(6).project{top:10%}}.section-projects .btn{position:absolute;top:30%;left:30%}.section-about{display:grid;gap:15vw;margin-top:50vw;min-height:80svh;align-content:baseline}@media screen and (min-width:993px){.section-about{margin-top:30vw}}.section-about>div,.section-services .services .service{position:relative;padding:2rem;border:1px solid #f7f7f7;background-color:#333}.section-about>div{width:95%;height:0}@media screen and (min-width:993px){.section-about>div{width:60%}}.section-about>div p{font-size:clamp(24px,2.2vw,42px);font-weight:900}.section-about .text-about-1{transform:translateX(-100%)}.section-about .text-about-2{transform:translateX(100%);justify-self:flex-end}.section-about .text-gradient-1 div{display:inline-block;background:#7f00ff;background:-webkit-linear-gradient(to right,#e100ff,#7f00ff);background:linear-gradient(to right,#e100ff,#7f00ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.section-about .text-gradient-2 div{display:inline-block;background:#34e89e;background:-webkit-linear-gradient(to right,#0f3443,#34e89e);background:linear-gradient(to right,#0f3443,#34e89e);background-clip:text;-webkit-background-clip:text}.section-about .text-gradient-2 div,.section-about .text-gradient-3,.section-about .text-gradient-3 div{-webkit-text-fill-color:transparent;color:transparent}.section-about .text-gradient-3 div{display:inline-block;background:#00c9ff;background:-webkit-linear-gradient(to right,#92fe9d,#00c9ff);background:linear-gradient(to right,#92fe9d,#00c9ff)}.section-about .text-gradient-3,.section-about .text-gradient-3 div,.section-about .text-gradient-4,.section-about .text-gradient-4 div{background-clip:text;-webkit-background-clip:text}.section-about .text-gradient-4 div{display:inline-block;background:#f09819;background:-webkit-linear-gradient(to right,#edde5d,#f09819);background:linear-gradient(to right,#edde5d,#f09819);-webkit-text-fill-color:transparent;color:transparent}.section-about .underline{text-decoration:underline}.section-services{margin-top:50vw;border:1px solid #f7f7f7}@media screen and (min-width:993px){.section-services{contain:paint;overflow:clip;margin-top:30vw}}.section-blog::before,.section-services::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#333;z-index:-2}.section-services h2{position:absolute;top:-9.1%;left:100%;z-index:0}@media screen and (min-width:993px){.section-services h2{top:0;left:0}}.section-services .services{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:auto;z-index:1}@media screen and (min-width:993px){.section-services .services{grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr)}}.section-services .services .service{min-height:200px;overflow:clip}.section-services .services .service p{margin-top:2rem}.section-services .services .service h3,.section-services .services .service p{position:relative;color:#f7f7f7;z-index:1}.section-services .services .service::before{content:"";position:absolute;top:50%;left:50%;transform:translateX(-135%) translateY(35%);width:150%;height:150%;transition:transform .5s ease}.section-services .services .service:hover::before{transform:translateX(-50%) translateY(-50%);transition:transform .5s ease}@media screen and (min-width:993px){.section-services .services .service:nth-child(1){grid-column:1/5;grid-row:1/8}.section-services .services .service:nth-child(3){grid-column:7/13;grid-row:1/4}.section-services .services .service:nth-child(4){grid-column:5/9;grid-row:4/8}.section-services .services .service:nth-child(5){grid-column:9/13;grid-row:4/8}.section-services .services .service:nth-child(6){grid-column:1/6;grid-row:8/13}.section-services .services .service:nth-child(7){grid-column:6/10;grid-row:8/13}}.section-services .services .service:nth-child(2){display:flex;align-items:center;justify-content:center}@media screen and (min-width:993px){.section-services .services .service:nth-child(2){grid-column:5/7;grid-row:1/4}}.section-services .services .service:nth-child(2) svg{width:30%}@media screen and (min-width:993px){.section-services .services .service:nth-child(2) svg{width:auto}.section-services .services .service:nth-child(8){grid-column:10/13;grid-row:8/13}}.section-services .services .service:nth-child(8) img{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.section-services .services .service:nth-child(8) img:nth-child(1){width:25%;transform:translateX(-80%) translateY(-80%)}@media screen and (min-width:993px){.section-services .services .service:nth-child(8) img:nth-child(1){width:50%}}.section-services .services .service:nth-child(8) img:nth-child(2){width:15%;transform:translateX(-20%) translateY(-30%)}@media screen and (min-width:993px){.section-services .services .service:nth-child(8) img:nth-child(2){width:40%}}.section-services .services .service:nth-child(8) img:nth-child(3){width:10%;transform:translateX(-150%) translateY(70%)}@media screen and (min-width:993px){.section-services .services .service:nth-child(8) img:nth-child(3){width:20%}}.section-blog{margin-top:50vw;margin-bottom:15vw;border:1px solid #f7f7f7}@media screen and (min-width:993px){.section-blog{margin-top:30vw}}.section-blog h2{position:relative;top:0;transform:translateY(0);color:#f7f7f7;font-size:clamp(120px,20.4vw,390px)}.section-blog .box{position:absolute;top:0;left:0;overflow:hidden}.section-blog .blog-title{position:absolute;top:0;left:0;color:#333}.section-blog .circle{position:absolute;top:0;left:0;width:200px;height:200px;border-radius:250px;opacity:0;z-index:10;pointer-events:none;clip-path:url(#doughnut-path)}.section-blog .circle:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;animation:rotate 2s infinite linear;background:-moz-conic-gradient(from 5deg,red 0,#ffab00 12%,#0eff00 29%,#00fffc 48%,#3b00ff 65%,#e200ff 83%,#ff0001 100%);background:-webkit-conic-gradient(from 5deg,red 0,#ffab00 12%,#0eff00 29%,#00fffc 48%,#3b00ff 65%,#e200ff 83%,#ff0001 100%);background:conic-gradient(from 5deg,red 0,#ffab00 12%,#0eff00 29%,#00fffc 48%,#3b00ff 65%,#e200ff 83%,#ff0001 100%)}@media screen and (max-width:993px){.section-blog .circle{display:none}}.section-blog .btn{margin:0 auto 6rem}.cta{position:absolute;display:block;line-height:1.1;font-size:clamp(60px,9vw,225px);font-weight:100;color:#f7f7f7}@media screen and (min-width:993px){.cta{line-height:.8}}.main-footer{margin:80vw 0 10vw}@media screen and (min-width:993px){.main-footer{margin:30vw 0 10vw}}