*{box-sizing:border-box}html{background:#edf0f2}body{margin:0;min-height:100svh;color:#303b47;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.8}#field{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}main{position:relative;width:min(100% - 56px,540px);margin:0 auto;padding:clamp(100px,22vh,220px) 0 48px}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(52px,8vw,72px);font-weight:400;line-height:1.15;letter-spacing:-3px;margin:0 0 30px}h1 span{display:inline-block}p{margin:0 0 18px;color:#59636d}nav{display:flex;gap:30px;margin-top:30px}a{display:inline-flex;align-items:center;gap:9px;position:relative;color:#344955;text-decoration:none;font-size:14px;padding:5px 0}a:after{position:absolute;content:'';height:1px;background:#6f818d;left:0;right:0;bottom:2px;transform:scaleX(.18);transform-origin:left}a:hover:after,a:focus-visible:after{transform:scaleX(1)}a:hover .arrow{transform:translate(3px,-3px)}a:focus-visible{outline:2px solid #607989;outline-offset:7px}.arrow{font-size:16px;color:#768691}footer{font-size:12px;color:#7a8791;margin-top:72px;letter-spacing:.3px}@keyframes letter-in{from{opacity:0;transform:translateY(24px) rotate(7deg);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){h1 span{animation:letter-in 1s cubic-bezier(.16,1,.3,1) both}h1 span:nth-child(2){animation-delay:.07s}h1 span:nth-child(3){animation-delay:.14s}h1 span:nth-child(4){animation-delay:.21s}h1 span:nth-child(5){animation-delay:.28s}.intro{animation:enter 1s .3s both}nav{animation:enter 1s .45s both}footer{animation:enter 1s .6s both}a:after,.arrow{transition:transform .35s cubic-bezier(.16,1,.3,1)}}@media(max-width:600px){main{padding-top:110px;width:calc(100% - 48px)}h1{margin-bottom:25px}footer{margin-top:55px}}@media(prefers-reduced-motion:reduce){*,*:after{animation:none!important;transition:none!important}.arrow{transform:none!important}}

h1{font-size:clamp(42px,7vw,64px);letter-spacing:-2px}nav{flex-wrap:wrap}

h1{font-size:clamp(30px,5.7vw,48px);letter-spacing:-1.6px}h1 .name{white-space:nowrap}h1 span.name{animation-delay:.12s}

h1 .greeting,h1 .name{display:inline-block;white-space:nowrap;animation:none!important}h1 .letter{display:inline-block}@media(prefers-reduced-motion:no-preference){h1 .letter{animation:letter-in .85s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i) * 35ms)}}