@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;clip-path:inset(1px 0);flex:1 1;height:100vh;justify-content:center;min-height:100vh;overflow:auto}.app--plain-background{background-image:none}@media (orientation:landscape) and (max-height:500px) and (max-width:1000px),(orientation:landscape) and (min-width:768px) and (max-width:1180px) and (min-height:540px) and (max-height:900px),(orientation:portrait) and (max-width:539px) and (min-height:600px),(orientation:portrait) and (min-width:540px) and (max-width:1180px) and (min-height:700px){.app{justify-content:flex-start}}@media (orientation:landscape) and (max-height:500px) and (max-width:1000px){.app{clip-path:none;height:auto;min-height:100svh}}@media (orientation:landscape) and (max-height:500px) and (max-width:1000px),(orientation:portrait) and (max-width:539px) and (min-height:600px){.app--home{height:100svh;min-height:100svh;overflow:hidden}}.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 (any-pointer:coarse) and (max-width:1180px) and (min-height:700px),(hover:none),(orientation:landscape) and (max-height:500px) and (max-width:1000px),(orientation:landscape) and (min-width:768px) and (max-width:1180px) and (min-height:540px) and (max-height:900px),(orientation:portrait) and (max-width:539px) and (min-height:600px),(orientation:portrait) and (min-width:540px) and (max-width:1180px) and (min-height:700px){.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 (orientation:portrait) and (max-width:539px) and (min-height:600px){.portfolio{flex:1 1 auto;justify-content:flex-end;padding-bottom:clamp(24px,5vh,44px);width:100%}.portfolio__grid-wrap{width:100%}.portfolio__grid{grid-gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;margin:0;width:min(88vw,420px);z-index:1}.portfolio__card{aspect-ratio:5/7;min-width:0;width:auto}.portfolio__description{font-size:11px;font-size:calc(11px*var(--card-text-scale, 1));line-height:1.25;padding:8px 5px;width:calc(100% - 18px)}}@media (orientation:portrait) and (min-width:540px) and (max-width:1180px) and (min-height:700px){.portfolio{flex:0 0 auto;justify-content:flex-start;padding-bottom:clamp(24px,5vh,64px);width:100%}.portfolio__grid-wrap{width:100%}.portfolio__grid{grid-gap:clamp(16px,2.5vw,24px);grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;margin-top:0;width:min(80vw,600px);z-index:1}.portfolio__card{aspect-ratio:5/6;min-width:0;width:auto}.portfolio__description{font-size:12px;font-size:calc(12px*var(--card-text-scale, 1))}}@media (orientation:portrait) and (min-width:540px) and (max-width:700px) and (min-height:700px) and (max-height:800px){.portfolio{padding-bottom:8px}.portfolio__grid{width:min(76vw,440px)}}@media (orientation:landscape) and (min-width:768px) and (max-width:1180px) and (min-height:540px) and (max-height:900px){.portfolio{flex:0 0 auto;justify-content:flex-start;padding-bottom:clamp(24px,4vh,48px);width:100%}.portfolio__grid-wrap{width:100%}.portfolio__grid{grid-gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0;width:min(94vw,960px);z-index:1}.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 5px;width:calc(100% - 18px)}}@media (orientation:landscape) and (max-height:500px) and (max-width:1000px){.portfolio{flex:1 1 auto;justify-content:flex-end;padding-bottom:max(18px,env(safe-area-inset-bottom));width:100%}.portfolio__grid-wrap{width:100%}.portfolio__grid{grid-gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin: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 (orientation:portrait) and (max-width:539px) and (min-height:600px){.logo-flavor{--mobile-logo-offset:clamp(74px,15vh,118px);margin-top:var(--mobile-logo-offset);position:relative;width:min(82vw,420px);z-index:20}.logo-flavor--home{transform:translateY(calc(45svh + 2px - 50% - var(--mobile-logo-offset)));width:min(82vw,420px)}.logo-flavor--portfolio{margin-bottom:clamp(18px,3vh,28px);transform:none;width:min(82vw,420px)}}@media (orientation:portrait) and (max-width:539px) and (min-height:800px){.logo-flavor{--mobile-logo-offset:clamp(134px,16vh,148px)}}@media (orientation:portrait) and (min-width:540px) and (max-width:1180px) and (min-height:700px){.logo-flavor{margin-top:clamp(72px,16vh,180px);position:relative;width:min(76vw,600px);z-index:20}.logo-flavor--home{transform:translateY(clamp(260px,30vh,420px));width:min(76vw,600px)}.logo-flavor--portfolio{margin-bottom:clamp(22px,4vh,44px);transform:none;width:min(76vw,600px)}}@media (orientation:portrait) and (min-width:540px) and (max-width:700px) and (min-height:700px) and (max-height:800px){.logo-flavor{margin-top:clamp(40px,8vh,56px)}.logo-flavor--home{transform:translateY(clamp(240px,40vh,300px))}}@media (orientation:portrait) and (min-width:701px) and (max-width:800px) and (min-height:700px){.logo-flavor{margin-top:clamp(72px,9vh,96px)}.logo-flavor--home{transform:translateY(clamp(300px,40vh,420px))}.logo-flavor--portfolio{margin-bottom:24px}}@media (orientation:portrait) and (min-width:820px) and (max-width:1180px) and (min-height:1188px){.logo-flavor--portfolio{margin-bottom:clamp(56px,5vh,72px)}}@media (orientation:landscape) and (min-width:768px) and (max-width:1180px) and (min-height:540px) and (max-height:900px){.logo-flavor{margin-top:clamp(48px,8vh,72px);position:relative;width:min(70vw,620px);z-index:20}.logo-flavor--home{transform:translateY(clamp(180px,28vh,260px));width:min(70vw,620px)}.logo-flavor--portfolio{margin-bottom:clamp(42px,6vh,56px);transform:none;width:min(70vw,620px)}}@media (orientation:landscape) and (max-height:500px) and (max-width:1000px){.logo-flavor{margin-top:4vh;position:relative;width:min(70vw,520px)}.logo-flavor--home{transform:translateY(calc(50svh - 50% - 4vh));width:min(70vw,520px)}.logo-flavor--portfolio{margin-bottom:2vh;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{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 (orientation:portrait) and (min-width:540px) and (max-width:1180px) and (min-height:700px){.fade-in-text{max-width:480px;width:80%}}@media (orientation:portrait) and (min-width:540px) and (max-width:700px) and (min-height:700px) and (max-height:800px){.fade-in-text{max-width:380px;width:82%}}@media (orientation:landscape) and (min-width:768px) and (max-width:1180px) and (min-height:540px) and (max-height:900px){.fade-in-text{max-width:420px;width:68%}}@media (max-width:420px){.fade-in-text{font-size:13px;font-size:calc(13px*var(--logo-text-scale, 1))}}
/*# sourceMappingURL=main.26298c08.css.map*/