@layer components{.hero{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:var(--size-lg);scroll-margin-top:var(--header-height);@media (max-width:639px){margin-bottom:var(--size-xxl)}}.hero__img-background{z-index:var(--z-bg);width:100%;height:max(40rem,calc(62dvh - var(--header-height)));object-fit:cover;@media (max-width:639px){height:60rem}}.hero__intro{position:absolute;bottom:calc(-1 * var(--size-lg));margin-inline:calc(var(--section-padding-inline) + var(--section-content-padding-inline));max-width:min(80rem,100dvw);padding-block:var(--size-md);padding-inline:calc(var(--size-md) * 5);border-radius:var(--size-md);background-color:var(--col-white);box-shadow:var(--shadow);display:flex;align-items:flex-start;gap:var(--size-md);@media (max-width:639px){flex-direction:column;align-items:center;padding-inline:var(--size-md);-webkit-padding-before:var(--size-lg);padding-block-start:var(--size-lg);gap:var(--size-sm);max-width:calc(100dvw - var(--size-md) * 2)}}.hero__intro-img{position:absolute;flex:none;width:unset;height:unset;filter:drop-shadow(var(--shadow-sm));@media (max-width:639px){position:unset}&.hero__intro-img--plumber{width:16rem;top:calc(-1 * var(--size-lg));left:calc(-1 * var(--size-lg));@media (max-width:639px){left:unset;margin-top:-24rem}&.jump{--amplitude:var(--size-lg)!important;animation:jump var(--transition-slow)!important}}&.hero__intro-img--since-98{width:10rem;top:calc(-1 * var(--size-md));right:calc(-1 * var(--size-md));@media (max-width:639px){margin-bottom:calc(-1 * var(--size-xl))}}}.hero__texts{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:var(--size-xs)}.hero__text{color:color-mix(in srgb,var(--col-dark) 80%,transparent)}}