html,body{overflow:auto;overflow-x:clip}.hero-domains{position:relative;display:grid;grid-template-columns:60% 1fr;max-width:var(--wp--style--global--content-size);margin-inline:auto !important;margin-block:10rem 2rem !important}@media screen and (max-width: 62.5rem){.hero-domains{grid-template-columns:1fr;margin-top:8rem !important}}.hero-domains .domains__text{padding-inline:1rem}.hero-domains .domains__text h1{font-size:var(--wp--preset--font-size--max-46);font-weight:400;margin-bottom:1rem}@media screen and (max-width: 62.5rem){.hero-domains .domains__text h1{font-size:var(--wp--preset--font-size--x-large)}}.hero-domains .domains__text__heading{position:relative;height:15rem}@media screen and (max-width: 62.5rem){.hero-domains .domains__text__heading{height:10rem}}.hero-domains .domains__text__heading h2{position:absolute;top:0;left:0;right:0;font-size:var(--wp--preset--font-size--max-82);color:var(--domain-clr);font-weight:600;text-wrap:balance;margin-block:1rem;display:none;opacity:0;translate:-25vh 0;transition-property:all;transition-duration:1000ms;transition-behavior:allow-discrete}.hero-domains .domains__text__heading h2.active{display:block;opacity:1;translate:0 0;height:auto}@starting-style{.hero-domains .domains__text__heading h2.active{opacity:0;translate:-25vh 0}}@media screen and (max-width: 62.5rem){.hero-domains .domains__text__heading h2{font-size:var(--wp--preset--font-size--max-46)}}.hero-domains .domains__text strong{font-weight:900}.hero-domains .domains__buttons{display:flex;gap:.5rem;flex-wrap:nowrap}.hero-domains .domains__buttons__item{padding-inline:1.5rem;padding-block-start:.1em;padding-block-end:.2em;border:1px solid var(--domain-clr);border-radius:5rem;font-size:var(--wp--preset--font-size--small);text-transform:lowercase;cursor:pointer;transition:500ms ease-in-out}.hero-domains .domains__buttons__item.active{color:#fff;background-color:var(--domain-clr)}@media screen and (max-width: 62.5rem){.hero-domains .domains__buttons__item{padding-inline:.8em;font-size:var(--wp--preset--font-size--buttons)}}.hero-domains .domains__link{align-items:center;gap:2rem;font-size:var(--wp--preset--font-size--medium);text-decoration:none;color:var(--domain-clr);display:none}@media screen and (max-width: 62.5rem){.hero-domains .domains__link{gap:1rem}}.hero-domains .domains__link svg{transition:400ms cubic-bezier(1, 3, 0.79, 0.28)}@media screen and (max-width: 62.5rem){.hero-domains .domains__link svg{height:3rem;width:3rem}}.hero-domains .domains__link:hover svg{rotate:-30deg}.hero-domains .domains__link:hover svg g{fill:var(--domain-clr)}.hero-domains .domains__link:hover svg path{fill:#fff}.hero-domains .domains__link.active{display:flex}.hero-domains .domains__image{position:relative;width:120%}@media screen and (max-width: 62.5rem){.hero-domains .domains__image{height:11rem;margin-bottom:5rem;width:100%;scale:1.1}}.hero-domains .domains__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;display:none;opacity:0;transition-property:display opacity;transition-duration:2200ms;transition-behavior:allow-discrete}.hero-domains .domains__image img.active{display:block;opacity:1}@starting-style{.hero-domains .domains__image img.active{opacity:0}}.hero-domains .circle{position:absolute;top:-25rem;right:-20rem;width:70rem;border-radius:100%;aspect-ratio:1;background-color:color-mix(in oklab, var(--domain-clr), white 70%);z-index:-1;opacity:0;transition:900ms ease-in-out}.hero-domains .circle.active{opacity:1}@media screen and (max-width: 62.5rem){.hero-domains .circle{top:50%;left:50%;width:25rem;transform:translate(-50%, -50%)}}.hero-domains [domain-name=merken]{--domain-clr: var(--wp--preset--color--comm-on-merk)}.hero-domains [domain-name=webshops]{--domain-clr: var(--wp--preset--color--comm-on-webshop)}.hero-domains [domain-name=websites]{--domain-clr: var(--wp--preset--color--comm-on-website)}/*# sourceMappingURL=style.css.map */