.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()}}}.simple-divider{
  height:2px;
  background:linear-gradient(to right, var(--color-gray-300), var(--color-gray-400), var(--color-gray-300));
  margin:var(--space-l) 0;
  border-radius:1px;
}

.blog-visual,
.projects-visual,
.services-visual{
  width:120px;
  height:120px;
  background:var(--color-blue);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--color-light);
  font-size:2rem;
  font-weight:bold;
  margin:var(--space-m);
}

.blog-visual{
  background:var(--color-bright-sun);
}

.projects-visual{
  background:var(--color-mandy);
}

.services-visual{
  background:var(--color-royal-blue);
}

.tool-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:60px;
  height:60px;
  background:var(--color-blue);
  color:var(--color-light);
  border-radius:50%;
  font-size:1.5rem;
  font-weight:bold;
  margin:0 auto var(--space-m);
}

.globe-icon,
.theme-icon,
.rss-icon,
.platform-icon,
.collab-icon{
  font-size:1.2rem;
  line-height:1;
}

.theme-icon{
  font-size:1.5rem;
}

.rss-icon{
  font-size:1.3rem;
}

.platform-icon,
.collab-icon{
  background:var(--color-gray-200);
  color:var(--color-gray-700);
  width:30px;
  height:30px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:0.9rem;
  font-weight:bold;
}

@media (max-width:640px){
  .blog-visual,
  .projects-visual,
  .services-visual{
    width:80px;
    height:80px;
    font-size:1.5rem;
    margin:var(--space-s);
  }
  
  .tool-icon{
    width:50px;
    height:50px;
    font-size:1.2rem;
  }
}