.cta a{background-color:var(--color-bg);border-radius:var(--border-radius-medium);color:var(--color-text);padding:var(--space-2xs) var(--space-xs);text-decoration:none}.cta a:hover{outline:2px solid;outline-offset:.01ch}.cta .section__inner{background-image:var(--gradient-fade-color)}[data-color=bright-sun] .cta{color:var(--color-dark)}
.projects{--sidebar-target-width:min(35rem,50vw);--sidebar-content-min-width:50%}.projects .meta ul{margin-block:var(--space-s)}.projects .visual,.projects .visual img{aspect-ratio:8/5;border-radius:var(--border-radius-medium)}.projects .visual img{block-size:100%;border:3px solid var(--color-text);inline-size:100%;-o-object-fit:cover;object-fit:cover}.projects .visual{background-color:var(--color-accent)}@media (min-width:1000px){.projects .visual img{rotate:-1.5deg}}.anchor{cursor:cursor;display:grid;height:auto;padding:var(--space-xs);place-content:center;z-index:1}.anchor svg{inline-size:auto}.target{background-color:var(--target-bg,var(--color-text));border:2px solid var(--target-border,var(--color-text));border-radius:var(--border-radius-small);color:var(--target-color,var(--color-bg));font-size:var(--target-font-size,var(--size-step-min-1));inline-size:min(25ch,calc(100% - var(--gap)));overflow:visible;padding:var(--space-s) var(--space-m)}.target .meta{font-size:var(--size-step-min-1)}.target nav svg{font-size:var(--size-step-1)}@supports (position-anchor:--anchor-el){.target{inset:unset;inset-block-end:anchor(top);inset-inline-start:anchor(left);margin:0;position:absolute;translate:calc(var(--size-step-1)/-1) -.7em}.target:before{block-size:0;border:solid transparent;border-top:solid var(--target-bg,var(--color-text));border-width:calc(var(--size-step-1)/3 + .1em);content:"";inline-size:0;inset-block-start:100%;inset-inline-start:0;pointer-events:none;position:absolute;translate:calc(var(--size-step-1) + var(--space-xs)/1) 0}.target[data-direction=rtl]{inset-inline-end:anchor(right);inset-inline-start:auto;translate:var(--size-step-1) -.7em}.target[data-direction=rtl]:before{inset-inline-end:0;inset-inline-start:auto;translate:calc(var(--size-step-2)/-1) 0}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){@keyframes appear-bottom{0%{opacity:0;rotate:-5deg;scale:.8}to{opacity:1;rotate:0;scale:1}}.vt-appear-bottom{animation:appear-bottom linear;animation-range:entry 1% cover 25%;animation-timeline:view()}}}