.gf-page{
  --paper:#ead8ae;
  --paper-deep:#c9aa72;
  --ink:#26160d;
  --ink-soft:#563b23;
  --red:#8c2f1f;
  --gold:#f4d66d;
  --gold-deep:#b8842f;
  --shadow:rgba(17, 10, 5, .58);
  --ray-x:72vw;
  --ray-y:-56vh;
  --ray-rot:24deg;
  --ray-intensity:.68;
  --ray-sway:1.5deg;
  --ray-speed:14s;
  min-height:100vh;
  margin:0;
  overflow-x:hidden;
  color:var(--ink);
  background-color:#1b130b;
  background-image:url("../images/fandom/gravity-falls/gravity-falls-bg.webp");
  background-size:cover;
  background-position:center center;
  background-attachment:fixed;
  font-family:"IM Fell English", Georgia, serif;
}

.gf-page *,
.gf-page *::before,
.gf-page *::after{
  box-sizing:border-box;
}

.gf-wash,
.gf-vignette,
.gf-fog{
  position:fixed;
  inset:0;
  pointer-events:none;
}

.gf-wash{
  z-index:0;
  background:
    radial-gradient(900px 620px at 24% 12%, rgba(255, 221, 117, .18), transparent 62%),
    radial-gradient(760px 540px at 84% 18%, rgba(129, 42, 28, .18), transparent 64%),
    linear-gradient(180deg, rgba(26, 17, 8, .04), rgba(22, 14, 8, .32));
  mix-blend-mode:multiply;
}

.gf-vignette{
  z-index:1;
  background:
    radial-gradient(circle at 50% 24%, transparent 0 50%, rgba(20, 10, 4, .5) 100%),
    linear-gradient(180deg, rgba(16, 9, 4, .02), rgba(16, 9, 4, .3));
}

.gf-fog{
  z-index:2;
  opacity:.18;
  background:
    radial-gradient(520px 220px at 18% 40%, rgba(255,255,255,.32), transparent 72%),
    radial-gradient(560px 200px at 76% 62%, rgba(255,255,255,.24), transparent 70%),
    linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);
  filter:blur(16px);
  animation:gf-fog 18s ease-in-out infinite alternate;
}

.gf-nav,
.gf-hero,
.gf-shell,
.gf-moon{
  position:relative;
  z-index:5;
}

.gf-nav{
  width:min(calc(100% - 2rem), 980px);
  margin:0 auto 2rem;
  padding-top:1.15rem;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:.55rem 1rem;
  font-family:"Special Elite", Georgia, serif;
  font-size:.98rem;
}

.gf-nav a{
  color:#ffdf80;
  text-decoration:none;
  border-bottom:1px dashed rgba(255, 223, 128, .55);
  text-shadow:0 2px 8px rgba(0,0,0,.64);
}

.gf-nav a:hover{
  color:#fff2bf;
  border-bottom-color:#fff2bf;
}

.gf-moon{
  position:fixed;
  left:clamp(.8rem, 2.4vw, 2rem);
  top:clamp(.8rem, 2.4vw, 2rem);
  width:42px;
  height:42px;
  border:0;
  padding:0;
  background:transparent;
  cursor:pointer;
  filter:drop-shadow(0 0 12px rgba(255, 220, 108, .62));
}

