.home{min-height:calc(100vh - 266px)}.landing-home{border-bottom:var(--gray-300) 1px solid;background:url(/ooorganize.svg) 0 0/contain;justify-content:center;margin-bottom:18px;padding-bottom:10px;display:flex;container:landing-home/inline-size}.landing-home .main{flex-direction:row;justify-content:center;width:100vw;max-width:1100px;height:650px;padding:20px 80px;display:flex;position:relative;top:0}@container landing-home (max-width:1059px){.landing-home .main{flex-direction:column-reverse;padding:20px}@container landing-home (max-width:511px){.landing-home .main{height:600px}}}.landing-home .main .text-box{justify-content:end;width:50%;display:flex}@container landing-home (max-width:1059px){.landing-home .main .text-box{width:100%}}.landing-home .main .text-box .content{flex-direction:column;justify-content:center;width:100%;height:100%;display:flex}@container landing-home (max-width:1059px){.landing-home .main .text-box .content{align-items:center}}.landing-home .main .text-box .content .title{text-align:left;letter-spacing:-3.5px;max-width:500px;text-shadow:3px 3px 5px var(--accent-secondary-100);margin-bottom:20px}@container landing-home (max-width:1059px){.landing-home .main .text-box .content .title{letter-spacing:-2px;text-align:center;font-size:.8em}@container landing-home (max-width:511px){.landing-home .main .text-box .content .title{margin-bottom:14px;font-size:.7em}}}.landing-home .main .text-box .content .description{max-width:500px;text-shadow:3px 3px 6px var(--gray-100);color:var(--white);margin-bottom:24px;font-family:Garet-Heavy;font-size:24px}@container landing-home (max-width:1059px){.landing-home .main .text-box .content .description{text-align:center;font-size:20px}}.landing-home .main .text-box .content .button{width:135px;height:60px}.landing-home .main .text-box .content .button button{cursor:pointer;background:linear-gradient(45deg, var(--accent-100), var(--accent-secondary-100));width:135px;height:60px;color:var(--gray-100);letter-spacing:1px;z-index:0;border:none;border-radius:60px;outline:none;font-family:Garet-Book;font-size:22px;position:relative}.landing-home .main .text-box .content .button button:before{content:"";background:inherit;filter:blur(10px);z-index:-1;opacity:.4;border-radius:60px;transition:opacity .5s;position:absolute;inset:-5px}.landing-home .main .img-box{justify-content:end;align-items:center;width:50%;height:100%;display:flex;position:relative}@container landing-home (max-width:1059px){.landing-home .main .img-box{justify-content:center;width:100%}}.landing-home .main .skin-mc{object-fit:contain;-webkit-user-select:none;user-select:none;width:200px;animation:4s ease-in-out infinite alternate meditation;position:relative}@container landing-home (max-width:511px){.landing-home .main .skin-mc{width:164px}}@keyframes meditation{0%{top:-35px}to{top:35px}}.latest-project-home{justify-content:center;width:100%;max-width:1218px;margin:auto;display:flex;container:latest-project-home/inline-size}.latest-project-home .box{box-sizing:border-box;background-color:var(--card);border:1px solid var(--card-border-two-b);border-radius:var(--card-border-radius);max-width:640px;height:fit-content;box-shadow:var(--card-box-shadow);flex-direction:column;margin:20px 20px 0;padding:10px;text-decoration:none;transition:all .2s ease-in-out;display:flex;overflow:hidden}.latest-project-home .box:hover{background-color:var(--card-hover-two-b);transform:scale(1.01)}.latest-project-home .box img{object-fit:cover;border:1px solid var(--card-border);-webkit-user-select:none;user-select:none;overscroll-behavior:none;border-radius:8px;width:100%;height:360px}@container latest-project-home (max-width:1039px){.latest-project-home .box img{height:256px}}.latest-project-home .box .info{box-sizing:border-box;flex-direction:column;justify-content:space-between;width:100%;height:fit-content;padding-top:10px;display:flex;overflow:hidden}.latest-project-home .box .info .text .title{color:var(--white);white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;margin:0 0 4px;font-size:18px;line-height:1.1em;overflow:hidden}.latest-project-home .box .info .text .excerpt{color:var(--text-accent);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:16px;line-height:1.2em;display:-webkit-box;overflow:hidden}.latest-project-home .box .info .text .data{box-sizing:border-box;justify-content:space-between;align-items:end;gap:20px;width:100%;min-height:48px;padding-top:10px;display:flex}.latest-project-home .box .info .text .data .date{white-space:nowrap;color:var(--text-accent);margin:0;font-size:16px;line-height:1.1em}.latest-project-home .box .info .text .data .tags{flex-wrap:wrap;justify-content:end;gap:10px;display:flex}.latest-project-home .box .info .text .data .tags .tag{-webkit-user-select:none;user-select:none;border-radius:11px;align-items:center;gap:5px;height:30px;padding:0 8px 0 7px;font-size:14px;line-height:1.1em;display:flex}.latest-project-home .box .info .text .data .tags .tag p{margin:0}.latest-project-home .box .info .text .data .tags .tag svg{width:18px;height:18px}.latest-project-home .box .info .text .data .tags .type{color:var(--accent);background:var(--accent-background)}.latest-project-home .box .info .text .data .tags .category{color:var(--red);background:var(--red-background)}@media (hover:hover) and (pointer:fine){.landing-home .main .text-box .content .button button:hover:before{opacity:1}.latest-project-home .box .buttons .browse-button:hover:after{transition:all .65s cubic-bezier(.19,1,.22,1);left:120%}.latest-project-home .box .buttons .project-button:hover:after{transition:all .65s cubic-bezier(.19,1,.22,1);left:120%}}
