:root{--ink: #f4f1ea;--dim: #8a857c;--faint: #55514a;--land-duration: 1.7s;--reveal-start: 1.55s}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:#000;color:var(--ink);font-family:Fragment Mono,monospace;overflow:hidden;-webkit-font-smoothing:antialiased}.page{height:100dvh;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;padding:clamp(1.25rem,3vh,2.5rem) 1rem}.site-title{font-size:clamp(.65rem,1.6vw,.85rem);letter-spacing:.45em;text-indent:.45em;text-transform:uppercase;color:var(--dim);animation:rise-in .9s ease-out both;animation-delay:calc(var(--reveal-start) + .4s)}.stage{position:relative;display:grid;place-items:center;align-self:center}.stage:before{content:"";position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;background:radial-gradient(closest-side,rgba(244,241,234,.05),transparent 70%);animation:fade-in 1.4s ease-out both;animation-delay:var(--reveal-start);pointer-events:none}.texas{height:min(86vmin,700px);width:auto;color:var(--ink);animation:texas-land var(--land-duration) cubic-bezier(.16,1,.3,1) both;filter:drop-shadow(0 0 18px rgba(244,241,234,.12))}.bio{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center}.name{font-family:"Instrument Serif",serif;font-weight:400;font-size:clamp(1.5rem,7.5vmin,3.6rem);letter-spacing:.02em;animation:rise-in .9s ease-out both;animation-delay:var(--reveal-start)}.role{margin-top:clamp(.2rem,.8vmin,.45rem);font-size:clamp(.55rem,1.9vmin,.75rem);letter-spacing:.32em;text-indent:.32em;text-transform:uppercase;color:var(--dim);animation:rise-in .9s ease-out both;animation-delay:calc(var(--reveal-start) + .1s)}.links{display:flex;gap:clamp(.9rem,3.2vmin,1.8rem);margin-top:clamp(.8rem,2.6vmin,1.5rem);animation:rise-in .9s ease-out both;animation-delay:calc(var(--reveal-start) + .2s)}.links a{color:var(--dim);display:grid;place-items:center;transition:color .25s ease,transform .25s ease}.links a:hover,.links a:focus-visible{color:var(--ink);transform:translateY(-3px)}.links svg{width:clamp(1.1rem,3.6vmin,1.7rem);height:clamp(1.1rem,3.6vmin,1.7rem)}.portrait{width:clamp(2.75rem,9vmin,5rem);height:clamp(2.75rem,9vmin,5rem);margin-top:clamp(.8rem,2.6vmin,1.5rem);border-radius:50%;object-fit:cover;filter:grayscale(1) contrast(1.08) brightness(1.18);border:1px solid var(--faint);animation:rise-in .9s ease-out both;animation-delay:calc(var(--reveal-start) + .35s)}.footnote{font-family:"Instrument Serif",serif;font-style:italic;font-size:clamp(.95rem,2.4vmin,1.2rem);color:var(--faint);animation:rise-in .9s ease-out both;animation-delay:calc(var(--reveal-start) + .55s)}.bio .name,.bio .links{will-change:opacity,transform}@keyframes texas-land{0%{transform:scale(9);opacity:0}6%{opacity:1}to{transform:scale(1);opacity:1}}@keyframes rise-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(orientation:portrait){.texas{height:auto;width:min(92vw,700px)}.bio{top:54.5%;left:46.5%}.name{font-size:clamp(1.25rem,6vmin,3.6rem)}.role{margin-top:.2rem;font-size:clamp(.5rem,1.7vmin,.75rem)}.links{margin-top:.7rem}.links svg{width:clamp(1rem,3.2vmin,1.7rem);height:clamp(1rem,3.2vmin,1.7rem)}.portrait{width:clamp(2.2rem,7.5vmin,5rem);height:clamp(2.2rem,7.5vmin,5rem);margin-top:.7rem}}@media(prefers-reduced-motion:reduce){.texas,.site-title,.stage:before,.name,.role,.links,.portrait,.footnote{animation:none}}