.wp-block-lohko-hero-showcase{--hero-showcase-accent:var(--wp--preset--color--royalblue);--hero-showcase-accent-2:var(--wp--preset--color--cyan);--hero-showcase-gradient:linear-gradient(100deg,var(--hero-showcase-accent) 0%,var(--hero-showcase-accent-2) 100%);--hero-showcase-ink:var(--wp--preset--color--white);--hero-showcase-soft:var(--wp--preset--color--lilyblue);--hero-showcase-muted:var(--wp--preset--color--greyblue);--hero-showcase-page:var(--wp--preset--color--dark);align-items:center;box-sizing:border-box;color:var(--hero-showcase-ink);display:flex;isolation:isolate;min-height:760px;overflow:clip;padding-block:72px 104px;position:relative;&.alignfull{margin-block:0}.hero-showcase__backdrop{inset:0;mask-composite:intersect;mask-image:linear-gradient(90deg,transparent,transparent calc(50% - 560px),rgba(0,0,0,.12) calc(50% - 230px),rgba(0,0,0,.75) calc(50% + 70px),#000 calc(50% + 360px)),linear-gradient(180deg,transparent,#000 170px,#000 calc(100% - 262px),transparent);overflow:hidden;pointer-events:none;position:absolute;z-index:0}.hero-showcase__image{display:block;height:auto;left:calc(50% - 630px);max-width:none;position:absolute;top:-72px;width:max(1680px,calc(50% + 760px))}.hero-showcase__inner{box-sizing:border-box;margin-inline:auto;max-width:var(--wp--style--global--wide-size);padding-inline:1rem;position:relative;width:100%;z-index:2}.hero-showcase__copy{align-items:flex-start;display:flex;flex-direction:column;gap:26px;max-width:680px}.hero-showcase__badge{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.12);border-radius:999px;box-sizing:border-box;display:inline-flex;gap:9px;margin:0;max-width:100%;padding:8px 18px}.hero-showcase__badge-dot{background:var(--hero-showcase-accent);border-radius:50%;flex-shrink:0;height:6px;width:6px}.hero-showcase__eyebrow{color:var(--hero-showcase-muted);font-size:.71875rem;font-weight:600;letter-spacing:.12em;line-height:1.4;text-transform:uppercase}.hero-showcase__title{color:var(--hero-showcase-ink);font-size:clamp(3.5rem,5vw,4.5rem);font-weight:800;letter-spacing:-.035em;line-height:1.02;margin:0;overflow-wrap:break-word;em{background:var(--hero-showcase-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}}.hero-showcase__description{color:var(--hero-showcase-soft);font-size:1.25rem;line-height:1.55;margin:0;a{color:var(--hero-showcase-accent-2)}}.hero-showcase__rotator{color:var(--hero-showcase-muted);font-size:1.125rem;line-height:1.6;margin:0}.hero-showcase__phrases{display:grid;margin-top:4px}.hero-showcase__phrase{color:var(--hero-showcase-ink);font-size:1.25rem;font-weight:500;grid-area:1/1;padding-bottom:2px}.hero-showcase__phrases:not(.is-rotating,.hero-showcase__phrases--editing) .hero-showcase__phrase:not(:first-child){visibility:hidden}.hero-showcase__phrases.is-rotating .hero-showcase__phrase{opacity:0;transform:translateY(10px);transition:opacity .3s ease-out,transform .3s ease-out;&.is-active{opacity:1;transform:none;transition-delay:.3s}&.is-leaving{opacity:0;transform:translateY(-10px)}}.hero-showcase__actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-top:6px}.hero-showcase__button{align-items:center;border:1px solid transparent;border-radius:999px;box-sizing:border-box;display:inline-flex;font-size:1rem;font-weight:700;gap:8px;justify-content:center;line-height:1.2;padding:17px 32px;text-decoration:none;transition:translate .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.hero-showcase__button-icon{flex-shrink:0;transition:translate .2s ease}.hero-showcase__button--primary{background-image:linear-gradient(120deg,var(--hero-showcase-accent) 0,var(--hero-showcase-accent-2) 100%);box-shadow:0 12px 28px color-mix(in srgb,var(--hero-showcase-accent) 35%,transparent);color:var(--hero-showcase-page);&:hover{box-shadow:0 16px 34px color-mix(in srgb,var(--hero-showcase-accent) 45%,transparent);color:var(--hero-showcase-page);translate:0 -2px}&:hover .hero-showcase__button-icon{translate:3px 0}}.hero-showcase__button--secondary{background-color:hsla(0,0%,100%,.02);border-color:hsla(0,0%,100%,.14);color:var(--hero-showcase-ink);font-weight:600;&:hover{background-color:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.28);color:var(--hero-showcase-ink)}}.hero-showcase__button:focus-visible,.hero-showcase__result-link:focus-visible{outline:2px solid var(--hero-showcase-accent-2);outline-offset:3px}.hero-showcase__stage{inset:0;margin-inline:auto;max-width:1440px;pointer-events:none;position:absolute;z-index:3}.hero-showcase__card{backdrop-filter:blur(14px);background:color-mix(in srgb,var(--wp--preset--color--darkestblue) 80%,transparent);border:1px solid hsla(0,0%,100%,.12);border-radius:16px;box-shadow:0 24px 48px -16px rgba(0,0,0,.7);box-sizing:border-box;color:var(--hero-showcase-ink);font-size:.8125rem;line-height:1.4;padding:14px 16px;pointer-events:auto;position:absolute;p{margin:0}}.hero-showcase__card--question{right:110px;top:44px;width:260px}.hero-showcase__card--insight{box-shadow:0 24px 48px -16px rgba(0,0,0,.7),0 0 0 1px color-mix(in srgb,var(--hero-showcase-accent) 25%,transparent);right:40px;top:320px;width:230px}.hero-showcase__card--result{bottom:90px;right:130px;width:270px}.hero-showcase__question-head{color:var(--hero-showcase-muted);display:flex;font-size:.6875rem;font-weight:700;gap:8px;justify-content:space-between}.hero-showcase__question-label{letter-spacing:.08em;text-transform:uppercase}.hero-showcase__question-brand{color:var(--hero-showcase-accent-2)}.hero-showcase__progress{background:hsla(0,0%,100%,.1);border-radius:4px;height:4px;margin:8px 0 12px;overflow:hidden;span{background:linear-gradient(90deg,var(--hero-showcase-accent),var(--hero-showcase-accent-2));display:block;height:100%}}.hero-showcase__question-title{font-size:.9375rem;font-weight:700;line-height:1.3;margin-bottom:4px!important}.hero-showcase__option{align-items:center;border:1px solid hsla(0,0%,100%,.14);border-radius:10px;color:var(--hero-showcase-soft);display:flex;font-size:.78125rem;font-weight:600;gap:8px;margin-top:6px;padding:9px 11px}.hero-showcase__option-dot{align-items:center;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;box-sizing:border-box;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.hero-showcase__option--selected{background:linear-gradient(120deg,var(--hero-showcase-accent),var(--hero-showcase-accent-2));border-color:transparent;color:var(--hero-showcase-page);.hero-showcase__option-dot{background:var(--hero-showcase-page);border:0;color:var(--hero-showcase-accent-2)}}.hero-showcase__card-label{align-items:center;color:var(--hero-showcase-muted);display:flex;font-size:.65625rem;font-weight:700;gap:6px;letter-spacing:.1em;margin-bottom:8px!important;text-transform:uppercase}.hero-showcase__card-dot{background:var(--hero-showcase-accent);border-radius:50%;flex-shrink:0;height:6px;width:6px}.hero-showcase__card--result .hero-showcase__card-dot{background:linear-gradient(120deg,var(--hero-showcase-accent),var(--hero-showcase-accent-2))}.hero-showcase__insight-text{color:var(--hero-showcase-muted);font-size:.78125rem;margin-bottom:6px!important}.hero-showcase__insight-tag{background:color-mix(in srgb,var(--hero-showcase-accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--hero-showcase-accent) 40%,transparent);border-radius:999px;display:inline-flex;font-size:.8125rem;font-weight:700;padding:6px 11px}.hero-showcase__result-row{align-items:center;display:flex;gap:10px;justify-content:space-between}.hero-showcase__result-title{font-size:.9375rem;font-weight:700}.hero-showcase__result-link{background:var(--hero-showcase-ink);border-radius:10px;color:var(--hero-showcase-page);display:inline-block;flex-shrink:0;font-size:.75rem;font-weight:700;padding:8px 13px;text-decoration:none;transition:translate .2s ease,box-shadow .2s ease;&:hover{box-shadow:0 8px 20px -6px color-mix(in srgb,var(--hero-showcase-accent-2) 60%,transparent);color:var(--hero-showcase-page);translate:0 -1px}}.hero-showcase__journey{height:100%;pointer-events:none;position:absolute;right:0;top:0;width:44%;z-index:-1}}@keyframes hero-showcase-in{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}@keyframes hero-showcase-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:no-preference){.wp-block-lohko-hero-showcase{.hero-showcase__card{animation:hero-showcase-in .7s cubic-bezier(.16,1,.3,1) both,hero-showcase-float 7s ease-in-out infinite}.hero-showcase__card--question{animation-delay:.3s,.3s}.hero-showcase__card--insight{animation-delay:1.1s,-2.3s}.hero-showcase__card--result{animation-delay:1.9s,-4.6s}}}@media (prefers-reduced-motion:reduce){.wp-block-lohko-hero-showcase{.hero-showcase__button,.hero-showcase__button-icon,.hero-showcase__result-link{transition:none}.hero-showcase__button:hover,.hero-showcase__button:hover .hero-showcase__button-icon,.hero-showcase__result-link:hover{translate:none}}}@media (max-width:1180px){.wp-block-lohko-hero-showcase{display:block;min-height:0;overflow:visible;padding-block:0 48px;.hero-showcase__stage{display:none}.hero-showcase__backdrop{height:calc(484px + var(--hero-showcase-lift, 0px));inset:calc(var(--hero-showcase-lift, 0px)*-1) 0 auto;mask-composite:add;mask-image:linear-gradient(180deg,rgba(0,0,0,.45),#000 120px,#000 60%,rgba(0,0,0,.4) 85%,transparent)}.hero-showcase__image{height:100%;object-fit:cover;object-position:var(--hero-showcase-focal-x,55%) var(--hero-showcase-focal-y,70%);position:static;width:100%}.hero-showcase__copy{gap:18px;padding-top:170px}.hero-showcase__badge{padding:7px 14px}.hero-showcase__eyebrow{font-size:.65625rem}.hero-showcase__title{font-size:clamp(2.25rem,6vw + 1rem,3rem);letter-spacing:-.03em;line-height:1.06}.hero-showcase__description{font-size:1.0625rem}.hero-showcase__rotator{font-size:1rem}.hero-showcase__phrase{font-size:1.125rem}.hero-showcase__actions{align-items:stretch;flex-direction:column;gap:10px;margin-top:4px;max-width:440px;width:100%}.hero-showcase__button{padding:15px 24px;width:100%}}}@media (max-width:599px){.wp-block-lohko-hero-showcase{.hero-showcase__image{transform:scale(var(--hero-showcase-zoom,1.5));transform-origin:var(--hero-showcase-focal-x,55%) var(--hero-showcase-focal-y,70%)}.hero-showcase__copy{padding-top:130px}}}