:root[data-theme=light] .about-teaser[data-astro-cid-ij324sto] .about-heading{color:#535366}:root[data-theme=light] .about-comment[data-astro-cid-ij324sto]{--tw-ring-color:#dcebf2;backdrop-filter:none;background:#fff}:root[data-theme=light] .about-teaser[data-astro-cid-ij324sto]:hover .about-comment[data-astro-cid-ij324sto]{background:#f5fbff}.advantages[data-astro-cid-ij324sto]{gap:1rem;padding-bottom:3rem;display:grid}.advantage[data-astro-cid-ij324sto]{--accent:var(--color-teal);background:color-mix(in srgb, var(--accent) 7%, var(--color-coal));border-radius:2rem;min-width:0;padding:1.75rem}.advantage--fast[data-astro-cid-ij324sto]{--accent:var(--color-yellow)}.advantage--offline[data-astro-cid-ij324sto]{--accent:var(--color-purple)}.advantage-icon[data-astro-cid-ij324sto]{width:5rem;height:5rem;color:var(--accent);margin-bottom:2rem}.advantage[data-astro-cid-ij324sto] h3[data-astro-cid-ij324sto]{letter-spacing:-.025em;font-size:1.5rem;font-weight:600;line-height:1.25}.advantage[data-astro-cid-ij324sto] p[data-astro-cid-ij324sto]{color:color-mix(in srgb, var(--color-beige) 70%, transparent);text-wrap:pretty;margin-top:1rem;line-height:1.65}@media (width>=64rem){.advantages[data-astro-cid-ij324sto]{grid-template-columns:repeat(3,minmax(0,1fr))}}.about-teaser[data-astro-cid-ij324sto]{--mx:0;--my:0;isolation:isolate;position:relative}.about-layers[data-astro-cid-ij324sto]{perspective:1100px}.about-layers[data-astro-cid-ij324sto]>[data-astro-cid-ij324sto]{transform:rotateX(calc(var(--my) * -5deg)) rotateY(calc(var(--mx) * 6deg)) translate3d(calc(var(--mx) * var(--z) * 7px), calc(var(--my) * var(--z) * 7px), 0);transition:transform .7s cubic-bezier(.34,1.56,.64,1)}.about-teaser[data-astro-cid-ij324sto]:hover .about-layers[data-astro-cid-ij324sto]>[data-astro-cid-ij324sto]{transform:rotateX(calc(var(--my) * -5deg)) rotateY(calc(var(--mx) * 6deg)) translate3d(calc(var(--mx) * var(--z) * 7px), calc(var(--my) * var(--z) * 7px - var(--z) * 4px), calc(var(--z) * 16px))}.about-teaser[data-astro-cid-ij324sto]:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(720px circle at var(--gx,50%) var(--gy,50%), color-mix(in srgb, var(--color-pink) 12%, transparent), transparent 65%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.about-teaser[data-astro-cid-ij324sto]:hover:before{opacity:1}@media (prefers-reduced-motion:reduce){.about-layers[data-astro-cid-ij324sto]>[data-astro-cid-ij324sto],.about-teaser[data-astro-cid-ij324sto]:hover .about-layers[data-astro-cid-ij324sto]>[data-astro-cid-ij324sto]{transform:none}}.hero{padding-top:12rem}:root[data-face=above] .hero{padding-top:15rem}:root:is([data-face=hero],[data-face=between]) .hero{padding-top:9rem}:root[data-face=hero] .hero{overflow:hidden}:root[data-head=small] .hero{padding-top:9rem}@media (width>=40rem){.hero{padding-top:21rem}:root[data-face=above] .hero{padding-top:30rem}:root:is([data-face=hero],[data-face=between]) .hero{padding-top:16rem}:root[data-head=small] .hero{padding-top:8rem}}@media (width>=40rem) and (height<=50rem){:root[data-face=header][data-head=big] .hero{padding-top:19rem}}:root{--name-k:1}:root[data-namesize=small]{--name-k:.75}.hero{--links-gap:3rem;--links-bottom:0rem;--lift:0rem}.hero-grid{margin-block:calc(var(--lift) * -1) var(--lift);grid-template-columns:minmax(0,1fr);grid-template-areas:"name""text";row-gap:2rem;display:grid}:root:is([data-face=hero],[data-face=between]) .hero-grid{grid-template-areas:"face""name""text";row-gap:1.5rem}:root[data-cols=one]:is([data-face=hero],[data-face=between]) .hero-grid,:root[data-face=between] .hero-grid{row-gap:var(--face-gap)}.hero-name{font-size:calc(clamp(3.25rem, min(17.5vw, 15svh), 11rem) * var(--name-k));white-space:nowrap;grid-area:name;margin-left:-.05em;line-height:.85}.hero-text{grid-area:text}@media (width<40rem){.hero-name{font-size:calc(clamp(3.25rem, min(16.5vw, 15svh), 11rem) * var(--name-k))}:root[data-headgap=l][data-face=hero] .hero{padding-top:7rem}}.hero-name,.hero-slogan,.hero-desc{z-index:1;position:relative}.hero-slogan{--fun-size:.85em;margin-left:-.1em;font-size:clamp(2rem,8vw,5.5rem);line-height:.9}.hero-claim{--fun-size:1em}@media (width>=40rem){.hero-slogan{white-space:nowrap}}.hero-desc{max-width:42rem;margin-top:3rem}.hero-links{margin-top:var(--links-gap);margin-bottom:var(--links-bottom)}:root[data-links=center] .hero-links{justify-content:center}:root[data-linksize=l] .hero-links{flex-wrap:wrap;font-size:clamp(2.25rem,1.2rem + 4vw,4.5rem)}@media (width<40rem){:root[data-linksize=l] .hero-links{font-size:9.5vw}}.hero-face{grid-area:face;place-self:center}:root:is([data-face=header],[data-face=above]) .hero-face{display:none}:root[data-face=between] .hero-face{justify-self:center}.hero-head{width:calc(min(55vw, 14rem) * var(--face-k));transform-origin:50% 90%;height:auto;rotate:var(--look-r,0deg);translate:var(--look-x,0) var(--look-y,0);-webkit-touch-callout:none;transition:scale .3s cubic-bezier(.34,1.8,.64,1),filter .3s,rotate .7s cubic-bezier(.34,1.8,.64,1),translate .7s cubic-bezier(.34,1.8,.64,1);animation:4.5s ease-in-out infinite hero-sway}@media (width>=40rem){:root[data-face=between] .hero-head{width:calc(clamp(7rem, 15vw, 14rem) * var(--face-k))}}:root[data-cols=one][data-namealign=left]:not([data-face=between]) .hero-face{justify-self:start}@media (width<40rem){:root:is([data-face=hero],[data-face=between]) .hero-grid{row-gap:1.5rem}:root:is([data-face=hero],[data-face=between]):not([data-head=small]) .hero-face{margin-top:var(--face-shift)}:root[data-head=small]:is([data-face=hero],[data-face=between]) .hero-grid{row-gap:var(--face-gap)}:root[data-cols=one][data-namealign=left][data-face=between] .hero-face{justify-self:start}:root[data-face=between] .hero{overflow:hidden}:root[data-cols=two]:is([data-face=hero],[data-face=between]) .hero{--links-gap:2rem}:root[data-headgap=l][data-face=hero] .hero{--links-gap:4rem}}:root[data-cols=two] .hero{--fs:clamp(4.5rem, 22.5vw, 9rem);--links-gap:4rem}@media (width<64rem){:root[data-cols=two]:is([data-face=above],[data-face=between]) .hero{--lift:3rem}}@media (width<40rem){:root[data-cols=two][data-face=between] .hero{--lift:0rem}}:root[data-cols=two] .hero-name{font-size:calc(var(--fs) * var(--name-k));white-space:normal;flex-direction:column;align-self:center;align-items:flex-start;margin-left:-.1em;line-height:.92;display:flex}:root[data-cols=two] .hero-slogan{white-space:normal;font-size:clamp(2rem,8vw,3.5rem);line-height:1.1}:root[data-cols=two] .hero-desc{max-width:32rem;margin-top:1.5rem}@media (width>=40rem){:root[data-cols=two] .hero{--fs:clamp(4.5rem, 17vw, 9rem)}:root[data-cols=two][data-face=hero] .hero-grid{column-gap:var(--face-gap);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name face""text text"}:root[data-cols=two][data-face=hero] .hero-face{justify-self:start}:root[data-cols=two][data-face=hero] .hero-head{width:auto;height:calc(var(--fs) * 1.64 * var(--face-k))}}@media (width>=64rem){:root[data-cols=two] .hero{--fs:clamp(6rem, 11vw, 10rem);--links-gap:6rem}:root[data-cols=two]:not([data-face=above],[data-face=between]) .hero{padding-bottom:0}:root[data-cols=two]:not([data-face=above],[data-face=between]) .hero>div{grid-template-rows:1fr auto minmax(var(--links-gap), 1fr) auto 1fr;flex:1;display:grid}:root[data-cols=two]:not([data-face=above],[data-face=between]) .hero-grid{grid-row:2}:root[data-cols=two]:not([data-face=above],[data-face=between]) .hero-links{grid-row:4;margin-top:0}:root[data-cols=two] .hero-grid{column-gap:var(--face-gap);grid-template-columns:1.15fr 1fr;align-items:center}:root[data-cols=two][data-face=hero] .hero-grid{grid-template-areas:"name face""text face"}:root[data-cols=two][data-face=hero] .hero-face{justify-self:center}:root[data-cols=two][data-face=hero] .hero-head{width:calc(min(70vw, 26rem) * var(--face-k));max-width:100%;height:auto}:root[data-cols=two][data-face=hero] .hero-name{margin-top:1rem}:root[data-cols=two]:not([data-face=hero]) .hero-grid{grid-template-areas:"name desc""slogan desc"}:root[data-cols=two][data-face=between] .hero-grid{row-gap:var(--face-gap);grid-template-areas:"face face""name desc""slogan desc"}:root[data-cols=two]:not([data-face=hero]) .hero-text{display:contents}:root[data-cols=two]:not([data-face=hero]) .hero-slogan{grid-area:slogan}:root[data-cols=two]:not([data-face=hero]) .hero-desc{grid-area:desc}}@media (40rem<=width<64rem){:root[data-cols=two]:is([data-face=above],[data-face=between]) .hero{--lift:11rem;--links-gap:5.5rem}}@media (width>=64rem){:root:is([data-face=above],[data-face=between]) .hero>div{flex-direction:column;flex:1;display:flex}:root:is([data-face=above],[data-face=between]) .hero-grid{flex:1;align-content:center}:root[data-face=above] .hero{--links-gap:6rem;--links-bottom:4rem}:root[data-face=between] .hero{--links-gap:3rem}:root[data-face=between] .hero>div{justify-content:center}:root[data-face=between] .hero-grid{flex:none}}@media (width>=90rem){:root[data-cols=one] .hero-name{font-size:calc(clamp(3.25rem, min(17.5vw, 15svh), 9.5rem) * var(--name-k))}}:root[data-align=center] .hero-text{text-align:center}:root[data-align=center] .hero-desc{margin-inline:auto}:root[data-namealign=center] .hero-name{text-align:center;align-items:center}@keyframes hero-sway{0%,to{transform:rotate(0)scale(1)}20%{transform:rotate(-4deg)scale(1.03,.97)}40%{transform:rotate(1deg)scale(.98,1.02)}60%{transform:rotate(4deg)scale(1.03,.97)}80%{transform:rotate(-1deg)scale(.98,1.02)}}.hero-head[data-looking]{animation-play-state:paused}.hero-head[data-sling]{animation:none;translate:none;rotate:none;scale:none}.hero-face:has(>[data-sling]){z-index:55;position:relative}:root[data-wrecked] .hero{overflow:visible}@media (prefers-reduced-motion:reduce){.hero-head{animation:none}}