@layer sections{.hero-page{isolation:isolate;--hero-photo:image-set(url(/assets/img/hero-bg-agentur.avif) type("image/avif"), url(/assets/img/hero-bg-agentur.webp) type("image/webp"));background-image:var(--hero-photo);color:var(--color-on-dark);padding-block:245px 64px;padding-inline:calc(var(--stage-x) + clamp(1.25rem, 9.9306vw, 143px)) calc(var(--stage-x) + 0px);background-position:50%;background-size:cover;min-block-size:767px;position:relative}.hero-page:before{content:"";z-index:-1;background-image:var(--gradient-hero);opacity:var(--hero-overlay-alpha);position:absolute;inset:0}.hero-page__title{z-index:1;max-inline-size:var(--title-measure,532px);background-image:var(--gradient-brand);font-size:var(--text-4xl);line-height:var(--leading-h1);color:var(--color-on-dark);position:relative}.hero-page__accent{color:var(--color-brand-to)}@supports (background-clip:text){.hero-page__title{background-clip:text}.hero-page__accent{color:#0000}}.hero-page__subtitle{z-index:1;font-size:var(--text-xl);font-weight:var(--weight-light);font-style:italic;line-height:var(--leading-lead);color:var(--color-on-dark);margin-block-start:59px;position:relative}.hero-page__cta{border-radius:var(--radius-2xl);block-size:37px;inline-size:195px;color:var(--color-on-brand);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-button);isolation:isolate;z-index:1;justify-content:center;align-items:center;margin-block-start:84px;text-decoration:none;display:inline-flex;position:relative}.hero-page__cta:before{content:"";z-index:-1;border-radius:inherit;background-image:var(--gradient-brand-button);box-shadow:var(--shadow-card);opacity:1;transition:filter var(--duration-fast) var(--ease-out);position:absolute;inset:0}.hero-page__cta:hover:before,.hero-page__cta:focus-visible:before{filter:brightness(1.12)}.hero-page__figure{aspect-ratio:1258.96/1173.7;pointer-events:none;z-index:0;justify-content:center;align-items:center;inline-size:1258.96px;display:flex;position:absolute;inset-block-start:-179px;inset-inline-start:calc(var(--stage-x) + 350px)}.hero-page__figure-frame{aspect-ratio:1015/866;flex:none;inline-size:80.622%;display:block;overflow:hidden;rotate:-21.13deg}.hero-page__figure-frame img{object-fit:cover;block-size:117.21%;inline-size:100%;max-inline-size:none}.hero-page[data-variant=blog]{--figure-ar:1 / 1;--hero-photo:image-set(url(/assets/img/hero-bg-blog.avif) type("image/avif"), url(/assets/img/hero-bg-blog.webp) type("image/webp"))}.hero-page[data-variant=garantie]{--figure-ar:1227.41 / 1213.96;--title-measure:725px;--hero-photo:image-set(url(/assets/img/hero-bg-garantie-2.avif) type("image/avif"), url(/assets/img/hero-bg-garantie-2.webp) type("image/webp"))}.hero-page[data-variant=blog] .hero-page__figure,.hero-page[data-variant=garantie] .hero-page__figure{aspect-ratio:var(--figure-ar)}.hero-page[data-variant=blog] .hero-page__figure-frame,.hero-page[data-variant=garantie] .hero-page__figure-frame{inline-size:100%;aspect-ratio:var(--figure-ar);rotate:none}.hero-page[data-variant=blog] .hero-page__figure-frame img,.hero-page[data-variant=garantie] .hero-page__figure-frame img{block-size:100%}@media (width>=64rem){.hero-page[data-variant=blog] .hero-page__figure{inline-size:1033px;inset-block-start:-18.963px;inset-inline-start:calc(var(--stage-x) + 513px)}.hero-page[data-variant=garantie] .hero-page__figure{inline-size:1227.41px;inset-block-start:-164.963px;inset-inline-start:calc(var(--stage-x) + 380px)}}@media (width<64rem){.hero-page{padding-block:177px 0;padding-inline:calc(var(--stage-x) + var(--gutter)) calc(var(--stage-x) + var(--gutter));min-block-size:0;display:flow-root}.hero-page__title{max-inline-size:none}.hero-page__accent{color:var(--color-brand-to)}@supports (background-clip:text){.hero-page__title{background-clip:text}.hero-page__accent{color:#0000}}.hero-page__subtitle{z-index:1;font-size:var(--text-xl);font-weight:var(--weight-light);font-style:italic;line-height:var(--leading-lead);color:var(--color-on-dark);margin-block-start:59px;position:relative}.hero-page__cta{border-radius:var(--radius-2xl);block-size:37px;inline-size:195px;color:var(--color-on-brand);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-button);isolation:isolate;z-index:1;justify-content:center;align-items:center;margin-block-start:84px;text-decoration:none;display:inline-flex;position:relative}.hero-page__cta:before{content:"";z-index:-1;border-radius:inherit;background-image:var(--gradient-brand-button);box-shadow:var(--shadow-card);opacity:1;transition:filter var(--duration-fast) var(--ease-out);position:absolute;inset:0}.hero-page__cta:hover:before,.hero-page__cta:focus-visible:before{filter:brightness(1.12)}.hero-page__cta{block-size:auto;min-block-size:44px}.hero-page__figure{inline-size:105%;margin-block:-24% -27%;margin-inline:auto -14%;position:static}.hero-page[data-variant=garantie] .hero-page__figure{inline-size:105%;margin-block:-22% -28%;margin-inline-end:-20.5%}.hero-page[data-variant=blog] .hero-page__figure{inline-size:95%;margin-block:-7% -32%;margin-inline-end:-17.5%}}@media (prefers-reduced-motion:no-preference){@keyframes hero-page-rise{0%{opacity:0;translate:0 28px}}@keyframes hero-page-settle{0%{scale:1.04}}.hero-page__title{animation:hero-page-rise .8s var(--ease-out) both}.hero-page__figure{animation:hero-page-settle 1.2s .1s var(--ease-out) both}}}