.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)}}.wetsuit-guide-stage{background-color:#000;margin:24px 0;position:relative}.wetsuit-guide-stage.animate .wetsuit-guide-stage__image{opacity:1;transform:translateY(0)}.wetsuit-guide-stage.animate .wetsuit-guide-stage__title{opacity:1;transform:translateY(0);transition-delay:.5s}.wetsuit-guide-stage.animate .headline,.wetsuit-guide-stage.animate .icon-text,.wetsuit-guide-stage.animate .topline{opacity:1;transform:translateZ(0);transition-delay:.75s}.wetsuit-guide-stage.animate .text-mechanical{opacity:1;transition-delay:1s}.wetsuit-guide-stage.animate .text-vertical .vertical-subline{opacity:1}.wetsuit-guide-stage__title{font-family:AuxMono,sans-serif;padding-bottom:50px;padding-left:90px;position:relative;transform:translate(-100%);transition:all .5s ease}@media only screen and (min-width:768px){.wetsuit-guide-stage__title{padding-left:200px;padding-top:150px}}.wetsuit-guide-stage__title .palm{left:16px;position:absolute;top:0}@media only screen and (min-width:768px){.wetsuit-guide-stage__title .palm{left:100px}}.wetsuit-guide-stage__title .topline{color:var(--color-main);font-family:HelveticaNowText,sans-serif;font-size:14px;font-weight:500;letter-spacing:3.05px;line-height:18px;margin-bottom:24px;opacity:0;text-transform:uppercase;transition:opacity .5s ease}@media only screen and (min-width:768px){.wetsuit-guide-stage__title .topline{font-size:18px}}.wetsuit-guide-stage__title .headline{color:var(--color-main);font-size:40px;font-weight:400;letter-spacing:.45px;opacity:0;text-transform:uppercase;transition:opacity .5s ease}@media only screen and (min-width:768px){.wetsuit-guide-stage__title .headline{font-size:60px}}.wetsuit-guide-stage__image{position:relative;transform:translate(100%);transition:all .5s ease}.wetsuit-guide-stage__image .text-mechanical{color:var(--color-main);left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.wetsuit-guide-stage__image .responsive-image,.wetsuit-guide-stage__image .responsive-image img{height:100%;width:100%}.wetsuit-guide-stage .icon-text{color:#fff;font-size:22px;line-height:22px;opacity:0;text-align:center;text-transform:uppercase;transform:translateY(100%);transition:all .5s ease}.wetsuit-guide-stage .icon-text img{display:inline-block}.wetsuit-guide-stage .text-vertical{bottom:130px;left:16px;position:absolute;transform:rotate(-90deg) translateY(100%);transform-origin:0 100%}@media only screen and (min-width:768px){.wetsuit-guide-stage .text-vertical{bottom:180px;left:100px}}.wetsuit-guide-stage .text-vertical .vertical-subline{color:var(--color-main);font-size:10px;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){.wetsuit-guide-stage .text-vertical .vertical-subline{font-size:12px}}
