body{background:#fcfcfc;margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}.page{flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.logo-area{z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.logo-stack{--logo-w:15vw;place-items:center;display:grid}.logo-stack>*{grid-area:1/1}.logo{width:var(--logo-w);height:auto;transition:opacity .9s ease-in-out,transform .9s ease-in-out}.logo-full{width:calc(var(--logo-w) * .7);opacity:0;height:auto;transition:opacity .9s ease-in-out}.logo-stack.swapped .logo{opacity:0;transform:translateY(calc(var(--logo-w) * -.086)) scale(.43)}.logo-stack.swapped .logo-full{opacity:1}.pen{stroke-dasharray:1 2;stroke-dashoffset:1.02px;animation:4.5s ease-in-out forwards drawPen}@keyframes drawPen{to{stroke-dashoffset:0}}.introduce{width:100%;left:0;top:var(--logo-h);bottom:var(--contact-h);box-sizing:border-box;text-align:center;color:gray;flex-direction:column;justify-content:center;align-items:center;padding:0 24px;display:flex;position:absolute}.introduce p{word-break:keep-all;max-width:560px;margin:0 0 1.2em;font-size:15px;line-height:1.9}.introduce p:last-child{margin-bottom:0}.contact{width:100%;height:var(--contact-h);color:#444;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;left:0}.contact h1{font-size:16px}.contact a{color:gray;text-decoration:none}@media (width<=1024px){.logo-stack{--logo-w:50vw}.logo{width:var(--logo-w);height:auto;max-height:90%}.logo-full{width:calc(var(--logo-w) * .7)}.introduce{top:calc(var(--logo-h) - var(--mobile-lift-introduce));bottom:calc(var(--contact-h) + var(--mobile-lift-introduce))}.contact{bottom:var(--mobile-lift-contact)}}