.gf-moon span{
  display:block;
  width:100%;
  height:100%;
  border-radius:50%;
  background:radial-gradient(circle at 62% 42%, transparent 0 34%, #f4d66d 35% 100%);
}

.gf-hero{
  width:min(calc(100% - 2rem), 1120px);
  margin:0 auto 1.1rem;
  padding:0 1rem;
}

.gf-kicker{
  margin:0 0 .45rem;
  color:#7e2d21;
  font-family:"Special Elite", Georgia, serif;
  font-size:.8rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.gf-hero .gf-kicker{
  color:#ffe18a;
  text-shadow:0 2px 10px rgba(0,0,0,.7);
}

.gf-hero h1{
  margin:0 0 .7rem;
  color:#fff2c0;
  font-family:"Special Elite", Georgia, serif;
  font-size:clamp(2.5rem, 7vw, 5rem);
  line-height:.95;
  letter-spacing:.05em;
  text-transform:uppercase;
  text-shadow:
    0 2px 0 rgba(72, 30, 18, .9),
    0 0 16px rgba(255, 221, 117, .48),
    0 10px 28px rgba(0,0,0,.68);
}

.gf-lede{
  max-width:70rem;
  margin:0;
  color:#fff4d0;
  font-size:clamp(1.2rem, 2.2vw, 1.55rem);
  line-height:1.32;
  text-shadow:0 2px 12px rgba(0,0,0,.72);
}

.gf-shell{
  width:min(calc(100% - 2rem), 1120px);
  margin:0 auto 4rem;
}

.gf-notebook{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1rem;
}

.gf-card{
  position:relative;
  min-height:18rem;
  padding:1.1rem;
  overflow:hidden;
  border:2px solid rgba(90, 50, 24, .62);
  border-radius:8px;
  background:
    linear-gradient(90deg, rgba(86, 59, 35, .12) 1px, transparent 1px) 0 0 / 28px 28px,
    linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.04) 10rem),
    radial-gradient(900px 260px at 0% 0%, rgba(255, 235, 167, .62), transparent 62%),
    linear-gradient(180deg, rgba(246, 229, 190, .96), rgba(224, 194, 139, .97));
  box-shadow:
    0 18px 42px var(--shadow),
    inset 0 0 0 1px rgba(255,255,255,.38);
}

.gf-card::before{
  content:"";
  position:absolute;
  inset:.55rem;
  pointer-events:none;
  border:1px dashed rgba(87, 48, 24, .42);
  border-radius:5px;
}

.gf-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.28;
  background:
    radial-gradient(circle at 12% 18%, rgba(86, 59, 35, .16) 0 1px, transparent 2px),
    radial-gradient(circle at 80% 62%, rgba(86, 59, 35, .14) 0 1px, transparent 2px);
  background-size:34px 34px, 46px 46px;
}

.gf-card h2,
.gf-card p,
.gf-card ul{
  position:relative;
  z-index:1;
  overflow-wrap:break-word;
}

.gf-card h2{
  margin:0 0 .75rem;
  color:#1d0d06;
  font-family:"Special Elite", Georgia, serif;
  font-size:clamp(1.55rem, 3vw, 2.35rem);
  line-height:1.08;
  text-transform:uppercase;
  text-shadow:0 1px 0 rgba(255,255,255,.55);
}

.gf-card h2 .fandom-character-link{
  color:inherit;
  text-decoration:none;
  border-bottom:1px dashed rgba(126, 45, 33, .42);
}

.gf-card h2 .fandom-character-link:hover,
.gf-card h2 .fandom-character-link:focus-visible{
  color:#7e2d21;
  border-bottom-color:#7e2d21;
}

.gf-card p{
  margin:.65rem 0 0;
  color:rgba(27, 15, 8, .98);
  font-size:1.16rem;
  line-height:1.46;
}

.gf-card em{
  color:#760f0f;
  font-style:italic;
}

.gf-card--wide{
  grid-column:1 / -1;
}

.gf-columns{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1rem;
}

.gf-card--bill,
.gf-card--billford,
.gf-card--stanbill,
.gf-card--weird{
  --tri-fill-a:#ffe884;
  --tri-fill-b:#bd8430;
  --tri-glow:244, 214, 109;
  --eye-core:#fff9ad;
  --eye-mid:#e3dc74;
  --eye-rim:#bcb45a;
  --eye-border:255, 247, 159;
  --pupil:#2b1708;
  border-color:rgba(244, 214, 109, .58);
  background:
    radial-gradient(520px 260px at 88% 8%, rgba(244, 214, 109, .24), transparent 64%),
    radial-gradient(340px 260px at 0% 100%, rgba(128, 33, 23, .2), transparent 70%),
    linear-gradient(180deg, rgba(43, 25, 13, .94), rgba(17, 10, 6, .96));
  box-shadow:
    0 20px 46px rgba(0,0,0,.5),
    0 0 30px rgba(244, 214, 109, .12),
    inset 0 0 0 1px rgba(255,255,255,.06);
}

