*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden}body{color:#000;background-color:#f5f2ed;justify-content:center;align-items:center;font-family:Libre Baskerville,Baskerville,Times New Roman,serif;font-weight:400;display:flex;overflow:hidden}.main-container{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.text-cursor{opacity:1;background-color:#000;width:2px;height:120px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.text-cursor.animate{animation:1.5s ease-in-out infinite blinkCursor}@keyframes blinkCursor{0%,50%{opacity:1}51%,to{opacity:0}}.content-container{flex-direction:column;justify-content:center;align-items:center;display:flex}.text-container{justify-content:center;align-items:center;min-height:80px;display:flex;position:relative}.main-text{color:#000;white-space:nowrap;letter-spacing:-.02em;opacity:0;align-items:center;font-size:clamp(44px,8vw,76px);font-weight:400;line-height:1.1;display:flex;position:relative}.main-text.ready{opacity:1}.main-text .letter{opacity:0;display:inline}.main-text .letter.show{animation:.2s forwards letterAppear}@keyframes letterAppear{to{opacity:1}}.info-button{color:#000;cursor:pointer;opacity:0;text-transform:lowercase;-webkit-user-select:none;user-select:none;background-color:#f5f2ed;border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-left:16px;font-size:20px;font-weight:400;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:inline-flex;transform:scale(0)}.info-button.show{animation:.6s cubic-bezier(.25,.46,.45,.94) forwards buttonAppear}.info-button:hover{color:#f5f2ed;background-color:#000;transform:scale(1.05);box-shadow:0 6px 20px #00000026}@keyframes buttonAppear{0%{opacity:0;transform:scale(0)}60%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.text-content{align-items:center;display:flex}.subtitle-container{justify-content:flex-start;align-items:center;width:100%;margin-top:4px;padding-left:0;display:flex}.subtitle-text{color:#000;white-space:nowrap;letter-spacing:-.01em;opacity:0;text-transform:lowercase;justify-self:flex-start;align-items:center;font-size:clamp(20px,3.6vw,34px);font-weight:300;line-height:1.2;display:flex;position:relative}.subtitle-text.ready{opacity:1}.subtitle-text .letter{opacity:0;display:inline-block}.subtitle-text .letter.show{animation:.2s forwards letterAppear}.menu{text-align:center;opacity:0;z-index:100;background:#fff;border:1px solid #0000000f;border-radius:16px;min-width:280px;padding:56px 72px;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.95);box-shadow:0 12px 40px #00000014}.menu.show{animation:.5s cubic-bezier(.25,.46,.45,.94) forwards menuFadeIn;display:block}.menu.hide{animation:.4s cubic-bezier(.25,.46,.45,.94) forwards menuFadeOut}@keyframes menuFadeIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes menuFadeOut{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.95)}}.menu-item{cursor:pointer;text-transform:lowercase;letter-spacing:-.01em;border-radius:8px;margin:28px 0;padding:12px 20px;font-size:26px;font-weight:400;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.menu-item:hover{letter-spacing:.01em;background-color:#f5f2ed;transform:translate(6px)}.menu-item:first-child{margin-top:0}.menu-item:last-child{margin-bottom:0}.menu-separator-wrapper{width:120px;margin:8px auto 20px;padding:0}.menu-item-about{justify-content:center;align-items:center;gap:10px;display:flex}.menu-avatar{object-fit:cover;border-radius:50%}.menu-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;opacity:0;background:#00000014;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.menu-overlay.show{animation:.4s forwards overlayFadeIn;display:block}.menu-overlay.hide{animation:.4s forwards overlayFadeOut}@keyframes overlayFadeIn{to{opacity:1}}@keyframes overlayFadeOut{to{opacity:0}}@media (max-width:768px){.main-text{letter-spacing:-.01em;font-size:clamp(32px,10vw,60px)}.subtitle-text{font-size:clamp(14px,4.5vw,27px)}.text-cursor{width:1.5px;height:90px}.menu{min-width:240px;padding:40px 56px}.menu-item{margin:24px 0;font-size:22px}.info-button{width:36px;height:36px;margin-left:12px;font-size:18px}}