.section-cust-takeover-hero{position:relative;z-index:1}.takeover-hero,.takeover-hero *{box-sizing:border-box}.takeover-hero{--takeover-height: calc(100svh - var(--takeover-viewport-offset, 0px));--takeover-text-shadow: 0 4px 30px rgba(255, 236, 179, 1);background:rgb(var(--color-base-background-1));display:block;height:var(--takeover-height);min-height:0;overflow:hidden;position:relative;width:100%}.takeover-hero__media,.takeover-hero__picture,.takeover-hero__video-wrap,.takeover-hero__media-image,.takeover-hero__video,.takeover-hero__frost,.takeover-hero__reveal-canvas,.takeover-hero__figma-stroke-source,.takeover-hero__unlock,.takeover-hero__content{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.takeover-hero__figma-stroke-source{display:none}.takeover-hero__media{z-index:1}.takeover-hero__picture{display:block}.takeover-hero__media-image,.takeover-hero__video{display:block;object-fit:cover;object-position:center bottom}.takeover-hero__video-wrap{display:block}.takeover-hero__video-wrap--mobile{display:none}.takeover-hero__frost{-webkit-backdrop-filter:blur(var(--takeover-background-blur, 20px));backdrop-filter:blur(var(--takeover-background-blur, 20px));background:rgba(255,255,255,var(--takeover-overlay-opacity, .4));opacity:0;pointer-events:none;transition:opacity .8s ease-out;z-index:2}.takeover-hero__reveal-canvas{cursor:var(--takeover-brush-cursor, crosshair);opacity:0;touch-action:none;transition:opacity .5s ease-out;z-index:3}.takeover-hero__unlock{opacity:0;pointer-events:none;transition:opacity .4s ease-out;z-index:4}.takeover-hero__brush{display:none;left:58%;pointer-events:none;position:absolute;top:45%;transform:translate(-70%,-65%);transform-origin:center;width:330px;will-change:left,top}.takeover-hero__brush-image{display:block;height:100%;object-fit:contain;width:100%}.takeover-hero__brush-fallback{background:linear-gradient(135deg,#ffecb300,#d2a85ce6,#ffecb300);border-radius:999px;box-shadow:0 0 24px #ffecb3cc;display:block;height:18px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-18deg);width:130px}.takeover-hero__unlock-copy{bottom:80px;color:rgb(var(--color-base-text));display:flex;flex-direction:column;gap:16px;left:50%;position:absolute;text-align:center;text-shadow:var(--takeover-text-shadow);transform:translate(-50%);width:min(1148px,calc(100% - 96px))}.takeover-hero__unlock-subtitle,.takeover-hero__unlock-title,.takeover-hero__subtitle,.takeover-hero__title{margin:0}.takeover-hero__unlock-subtitle{font-family:var(--font-HelveticaNeue);font-size:20px;font-weight:500;letter-spacing:.05em;line-height:1.2;text-transform:uppercase}.takeover-hero__unlock-title{font-family:ChronicleDisplay-Light;font-size:80px;font-weight:300;line-height:1.2;text-transform:none}.takeover-hero__skip{-webkit-appearance:none;appearance:none;background:transparent;border:0;bottom:32px;color:rgb(var(--color-base-text));cursor:pointer;font-family:var(--font-HelveticaNeue);font-size:16px;font-weight:400;line-height:1.5;opacity:0;padding:8px;position:absolute;right:52px;text-decoration:underline;text-shadow:var(--takeover-text-shadow);transition:opacity .4s ease-out;z-index:5}.takeover-hero__skip:focus-visible{outline:2px solid currentColor;outline-offset:3px}.takeover-hero__content{display:flex;opacity:1;padding:48px 48px 80px;transition:opacity .65s ease-out,transform .65s ease-out;z-index:6}.takeover-hero__content-inner{display:flex;flex-direction:column;gap:16px;max-width:1148px;text-align:center;text-shadow:var(--takeover-text-shadow);width:fit-content}.takeover-hero__subtitle{color:var(--takeover-subtitle-color);font-family:var(--font-HelveticaNeue);font-size:16px;font-weight:500;letter-spacing:.05em;line-height:1.2;text-transform:uppercase}.takeover-hero__title{color:var(--takeover-title-color);font-family:ChronicleDisplay-Light;font-size:80px;font-style:normal;font-weight:300;line-height:1.2;text-transform:capitalize}.takeover-hero__buttons{display:flex;gap:20px;justify-content:inherit}.takeover-hero__button{align-items:center;display:inline-flex;font-family:var(--font-HelveticaNeue);font-size:13px;font-weight:500;height:42px;justify-content:center;letter-spacing:.1em;line-height:1.1;min-width:200px;text-decoration:none;text-transform:uppercase;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.takeover-hero__button--primary{background:#000;border:1px solid #000;color:#fff}.takeover-hero__button--secondary{background:transparent;border:1px solid #000;color:#333}.takeover-hero__button--primary:hover,.takeover-hero__button--primary:focus-visible{background:transparent;color:#000}.takeover-hero__button--secondary:hover,.takeover-hero__button--secondary:focus-visible{background:#000;color:#fff}.takeover-hero__button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.takeover-hero__content--desktop-top-left,.takeover-hero__content--desktop-top-center,.takeover-hero__content--desktop-top-right{align-items:flex-start}.takeover-hero__content--desktop-middle-left,.takeover-hero__content--desktop-middle-center,.takeover-hero__content--desktop-middle-right{align-items:center}.takeover-hero__content--desktop-bottom-left,.takeover-hero__content--desktop-bottom-center,.takeover-hero__content--desktop-bottom-right{align-items:flex-end}.takeover-hero__content--desktop-top-left,.takeover-hero__content--desktop-middle-left,.takeover-hero__content--desktop-bottom-left{justify-content:flex-start}.takeover-hero__content--desktop-top-center,.takeover-hero__content--desktop-middle-center,.takeover-hero__content--desktop-bottom-center{justify-content:center}.takeover-hero__content--desktop-top-right,.takeover-hero__content--desktop-middle-right,.takeover-hero__content--desktop-bottom-right{justify-content:flex-end}.takeover-hero__content--desktop-top-left .takeover-hero__content-inner,.takeover-hero__content--desktop-middle-left .takeover-hero__content-inner,.takeover-hero__content--desktop-bottom-left .takeover-hero__content-inner{align-items:flex-start;text-align:left}.takeover-hero__content--desktop-top-center .takeover-hero__content-inner,.takeover-hero__content--desktop-middle-center .takeover-hero__content-inner,.takeover-hero__content--desktop-bottom-center .takeover-hero__content-inner{align-items:center;text-align:center}.takeover-hero__content--desktop-top-right .takeover-hero__content-inner,.takeover-hero__content--desktop-middle-right .takeover-hero__content-inner,.takeover-hero__content--desktop-bottom-right .takeover-hero__content-inner{align-items:flex-end;text-align:right}.takeover-hero.is-locked .takeover-hero__frost,.takeover-hero.is-locked .takeover-hero__reveal-canvas,.takeover-hero.is-locked .takeover-hero__unlock,.takeover-hero.is-locked .takeover-hero__skip{opacity:1}.takeover-hero.is-locked .takeover-hero__reveal-canvas{cursor:var(--takeover-brush-cursor, crosshair);pointer-events:auto}.takeover-hero.is-locked .takeover-hero__content{opacity:0;pointer-events:none;transform:translateY(24px);visibility:hidden}.takeover-hero.is-revealed .takeover-hero__frost,.takeover-hero.is-revealed .takeover-hero__reveal-canvas,.takeover-hero.is-revealed .takeover-hero__unlock,.takeover-hero.is-revealed .takeover-hero__skip,.takeover-hero--animation-disabled .takeover-hero__frost,.takeover-hero--animation-disabled .takeover-hero__reveal-canvas,.takeover-hero--animation-disabled .takeover-hero__unlock,.takeover-hero--animation-disabled .takeover-hero__skip{opacity:0;pointer-events:none}.takeover-hero.is-revealed .takeover-hero__content,.takeover-hero--animation-disabled .takeover-hero__content{visibility:visible}@media screen and (min-width:769px){.takeover-hero{height:var(--takeover-height);min-height:0}}@media screen and (max-width:768px){.takeover-hero{height:var(--takeover-height);min-height:0}.takeover-hero__video-wrap--desktop{display:none}.takeover-hero__video-wrap--mobile{display:block}.takeover-hero__content{padding:32px}.takeover-hero__content-inner{max-width:100%;width:100%}.takeover-hero__subtitle{font-size:15px;letter-spacing:0;line-height:1.5}.takeover-hero__title{font-size:32px}.takeover-hero__buttons{flex-direction:column;gap:10px;width:min(232px,100%)}.takeover-hero__button{width:100%}.takeover-hero__brush{height:147px;left:58%;top:40%;width:118px}.takeover-hero__unlock-copy{bottom:72px;gap:12px;width:calc(100% - 64px)}.takeover-hero__unlock-subtitle{font-size:15px;letter-spacing:0;line-height:1.5}.takeover-hero__unlock-title{font-size:32px}.takeover-hero__skip{bottom:18px;font-size:14px;left:50%;right:auto;transform:translate(-50%)}.takeover-hero__content--mobile-top-left,.takeover-hero__content--mobile-top-center,.takeover-hero__content--mobile-top-right{align-items:flex-start}.takeover-hero__content--mobile-middle-left,.takeover-hero__content--mobile-middle-center,.takeover-hero__content--mobile-middle-right{align-items:center}.takeover-hero__content--mobile-bottom-left,.takeover-hero__content--mobile-bottom-center,.takeover-hero__content--mobile-bottom-right{align-items:flex-end}.takeover-hero__content--mobile-top-left,.takeover-hero__content--mobile-middle-left,.takeover-hero__content--mobile-bottom-left{justify-content:flex-start}.takeover-hero__content--mobile-top-center,.takeover-hero__content--mobile-middle-center,.takeover-hero__content--mobile-bottom-center{justify-content:center}.takeover-hero__content--mobile-top-right,.takeover-hero__content--mobile-middle-right,.takeover-hero__content--mobile-bottom-right{justify-content:flex-end}.takeover-hero__content--mobile-top-left .takeover-hero__content-inner,.takeover-hero__content--mobile-middle-left .takeover-hero__content-inner,.takeover-hero__content--mobile-bottom-left .takeover-hero__content-inner{align-items:flex-start;text-align:left}.takeover-hero__content--mobile-top-center .takeover-hero__content-inner,.takeover-hero__content--mobile-middle-center .takeover-hero__content-inner,.takeover-hero__content--mobile-bottom-center .takeover-hero__content-inner{align-items:center;text-align:center}.takeover-hero__content--mobile-top-right .takeover-hero__content-inner,.takeover-hero__content--mobile-middle-right .takeover-hero__content-inner,.takeover-hero__content--mobile-bottom-right .takeover-hero__content-inner{align-items:flex-end;text-align:right}}@media(prefers-reduced-motion:reduce){.takeover-hero__frost,.takeover-hero__reveal-canvas,.takeover-hero__unlock,.takeover-hero__skip{display:none}.takeover-hero__content{opacity:1!important;transform:none!important;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/1537/assets/cust-takeover-hero.css.map */