.gf-card--bill h2,
.gf-card--billford h2,
.gf-card--stanbill h2,
.gf-card--weird h2{
  color:#ffe68b;
  text-shadow:
    0 0 12px rgba(244, 214, 109, .55),
    0 3px 16px rgba(0,0,0,.76);
}

.gf-card--bill p,
.gf-card--billford p,
.gf-card--stanbill p,
.gf-card--weird p{
  color:#fff7dc;
  text-shadow:0 2px 12px rgba(0,0,0,.66);
}

.gf-card--bill .gf-kicker,
.gf-card--billford .gf-kicker,
.gf-card--stanbill .gf-kicker,
.gf-card--weird .gf-kicker{
  color:#f4d66d;
}

.bill-triangles,
.bill-eyes{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
}

.bill-triangles span{
  position:absolute;
  width:2.2rem;
  aspect-ratio:1.08;
  opacity:.8;
  clip-path:polygon(50% 0, 100% 92%, 0 92%);
  background:linear-gradient(180deg, var(--tri-fill-a), var(--tri-fill-b));
  filter:
    drop-shadow(0 0 7px rgba(var(--tri-glow), .58))
    drop-shadow(0 0 15px rgba(var(--tri-glow), .3));
  transform:translateY(0) rotate(var(--tri-rot, 0deg)) scale(var(--tri-scale, 1));
  animation:
    gf-triangle-sway var(--tri-dur, 6s) ease-in-out infinite var(--tri-delay, 0s),
    gf-triangle-glow 3.4s ease-in-out infinite calc(var(--tri-delay, 0s) / 2);
}

.bill-triangles span:nth-child(1){
  top:.75rem;
  right:.9rem;
  width:2.65rem;
  --tri-rot:8deg;
  --tri-delay:.1s;
  --tri-dur:6.2s;
}

.bill-triangles span:nth-child(2){
  bottom:.95rem;
  right:1.3rem;
  width:1.65rem;
  --tri-rot:-18deg;
  --tri-delay:.8s;
  --tri-dur:5.6s;
}

.bill-triangles span:nth-child(3){
  bottom:.85rem;
  left:1rem;
  width:2.45rem;
  --tri-rot:16deg;
  --tri-delay:1.3s;
  --tri-dur:6.8s;
}

.bill-triangles span:nth-child(4){
  top:45%;
  right:.55rem;
  width:1.25rem;
  opacity:.55;
  --tri-rot:32deg;
  --tri-delay:1.9s;
  --tri-dur:5.9s;
}

.bill-triangles span:nth-child(5){
  top:.75rem;
  left:.7rem;
  width:.78rem;
  opacity:.38;
  --tri-rot:-22deg;
  --tri-delay:2.4s;
  --tri-dur:6.5s;
}

.bill-triangles--small span:nth-child(1){
  width:2.4rem;
}

.bill-triangles--small span:nth-child(3){
  width:1.75rem;
}

.bill-eyes{
  opacity:0;
  transition:opacity .24s ease;
}

.gf-card--bill.is-watched .bill-eyes,
.gf-card--billford.is-watched .bill-eyes,
.gf-card--stanbill.is-watched .bill-eyes,
.gf-card--weird.is-watched .bill-eyes{
  opacity:.78;
}

.bill-eyes span{
  position:absolute;
  width:3.2rem;
  height:1.62rem;
  overflow:hidden;
  border-radius:0;
  border:1px solid rgba(var(--eye-border), .36);
  background:radial-gradient(ellipse at 50% 50%, var(--eye-core) 0 45%, var(--eye-mid) 72%, var(--eye-rim) 100%);
  box-shadow:
    0 0 12px rgba(var(--eye-border), .78),
    0 0 28px rgba(var(--tri-glow), .34);
  transform:translate(var(--eye-x, 0px), var(--eye-y, 0px)) rotate(var(--eye-rot, 0deg)) scale(var(--eye-scale, 1));
  clip-path:polygon(
    0% 50%,
    8% 31%,
    24% 16%,
    50% 6%,
    76% 16%,
    92% 31%,
    100% 50%,
    92% 69%,
    76% 84%,
    50% 94%,
    24% 84%,
    8% 69%
  );
  animation:gf-eye-blink 4.6s ease-in-out infinite;
}

