.duotone .story h1.headline-special-big,.duotone .story h2.headline-special-big,.story .h1,.story h1{font-family:var(--font-sans-compressed);font-size:50px;font-weight:100;line-height:46px;text-transform:uppercase}@media only screen and (min-width:1024px){.duotone .story h1.headline-special-big,.duotone .story h2.headline-special-big,.story .h1,.story h1{font-size:120px;line-height:100px}}.duotone .story .h2,.duotone .story h2{font-family:var(--font-sans);font-size:var(--text-2xl);font-weight:700;line-height:var(--line-height-base)}@media only screen and (min-width:1024px){.duotone .story .h2,.duotone .story h2{font-size:var(--text-4xl);line-height:40px}}.duotone .story .h3,.duotone .story h3{font-size:var(--text-lg);line-height:var(--line-height-base)}@media only screen and (min-width:1024px){.duotone .story .h3,.duotone .story h3{font-size:var(--text-3xl);line-height:45px}}.duotone .story .h5,.duotone .story h5{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--line-height-xxs)}@media only screen and (min-width:1024px){.duotone .story .h5,.duotone .story h5{font-size:var(--text-base);line-height:var(--line-height-sm)}}.protection-intro-stage{aspect-ratio:21/9;min-height:650px;overflow:hidden;padding:30px 50px 50px;position:relative;width:100%}@media only screen and (min-width:1024px){.protection-intro-stage{padding:32px 100px}}.protection-intro-stage.animate .protection-intro-stage__bg,.protection-intro-stage.animate .protection-intro-stage__palm,.protection-intro-stage.animate .protection-intro-stage__text-vertical .protection-intro-stage__vertical-subline{opacity:1}.protection-intro-stage.animate .protection-intro-stage__headline,.protection-intro-stage.animate .protection-intro-stage__icons,.protection-intro-stage.animate .protection-intro-stage__main-vertical,.protection-intro-stage.animate .protection-intro-stage__topline{opacity:1;transform:translateZ(0)}.protection-intro-stage__inner{align-items:center;display:flex;flex-direction:column}@media only screen and (min-width:1440px){.protection-intro-stage__inner{flex-direction:row-reverse;justify-content:flex-end}}.protection-intro-stage__icons{height:30px;opacity:0;transform:translate3d(-100%,0,0);transition:opacity .5s ease,transform .5s ease;transition-delay:1s;width:73px}.protection-intro-stage__text{display:flex;flex-direction:column;gap:24px;width:100%}@media only screen and (min-width:1024px){.protection-intro-stage__text{width:calc(50% - 16px)}}.protection-intro-stage h2.protection-intro-stage__headline{font-family:HelveticaNowText,sans-serif;font-size:14px;font-weight:500;letter-spacing:3.05px;line-height:18px;opacity:0;text-transform:uppercase;transform:translate3d(-100%,0,0);transition:opacity .5s ease,transform .5s ease;transition-delay:.75s}.protection-intro-stage h2.protection-intro-stage__headline>span{border:1px solid #fff;border-radius:16px;display:inline-block;height:20px;padding:0 8px}@media only screen and (min-width:768px){.protection-intro-stage h2.protection-intro-stage__headline>span{height:26px}}@media only screen and (min-width:768px){.protection-intro-stage h2.protection-intro-stage__headline{font-size:18px;letter-spacing:3.92px;line-height:24px}}.protection-intro-stage__bg{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:0;pointer-events:none;position:absolute;transition:opacity .5s ease;width:100vw;z-index:-1}.protection-intro-stage__mechanical{animation:mask-play 1.5s steps(15) forwards;animation-delay:1.1s;bottom:-100px;height:625px;-webkit-mask:var(--mask);mask:var(--mask);-webkit-mask-size:1600% 100%;mask-size:1600% 100%;position:absolute;right:-400px;width:615px;z-index:-1}@media only screen and (min-width:768px){.protection-intro-stage__mechanical{bottom:-100px;right:-200px}}.protection-intro-stage__palm{left:12px;opacity:0;position:absolute;top:30px;transition:opacity .75s ease,transform .75s ease;transition-delay:1.1s}@media only screen and (min-width:1024px){.protection-intro-stage__palm{left:24px;top:55px}}.protection-intro-stage h1{color:#e5007d;font-family:AuxMono,sans-serif;font-size:28px;letter-spacing:.67px;line-height:29px;text-transform:uppercase;transform:rotate(180deg) translate(0);writing-mode:vertical-lr}@media only screen and (min-width:768px){.protection-intro-stage h1{font-size:28px;letter-spacing:1.21px;transform:rotate(180deg) translate(-50%)}}@media only screen and (min-width:1440px){.protection-intro-stage h1{font-size:2.5vw;letter-spacing:1.21px;transform:rotate(180deg) translate(-50%)}}.protection-intro-stage__main-vertical{opacity:0;transform:translateY(-100%);transition:opacity .75s ease,transform .75s ease}.protection-intro-stage__text-vertical{bottom:65%;left:8px;position:absolute;transform:rotate(-90deg) translate(-50%,100%);transform-origin:0 100%}@media only screen and (min-width:768px){.protection-intro-stage__text-vertical{bottom:50%;left:8px}}@media only screen and (min-width:1024px){.protection-intro-stage__text-vertical{bottom:20%;left:20px}}.protection-intro-stage__vertical-subline{font-family:HelveticaNowText,sans-serif;font-size:10px;font-weight:500;letter-spacing:5.68px;opacity:0;text-transform:uppercase;transform:translate3d(-100%,0,0);transition:opacity .75s ease,transform .75s ease;transition-delay:1s}@media only screen and (min-width:768px){.protection-intro-stage__vertical-subline{font-size:12px}}@keyframes mask-play{0%{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:100% 0;mask-position:100% 0}}
