*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--ivory:#f8f5ee;--green:#2e6f40;--green-light:#2e6f4040;--text-fine:#5a5a52;--serif:"Cormorant Garamond", "Georgia", "Times New Roman", serif}html{font-family:var(--serif);background-color:var(--ivory);color:var(--green);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,#root{min-height:100dvh}.page{justify-content:center;align-items:center;min-height:100dvh;padding:3rem 1.5rem;display:flex}.content{text-align:center;flex-direction:column;align-items:center;max-width:600px;margin-top:-5vh;display:flex}.name{letter-spacing:.06em;color:var(--green);margin-bottom:0;font-size:clamp(2.2rem,5.5vw,3.6rem);font-weight:400;line-height:1.15}.letter{opacity:0;animation:.8s cubic-bezier(.23,1,.32,1) forwards letterReveal;animation-delay:calc(var(--i) * 60ms + .3s);display:inline-block;transform:translateY(10px)}@keyframes letterReveal{to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:1s cubic-bezier(.23,1,.32,1) forwards fadeUp;animation-delay:var(--delay);transform:translateY(8px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.rule{background-color:var(--green-light);width:48px;height:1px;margin:2rem 0}.descriptor{letter-spacing:.18em;text-transform:uppercase;color:var(--green);font-size:clamp(.78rem,1.3vw,.95rem);font-weight:400;line-height:1.6}.message{color:var(--text-fine);margin-top:2.5rem;font-size:clamp(.95rem,1.4vw,1.1rem);font-style:italic;font-weight:300;line-height:1.6}.contact{color:var(--text-fine);margin-top:2.5rem;font-size:clamp(.82rem,1.1vw,.9rem);font-weight:300;line-height:1.8}.contact-name{color:var(--green);margin-top:.3rem;font-weight:400}.contact a{color:var(--green);border-bottom:1px solid var(--green-light);text-decoration:none;transition:border-color .3s}.contact a:hover{border-bottom-color:var(--green)}.contact a:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:2px}.footer{letter-spacing:.2em;text-transform:uppercase;color:var(--text-fine);opacity:0;margin-top:3.5rem;font-size:.72rem;font-weight:300}@media (prefers-reduced-motion:reduce){.letter,.fade-in,.footer{opacity:1;animation:none;transform:none}}@media (width<=480px){.content{margin-top:-2vh}.rule{margin:1.5rem 0}.message,.contact{margin-top:2rem}.footer{margin-top:2.5rem}}