@font-face{font-family:Archivo Variable;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/assets/archivo-latin-standard-normal-DY7AcnAa.woff2) format("woff2-variations")}@font-face{font-family:Archivo Variable;font-style:italic;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/assets/archivo-latin-standard-italic-BuvkOFDm.woff2) format("woff2-variations")}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:#efede6;color:#171716;font-family:Archivo Variable,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.statement{position:relative;isolation:isolate;overflow:clip;display:grid;place-items:center;min-height:100dvh;padding:clamp(24px,5vw,80px)}.statement-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) clamp(180px,26vw,320px);align-items:center;gap:clamp(32px,6vw,96px);width:min(1040px,100%)}.infinity-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;pointer-events:none}.infinity-orbit{width:max(1100px,115vw);max-width:1600px;height:auto;overflow:visible;stroke:#c3411a;stroke-linecap:round}.infinity-track{stroke-width:1;opacity:.1}.infinity-flow,.infinity-spark{display:none}.infinity-flow{stroke-width:1.8;stroke-dasharray:16 84;opacity:.3}.infinity-spark{stroke-width:4;stroke-dasharray:.12 99.88;opacity:.55}.statement h1{margin:0;font-size:clamp(42px,6.6vw,100px);line-height:1.08;font-weight:580;letter-spacing:-.065em}.headline-line{display:inline-block}.profile-frame{width:100%;min-width:0}.profile-tilt{border-radius:20px}.github-entry{width:fit-content}.profile-image{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:20px}.github-link{display:inline-flex;align-items:center;gap:12px;min-height:50px;margin-top:28px;padding:0 22px;border-radius:4px;background:#171716;color:#efede6;font-size:15px;text-decoration:none;white-space:nowrap}.github-link:focus-visible{outline:2px solid #c3411a;outline-offset:5px}.github-link:hover{background:#33312c}.github-link>span:last-child{display:inline-block;margin-left:12px;font-size:21px}@media(max-width:759px){.infinity-orbit{width:max(580px,145vw)}.statement-layout{grid-template-columns:1fr;gap:32px;width:min(520px,100%)}.statement-copy{justify-self:center}.statement h1{font-size:clamp(42px,9.2vw,72px)}.profile-frame{grid-row:1;justify-self:center;width:min(55vw,220px)}}.statement em{display:inline-block;padding-right:.1em;padding-bottom:.06em;color:#c3411a;font-weight:inherit}@media(prefers-reduced-motion:no-preference){.infinity-orbit{animation:orbit-drift 18s ease-in-out infinite}.infinity-flow,.infinity-spark{display:block;animation:infinity-stream 12s linear infinite}.infinity-spark{animation-delay:-6s}.headline-line{animation:text-arrive .9s cubic-bezier(.22,1,.36,1) 80ms both}.headline-line--accent{animation-delay:.24s}.github-entry{animation:text-arrive .8s cubic-bezier(.22,1,.36,1) .46s both}.profile-frame{animation:image-arrive 1.1s cubic-bezier(.22,1,.36,1) .18s both}.profile-image{animation:image-float 6.5s ease-in-out 1.28s infinite}.profile-frame:hover .profile-image{animation-play-state:paused}.github-link{transition:background-color .22s ease,transform .22s ease}.github-link>span:last-child{transition:transform .22s ease}.github-link:is(:hover,:focus-visible){transform:translateY(-3px)}.github-link:is(:hover,:focus-visible)>span:last-child{transform:translate(3px,-3px)}.github-link:active{transform:translateY(1px) scale(.98)}@media(hover:hover)and (pointer:fine){.profile-tilt{transition:transform .5s cubic-bezier(.22,1,.36,1)}.profile-frame:hover .profile-tilt{transform:perspective(900px) rotateX(4deg) rotateY(-7deg) scale(1.025)}}}@keyframes text-arrive{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes image-arrive{0%{opacity:0;transform:translateY(24px) rotate(2deg) scale(.96)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes image-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(.7deg)}}@keyframes infinity-stream{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}@keyframes orbit-drift{0%,to{transform:translateY(8px) rotate(-8deg) scale(1)}50%{transform:translateY(-8px) rotate(4deg) scale(1.04)}}
