a{overflow-wrap:break-word;word-break:break-word;text-wrap:balance}.welcome{container:letters/inline-size}.letters{aspect-ratio:25/9;justify-content:space-between;gap:1cqi;inline-size:100%}.letter-box{--letter-size:5cqi;--letter-size-between:calc(.6*var(--letter-size));--letter-fg:var(--color-text-base);--letter-bg:var(--color-surface-muted);block-size:100%}.letter-box:hover{--letter-size:4cqi;--letter-size-between:calc(1.5*var(--letter-size))}.letter,.letter:before,.letter:after{content:"";background:var(--letter-fg);transition:all var(--transition-duration-base)var(--ease-2)}.letter{box-sizing:border-box;flex-shrink:0;position:relative}.letter.j{inline-size:var(--letter-size);block-size:100%;margin-inline-start:var(--letter-size-between)}.letter.j:before,.letter.j:after{inline-size:calc(var(--letter-size) + var(--letter-size-between));block-size:var(--letter-size-between);position:absolute}.letter.j:before{inset-block-start:0;inset-inline-end:0}.letter.j:after{inset-block-end:0;inset-inline-end:0}.letter.o{inline-size:calc(var(--letter-size)*2 + var(--letter-size-between));block-size:100%}.letter.o:before{inline-size:var(--letter-size-between);block-size:calc(100% - 2*var(--letter-size-between));background:var(--letter-bg);position:absolute;inset-block-start:var(--letter-size-between);inset-inline-end:var(--letter-size)}.letter.s{margin-inline:var(--letter-size-between);inline-size:var(--letter-size);block-size:100%}.letter.s:before,.letter.s:after{inline-size:calc(var(--letter-size) + var(--letter-size-between));block-size:var(--letter-size-between);position:absolute}.letter.s:before{inset-block-start:0;inset-inline-start:0}.letter.s:after{inset-block-end:0;inset-inline-end:0}.letter.h{inline-size:calc(var(--letter-size)*2 + var(--letter-size-between));block-size:100%}.letter.h:before,.letter.h:after{background:var(--letter-bg);inline-size:var(--letter-size-between);block-size:calc(100%/2 - (var(--letter-size-between)/2));position:absolute;inset-inline-start:var(--letter-size)}.letter.h:before{inset-block-start:0}.letter.h:after{inset-block-end:0}.letter.u{inline-size:calc(var(--letter-size)*2 + var(--letter-size-between));block-size:100%}.letter.u:before{inline-size:var(--letter-size-between);block-size:calc(100% - var(--letter-size-between));background:var(--letter-bg);position:absolute;inset-block-start:0;inset-inline-end:var(--letter-size)}.letter.a{inline-size:calc(var(--letter-size)*2 + var(--letter-size-between));block-size:100%}.letter.a:before{inline-size:var(--letter-size-between);block-size:calc(100% - var(--letter-size-between));background:var(--letter-bg);position:absolute;inset-block-end:0;inset-inline-end:var(--letter-size)}.letter.a:after{inline-size:100%;block-size:var(--letter-size-between);background:var(--letter-fg);position:absolute;inset-block-end:calc(50% - var(--letter-size-between)/2);inset-inline-start:0}.lastName{font-size:max(2rem,8cqi);font-weight:var(--font-weight-heading);letter-spacing:4cqi;line-height:var(--line-height-small)color: var(--color-text-muted)}.job{color:var(--color-brand-primary-emphasis)}.desc{align-items:center}.meta{justify-content:center}@container letters (inline-size>=30rem){.desc{align-items:flex-end}.meta{justify-content:space-between}}.welcome-title{color:var(--color-text-muted)}.animation-container{block-size:var(--animation-size);inline-size:calc(var(--animation-size)*var(--aspect-ratio));cursor:pointer;position:relative}@media (prefers-reduced-motion:reduce){.animation-container{animation:none}}.animation-container:has(input:checked) .animation-canvas{animation-play-state:paused}.animation-container:has(input:checked) .animation-label.-paused{display:block}.animation-container:has(input:checked) .animation-label.-playing{display:none}.animation-container:focus-within{outline:2px solid var(--color-brand-primary-base);outline-offset:2px}.animation-canvas{block-size:100%;inline-size:100%;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:steps(var(--steps),jump-none);background-size:calc(var(--steps)*100%)100%;position:absolute;inset:0}.animation-label{background-color:var(--color-surface-emphasis);color:var(--color-text-on-emphasis);padding:0;position:absolute;inset-block-end:var(--spacing-nearest);inset-inline-end:var(--spacing-nearest)}.animation-label svg{--icon-size:1.5em}.animation-label.-paused{display:none}.animation-toggle{opacity:0}.pR{overflow-x:clip}.pR-split{gap:var(--spacing-farthest);margin-top:var(--spacing-base);grid-template-columns:repeat(auto-fit,minmax(min(14em,100%),1fr));align-items:flex-start;display:grid}.pR-badge{padding:.5ch}.pR-dog{--dog-size:7.5rem;--aspect-ratio:256/96;inline-size:var(--dog-size);overflow-clip-margin:1rem;inline-size:fit-content;position:absolute;inset-block-start:3.5rem;inset-inline-end:0;overflow:clip}@media (width>=33.5rem){.pR-dog{inset-block-start:-1rem;inset-inline-end:1rem}}@media (width>=50rem){.pR-dog{--dog-size:9rem;inset-block-start:-1rem;inset-inline-end:1rem}}.pR-dogcanvas{transform:scaleX(-1)rotate(-20deg)}@keyframes dog-anim{0%{background-position:0%}to{background-position:100%}}.latest-updates{color:var(--color-text-base);border-block:var(--border-width-thin)solid var(--color-border-base);background-color:var(--color-surface-subtle);box-shadow:var(--shadow-near)}.lu-item{white-space:nowrap;margin-block-end:0;display:inline-block}.lu-item strong{margin-inline-end:var(--spacing-nearest)}
