.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)}
.hero{display:grid;grid-column:full;grid-template-columns:repeat(3,1fr)}.hero .welcome{background-color:var(--gradient--gradient-rainbow-4);color:var(--color-light);grid-column:1/-1;grid-row:1;padding-block-end:var(--space-xs);padding-block-start:var(--space-header-distance);padding-inline:var(--gap)}.hero .intro{grid-column:1/-1;grid-row:3;margin-block-start:var(--gap);padding-inline:var(--gap)}.hero picture{background-color:var(--color-bg);grid-column:1/-1;grid-row:2}@media (min-width:640px){.hero :is(.welcome,.intro){padding-block-start:var(--space-3xl)}.hero{gap:var(--gutter);grid-template-rows:repeat(3,auto)}.hero .welcome{grid-column:1;grid-row:1/-1}.hero .intro{grid-column:2/5;grid-row:1/2;margin-block-start:0;padding-inline:0 var(--space-s)}.hero picture{grid-column:2/5;grid-row:2/-1}}@media (min-width:1360px){.hero{grid-column:popout}.hero .welcome{padding-inline:var(--gutter)}}.hero picture{aspect-ratio:500/294}.hero img{-o-object-fit:cover;object-fit:cover}.hero :is(.arrow,.thisisme){fill:var(--color-accent);grid-column:-1;grid-row:3}.hero .arrow{block-size:6em;fill:var(--color-accent);inline-size:auto}.hero .thisisme{color:var(--color-accent);place-self:end}[dir=ltr] .hero .thisisme{rotate:10deg;translate:var(--space-3xl) calc(var(--space-xs)*-1)}[dir=rtl] .hero .thisisme{rotate:-10deg;translate:calc(var(--space-2xl)*-1) calc(var(--space-m)*-1)}[dir=ltr] .hero .arrow{scale:-1 1;translate:var(--space-2xl) calc(var(--space-l)*-1)}[dir=rtl] .hero .arrow{scale:1;translate:calc(var(--space-2xl)*-1) 0}.hero .whimsical-hi{display:none}@media (min-width:1760px){.hero .whimsical-hi{display:block}}.column{-moz-column-count:1;column-count:1}@media (min-width:640px){.column:not(:has(p:only-child)){-moz-column-count:2;column-count:2;gap:var(--gutter,var(--space-l-xl))}}