.hero-dual{background:#231f26 url(./wall-pattern.jpg) repeat;color:#fff;padding-top:5rem;padding-bottom:5rem;overflow:hidden}@media (max-width: 960px){.hero-dual:nth-of-type(2){padding-top:0}}.hero-dual h1,.hero-dual h2,.hero-dual h3{color:#fff;line-height:1.1}.hero-dual h2{font-weight:600;font-size:56px;margin-bottom:.75rem}@media screen and (max-width: 470px){.hero-dual{padding-top:3rem}.hero-dual h1.headline{font-size:45px}.hero-dual h2{font-size:36px}}.hero-dual .button--empty{background-color:transparent}.hero-dual .button--empty.active,.hero-dual .button--empty:hover,.hero-dual .button--empty:focus{background-color:#9d8661}.hero-dual .container{display:flex;flex-wrap:wrap;padding-left:1rem;padding-right:1rem}@media (min-width: 961px){.hero-dual .container{gap:10rem}}.hero-dual-text{flex:0 1 484px;margin-bottom:2rem;min-height:575px;display:flex;flex-direction:column;justify-content:center}@media (max-width: 960px){.hero-dual-text{min-height:0}}.hero-dual-text-top-buttons{display:flex;flex-wrap:wrap;gap:2rem;padding:2.5rem 0;border-bottom:1px solid #a6a4a7;border-top:1px solid #a6a4a7;margin:2rem 0}.hero-dual-text-top-buttons .button{flex:1 1 150px}.hero-dual-text-premiere .button,.hero-dual-text-alloy .button{margin-top:1rem}.hero-dual-visual{flex:1 1 300px;position:relative}@media (max-width: 960px){.hero-dual-visual{order:-1}}.hero-dual-visual-ribbon{position:absolute;top:0;z-index:1;pointer-events:none}@media (min-width: 961px){.hero-dual-visual-alloy,.hero-dual-visual-premiere{position:absolute}}@media (max-width: 960px){.hero-dual-visual-alloy,.hero-dual-visual-premiere{max-width:100%;height:auto}}.hero-dual-visual-alloy p,.hero-dual-visual-premiere p{color:#a0a0a0}.hero-dual-visual-alloy .viewfinder,.hero-dual-visual-premiere .viewfinder{background:none;border:0 none;margin:0;padding:0;-webkit-appearance:none;position:absolute}.hero-dual-visual-alloy .viewfinder .screen-reader-text,.hero-dual-visual-premiere .viewfinder .screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.hero-dual-visual-alloy .viewfinder:before,.hero-dual-visual-premiere .viewfinder:before{content:"";width:12px;height:12px;background:#9d8661;border:white 5px solid;position:absolute;border-radius:50%;z-index:1;top:60px;left:-11px}.hero-dual-visual-alloy .viewfinder:after,.hero-dual-visual-premiere .viewfinder:after{content:"";width:35px;height:35px;border:white 5px solid;position:absolute;border-radius:50%;z-index:1;top:48px;left:-23px;opacity:.5;-webkit-animation:grow 2s infinite;animation:grow 2s infinite}.hero-dual-visual-highlight{position:absolute;top:6rem;left:6rem;z-index:1;max-width:285px;background:#fff;background:linear-gradient(#fff,#efefef);border:1px solid #fff;box-shadow:0 3px 6px #00000029;border-radius:7px;color:#030303;padding:1rem 1.25rem;opacity:0;-webkit-transform-origin:center left;transform-origin:center left;-webkit-transform:scale(.5) translate(-50%,-50%);transform:scale(.5) translate(-50%,-50%);visibility:hidden;transition:.25s ease}.hero-dual-visual-highlight img{width:100%;height:auto}@media (max-width: 960px){.hero-dual-visual-highlight{top:5rem;left:2rem}}.hero-dual-visual-highlight.active{visibility:visible;opacity:1;-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0)}.hero-dual-visual-highlight p{margin-bottom:0}.hero-dual-visual-alloy{right:0}@media (min-width: 961px){.hero-dual-visual-alloy{text-align:right}.hero-dual-visual-alloy .hero-dual-visual-highlight{left:unset;right:6rem;-webkit-transform-origin:center right;transform-origin:center right;-webkit-transform:scale(.5) translate(50%,-50%);transform:scale(.5) translate(50%,-50%)}.hero-dual-visual-alloy .hero-dual-visual-highlight.active{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0)}}@media (min-width: 961px) and (min-width: 961px){.hero-dual-visual-alloy .viewfinder{right:0;top:4rem}.hero-dual-visual-alloy .viewfinder:before{left:unset;right:-11px}.hero-dual-visual-alloy .viewfinder:after{left:unset;right:-23px}}@-webkit-keyframes grow{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:.5}60%,to{-webkit-transform:scale(1.325);transform:scale(1.325);opacity:0}}@keyframes grow{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:.5}60%,to{-webkit-transform:scale(1.325);transform:scale(1.325);opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/167/assets/hero-dual.css.map */