/*! idfs-avada-motion floor.css 1.0.0 - IDFS Floor Footer Scene element (from proto/grain-and-light, the judge's
   footer winner). A showroom floor in perspective under a white baseboard; installed piece by piece the first time
   it is seen in a session, then one pass of window light. Transforms/opacity only. Idea Forge Studios. */
.idfs-floor{--h:var(--ifs-h,196px);--ifs-a:52deg;
  position:relative;height:var(--h);overflow:hidden;background:var(--ifs-bg,#001638);isolation:isolate;
  perspective:calc(var(--h) * 3.06);perspective-origin:50% calc(var(--h) * -.306);contain:layout paint}
.idfs-floor .ifs-floor{position:absolute;left:-30%;width:160%;bottom:0;height:calc(var(--h) * 1.3);transform-origin:50% 100%;transform:rotateX(var(--ifs-a))}
.idfs-floor .ifs-sec{position:absolute;top:0;bottom:0;width:12.5%;overflow:hidden}
.idfs-floor .ifs-art{position:absolute;left:0;top:0;width:100%;height:100%;display:block;max-width:none}
.idfs-floor .ifs-tm{position:absolute;top:0;bottom:0;width:var(--ifs-tmw,6px);margin-left:calc(var(--ifs-tmw,6px)/-2);z-index:1;
  background:linear-gradient(90deg,#4d5866,#dfe5ec 35%,#f7f9fb 50%,#a9b3bf 70%,#4a5562);box-shadow:0 0 0 .6px rgba(0,8,24,.5)}
.idfs-floor .ifs-light{position:absolute;top:0;bottom:0;left:0;width:26%;z-index:2;opacity:0;pointer-events:none}
.idfs-floor .ifs-light svg{display:block;width:100%;height:100%}
.idfs-floor .ifs-base{position:absolute;left:0;right:0;top:0;height:calc(var(--h) * .0714);z-index:3;
  background:linear-gradient(#fff,#f2f5f9 55%,#d9e0e9);box-shadow:0 1px 0 #aeb9c6,0 5px 12px rgba(0,10,30,.5)}
.idfs-floor .ifs-shade{position:absolute;left:0;right:0;top:0;bottom:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,rgba(var(--ifs-bg-rgb,0,22,56),.42) 0,rgba(var(--ifs-bg-rgb,0,22,56),0) 16%,rgba(var(--ifs-bg-rgb,0,22,56),0) 66%,rgba(var(--ifs-bg-rgb,0,22,56),.7) 86%,var(--ifs-bg,#001638) 100%),
             radial-gradient(120% 140% at 50% 100%,rgba(var(--ifs-bg-rgb,0,22,56),0) 58%,rgba(var(--ifs-bg-rgb,0,22,56),.62) 100%)}
.idfs-floor .ifs-nav{position:absolute;left:0;right:0;bottom:6px;z-index:4;display:flex;margin:0;padding:0}
.idfs-floor .ifs-nav a,.idfs-floor .ifs-label{flex:1 1 0;min-width:0;display:block;padding:10px 2px 8px;text-align:center;color:var(--ifs-label,#fff);text-decoration:none;
  font-weight:600;font-size:12px;line-height:1.1;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,10,30,.9)}
.idfs-floor .ifs-nav a::after{content:"";display:block;width:30px;height:2px;margin:7px auto 0;background:var(--ifs-accent,#14c145);transform:scaleX(0);transition:transform .3s cubic-bezier(.2,.8,.25,1)}
.idfs-floor .ifs-nav a:hover,.idfs-floor .ifs-nav a:focus-visible{color:var(--ifs-label,#fff)}
.idfs-floor .ifs-nav a:hover::after,.idfs-floor .ifs-nav a:focus-visible::after{transform:scaleX(1)}
.idfs-floor .ifs-nav a:focus-visible{outline:2px solid var(--ifs-label,#fff);outline-offset:-4px;border-radius:4px}
.idfs-floor .ifs-short{display:none}
.idfs-floor .ifs-glint{position:absolute;top:0;bottom:0;left:0;width:48%;z-index:1;pointer-events:none;opacity:0;
  background:linear-gradient(90deg,rgba(255,246,228,0),rgba(255,246,228,.36) 50%,rgba(255,246,228,0));transform:translateX(-120%) skewX(-16deg)}
.idfs-floor .ifs-sec.is-lit .ifs-glint{animation:ifs-glint .9s cubic-bezier(.45,.05,.4,1)}
@keyframes ifs-glint{0%{opacity:0;transform:translateX(-120%) skewX(-16deg)}20%,80%{opacity:1}100%{opacity:0;transform:translateX(260%) skewX(-16deg)}}
.idfs-floor .ifs-roll{opacity:0}
/* install (first view per session) */
.idfs-floor.ifs-armed .ifs-pc{opacity:0}
.idfs-floor.ifs-install .ifs-pc{animation:.44s cubic-bezier(.2,.8,.25,1) var(--d) both}
.idfs-floor.ifs-install .ifs-hw{animation-name:ifs-hw}
.idfs-floor.ifs-install .ifs-lv{animation-name:ifs-lv}
.idfs-floor.ifs-install .ifs-tl{animation-name:ifs-tl;animation-duration:.38s;transform-box:fill-box;transform-origin:50% 50%}
.idfs-floor.ifs-install .ifs-sl{animation-name:ifs-sl;animation-duration:.6s}
.idfs-floor.ifs-install .ifs-fd{animation-name:ifs-fd;animation-duration:.3s}
.idfs-floor.ifs-install .ifs-cp{animation:ifs-cp 1s cubic-bezier(.3,.55,.25,1) var(--d) both}
.idfs-floor.ifs-install .ifs-roll{animation:ifs-roll 1s linear var(--d) both}
@keyframes ifs-hw{from{opacity:0;transform:translateY(-38px)}to{opacity:1;transform:none}}
@keyframes ifs-lv{0%{opacity:0;transform:translateX(34px)}70%{opacity:1;transform:translateX(-2px)}to{opacity:1;transform:none}}
@keyframes ifs-tl{from{opacity:0;transform:scale(.84)}to{opacity:1;transform:none}}
@keyframes ifs-fd{from{opacity:0}to{opacity:1}}
@keyframes ifs-sl{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}
@keyframes ifs-cp{from{opacity:1;transform:translateY(-312px)}to{opacity:1;transform:none}}
@keyframes ifs-roll{0%,82%{opacity:1}to{opacity:0}}
/* one pass of window light across the finished floor */
.idfs-floor.ifs-sweep .ifs-light{animation:ifs-light 2.6s cubic-bezier(.45,.05,.4,1) var(--ifs-ld,0s) both}
@keyframes ifs-light{0%{opacity:0;transform:translateX(-100%)}14%,86%{opacity:1}to{opacity:0;transform:translateX(385%)}}
.idfs-floor.ifs-paused .ifs-pc,.idfs-floor.ifs-paused .ifs-roll,.idfs-floor.ifs-paused .ifs-light,.idfs-floor.ifs-paused .ifs-glint{animation-play-state:paused}
@media (max-width:640px){
  .idfs-floor{--h:var(--ifs-hm,136px);--ifs-tmw:3.5px}
  .idfs-floor .ifs-nav{bottom:2px}
  .idfs-floor .ifs-nav a,.idfs-floor .ifs-label{font-size:10.5px;letter-spacing:.08em;padding:12px 1px 8px}
  .idfs-floor .ifs-nav a::after{width:22px;margin-top:5px}
  .idfs-floor .ifs-full{display:none}.idfs-floor .ifs-short{display:inline}
}
@media (prefers-reduced-motion:reduce){
  .idfs-floor *{animation:none!important;transition:none!important}
  .idfs-floor.ifs-armed .ifs-pc{opacity:1}
}