.pacome-home{--home-margin:30px;--home-gutter:16px;--home-column:calc((100vw - 11 * var(--home-gutter) - 2 * var(--home-margin)) / 12);--home-menu-width:calc(4 * var(--home-column) + 4 * var(--home-gutter));--home-spring:linear(0, .0014, .0055 1.03%, .0239, .053 3.44%, .0961 4.81%, .1957 7.39%, .4354 12.88%, .5484, .6494, .7362, .8083 23.88%, .8696, .9168 29.72%, .9368, .9536 32.81%, .9793 35.9%, .997 39.17%, 1.0084 42.77%, 1.0142 47.07%, 1.0144 53.43%, 1.0054 68.37%, 1.0019 77.3%, .9998 99.98%);isolation:isolate;color:#fafafa;font-family:var(--font-portfolio);letter-spacing:-.04em;background:#0a0a0a;font-size:18px;font-weight:500;line-height:1;position:fixed;inset:0;overflow:hidden}.pacome-home button,.pacome-home a{-webkit-tap-highlight-color:transparent}.pacome-home button{cursor:pointer}.pacome-home a{color:inherit;text-decoration:none}.pacome-home :is(a,button):focus-visible{outline-offset:6px;outline:2px solid #21ffc0}.pacome-home__grid{opacity:.4;pointer-events:none;width:auto;max-width:none;height:100%;position:absolute;top:0;left:0}.pacome-home__canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pacome-home__navigation{z-index:20;pointer-events:none;position:relative}.pacome-home__navigation>*{pointer-events:auto}.pacome-home__avatar{left:var(--home-margin);top:var(--home-margin);background:0 0;width:64px;height:64px;position:fixed;overflow:visible}.pacome-home__avatar canvas{box-shadow:none!important;background:0 0!important}.pacome-home__switch{left:50%;top:calc(var(--home-margin) + 15px);align-items:center;gap:20px;display:flex;position:fixed;transform:translate(-50%)}.pacome-home__switch-item{align-items:center;gap:20px;display:flex}.pacome-home__switch button{color:#fafafa;opacity:.4;background:0 0;border:0;min-width:44px;font-size:18px;font-weight:500;line-height:1.2;transition:opacity .3s ease-out;position:relative;overflow:hidden}.pacome-home__switch button.is-active,.pacome-home__switch button:hover{opacity:1}.pacome-home__switch button span{transition:transform .3s var(--home-spring), opacity .3s ease;display:block}.pacome-home__switch button span:nth-child(2){opacity:0;width:100%;position:absolute;top:0;left:0;transform:translateY(-100%)}.pacome-home__switch button:is(:hover,.is-active) span:first-child{opacity:0;transform:translateY(100%)}.pacome-home__switch button:is(:hover,.is-active) span:nth-child(2){opacity:1;transform:translateY(0)}.pacome-home__switch-dot{background:#fafafa;border-radius:50%;width:8px;height:8px;display:block}.pacome-home__sound{right:var(--home-margin);bottom:var(--home-margin);color:#0a0a0a;background:#fafafa;border:0;border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .15s ease-out;display:grid;position:fixed}.pacome-home__sound:hover{transform:scale(.9)}.pacome-home__sound:active{transform:scale(.86)}.pacome-home__icon{width:16px;height:16px;display:inline-flex}.pacome-home__icon svg{width:100%;height:100%;display:block}.pacome-home__list{scrollbar-width:none;pointer-events:none;opacity:0;transition:opacity .3s;position:absolute;inset:0;overflow:hidden auto}.pacome-home__list::-webkit-scrollbar{display:none}.pacome-home__list.is-active{pointer-events:auto;opacity:1}.pacome-home__projects{width:calc(100% - var(--home-margin) * 2);min-height:100%;margin:0 var(--home-margin);text-align:center;flex-direction:column;align-items:center;padding:calc(20vh - 30px) 0 110px;list-style:none;display:flex}.pacome-home__project{z-index:2;padding:8px 0;font-size:60px;font-weight:500;line-height:1;transition:opacity .3s;display:block;position:relative}.pacome-home__project.is-dimmed{opacity:.4}.pacome-home__list-preview{aspect-ratio:16/9;pointer-events:none;z-index:1;width:330px;position:fixed;top:0;left:0}.pacome-home__list-preview img{object-fit:cover;object-position:center;border-radius:12px;width:100%;height:100%;position:absolute;inset:0}.pacome-home__project-info{z-index:10;color:#0a0a0a;pointer-events:none;background:#fafafa;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;max-width:calc(100vw - 200px);padding:6px 16px 6px 6px;display:flex;position:fixed;bottom:60px;left:50%;transform:translate(-50%)}.pacome-home__project-info>img{object-fit:cover;border-radius:9px;width:48px;height:48px}.pacome-home__project-info>span{white-space:nowrap;text-overflow:ellipsis;font-size:18px;overflow:hidden}.pacome-home__menu-shade{appearance:none;z-index:30;box-shadow:none;background:#0008;border:0;padding:0;position:fixed;inset:0}.pacome-home__menu{top:var(--home-margin);right:var(--home-margin);z-index:40;color:#0a0a0a;width:87px;height:48px;transition:width .9s var(--home-spring), height 1s var(--home-spring), border-radius .9s ease, transform .15s ease-out;background:#fafafa;border-radius:24px;position:fixed;overflow:clip;transform:scale(1)}.pacome-home__menu.is-open{width:var(--home-menu-width);height:calc(100dvh - var(--home-margin) * 2);border-radius:16px}.pacome-home__menu:not(.is-open){pointer-events:none}.pacome-home__menu-top{z-index:3;position:absolute;top:0;right:0}.pacome-home__menu-toggle{pointer-events:auto;color:#0a0a0a;width:87px;height:48px;transition:width .9s var(--home-spring), height 1s var(--home-spring);background:0 0;border:0;padding:0;font-size:18px;font-weight:500;display:block;position:relative}.pacome-home__menu.is-open .pacome-home__menu-toggle{width:140px;height:88px}.pacome-home__menu-toggle-label{white-space:nowrap;transition:right .9s var(--home-spring), top 1s var(--home-spring);display:grid;position:absolute;top:24px;right:35px;transform:translateY(-50%)}.pacome-home__menu.is-open .pacome-home__menu-toggle-label{top:44px;right:77px}.pacome-home__menu-toggle-label>span{transition:opacity .25s ease, transform .4s var(--home-spring);grid-area:1/1}.pacome-home__menu-toggle-label>span:last-child{opacity:0;transform:translateY(8px)}.pacome-home__menu.is-open .pacome-home__menu-toggle-label>span:first-child{opacity:0;transform:translateY(-8px)}.pacome-home__menu.is-open .pacome-home__menu-toggle-label>span:last-child{opacity:1;transform:translateY(0)}.pacome-home__menu-toggle-circle{color:#fafafa;width:48px;height:48px;transition:transform .9s var(--home-spring), scale .15s ease-out;background-color:#0a0a0a;border-radius:50%;place-items:center;display:grid;position:absolute;top:20px;right:20px;transform:translate(23px,-20px)scale(.125)scale(1)}.pacome-home__menu.is-open .pacome-home__menu-toggle-circle{transform:translate(0)scale(1)}.pacome-home__menu-toggle-circle>.pacome-home__icon{opacity:0;transition:opacity .2s ease, transform .5s var(--home-spring);position:relative;transform:rotate(-90deg)scale(.5)}.pacome-home__menu.is-open .pacome-home__menu-toggle-circle>.pacome-home__icon{opacity:1;transition-delay:.12s;transform:rotate(0)scale(1)}@media (hover:hover) and (pointer:fine){.pacome-home__menu:not(.is-open):hover{transform:scale(.9)}.pacome-home__menu:not(.is-open):active{transform:scale(.86)}.pacome-home__menu.is-open .pacome-home__menu-toggle:hover .pacome-home__menu-toggle-circle{scale:.9}.pacome-home__menu.is-open .pacome-home__menu-toggle:active .pacome-home__menu-toggle-circle{scale:.86}}.pacome-home__menu-content{width:var(--home-menu-width);height:calc(100dvh - var(--home-margin) * 2);opacity:0;flex-direction:column;justify-content:center;gap:15px;padding:20px 20px 20px 45px;transition:opacity .3s,transform .3s;display:flex;position:absolute;top:0;right:0;transform:translate(10px,-10px)}.pacome-home__menu.is-open .pacome-home__menu-content{opacity:1;transition-delay:.2s;transform:translate(0)}.pacome-home__menu-content a{letter-spacing:-.05em;width:fit-content;transition:padding-left .5s var(--home-spring);font-size:80px;font-weight:500;position:relative}.pacome-home__menu-content a:before{content:"";opacity:0;width:24px;height:24px;transition:transform .5s var(--home-spring), opacity .5s;background:#0a0a0a;border-radius:50%;position:absolute;top:50%;left:0;transform:translateY(-50%)scale(0)}.pacome-home__menu-content a:hover{padding-left:40px}.pacome-home__menu-content a:hover:before{opacity:1;transform:translateY(-50%)scale(1)}.pacome-home__menu-footer{width:var(--home-menu-width);opacity:0;padding:20px 20px 28px 45px;font-size:16px;transition:opacity .3s;position:absolute;bottom:0;left:0}.pacome-home__menu.is-open .pacome-home__menu-footer{opacity:1;transition-delay:.3s}.pacome-home__resume{bottom:max(0px, calc(var(--home-margin) - 25px));left:max(0px, calc(var(--home-margin) - 25px));clip-path:circle(50%);border-radius:50%;width:120px;height:120px;position:fixed}.pacome-home__resume-model{pointer-events:none;position:absolute;inset:10px}.pacome-home__resume-canvas{opacity:0;width:100%;height:100%;display:block}.pacome-home__resume-model.is-ready .pacome-home__resume-canvas{opacity:1}.pacome-home__resume-fallback{object-fit:contain;width:50%;max-width:none;height:50%;position:absolute;inset:25%;transform:rotate(-6deg)}.pacome-home__resume-model.is-ready .pacome-home__resume-fallback{visibility:hidden}@media (width<=1400px){.pacome-home{--home-menu-width:calc(5 * var(--home-column) + 4 * var(--home-gutter))}}@media (width<=1024px){.pacome-home{--home-menu-width:calc(6 * var(--home-column) + 5 * var(--home-gutter))}}@media (width<=900px){.pacome-home{--home-margin:20px;--home-gutter:15px}.pacome-home__project{font-size:40px}.pacome-home__projects{padding-top:20vh}.pacome-home__switch,.pacome-home__switch-item{gap:15px}.pacome-home__switch button{font-size:16px}.pacome-home__menu-content,.pacome-home__menu-footer{padding-left:20px}.pacome-home__menu-content a{font-size:64px}}@media (width<=600px){.pacome-home{--home-menu-width:calc(100vw - var(--home-margin) * 2)}.pacome-home__avatar{width:48px;height:48px}.pacome-home__menu,.pacome-home__menu-toggle{width:72px}.pacome-home__menu-toggle{font-size:16px}.pacome-home__menu-toggle-label{right:27px}.pacome-home__menu-toggle-circle{transform:translate(28px,-20px)scale(.125)}.pacome-home__project{padding:10px 0;font-size:40px}.pacome-home__list-preview{display:none}.pacome-home__project-info{max-width:calc(100vw - 100px);bottom:80px}.pacome-home__resume{width:100px;height:100px}}@media (width<=420px){.pacome-home{--home-margin:15px;--home-gutter:10px}}@media (prefers-reduced-motion:reduce){.pacome-home *,.pacome-home :before{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}}