@font-face{
  font-family:"Titan One";
  src:url("/featured/fonts/titan-one.woff2") format("woff2"),
      url("/featured/fonts/titan-one.woff") format("woff");
  font-weight:400; font-style:normal; font-display:optional;
}

.fa-reel {position:relative;isolation:isolate;background:#05070b;color:#fff;overflow-x:clip;width:100%;max-width:100%}
.fa-intro {position:relative;z-index:2;padding:2.2rem 1.25rem .4rem;max-width:80rem;margin:0 auto}
@media(min-width:768px){.fa-intro {padding:3rem 2.5rem .25rem}}
.fa-intro-kicker {margin:0;font-size:.72rem;font-weight:800;letter-spacing:.32em;text-transform:uppercase;color:#e4c55a}

.fa-panel {
  --fa-c1:#25144B; --fa-c2:#F64426; --fa-c3:#F65119;
  position:relative; display:grid; min-height:100vh; min-height:100svh;
  grid-template-columns:1fr; align-items:end;
  overflow-x:clip; overflow-y:visible;
  color:#fff;
  width:100%; max-width:100%;
}
@media(min-width:768px){
  .fa-panel {grid-template-columns:minmax(0,1.15fr) minmax(0,1.05fr); align-items:stretch}
  .fa-panel--right {grid-template-columns:minmax(0,1.2fr) minmax(0,1.05fr)}
  .fa-panel--left {grid-template-columns:minmax(0,1.05fr) minmax(0,1.2fr)}
}

.fa-bg {position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; background:var(--fa-c1)}
.fa-bg img {

  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center;
  transform:scale(1.12); transform-origin:center center; will-change:transform;
}
.fa-bg::after {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--fa-c1) 78%, #000) 0%, transparent 58%, color-mix(in srgb, var(--fa-c1) 18%, transparent) 100%),
    linear-gradient(180deg, rgba(0,0,0,.18) 0%, transparent 30%, rgba(0,0,0,.5) 100%);
  transition:opacity .45s ease;
}
.fa-panel--left .fa-bg::after {
  background:
    linear-gradient(270deg, color-mix(in srgb, var(--fa-c1) 78%, #000) 0%, transparent 58%, color-mix(in srgb, var(--fa-c1) 18%, transparent) 100%),
    linear-gradient(180deg, rgba(0,0,0,.18) 0%, transparent 30%, rgba(0,0,0,.5) 100%);
}
.fa-panel.is-hot .fa-bg::after {opacity:.72}
.fa-fx {position:absolute; inset:0; z-index:2; width:100%; height:100%; pointer-events:none}

.fa-copy {
  position:relative; z-index:4;
  padding:1.5rem 1.25rem 2.4rem; max-width:44rem; min-width:0;
  display:flex; flex-direction:column; justify-content:center;
}
@media(min-width:768px){
  .fa-copy {padding:8vh 3rem 12vh 6vw; max-width:none}
  .fa-panel--right .fa-copy {grid-column:1; grid-row:1; padding:8vh 3rem 12vh 6vw}
  .fa-panel--left .fa-copy {grid-column:2; grid-row:1; padding:8vh 6vw 12vh 2.5rem}
}
.fa-kicker {
  margin:0 0 .85rem; font-size:.7rem; font-weight:800; letter-spacing:.28em; text-transform:uppercase; color:var(--fa-c3)
}

.fa-display {
  margin:0; font-family:"Titan One","Arial Black",Impact,system-ui,sans-serif;
  font-weight:400; font-size:clamp(2.7rem, 6vw, 6rem); line-height:.9;
  text-transform:uppercase; letter-spacing:-.02em; color:#fff;
  -webkit-text-stroke:3px #0a0610;
  paint-order:stroke fill;
  max-width:100%;
  overflow-wrap:normal;
  filter:drop-shadow(0 5px 0 var(--fa-c2)) drop-shadow(0 10px 0 #0a0610) drop-shadow(0 18px 28px rgba(0,0,0,.55));
}
.fa-display span {display:block}
.fa-status {
  display:inline-block; margin-top:1rem; padding:.35rem .7rem;
  font-size:.72rem; font-weight:900; letter-spacing:.2em; text-transform:uppercase;
  color:#0a0610; background:var(--fa-c3);
  box-shadow:0 0 24px color-mix(in srgb, var(--fa-c3) 55%, transparent);
}
.fa-reveal {
  overflow:hidden; max-height:0; opacity:0; transform:translateY(18px);
  transition:max-height .55s ease, opacity .45s ease, transform .5s cubic-bezier(.2,.7,.2,1);
}
.fa-panel.is-hot .fa-reveal, .fa-panel:focus-within .fa-reveal, .fa-panel.is-reduced .fa-reveal {
  max-height:14rem; opacity:1; transform:none;
}
.fa-tag {margin:1.1rem 0 0; font-size:clamp(1.05rem, 2.2vw, 1.45rem); line-height:1.35; font-weight:700; color:#fff; text-shadow:0 2px 12px #000}
.fa-note {margin:.55rem 0 0; font-size:.92rem; color:rgba(255,255,255,.7)}
.fa-cta {
  margin-top:1.25rem; display:inline-flex; align-items:center; gap:.55rem; width:max-content;
  padding:.85rem 1.15rem; font-size:.95rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase;
  color:#0a0610; background:var(--fa-c3); text-decoration:none;
  box-shadow:0 0 0 3px #0a0610, 0 12px 32px color-mix(in srgb, var(--fa-c3) 40%, transparent);
  transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;
}
.fa-cta svg {width:1.05rem; height:1.05rem; flex-shrink:0}
.fa-cta:hover, .fa-cta:focus-visible {transform:translateY(-2px) scale(1.03); filter:brightness(1.08); outline:none}
.fa-cta:focus-visible {box-shadow:0 0 0 3px #0a0610, 0 0 0 6px var(--fa-c3)}

.fa-model {
  position:relative; z-index:3;
  display:flex; align-items:flex-end; justify-content:center;
  height:min(72vw, 28rem); margin:0 0 -8vh; pointer-events:none;
  filter:drop-shadow(0 0 28px color-mix(in srgb, var(--fa-c3) 55%, transparent)) drop-shadow(0 18px 40px rgba(0,0,0,.55));
  transition:filter .45s ease;
  will-change:transform;
  transform:translate3d(0,var(--fa-py,0px),0);
}
.fa-model-inner {
  display:flex; align-items:flex-end; justify-content:center;
  width:100%; height:100%;
  transition:transform .55s cubic-bezier(.2,.7,.2,1);
}
.fa-panel.is-hot .fa-model-inner, .fa-panel:focus-within .fa-model-inner {transform:scale(1.1) rotate(-3deg)}
.fa-panel--left.is-hot .fa-model-inner, .fa-panel--left:focus-within .fa-model-inner {transform:scale(1.1) rotate(3deg)}
.fa-panel.is-hot .fa-model, .fa-panel:focus-within .fa-model {
  filter:drop-shadow(0 0 64px color-mix(in srgb, var(--fa-c3) 88%, transparent)) drop-shadow(0 18px 40px rgba(0,0,0,.55));
}
.fa-model video, .fa-model img {
  width:auto; height:110%; max-width:none; object-fit:contain;
  background:transparent;
}
@media(min-width:768px){
  .fa-poster--sm {display:none}
  .fa-poster--lg {display:block}
  .fa-model {height:auto; min-height:100%; align-items:center; margin:0}
  .fa-panel--right .fa-model {grid-column:2; grid-row:1; margin:0 -8vw -4vh -2vw}
  .fa-panel--left .fa-model {grid-column:1; grid-row:1; margin:0 -2vw -4vh -8vw}
  .fa-model video, .fa-model img {height:min(128%, 108vh); width:auto; max-width:none}
  .fa-panel--backpacks .fa-model video, .fa-panel--backpacks .fa-model img {height:min(155%, 128vh)}



}

.fa-model .fa-anim-fallback {display:none}
.fa-model.is-fallback video {display:none}
.fa-model.is-fallback .fa-anim-fallback {display:block}
.fa-model .fa-poster {position:absolute; inset:auto 0 0; margin:auto; z-index:0}
.fa-model video, .fa-model .fa-anim-fallback {position:relative; z-index:1}

.fa-panel--security {--fa-c1:#25144B;--fa-c2:#F64426;--fa-c3:#F65119}
.fa-panel--spirits {--fa-c1:#0E1219;--fa-c2:#134062;--fa-c3:#0176B3}
.fa-panel--backpacks {--fa-c1:#0A3C52;--fa-c2:#DD9C09;--fa-c3:#F8D315}

@media(max-width:767px){
  .fa-panel {min-height:0}
  .fa-model {height:480px; margin:1.25rem 0 0}
  .fa-model video, .fa-model img {height:480px; max-width:100%}
  .fa-copy {padding:0 1.15rem 2.6rem}
  .fa-display {font-size:clamp(2.4rem, 14vw, 3.6rem); -webkit-text-stroke:2px #0a0610}

  .fa-reveal {max-height:14rem; opacity:1; transform:none}
}

.fa-fx {max-width:100%}

.fa-panel--security .fa-bg::before {
  content:""; position:absolute; inset:-20% -30%;
  background:linear-gradient(118deg,
    transparent 0 44%,
    rgba(246,68,38,0) 47.5%,
    rgba(246,81,25,.5) 50%,
    rgba(246,68,38,0) 52.5%,
    transparent 56%);
  background-size:220% 220%;
  background-repeat:no-repeat;
  background-position:130% 0;
  animation:fa-laser-sweep 7s ease-in-out infinite;
  mix-blend-mode:screen;
  opacity:.5;
  pointer-events:none;
  z-index:1;
}
@keyframes fa-laser-sweep{
  0% {background-position:140% -10%}
  100% {background-position:-50% 30%}
}

.fa-panel--backpacks .fa-model {
  filter:drop-shadow(0 18px 40px rgba(0,0,0,.55));
}
.fa-panel--backpacks.is-hot .fa-model, .fa-panel--backpacks:focus-within .fa-model {
  filter:drop-shadow(0 18px 40px rgba(0,0,0,.55)) drop-shadow(0 0 22px rgba(248,211,21,.35));
}
.fa-panel--backpacks .fa-model video, .fa-panel--backpacks .fa-model img {
  filter:none;
}
.fa-panel--backpacks .fa-model::after {
  content:""; position:absolute;
  inset:18% 22% 16%; z-index:0;
  background:radial-gradient(ellipse at 50% 55%,
    transparent 0 42%,
    rgba(248,211,21,.5) 58%,
    transparent 74%);
  filter:blur(8px);
  pointer-events:none;
}
.fa-panel--backpacks .fa-bg::after {
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--fa-c1) 78%, #000) 0%, color-mix(in srgb, var(--fa-c1) 36%, transparent) 36%, transparent 58%, color-mix(in srgb, var(--fa-c1) 10%, transparent) 100%),
    linear-gradient(180deg, rgba(0,0,0,.18) 0%, transparent 32%, rgba(0,0,0,.42) 100%);
}
@media(max-width:767px){
  .fa-panel--backpacks .fa-model::after {
    inset:24% 26% 20%;
    opacity:.55;
    filter:blur(6px);
    background:radial-gradient(ellipse at 50% 55%,
      transparent 0 48%,
      rgba(248,211,21,.4) 62%,
      transparent 76%);
  }
}

@media(max-width:767px){
  .fa-panel {overflow-x:clip; overflow-y:clip}
  .fa-copy, .fa-model, .fa-display {max-width:100%}
  .fa-model {overflow-x:clip}
  .fa-poster--lg {display:none}
  .fa-poster--sm {display:block}
}

@media(prefers-reduced-motion:reduce){
  .fa-model, .fa-reveal, .fa-cta, .fa-bg img, .fa-bg::before {transition:none!important; animation:none!important; transform:none!important}
  .fa-fx {display:none}
  .fa-panel--security .fa-bg::before {display:none}
  .fa-model video, .fa-model .fa-anim-fallback {display:none!important}
  .fa-model .fa-poster {position:relative}
}

.fa-panel {overflow:clip; overflow-clip-margin:0px; contain:paint}
@media(min-width:768px){
  .fa-panel {min-height:clamp(26rem,64vh,46rem); min-height:clamp(26rem,64svh,46rem)}
  .fa-copy, .fa-panel--right .fa-copy {padding:5vh 2.5rem 6vh 6vw}
  .fa-panel--left .fa-copy {padding:5vh 6vw 6vh 2.5rem}
  .fa-display {font-size:clamp(2.5rem, 5vw, 5rem)}
  .fa-panel--right .fa-model {margin:0 -6vw 0 -2vw}
  .fa-panel--left .fa-model {margin:0 -2vw 0 -6vw}

  .fa-model {contain:size}

  .fa-model video, .fa-model img {height:100%}
}
@media(min-width:768px){
  .fa-panel--right.fa-panel--backpacks .fa-model {margin-right:0; padding-right:2.5vw; box-sizing:border-box}
}
@media(min-width:1100px){
  .fa-panel--backpacks {grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr)}
}

.fa-panel--spirits .fa-model-inner, .fa-panel--backpacks .fa-model-inner {position:relative}
.fa-panel--spirits .fa-model video, .fa-panel--spirits .fa-model img, .fa-panel--backpacks .fa-model video, .fa-panel--backpacks .fa-model img {
  position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:contain; margin:0;
}
.fa-poster--sm {display:none}

.fa-panel--spirits {--fa-c1:#07101d;--fa-c2:#134062;--fa-c3:#38A6D7}
.fa-panel--spirits .fa-model {filter:drop-shadow(0 0 34px rgba(56,166,215,.45)) drop-shadow(0 18px 40px rgba(0,0,0,.6))}
.fa-panel--spirits .fa-model-inner {aspect-ratio:1440/1080; width:auto; height:108%; align-self:flex-end; margin-bottom:-12%; flex:none}
.fa-panel--spirits.is-hot .fa-model-inner, .fa-panel--spirits:focus-within .fa-model-inner {transform:scale(1.05) rotate(2deg)}
.fa-panel--spirits .fa-bg::before {
  content:""; position:absolute; inset:-10%; z-index:1; pointer-events:none; mix-blend-mode:screen;
  background:
    radial-gradient(ellipse 30% 26% at 49% 26%, rgba(120,200,255,.35), transparent 70%),
    repeating-linear-gradient(104deg, transparent 0 7%, rgba(56,166,215,.10) 9%, transparent 12%);
  animation:fa-moon 9s ease-in-out infinite alternate;
}
@keyframes fa-moon{from {transform:translateX(-2%);opacity:.7}to {transform:translateX(2%);opacity:1}}

.fa-panel--backpacks .fa-model-inner {aspect-ratio:1600/1080; height:auto; width:min(100%, 58vw); align-self:center; flex:none}
@media(min-width:768px) and (max-width:1023px){

  .fa-panel--backpacks .fa-model-inner {width:min(150%, 62vw); transform-origin:85% 50%}
}
.fa-panel--backpacks .fa-model::after {display:none}
.fa-badge {display:flex; flex-direction:column; align-items:flex-start; gap:.55rem; margin-top:1.1rem}
.fa-badge-pill {
  display:inline-flex; align-items:center; gap:.5rem; padding:.45rem .8rem .45rem .7rem;
  font-size:.8rem; font-weight:900; letter-spacing:.14em; text-transform:uppercase; color:#0a0610;
  background:linear-gradient(90deg,#ff7a1a 0%,#ffd23f 50%,#3fc7ff 100%);
  box-shadow:0 0 0 3px #0a0610, 0 0 26px rgba(255,170,40,.55);
}
.fa-badge-pill::before {content:""; width:.55rem; height:.55rem; background:#0a0610; box-shadow:0 0 0 2px #fff inset}
.fa-badge-note {font-size:clamp(.95rem,1.4vw,1.1rem); font-weight:800; color:#fff; text-shadow:0 2px 10px #000; max-width:26rem; line-height:1.35}
@media(prefers-reduced-motion:no-preference){
  .fa-badge-pill {animation:fa-badge-pulse 2.4s ease-in-out infinite}
  @keyframes fa-badge-pulse{50% {box-shadow:0 0 0 3px #0a0610, 0 0 40px rgba(63,199,255,.7)}}
}

@media(min-width:768px){
  .fa-poster--lg {display:block}
}
@media(max-width:767px){
  .fa-poster--lg {display:none}
  .fa-poster--sm {display:block}
  .fa-panel {min-height:0}
  .fa-model {height:min(74vw, 300px); margin:1rem 0 0}
  .fa-model video, .fa-model img {height:min(80vw, 320px)}
  .fa-copy {padding:.25rem 1.15rem 1.6rem}
  .fa-display {font-size:clamp(2.1rem, 11vw, 3rem)}
  .fa-tag {margin-top:.7rem; font-size:1rem}
  .fa-cta {margin-top:.9rem; padding:.7rem 1rem; font-size:.85rem}
  .fa-panel--spirits .fa-model {height:auto; overflow:clip; justify-content:flex-start}
  .fa-panel--spirits .fa-model-inner {width:112%; height:auto; margin:0 0 -14% -12%}
  .fa-panel--backpacks .fa-model {height:auto}

  .fa-panel--backpacks .fa-model-inner {width:86%; height:auto; margin-inline:auto}



  .fa-badge {margin-top:.8rem}
  .fa-badge-pill {font-size:.7rem}
  .fa-badge-note {font-size:.92rem}
}
@media(prefers-reduced-motion:reduce){
  .fa-panel--spirits .fa-bg::before {animation:none}
  .fa-panel--spirits .fa-model .fa-poster, .fa-panel--backpacks .fa-model .fa-poster {position:absolute}
}

@media(min-width:1024px){
  .fa-panel {min-height:clamp(22rem,48vh,34rem); min-height:clamp(22rem,48svh,34rem)}
  .fa-copy, .fa-panel--right .fa-copy {padding:3.25vh 2.5rem 3.75vh 6vw}
  .fa-panel--left .fa-copy {padding:3.25vh 6vw 3.75vh 2.5rem}

}
@media(min-width:768px) and (max-width:1023px){
  .fa-panel {min-height:clamp(24rem,58vh,38rem); min-height:clamp(24rem,58svh,38rem)}
  .fa-copy, .fa-panel--right .fa-copy {padding:3.5vh 2rem 4vh 5vw}
  .fa-panel--left .fa-copy {padding:3.5vh 5vw 4vh 1.75rem}

}
@media(max-width:767px){
  .fa-copy {padding:.15rem 1.15rem 1.15rem}
  .fa-display {font-size:clamp(2rem, 10.5vw, 2.85rem)}
  .fa-tag {margin-top:.55rem; font-size:.98rem}
  .fa-cta {margin-top:.7rem; padding:.65rem .95rem; font-size:.82rem}
  .fa-badge {margin-top:.55rem}
  .fa-badge-note {font-size:.88rem}
  .fa-panel--security .fa-model {height:min(62vw, 240px); margin:.5rem 0 0}
  .fa-panel--security .fa-model video, .fa-panel--security .fa-model img {height:min(70vw, 265px)}
  .fa-panel--spirits .fa-model-inner {width:108%; margin:0 0 -10% -8%}

  .fa-panel--backpacks .fa-copy {padding:.1rem 1.15rem .85rem}
  .fa-panel--backpacks .fa-badge {margin-top:.35rem; gap:.35rem}
  .fa-panel--backpacks .fa-tag {margin-top:.4rem}
  .fa-panel--backpacks .fa-cta {margin-top:.5rem}
  .fa-panel--backpacks .fa-kicker {margin-bottom:.45rem}
  .fa-panel--backpacks .fa-badge-note {line-height:1.25; font-size:.84rem}
  .fa-panel--backpacks .fa-copy {padding:.05rem 1.15rem .65rem}
}

@media(min-width:1024px){




  .fa-panel--spirits .fa-model-inner {
    height:108%; width:auto; aspect-ratio:1440/1080;
    align-self:flex-start; margin-bottom:0; flex:none;
  }
}

.fa-panel--backpacks .fa-copy > .fa-note {
  margin-top:.85rem; font-size:clamp(.95rem,1.5vw,1.15rem); font-weight:700; color:#fff;
  text-shadow:0 2px 10px #000; max-width:22rem; line-height:1.35;
}
@media(max-width:767px){
  .fa-panel--backpacks .fa-copy > .fa-note {margin-top:.45rem; font-size:.92rem; line-height:1.3}
}

.fa-display {
  filter:drop-shadow(0 5px 0 var(--fa-c2)) drop-shadow(0 10px 0 #0a0610) drop-shadow(0 12px 10px rgba(0,0,0,.5));
  padding-bottom:2rem;
}
@media(min-width:1024px){

  .fa-panel--backpacks .fa-copy, .fa-panel--right.fa-panel--backpacks .fa-copy {padding-top:2vh; padding-bottom:2.5vh}
  .fa-panel--backpacks .fa-kicker {margin-bottom:.5rem}
  .fa-panel--backpacks .fa-copy > .fa-note {margin-top:.4rem}
}
@media(max-width:767px){

  .fa-copy {padding-bottom:.55rem}
  .fa-panel--backpacks .fa-copy, .fa-panel--backpacks.fa-panel--right .fa-copy {padding-bottom:.5rem}
  .fa-kicker {margin-bottom:.5rem}
  .fa-panel--backpacks .fa-kicker {margin-bottom:.45rem}
  .fa-panel--spirits .fa-model, .fa-panel--backpacks .fa-model {margin-top:.5rem}
  .fa-panel--spirits .fa-cta {margin-top:.5rem}
}

.fa-layers, .fa-anim-subject {
  position:absolute; inset:0; z-index:1; pointer-events:none;
}
.fa-halo {
  position:absolute !important; inset:0 !important; width:100% !important; height:100% !important;
  max-width:none !important; margin:0 !important; object-fit:fill !important; z-index:0;
}
.fa-layer {
  position:absolute; z-index:1; pointer-events:none;
  transform-origin:50% 85%;
  will-change:transform;
}
.fa-layer img {
  position:absolute !important; inset:0 !important; width:100% !important; height:100% !important;
  max-width:none !important; margin:0 !important; object-fit:contain !important;
  display:block;
}
.fa-anim-subject {
  display:flex; align-items:flex-end; justify-content:center;
  width:100%; height:100%;
  transform-origin:50% 80%;
  will-change:transform;
}
.fa-anim-subject .fa-poster, .fa-anim-subject video, .fa-anim-subject .fa-anim-fallback {

  position:relative;
}

@media(prefers-reduced-motion:no-preference){
  .fa-model.has-layers > .fa-model-inner > .fa-poster, .fa-model.has-layers > .fa-model-inner > video, .fa-model.has-layers > .fa-model-inner > .fa-anim-fallback {opacity:0; pointer-events:none}
  .fa-model--animated .fa-anim-subject video, .fa-model--animated .fa-anim-subject .fa-anim-fallback {opacity:0; pointer-events:none}
}

.fa-layer--gold-scarab {left:3.562%; top:30%; width:25.812%; height:50%; z-index:1; transform-origin:50% 90%}
.fa-layer--cherry-grove {left:71.312%; top:30%; width:24.375%; height:50%; z-index:1; transform-origin:50% 90%}
.fa-layer--volcano {left:18.562%; top:34.444%; width:35.812%; height:63.981%; z-index:2; transform-origin:50% 92%}
.fa-layer--ocean {left:48.75%; top:34.444%; width:31.5%; height:63.981%; z-index:2; transform-origin:50% 92%}
.fa-layer--volcano, .fa-layer--ocean {filter:drop-shadow(0 8px 10px rgba(0,0,0,.4))}

.fa-layer--shadewalker {left:36.042%; top:5.926%; width:47.847%; height:111.944%; z-index:2; transform-origin:50% 28%}
.fa-layer--watcher {left:7.014%; top:13.611%; width:29.861%; height:22.778%; z-index:3; transform-origin:50% 50%}
.fa-eye-glow {
  position:absolute; left:22%; top:16.5%; width:18%; height:8%;
  border-radius:50%; pointer-events:none;
  background:radial-gradient(ellipse at 50% 50%, rgba(180,240,255,.85) 0%, rgba(56,166,215,.35) 40%, transparent 70%);
  mix-blend-mode:screen; filter:blur(2px); opacity:.4;
}

.fa-layer--blazemaw {left:12.685%; top:3.981%; width:24.074%; height:41.481%; z-index:1; transform-origin:50% 90%}
.fa-layer--frostbrand {left:63.426%; top:3.981%; width:23.611%; height:41.481%; z-index:1; transform-origin:50% 90%}
.fa-layer--thornhart {left:9.352%; top:54.537%; width:30.648%; height:41.481%; z-index:1; transform-origin:50% 90%}
.fa-layer--scourkhan {left:60.648%; top:54.537%; width:29.167%; height:41.481%; z-index:1; transform-origin:50% 90%}

.fa-turret-glow {
  position:absolute; left:30%; top:28%; width:40%; height:36%; z-index:2; pointer-events:none;
  background:radial-gradient(ellipse at 50% 45%, rgba(246,81,25,.55) 0%, rgba(246,68,38,.2) 42%, transparent 70%);
  mix-blend-mode:screen; filter:blur(4px); opacity:.4;
}

.fa-shimmer-lava::after, .fa-shimmer-water::after {
  content:""; position:absolute; inset:18% 20% 12%; border-radius:45%; pointer-events:none;
  mix-blend-mode:screen; opacity:0;
}
.fa-shimmer-lava::after {
  background:radial-gradient(ellipse at 50% 62%, rgba(255,140,40,.6), rgba(255,60,0,0) 70%);
}
.fa-shimmer-water::after {
  background:radial-gradient(ellipse at 50% 62%, rgba(80,200,255,.55), rgba(20,80,180,0) 70%);
}

@keyframes fa-idle-bob{
  0%, 100% {transform:translate3d(0,0,0) rotate(-0.4deg)}
  50% {transform:translate3d(0,-2.2%,0) rotate(0.8deg)}
}

@keyframes fa-lucky-spin{
  0% {transform:translate3d(0,0,0) rotate(0deg)}
  25% {transform:translate3d(0,-4%,0) rotate(90deg)}
  50% {transform:translate3d(0,0,0) rotate(180deg)}
  75% {transform:translate3d(0,-4%,0) rotate(270deg)}
  100% {transform:translate3d(0,0,0) rotate(360deg)}
}
@keyframes fa-breathe{
  0%, 100% {transform:translate3d(0,1%,0) scale(1)}
  50% {transform:translate3d(0,-1.1%,0) scale(1.02)}
}
@keyframes fa-float{
  0%, 100% {transform:translate3d(0,0,0)}
  50% {transform:translate3d(2.2%,-7%,0)}
}
@keyframes fa-aim-sweep{
  0%, 100% {transform:rotate(-3deg) translate3d(0,0,0)}
  50% {transform:rotate(3deg) translate3d(1%,-0.6%,0)}
}
@keyframes fa-glow-pulse{
  0%, 100% {opacity:.32}
  50% {opacity:.9}
}
@keyframes fa-shimmer{
  0%, 100% {opacity:.12; transform:translate3d(0,5%,0) scale(.96)}
  50% {opacity:.5; transform:translate3d(0,-4%,0) scale(1.05)}
}

@media(prefers-reduced-motion:no-preference){
  .fa-panel.is-live .fa-idle-bob {animation:fa-idle-bob 4.2s ease-in-out infinite}
  .fa-panel.is-live .fa-idle-delay-2 {animation-delay:-1.15s}
  .fa-panel.is-live .fa-idle-delay-3 {animation-delay:-2.2s}
  .fa-panel.is-live .fa-idle-delay-4 {animation-delay:-3.15s}

  .fa-panel.is-live .fa-lucky-spin {animation:fa-lucky-spin 8s linear infinite}
  .fa-panel.is-live .fa-breathe {animation:fa-breathe 5s ease-in-out infinite}
  .fa-panel.is-live .fa-float {animation:fa-float 5.4s ease-in-out infinite}
  .fa-panel.is-live .fa-aim-sweep {animation:fa-aim-sweep 6.4s ease-in-out infinite}
  .fa-panel.is-live .fa-glow-pulse {animation:fa-glow-pulse 2.6s ease-in-out infinite}
  .fa-panel.is-live .fa-shimmer-lava::after {animation:fa-shimmer 3.2s ease-in-out infinite}
  .fa-panel.is-live .fa-shimmer-water::after {animation:fa-shimmer 3.6s ease-in-out infinite; animation-delay:-1.2s}
}

@media(prefers-reduced-motion:reduce){
  .fa-layer, .fa-anim-subject, .fa-turret-glow, .fa-eye-glow, .fa-idle-bob, .fa-lucky-spin, .fa-breathe, .fa-float, .fa-aim-sweep, .fa-glow-pulse, .fa-shimmer-lava::after, .fa-shimmer-water::after {
    animation:none!important; transform:none!important;
  }
  .fa-layers {display:none}
  .fa-model.has-layers > .fa-model-inner > .fa-poster {opacity:1; position:absolute}
}

@media(min-width:1440px){
  .fa-panel--backpacks .fa-display {font-size:clamp(2.35rem, 4vw, 4.1rem); padding-bottom:1.85rem}
  .fa-panel--backpacks .fa-copy, .fa-panel--right.fa-panel--backpacks .fa-copy {padding-top:1.6vh; padding-bottom:2.1vh}
  .fa-panel--backpacks .fa-copy > .fa-note {margin-top:.35rem}
  .fa-panel--backpacks .fa-tag {margin-top:.7rem}
  .fa-panel--backpacks .fa-cta {margin-top:.7rem}
}

@media(max-width:1023px){
  .fa-kicker {
    display:inline-block;
    align-self:flex-start;
    margin-bottom:.4rem;
    padding:.14em .7em .12em;
    border-radius:999px;
    color:#fff;
    background:rgba(10,6,16,.8);
    box-shadow:0 1px 10px rgba(0,0,0,.4);
    letter-spacing:.24em;
  }

  .fa-panel--backpacks .fa-kicker {margin-bottom:.45rem}
}

.fa-panel--backpacks .fa-model {
  margin:0 !important;
  padding:0;
  box-sizing:border-box;
  justify-content:center;
  align-items:center;
  overflow:hidden;
  min-width:0;
  max-width:100%;
  contain:none;
}
.fa-panel--backpacks .fa-model-inner, .fa-panel--backpacks.is-hot .fa-model-inner, .fa-panel--backpacks:focus-within .fa-model-inner, .fa-panel--right.fa-panel--backpacks.is-hot .fa-model-inner, .fa-panel--right.fa-panel--backpacks:focus-within .fa-model-inner {
  aspect-ratio:1600/1080;
  margin:auto;
  transform:none;
  transform-origin:50% 50%;
  align-self:center;
  flex:none;
}
@media(min-width:768px){
  .fa-panel--backpacks .fa-model {
    height:100%;
    min-height:100%;
    align-self:stretch;
    container-type:size;
  }

  .fa-panel--backpacks .fa-model-inner, .fa-panel--backpacks.is-hot .fa-model-inner, .fa-panel--backpacks:focus-within .fa-model-inner, .fa-panel--right.fa-panel--backpacks.is-hot .fa-model-inner, .fa-panel--right.fa-panel--backpacks:focus-within .fa-model-inner {
    width:min(86cqw, calc(86cqh * 1600 / 1080)) !important;
    height:min(86cqh, calc(86cqw * 1080 / 1600)) !important;
    max-width:86%;
    max-height:86%;
  }
}
@media(min-width:768px) and (max-width:1023px){

  .fa-panel--backpacks {grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr)}
}
@media(max-width:767px){
  .fa-panel--backpacks .fa-model {
    height:auto;
    width:100%;
    margin:0 !important;
  }

  .fa-panel--backpacks .fa-model-inner, .fa-panel--backpacks.is-hot .fa-model-inner, .fa-panel--backpacks:focus-within .fa-model-inner {
    width:90% !important;
    height:auto !important;
    max-width:90%;
    max-height:none;
  }
}

.fa-barrel-flash {
  position:absolute; left:28%; top:48%; width:22%; height:18%; z-index:3; pointer-events:none;
  background:radial-gradient(ellipse at 50% 50%, rgba(255,220,160,.95) 0%, rgba(246,81,25,.55) 40%, transparent 72%);
  mix-blend-mode:screen; filter:blur(3px); opacity:0;
}
.fa-panel--security .fa-bg::before {
  animation:none;
  opacity:0;
}

@keyframes fa-sentry-scan{
  0% {transform:translate3d(-140%,0,0); opacity:0}
  10% {opacity:.65}
  68% {transform:translate3d(480%,8%,0); opacity:.65}
  76% {opacity:.12}
  100% {transform:translate3d(480%,8%,0); opacity:0}
}
@keyframes fa-sentry-blink{
  0%, 64%, 82%, 100% {opacity:0}
  70%, 76% {opacity:.95}
}
@keyframes fa-lock-on{
  0%, 100% {transform:translate3d(0,.6%,0) rotate(0deg)}
  28% {transform:translate3d(0,-.7%,0) rotate(.15deg)}
  58% {transform:translate3d(0,.3%,0) rotate(0deg)}
  68% {transform:translate3d(0,0,0) rotate(-4.5deg) scale(1.02)}
  76% {transform:translate3d(0,1.2%,0) rotate(-3.5deg) scale(1)}
  88% {transform:translate3d(0,.6%,0) rotate(0deg)}
}
@keyframes fa-lock-breathe{
  0%, 100% {opacity:.28}
  50% {opacity:.55}
}
@keyframes fa-lock-flash{
  0%, 68%, 84%, 100% {opacity:0}
  72%, 78% {opacity:.95}
}

@media(prefers-reduced-motion:no-preference){
  .fa-panel--security[data-turret-fx="sentry-scan"].is-live .fa-bg::before {
    inset:auto; top:-12%; bottom:-12%; left:0; width:16%;
    background:linear-gradient(90deg, transparent 0%, rgba(246,81,25,.0) 15%, rgba(246,81,25,.55) 50%, rgba(246,68,38,.0) 85%, transparent 100%);
    background-size:100% 100%;
    background-position:0 0;
    mix-blend-mode:screen;
    filter:blur(10px);
    pointer-events:none;
    z-index:1;
    animation:fa-sentry-scan 7.2s ease-in-out infinite;
    opacity:0;
  }
  .fa-panel--security[data-turret-fx="sentry-scan"].is-live .fa-turret-glow {
    animation:fa-sentry-blink 7.2s ease-in-out infinite;
  }
  .fa-panel--security[data-turret-fx="sentry-scan"] .fa-anim-subject, .fa-panel--security[data-turret-fx="sentry-scan"].is-live .fa-anim-subject {
    animation:none;
    transform:none;
  }
  .fa-panel--security[data-turret-fx="lock-on"].is-live .fa-anim-subject {
    animation:fa-lock-on 4s cubic-bezier(.22,.7,.25,1) infinite;
  }
  .fa-panel--security[data-turret-fx="lock-on"].is-live .fa-turret-glow {
    animation:fa-lock-breathe 3.2s ease-in-out infinite;
  }
  .fa-panel--security[data-turret-fx="lock-on"].is-live .fa-barrel-flash {
    animation:fa-lock-flash 4s ease-in-out infinite;
  }
}

@media(prefers-reduced-motion:reduce){
  .fa-barrel-flash, .fa-sentry-beam {
    animation:none!important; transform:none!important; opacity:0!important;
  }
  .fa-panel--security .fa-bg::before {
    animation:none!important; opacity:0!important;
  }
}