.bill-eyes span::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  z-index:1;
  width:.46rem;
  height:1.52rem;
  border-radius:50%;
  background:var(--pupil);
  box-shadow:0 0 6px rgba(20, 10, 4, .65);
  transform:translate(calc(-50% + var(--pupil-x, 0px)), calc(-50% + var(--pupil-y, 0px)));
}


.bill-eyes span:nth-child(1){left:8%; top:18%; --eye-rot:-8deg; --eye-scale:.76;}
.bill-eyes span:nth-child(2){right:14%; top:32%; --eye-rot:11deg; --eye-scale:.58;}
.bill-eyes span:nth-child(3){left:18%; bottom:18%; --eye-rot:6deg; --eye-scale:.54;}
.bill-eyes span:nth-child(4){right:28%; bottom:14%; --eye-rot:-12deg; --eye-scale:.72;}
.bill-eyes span:nth-child(5){left:46%; top:10%; --eye-rot:4deg; --eye-scale:.48;}

/* stagger the actual eyes, not the old ::after eyelid */
.bill-eyes span{
  --blink-speed:4.6s;
  --blink-delay:0s;
  animation-name:gf-eye-blink;
  animation-duration:var(--blink-speed);
  animation-timing-function:ease-in-out;
  animation-iteration-count:infinite;
  animation-delay:var(--blink-delay);
}

/* different delays + slightly different speeds so they don't sync later */
.bill-eyes span:nth-child(1){
  --blink-delay:-.2s;
  --blink-speed:4.9s;
}

.bill-eyes span:nth-child(2){
  --blink-delay:.7s;
  --blink-speed:5.4s;
}

.bill-eyes span:nth-child(3){
  --blink-delay:1.8s;
  --blink-speed:4.3s;
}

.bill-eyes span:nth-child(4){
  --blink-delay:2.9s;
  --blink-speed:5.1s;
}

.bill-eyes span:nth-child(5){
  --blink-delay:3.6s;
  --blink-speed:4.7s;
}

.bill-triangles--small + .bill-eyes span:nth-child(5){
  display:none;
}

.cipher-list{
  position:relative;
  z-index:1;
  display:grid;
  gap:.45rem;
  margin:1rem 0 0;
  padding:0;
  list-style:none;
  color:#fff0ba;
  font-family:"Special Elite", Georgia, serif;
  font-size:.95rem;
}

.cipher-list li{
  padding:.55rem .65rem;
  border:1px solid rgba(244, 214, 109, .28);
  border-radius:6px;
  background:rgba(244, 214, 109, .08);
}

.gf-card--stan{
  transform:rotate(-.25deg);
}

.gf-card--billford{
  transform:rotate(.2deg);
}

.gf-card--stanbill{
  transform:rotate(-.15deg);
}

.gf-card--weird{
  grid-column:1 / -1;
  --tri-fill-a:#ff8a67;
  --tri-fill-b:#a51f22;
  --tri-glow:235, 47, 42;
  --eye-core:#ffb09b;
  --eye-mid:#e7423f;
  --eye-rim:#7b1015;
  --eye-border:255, 129, 107;
  --pupil:#2b0507;
  border-color:rgba(240, 76, 58, .62);
  background:
    radial-gradient(620px 320px at 88% 10%, rgba(235, 47, 42, .3), transparent 64%),
    radial-gradient(420px 300px at 4% 100%, rgba(255, 139, 72, .18), transparent 68%),
    linear-gradient(180deg, rgba(55, 13, 14, .96), rgba(19, 6, 8, .98));
  box-shadow:
    0 22px 50px rgba(0,0,0,.55),
    0 0 34px rgba(235, 47, 42, .14),
    inset 0 0 0 1px rgba(255, 140, 100, .08);
}

.fireflies-container{
  position:fixed;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:3;
}

.firefly{
  position:absolute;
  bottom:-10px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:rgba(255, 226, 128, .88);
  box-shadow:
    0 0 8px rgba(255, 226, 128, .85),
    0 0 22px rgba(244, 214, 109, .48);
  animation:gf-drift 13s infinite ease-in-out;
}

