custom-card{--gutter:var(--space-xs-s);background-color:var(--card-bg,var(--color-bg-accent));border:4px solid var(--color-bg-accent);border-radius:var(--border-radius-medium);color:var(--color-text);display:grid;grid-template-rows:[image] max-content [headline] max-content [meta] max-content [desc] auto [footer] max-content;max-inline-size:unset;padding:var(--space-s-m)}custom-card>:empty{display:none}custom-card ::-moz-selection{background-color:var(--color-accent);color:var(--color-dark)}custom-card ::selection{background-color:var(--color-accent);color:var(--color-dark)}custom-card :is(h2,h3){--flow-space:var(--space-m);grid-row:headline}custom-card :is(h2,h3) a{text-decoration:none}custom-card>:is(picture,figure){grid-row:image;--flow-space:0}custom-card img{aspect-ratio:16/9;block-size:auto;max-inline-size:var(--max-img-width,100%);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}custom-card>.meta{font-size:var(--size-step-min-1);grid-row:meta}custom-card>p{grid-row:desc}custom-card>footer{font-size:var(--size-step-min-2);grid-row:footer}custom-card :is(a,p,h2,h3){overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}custom-card[no-padding]{background-color:transparent;border:4px solid var(--color-bg-accent);border-radius:none;padding:0}custom-card[img-square] img{aspect-ratio:1}custom-card[note]{grid-template-columns:1fr;grid-template-rows:[headline] max-content [desc] auto}custom-card[clickable]:focus-within,custom-card[clickable]:hover{border:4px solid var(--color-accent)}custom-card[clickable]:focus-within a:focus{outline:none}custom-card[clickable]{position:relative}custom-card[clickable] a:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}
.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(--color-accent);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))}}