@font-face{font-display:swap;font-family:Lineca;font-style:normal;font-weight:400;src:url(/static/media/F37Lineca-Book.ec1531e8c2ed53fb2f4c.woff2) format("woff2")}body{font-family:Lineca,Arial,sans-serif;height:100%;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{height:100%}.app,body,html{background-color:#f1ead8;display:flex;flex-direction:column;margin:0;padding:0}.app{align-items:center;background-image:url(/static/media/background-waves.c51c1ce2f1fd239ffca3.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-clip-path:inset(1px 0);clip-path:inset(1px 0);flex:1 1;height:100vh;justify-content:center;min-height:100vh;overflow:auto}.app--plain-background{background-image:none}.home{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}*{box-sizing:border-box}.portfolio{align-items:center;flex:1 1;flex-direction:column}.portfolio,.portfolio__grid-wrap{display:flex;justify-content:center}.portfolio__grid-wrap{position:relative}.portfolio__grid{grid-gap:2rem 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;grid-template-columns:repeat(4,minmax(200px,1fr));list-style-type:none;margin-top:250px;opacity:0;overflow:hidden;padding:0;transition:opacity 2s ease .5s;width:100%;z-index:10}.portfolio__grid--visible{opacity:1}.portfolio__card{aspect-ratio:5/6;background:#0000;border:1px solid #aa9769fd;border-radius:8px;color:#000;overflow:hidden;padding:10px;position:relative;text-align:center;transition:background .1s,color 1s ease-in;transition:background .1s,color var(--card-hover-duration,1s) ease-in;width:300px}.portfolio__card-link{color:inherit;display:block;inset:0;overflow:hidden;position:absolute;text-decoration:none}.portfolio__card svg{fill:hsla(0,0%,5%,.842);height:80%;transition:fill 1s ease-in,stroke 1s ease-in;transition:fill var(--card-hover-duration,1s) ease-in,stroke var(--card-hover-duration,1s) ease-in;width:80%}.portfolio__logo--lumilens svg{height:88%;width:88%}.portfolio--cards-active .portfolio__card,.portfolio__card:hover{--active:1;color:#000}.portfolio--cards-active .portfolio__card .akeanalogo,.portfolio--cards-active .portfolio__card svg,.portfolio__card:hover .akeanalogo,.portfolio__card:hover svg{fill:#000}.portfolio--cards-active .portfolio__card .akeana-red,.portfolio__card:hover .akeana-red{fill:#000;stroke:red}.portfolio--cards-active .portfolio__card .retymlogo,.portfolio__card:hover .retymlogo{fill:#000}.portfolio--cards-active .portfolio__card .retym-red,.portfolio__card:hover .retym-red{fill:red}.portfolio--cards-active .portfolio__card .alif-logo,.portfolio__card:hover .alif-logo{fill:#000}.portfolio--cards-active .portfolio__card .alif-blue,.portfolio__card:hover .alif-blue{fill:#17a1db}.portfolio--cards-active .portfolio__card .alif-teal,.portfolio__card:hover .alif-teal{fill:#5dcbed}.portfolio__card .lumilenslogo{fill:hsla(0,0%,5%,.705)}.portfolio--cards-active .portfolio__card .lumilenslogo,.portfolio__card:hover .lumilenslogo{fill:#1747cf}.portfolio__card:after{background:radial-gradient(circle at calc(var(--x)*1px) calc(var(--y)*1px),#ffffff26,#0000 15vmin);background-attachment:fixed;opacity:0;opacity:var(--active,0);transition:opacity .2s}.portfolio__card:after,.portfolio__card:before{content:"";display:none;inset:0;pointer-events:none;position:absolute}.portfolio__card:before{background:radial-gradient(circle at calc(var(--x)*1px) calc(var(--y)*1px),#ffffff80,#0000 15vmin),#0000;background-attachment:fixed;-webkit-mask:linear-gradient(#fff,#fff9eb) 50% 0 /100% 2px no-repeat,linear-gradient(#fff,#fff9eb) 50% 100% /100% 2px no-repeat,linear-gradient(#fff,#fff9eb) 0 50% /2px 100% no-repeat,linear-gradient(#fff,#fff9eb) 100% 50% /2px 100% no-repeat;mask:linear-gradient(#fff,#fff9eb) 50% 0 /100% 2px no-repeat,linear-gradient(#fff,#fff9eb) 50% 100% /100% 2px no-repeat,linear-gradient(#fff,#fff9eb) 0 50% /2px 100% no-repeat,linear-gradient(#fff,#fff9eb) 100% 50% /2px 100% no-repeat}.portfolio__logo{align-items:center;display:flex;height:30%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform 1s ease;transition:transform var(--card-hover-duration,1s) ease;width:70%}.portfolio__description{text-wrap:balance;border-radius:4px;font-size:14px;font-size:calc(14px*var(--card-text-scale, 1));font-weight:400;font-weight:var(--card-text-weight,400);left:50%;line-height:1.35;margin:0;max-width:260px;opacity:0;overflow-wrap:anywhere;padding:15px 10px;position:absolute;text-align:left;top:55%;transform:translate(-50%,220%);transition:opacity 1s ease,transform 1s ease;transition:opacity var(--card-hover-duration,1s) ease,transform var(--card-hover-duration,1s) ease;width:calc(100% - 36px)}.portfolio--cards-active .portfolio__card .portfolio__logo,.portfolio__card:hover .portfolio__logo{transform:translate(-71.43%,-143.33%)}.portfolio--cards-active .portfolio__card .portfolio__description,.portfolio__card:hover .portfolio__description{opacity:1;transform:translate(-50%)}@media (hover:none){.portfolio__card{--active:1;color:#000}.portfolio__card svg,.portfolio__card:hover svg{fill:#000;transition:none}.portfolio__card .akeanalogo,.portfolio__card:hover .akeanalogo{fill:#000}.portfolio__card .akeana-red,.portfolio__card:hover .akeana-red{fill:#000;stroke:red}.portfolio__card .retymlogo,.portfolio__card:hover .retymlogo{fill:#000}.portfolio__card .retym-red,.portfolio__card:hover .retym-red{fill:red}.portfolio__card .alif-logo,.portfolio__card:hover .alif-logo{fill:#000}.portfolio__card .alif-blue,.portfolio__card:hover .alif-blue{fill:#17a1db}.portfolio__card .alif-teal,.portfolio__card:hover .alif-teal{fill:#5dcbed}.portfolio__card .lumilenslogo,.portfolio__card:hover .lumilenslogo{fill:#1747cf}.portfolio__card .portfolio__logo{left:35%;top:22%;transform:translate(-50%,-50%);transition:none}.portfolio__card .portfolio__description{opacity:1;top:42%;transform:translate(-50%);transition:none}.portfolio--cards-active .portfolio__card .portfolio__logo,.portfolio__card:hover .portfolio__logo{left:35%;top:22%;transform:translate(-50%,-50%)}.portfolio--cards-active .portfolio__card .portfolio__description,.portfolio__card:hover .portfolio__description{opacity:1;top:42%;transform:translate(-50%)}}@media (max-width:1200px){.portfolio__grid{grid-template-columns:repeat(2,1fr);margin-top:50vw}}@media (max-width:800px){.portfolio__grid{grid-gap:15px;margin-top:75vw}.portfolio__card{aspect-ratio:5/7;width:45vw}.portfolio__description{font-size:12px;font-size:calc(12px*var(--card-text-scale, 1));padding:12px 8px;width:calc(100% - 24px)}}@media (max-width:440px){.portfolio__grid{margin-top:75vw}}@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:500px) and (max-width:1000px){.portfolio{flex:0 0 auto;justify-content:flex-start;padding-bottom:24px;width:100%}.portfolio__grid-wrap{width:100%}.portfolio__grid{grid-gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0;width:min(94vw,760px)}.portfolio__card{aspect-ratio:5/7;min-width:0;width:auto}.portfolio__description{font-size:10px;font-size:calc(10px*var(--card-text-scale, 1));line-height:1.25;padding:8px 4px;width:calc(100% - 16px)}}.logo-flavor{align-items:center;background:#0000;display:flex;flex-direction:column;position:absolute;transition:transform 2s ease;width:60%;z-index:6}.logo-flavor--home{transform:translateX(0) translateY(0);width:900px}.logo-flavor--portfolio{transform:translateX(0) translateY(-23vh);width:900px}@media (max-width:1200px){.logo-flavor--home{width:60%}.logo-flavor--portfolio{transform:translateX(0) translateY(-30vw);width:60%}}@media (max-width:800px){.logo-flavor--home{transform:translateX(0) translateY(-10vw);width:80%}.logo-flavor--portfolio{transform:translateX(0) translateY(-60vw);width:80%}}@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:500px) and (max-width:1000px){.logo-flavor--home{transform:translateX(0) translateY(-6vh);width:min(70%,520px)}.logo-flavor--portfolio{margin-bottom:4vh;margin-top:4vh;position:relative;transform:none;width:min(70vw,520px)}}.logo-flavor__link{background:#0000;height:60px;pointer-events:auto;transition:top 2s ease;width:60px;z-index:6}.logo-flavor__link img{border-radius:3px;height:100%;object-fit:contain;width:100%}.fade-in-text{text-wrap:balance;animation:scale 4s cubic-bezier(.5,1,.89,1) forwards;color:#000;font-size:16px;font-size:calc(16px*var(--logo-text-scale, 1));font-weight:400;font-weight:var(--logo-text-weight,400);margin-top:20px;text-align:center;transform:scale(.94);width:50%;z-index:2}@keyframes scale{to{transform:scale(1)}}.fade-in-text__word{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:inline-block;filter:blur(4px);opacity:0;transform:translateZ(0)}.fade-in-text__word--settled{animation:none;filter:none;opacity:1}@keyframes fade-in{0%{filter:blur(4px);opacity:0}to{filter:blur(0);opacity:1}}.fade-in-text--visible{filter:none;opacity:1}.fade-in-text--hidden{filter:blur(4px);opacity:0;transition:opacity .5s,filter .5s}@media (max-width:1200px){.fade-in-text{font-size:15px;font-size:calc(15px*var(--logo-text-scale, 1));width:100%}}@media (max-width:800px){.fade-in-text{font-size:14px;font-size:calc(14px*var(--logo-text-scale, 1))}}@media (max-width:420px){.fade-in-text{font-size:13px;font-size:calc(13px*var(--logo-text-scale, 1))}}
/*# sourceMappingURL=main.ddf9eeb3.css.map*/