.firefly:nth-child(1){left:9%; animation-delay:0s; --x:18vw; --y:-92vh;}
.firefly:nth-child(2){left:22%; animation-delay:1.4s; --x:-8vw; --y:-84vh;}
.firefly:nth-child(3){left:38%; animation-delay:2.2s; --x:14vw; --y:-98vh;}
.firefly:nth-child(4){left:55%; animation-delay:.6s; --x:-12vw; --y:-88vh;}
.firefly:nth-child(5){left:74%; animation-delay:3.1s; --x:10vw; --y:-96vh;}
.firefly:nth-child(6){left:84%; animation-delay:1.8s; --x:-18vw; --y:-80vh;}
.firefly:nth-child(7){left:16%; animation-delay:4s; --x:8vw; --y:-86vh;}
.firefly:nth-child(8){left:48%; animation-delay:2.9s; --x:-16vw; --y:-94vh;}
.firefly:nth-child(9){left:68%; animation-delay:4.8s; --x:12vw; --y:-90vh;}
.firefly:nth-child(10){left:92%; animation-delay:.9s; --x:-20vw; --y:-100vh;}

.godrays{
  position:fixed;
  left:var(--ray-x);
  top:var(--ray-y);
  width:180vmax;
  height:180vmax;
  z-index:2;
  pointer-events:none;
  opacity:var(--ray-intensity);
  transform:rotate(var(--ray-rot));
  filter:blur(.4px) saturate(110%);
  animation:gf-rays var(--ray-speed) ease-in-out infinite alternate;
  will-change:transform, opacity;
}

.godrays.bright{
  mix-blend-mode:screen;
  background:
    radial-gradient(circle at 0% 0%, rgba(255,248,200,.62) 0%, rgba(255,240,180,.34) 24%, rgba(255,230,140,0) 70%),
    repeating-conic-gradient(from -8deg at 0% 0%, rgba(255,236,170,0) 0 7deg, rgba(255,215,120,.48) 8deg 18deg, rgba(255,236,170,0) 23deg 36deg),
    repeating-conic-gradient(from -5deg at 0% 0%, rgba(255,236,170,0) 0 10deg, rgba(255,226,150,.28) 12deg 24deg, rgba(255,236,170,0) 30deg 44deg);
  background-blend-mode:screen;
  filter:blur(1px) saturate(120%);
}

.godrays.shade{
  mix-blend-mode:multiply;
  opacity:calc(var(--ray-intensity) * .28);
  background:
    radial-gradient(circle at 0% 0%, rgba(0,0,0,.08) 0%, rgba(0,0,0,0) 70%),
    repeating-conic-gradient(from -7deg at 0% 0%, rgba(0,0,0,0) 0 9deg, rgba(0,0,0,.08) 10deg 13deg, rgba(0,0,0,0) 15deg 24deg);
}

.godrays::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(38vmax 22vmax at 14% 12%, rgba(0,0,0,.22) 35%, transparent 70%),
    radial-gradient(28vmax 18vmax at 28% 0%, rgba(0,0,0,.18) 35%, transparent 70%),
    radial-gradient(24vmax 16vmax at 0% 26%, rgba(0,0,0,.15) 35%, transparent 70%);
  mix-blend-mode:multiply;
  opacity:.48;
  animation:gf-dapple 11s ease-in-out infinite alternate;
  will-change:transform;
}

.gf-page.night{
  --paper:#d7c08e;
  --paper-deep:#9f7f4a;
  color:#ead8ae;
}

.gf-page.night .gf-wash{
  background:
    radial-gradient(900px 620px at 24% 12%, rgba(89, 64, 130, .2), transparent 62%),
    radial-gradient(760px 540px at 84% 18%, rgba(20, 39, 78, .24), transparent 64%),
    linear-gradient(180deg, rgba(5, 7, 18, .4), rgba(3, 5, 12, .72));
}

.gf-page.night .godrays{
  opacity:.08;
}

.gf-page.night .gf-card:not(.gf-card--bill):not(.gf-card--billford):not(.gf-card--stanbill):not(.gf-card--weird){
  background:
    linear-gradient(90deg, rgba(36, 26, 48, .16) 1px, transparent 1px) 0 0 / 28px 28px,
    linear-gradient(180deg, rgba(53, 43, 63, .9), rgba(30, 24, 38, .94));
  color:#ead8ae;
}

