.gk-takos-image-hero{position:relative;isolation:isolate;overflow:hidden;min-height:720px;height:calc(100svh - 80px);max-height:1100px;background:#090b09;color:#e6e8e0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;align-items:center;padding:70px 36px 190px;box-sizing:border-box}.gk-takos-image-hero *{box-sizing:border-box}.gk-takos-image-hero__visual,.gk-takos-image-hero__fade,.gk-takos-image-hero__glitch{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.gk-takos-image-hero__visual{z-index:-3}.gk-takos-image-hero__visual>img{width:100%;height:100%;object-fit:cover;object-position:65% center;display:block}.gk-takos-image-hero__glitch{background:url(gotak-takos-overwatch-hero.png) 65% center/cover no-repeat;opacity:0}.gk-takos-image-hero__fade{z-index:-1;background:linear-gradient(90deg,#090b099e,#090b098c 18%,#090b096b 34%,#090b091f 66%,#090b090a),linear-gradient(0deg,#090b09 0%,rgba(9,11,9,.7) 12%,transparent 45%),linear-gradient(180deg,rgba(9,11,9,.45),transparent 28%)}.gk-takos-image-hero__content{max-width:760px;position:relative;z-index:1}.gk-takos-image-hero__eyebrow{font-size:13px;line-height:1.5;color:#aeb5a5;margin:0 0 30px}.gk-takos-image-hero h1{font:400 clamp(48px,5.7vw,100px)/1.02 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.055em;margin:0}.gk-takos-image-hero__description{font-size:17px;line-height:1.6;color:#c4c9bd;margin:28px 0 0}.gk-takos-image-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.gk-takos-image-hero__actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 22px;border:1px solid #e6e8e0;background:#e6e8e0;color:#182016;text-decoration:none;font-size:14px}.gk-takos-image-hero__actions a+a{background:#090b0973;border-color:#697161;color:#e6e8e0}.gk-takos-image-hero a:focus-visible{outline:2px solid #e6e8e0;outline-offset:5px}.gk-takos-image-hero__footer{position:absolute;bottom:32px;left:36px;right:36px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;z-index:1}.gk-takos-image-hero__footer>span{font-size:clamp(72px,9vw,172px);font-weight:400;line-height:.9;letter-spacing:-.065em}.gk-takos-image-hero__footer p{font-size:12px;line-height:1.5;color:#aeb5a5;margin:0 0 5px}.gk-takos-image-hero__footer p span{padding:0 8px}@media(min-width:1600px){.gk-takos-image-hero{padding-left:60px;padding-right:60px}.gk-takos-image-hero__footer{left:60px;right:60px}}@media(max-width:1000px){.gk-takos-image-hero{min-height:700px}.gk-takos-image-hero h1{font-size:64px}.gk-takos-image-hero__content{max-width:560px}.gk-takos-image-hero__fade{background:linear-gradient(90deg,#090b099e,#090b0973 45%,#090b0910),linear-gradient(0deg,#090b09 0%,transparent 70%)}}@media(max-width:700px){.gk-takos-image-hero{min-height:0;height:calc(100svh - 65px);height:calc(100dvh - 65px);max-height:none;padding:24px 20px max(20px,env(safe-area-inset-bottom));align-items:stretch;flex-direction:column}.gk-takos-image-hero__visual{bottom:auto;height:min(460px,65%)}.gk-takos-image-hero__visual>img{object-position:63% center}.gk-takos-image-hero__fade{background:linear-gradient(0deg,#090b09 0% 38%,#090b09d6 58%,#090b0914 90%)}.gk-takos-image-hero h1{font-size:clamp(39px,10.3vw,66px)}.gk-takos-image-hero__eyebrow{margin-bottom:18px}.gk-takos-image-hero__description{font-size:15px;margin-top:22px}.gk-takos-image-hero__actions{margin-top:24px}.gk-takos-image-hero__actions a{font-size:13px;padding:12px 16px}.gk-takos-image-hero__footer{left:20px;right:20px;bottom:26px;display:block}.gk-takos-image-hero__footer>span{font-size:64px}.gk-takos-image-hero__footer p{margin:14px 0 0;font-size:10px}}@media(prefers-reduced-motion:no-preference){.gk-takos-image-hero__glitch{animation:gk-takos-image-glitch 1.4s steps(1,end) .25s 1}.gk-takos-image-hero__content{animation:gk-takos-image-enter .8s ease-out both}}@keyframes gk-takos-image-glitch{0%,12%,26%,39%,55%,to{opacity:0;transform:none}13%,18%{opacity:.7;clip-path:inset(20% 0 72%);transform:translate(10px)}19%,25%{opacity:.45;clip-path:inset(64% 0 28%);transform:translate(-8px)}40%,44%{opacity:.65;clip-path:inset(42% 0 53%);transform:translate(6px)}45%,54%{opacity:.25;clip-path:inset(77% 0 18%);transform:translate(-4px)}}@keyframes gk-takos-image-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.gk-takos-image-hero__visual{overflow:hidden}@media(prefers-reduced-motion:no-preference){.gk-takos-image-hero__visual>img{animation:gk-takos-map-tour 9s cubic-bezier(.45,0,.2,1) 2s 1;transform-origin:50% 50%}}@keyframes gk-takos-map-tour{0%,8%,48%,55%,to{transform:translate(0) scale(1)}24%,34%{transform:translate(10%,-5%) scale(1.5)}72%,82%{transform:translate(-15%,5%) scale(1.65)}}@media(max-width:700px)and (prefers-reduced-motion:no-preference){.gk-takos-image-hero__visual>img{animation-name:gk-takos-map-tour-mobile}}@keyframes gk-takos-map-tour-mobile{0%,8%,48%,55%,to{transform:translate(0) scale(1)}24%,34%{transform:translate(8%,-4%) scale(1.3)}72%,82%{transform:translate(-10%,4%) scale(1.4)}}.gk-takos-image-hero__fade:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#090b09 0px,#090b09 36px,rgba(9,11,9,.6) 12%,transparent 32%)}@media(min-width:1600px){.gk-takos-image-hero__fade:before{background:linear-gradient(90deg,#090b09 0px,#090b09 60px,rgba(9,11,9,.6) 12%,transparent 32%)}}@media(max-width:700px){.gk-takos-image-hero__fade:before{background:linear-gradient(90deg,#090b09 0px,rgba(9,11,9,.9) 20px,transparent 32%)}}@media(max-width:700px){.gk-takos-image-hero__content{margin-top:auto;flex-shrink:0}.gk-takos-image-hero__footer{position:relative;inset:auto;flex-shrink:0;margin-top:clamp(20px,4dvh,40px)}}@media(max-width:700px)and (max-height:550px){.gk-takos-image-hero{height:auto;min-height:calc(100dvh - 65px)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/gotak-takos-image-hero.css.map */