.wp-block-umbrellas-case-study-hero{color:var(--wp--preset--color--black);isolation:isolate;margin-block:0;padding:var(--wp--preset--spacing--extra-large) var(--wp--style--root--padding-right) var(--wp--preset--spacing--extra-large) var(--wp--style--root--padding-left);padding-top:calc(var(--wp--custom--header-height) + var(--wp--preset--spacing--extra-large));position:relative}.wp-block-umbrellas-case-study-hero--light{color:var(--wp--preset--color--white)}.wp-block-umbrellas-case-study-hero__inner{margin-inline:auto;max-width:var(--wp--style--global--wide-size)}.wp-block-umbrellas-case-study-hero__backdrop{height:100%;inset:0;object-fit:cover;pointer-events:none;position:absolute;width:100%;z-index:-1}.wp-block-umbrellas-case-study-hero__heading{margin:var(--wp--preset--spacing--extra-large) auto;max-width:var(--wp--style--global--content-size);text-align:center;transform-origin:center bottom}.wp-block-umbrellas-case-study-hero__eyebrow{font-size:var(--wp--preset--font-size--tiny);letter-spacing:1px;line-height:1.2;margin:0 0 var(--wp--preset--spacing--extra-small);text-transform:uppercase}.wp-block-umbrellas-case-study-hero__title{margin:0;text-wrap:balance}.wp-block-umbrellas-case-study-hero__details,.wp-block-umbrellas-case-study-hero__visual{position:relative;z-index:1}.wp-block-umbrellas-case-study-hero__visual{margin:0 auto var(--wp--preset--spacing--large)}.wp-block-umbrellas-case-study-hero__image{display:block;height:auto;width:100%}.wp-block-umbrellas-case-study-hero__visual--image{max-width:80%}.wp-block-umbrellas-case-study-hero__device{margin-inline:auto;max-width:80%;position:relative}.wp-block-umbrellas-case-study-hero__frame{display:block;height:auto;position:relative;width:100%;z-index:1}.wp-block-umbrellas-case-study-hero__screen{clip-path:inset(10px 10px 65px 10px);inset:0;overflow:hidden;padding-top:1.25%;position:absolute}@media(max-width:1279px){.wp-block-umbrellas-case-study-hero__screen{clip-path:inset(8px 10px 50px 10px)}}.wp-block-umbrellas-case-study-hero__screenshot{display:block;height:auto;margin-inline:auto;width:83%;will-change:transform}.wp-block-umbrellas-case-study-hero__mobile{display:none;margin:0}.wp-block-umbrellas-case-study-hero__details{align-items:start;border-top:2px solid;display:grid;gap:var(--wp--preset--spacing--large);grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));padding-top:var(--wp--preset--spacing--large)}.wp-block-umbrellas-case-study-hero__facts{display:grid;gap:var(--wp--preset--spacing--medium);margin:0}.wp-block-umbrellas-case-study-hero__facts ul{list-style:none;margin:0;padding:0}.wp-block-umbrellas-case-study-hero__facts dt,.wp-block-umbrellas-case-study-hero__label{font-family:var(--wp--preset--font-family--circular);font-size:var(--wp--preset--font-size--large);font-weight:var(--wp--custom--font-weight--black);line-height:1.1;margin:0}.wp-block-umbrellas-case-study-hero__excerpt,.wp-block-umbrellas-case-study-hero__facts dd{font-size:var(--wp--preset--font-size--medium);line-height:var(--wp--custom--line-height--normal);margin:var(--wp--preset--spacing--extra-small) 0 0}.wp-block-umbrellas-case-study-hero__live-link{font-size:var(--wp--preset--font-size--medium);margin:var(--wp--preset--spacing--small) 0 0}.wp-block-umbrellas-case-study-hero__live-link a{box-sizing:border-box;color:inherit;display:inline-block;font-weight:var(--wp--custom--font-weight--bold);min-height:2.75rem;padding:.5rem 1.55em .5rem 0;position:relative;text-decoration:none}.wp-block-umbrellas-case-study-hero__live-link a:before{background-color:var(--wp--preset--color--digital-island);background-image:linear-gradient(var(--wp--preset--color--boat-day),var(--wp--preset--color--boat-day));background-repeat:no-repeat;background-size:0 100%;bottom:.25rem;content:"";height:.1em;inset-inline-start:0;position:absolute;transition:background-size var(--wp--custom--motion--duration--deliberate) var(--wp--custom--motion--easing--emphasized);width:calc(100% - 1.55em)}.wp-block-umbrellas-case-study-hero__live-link a:after{background-color:currentcolor;content:"";display:block;height:.8em;inset-inline-end:.2em;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 stroke=%27%23000%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272.5%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M4 12h15m-6-6 6 6-6 6%27/%3E%3C/svg%3E") center/contain no-repeat;position:absolute;top:50%;transform:translateY(-50%);transition:transform var(--wp--custom--motion--duration--fast) var(--wp--custom--motion--easing--standard);width:.8em}.wp-block-umbrellas-case-study-hero__live-link a.is-external:after,.wp-block-umbrellas-case-study-hero__live-link a[rel~=external]:after{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 stroke=%27%23000%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272.5%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M5 19 18 6M7 6h11v11%27/%3E%3C/svg%3E")}.wp-block-umbrellas-case-study-hero__live-link a:hover{box-shadow:none}.wp-block-umbrellas-case-study-hero__live-link a:focus-visible:before,.wp-block-umbrellas-case-study-hero__live-link a:hover:before{background-size:100% 100%}.wp-block-umbrellas-case-study-hero__live-link a:hover:after{transform:translate(.2em,-50%)}.wp-block-umbrellas-case-study-hero__live-link a.is-external:hover:after,.wp-block-umbrellas-case-study-hero__live-link a[rel~=external]:hover:after{transform:translate(.15em,calc(-50% - .15em))}@media(prefers-reduced-motion:reduce){.wp-block-umbrellas-case-study-hero__live-link a:after,.wp-block-umbrellas-case-study-hero__live-link a:before{transition:none}}@media(max-width:1023px){.wp-block-umbrellas-case-study-hero__details{grid-template-columns:repeat(3,minmax(0,1fr))}.wp-block-umbrellas-case-study-hero__summary{grid-column:1/-1}}@media(max-width:781px){.wp-block-umbrellas-case-study-hero__device,.wp-block-umbrellas-case-study-hero__visual--image{max-width:none}.wp-block-umbrellas-case-study-hero__screen{clip-path:inset(5px 10px 35px 10px);padding-top:1%}.has-mobile-image .wp-block-umbrellas-case-study-hero__device{display:none}.has-mobile-image .wp-block-umbrellas-case-study-hero__mobile{display:block}}@media(max-width:599px){.wp-block-umbrellas-case-study-hero__details{grid-template-columns:minmax(0,1fr)}.wp-block-umbrellas-case-study-hero__screen{clip-path:inset(5px 10px 20px 10px);padding-top:.5%}}