.gf-page.night .gf-card:not(.gf-card--bill):not(.gf-card--billford):not(.gf-card--stanbill):not(.gf-card--weird) h2,
.gf-page.night .gf-card:not(.gf-card--bill):not(.gf-card--billford):not(.gf-card--stanbill):not(.gf-card--weird) p{
  color:#f1dfb8;
}

@keyframes gf-drift{
  0%{ transform:translate3d(0,0,0) scale(.8); opacity:0; }
  12%{ opacity:1; }
  100%{ transform:translate3d(var(--x), var(--y), 0) scale(1.12); opacity:0; }
}

@keyframes gf-triangle-sway{
  0%, 100%{
    transform:translateY(0) rotate(var(--tri-rot, 0deg)) scale(var(--tri-scale, 1));
  }
  50%{
    transform:translateY(-6px) rotate(calc(var(--tri-rot, 0deg) + 2deg)) scale(1.03);
  }
}

@keyframes gf-triangle-glow{
  0%, 100%{
    filter:
      drop-shadow(0 0 7px rgba(var(--tri-glow), .58))
      drop-shadow(0 0 15px rgba(var(--tri-glow), .3));
  }
  50%{
    filter:
      drop-shadow(0 0 10px rgba(var(--tri-glow), .9))
      drop-shadow(0 0 24px rgba(var(--tri-glow), .5));
  }
}

@keyframes gf-rays{
  from{ transform:rotate(calc(var(--ray-rot) - var(--ray-sway))) translateZ(0); }
  to{ transform:rotate(calc(var(--ray-rot) + var(--ray-sway))) translateZ(0); }
}

@keyframes gf-dapple{
  from{ transform:translateX(-1.2%) translateY(-1.2%); }
  to{ transform:translateX(1.2%) translateY(1.4%); }
}

@keyframes gf-eye-blink{
  0%, 8%, 100%{
    clip-path:polygon(
      0% 50%,
      8% 31%,
      24% 16%,
      50% 6%,
      76% 16%,
      92% 31%,
      100% 50%,
      92% 69%,
      76% 84%,
      50% 94%,
      24% 84%,
      8% 69%
    );
  }
  3.5%, 4.5%{
    clip-path:polygon(
      0% 50%,
      8% 48%,
      24% 47%,
      50% 46%,
      76% 47%,
      92% 48%,
      100% 50%,
      92% 52%,
      76% 53%,
      50% 54%,
      24% 53%,
      8% 52%
    );
  }
  4%{
    clip-path:polygon(
      0% 50%,
      8% 49%,
      24% 49%,
      50% 48%,
      76% 49%,
      92% 49%,
      100% 50%,
      92% 51%,
      76% 51%,
      50% 52%,
      24% 51%,
      8% 51%
    );
  }
}

@keyframes gf-fog{
  from{ transform:translateX(-2%) translateY(-1%); }
  to{ transform:translateX(2%) translateY(1%); }
}

@media (max-width:820px){
  .gf-page{
    background-attachment:scroll;
  }

  .gf-nav{
    padding:.95rem 3.25rem 0;
    font-size:.9rem;
  }

  .gf-moon{
    position:absolute;
    width:34px;
    height:34px;
  }

  .gf-hero{
    text-align:center;
  }

  .gf-notebook,
  .gf-columns{
    grid-template-columns:1fr;
  }

  .gf-card--wide,
  .gf-card--weird{
    grid-column:auto;
  }

  .bill-triangles span{
    opacity:.58;
  }

  .bill-triangles span:nth-child(1){
    width:2.1rem;
  }

  .bill-eyes span{
    width:2.35rem;
    height:1.18rem;
  }
}

@media (pointer:coarse), (max-width:680px){
  .firefly:nth-child(n+7){
    display:none;
  }

  .gf-fog{
    opacity:.12;
  }
}

@media (prefers-reduced-motion:reduce){
  .firefly,
  .godrays,
  .bill-triangles span,
  .bill-eyes span,
  .gf-fog{
    animation:none !important;
  }
}