.auth-layout{height:100vh;width:100vw;overflow-y:auto;background-size:cover;background-position:center;background-repeat:no-repeat;padding-top:2.5rem;padding-bottom:2.5rem}.team-page-wrapper{min-height:100vh;background-color:#003;position:relative;height:200%;top:-180%}.team-page-wrapper:before{content:"";position:absolute;left:0;bottom:0;width:40%;height:100%;background:url(/images/team/ai.jpg) no-repeat left bottom;background-size:contain;z-index:1}.team-page-wrapper:after{content:"";position:absolute;right:0;bottom:0;width:40%;height:100%;background-size:contain;z-index:1}.logo-desktop{position:absolute;top:24px;left:40px;z-index:10;display:none}.logo-mobile{position:absolute;top:-8px;left:43%;z-index:10;display:none}.team-page-container{position:relative;display:flex;align-items:center;padding:.5rem;min-height:100vh;z-index:2}.ai-image{position:relative;bottom:-12px;align-self:flex-end;height:600px;z-index:20;margin-left:-10rem;margin-right:-2.5rem}.content-stack{letter-spacing:3px;text-align:justify;position:relative;z-index:10;padding:2rem;flex:1;margin:0 auto;min-height:500px;max-width:800px}.envelope-container{position:relative;margin:0 auto;width:100%;max-width:764px;aspect-ratio:764/500;perspective:2000px}.envelope-part{position:absolute;background-size:100% 100%;transition:all 2s ease;will-change:transform}.envelope-part.top.open{transform:rotateX(180deg);z-index:1;transition:all .5s ease}.envelope-part.front{position:absolute;top:0%;left:0;width:100%;height:101%;background-size:inherit;z-index:20;transition:all 1s ease}.envelope-part.top{position:absolute;top:0;left:0;width:100%;height:62%;background:url(/images/envelop-top.png) no-repeat;background-size:100% 100%;transform-origin:top;transform-style:preserve-3d;z-index:25}.envelope-part.bottom{bottom:-10px;left:0;width:100%;height:56%;z-index:5004;display:flex;justify-content:center;border-radius:0 0 4px 4px;background-size:100% 100%}.paper.open{opacity:1;transition:1.5s}.seal{width:clamp(50px,13vw,100px);height:clamp(50px,13vw,100px);margin-left:18%;transform:translate(-50%);background:url(/images/C&A-Logo-Letter1.png) no-repeat;background-size:118% 103%;scale:1.4;margin-top:-10%}.paper{position:absolute;top:-80%;left:4.7%;width:89.5%;height:150%;background:#fff;box-shadow:0 2px 6px #0000001a;transform:translateY(100%);opacity:0;z-index:1055;padding:clamp(15px,3vw,30px);border-radius:4px;overflow:auto;transition:all 1s ease}.dynamicButtons{font-weight:900;text-transform:uppercase;transition:all .3s ease;top:65%}.continue-btn{position:absolute;bottom:clamp(0px,1vw,18px);left:51%;transform:translate(-50%);padding:5px 15px;color:#fff;border:1px solid #fff;border-radius:4px;cursor:pointer;opacity:0;z-index:10002;background:transparent;transition:opacity 1s ease}.continue-btn.visible{opacity:1}.paper-content{height:100%;overflow-y:auto;padding-right:10px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;will-change:scroll-position}.paper-content::-webkit-scrollbar-track{background-color:transparent}.footer{position:fixed;bottom:20px;width:100%;text-align:center;color:#fff;padding:.5rem;font-size:.875rem;z-index:50}@media (min-width: 1200px){.team-page-wrapper:before,.team-page-wrapper:after{width:30%}.envelope-container{aspect-ratio:764/550}.dynamicButtons{width:20%;margin-left:41%;top:310px}}@media (min-width: 1100px){.logo-mobile{left:43%}}@media (max-width: 768px){.team-page-wrapper:before,.team-page-wrapper:after{width:45%;height:70vh}.paper{height:170%;top:-85%;padding:clamp(10px,2vw,20px)}.paper-content p{font-size:clamp(12px,1.8vw,16px);line-height:1.6;margin-bottom:8px}.dynamicButtons{width:20%;margin-left:40%;top:280px}.footer{display:block}}@media (max-width: 650px){.team-page-wrapper .envelope-container .paper{height:230%!important;top:-144%!important}.dynamicButtons{width:20%;margin-left:40%;height:15%;top:240px}}@media (min-width: 640px){.logo-desktop{display:block}}@media (max-width: 576px){.team-page-wrapper .envelope-container .paper{height:260%!important;top:-174%!important}.dynamicButtons{width:20%;margin-left:40%;height:15%;top:210px}.team-page-wrapper:before{display:none}}@media (max-width: 480px){.team-page-wrapper .envelope-container .paper{height:300%!important;top:-200%!important}.content-stack{padding:.5rem}.envelope-container{aspect-ratio:764/650;margin-top:2rem}.paper-content{height:100%;-webkit-overflow-scrolling:touch;padding-bottom:4rem}.dynamicButtons{position:fixed;bottom:2rem;top:auto;left:50%;transform:translate(-50%);width:120px;height:40px;margin-left:10%!important}.paper{height:260%;top:-174%}.paper-content p{font-size:14px;line-height:1.6;margin-bottom:8px}.dynamicButtons{width:20%;margin-left:40%;top:170px;height:15%}.footer{display:block}.team-page-wrapper:before{display:none}.logo-mobile{display:block;position:absolute;top:1%;left:23%;z-index:10}}@media (min-width: 1100px) and (max-height: 750px){.team-page-container{transform:scale(.8);overflow-y:hidden}.dynamicButtons{height:12%!important;top:65%!important}}@media (max-width: 1099px) and (max-height: 750px){.team-page-container{transform:scale(.8);overflow-y:hidden}.footer{bottom:20px}}@media (max-width: 390px){.dynamicButtons{width:20%;margin-left:40%;top:150px}.logo-mobile{position:absolute;top:-2%;left:22%;z-index:10;display:block}.footer{display:block}.paper-content{height:180%;overflow-y:auto;padding-right:15px}}@media (max-width: 344px){.dynamicButtons{width:20%;top:140px}.footer{display:block}}@media (max-width: 768px){.team-page-wrapper{background-attachment:scroll}.footer{bottom:-.2rem!important}}.paper-content{padding-bottom:200px!important;height:80%;overflow-y:auto;padding-right:15px}.paper-content::-webkit-scrollbar{width:4px}.paper-content::-webkit-scrollbar-thumb{background-color:#0003;border-radius:2px}.paper-content::-webkit-scrollbar-track{background-color:#0000000d}.dynamicButtons,.dynamicButtons *,.dynamicButtons :after,.dynamicButtons :before,.dynamicButtons:after,.dynamicButtons:before{border:0 solid;box-sizing:border-box}.dynamicButtons{height:3.125rem;text-align:center;-webkit-tap-highlight-color:transparent;-webkit-appearance:dynamicButton;background-color:#060d3d;background-image:none;color:#fff;cursor:pointer;font-size:100%;line-height:1.5;margin:0;-webkit-mask-image:-webkit-radial-gradient(#000,#fff)}.dynamicButtons:disabled{cursor:default}.dynamicButtons:-moz-focusring{outline:auto}.dynamicButtons svg{display:block;vertical-align:middle}.dynamicButtons [hidden]{display:none}.dynamicButtons{box-sizing:border-box;display:flex;justify-content:center;align-items:center;font-weight:900;position:absolute;width:20%;height:12%;left:41%;top:65%;text-transform:uppercase;transition:color .1s linear;background-color:#060d3d;color:#fff;z-index:10000;border-radius:6px;background:#fff3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 2px 13px #fff,0 4px 12px #ffffff40;cursor:pointer;transition:all .3s ease}.dynamicButtons:after,.dynamicButtons:before{content:"";height:0;position:absolute;width:0}.dynamicButtons:hover{background:#ffffff4d;box-shadow:inset 0 2px 8px #fff,0 6px 14px #fff6}.dynamicButtons:active{background:#fff6;box-shadow:inset 0 3px 8px #fff,0 2px 5px #ffffff4d}.dynamicButtons:before{border-right:var(--border);border-top:var(--border);left:0;top:0;--border: 2px solid #fff;animation:border-top-and-right 2s infinite}.dynamicButtons:after{border-bottom:var(--border);border-left:var(--border);bottom:0;right:0;z-index:-1;--border: 2px solid #fff;animation:border-bottom-and-left 2s infinite}@media (max-width: 1300px){.team-page-wrapper:before{width:35%;opacity:.9;transition:all .3s ease}.dynamicButtons{top:70%}}@media (max-width: 1200px){.team-page-wrapper:before{width:32%;opacity:.8}}@media (max-width: 1100px){.team-page-wrapper:before{width:28%;opacity:.7}}@media (max-width: 1000px){.team-page-wrapper:before{width:25%;opacity:.5}}@media (max-width: 900px){.team-page-wrapper:before{width:22%;opacity:.3}}@media (max-width: 800px){.team-page-wrapper:before{width:20%;opacity:.2}}@media (max-width: 576px){.team-page-wrapper:before{display:none}}@supports (-webkit-touch-callout: none){.team-page-container{min-height:-webkit-fill-available}.paper-content{overflow-y:auto;-webkit-overflow-scrolling:touch}}
