/* LexFright home page: 1990s VHS / camcorder interface. */
html.lf-home-vhs {
  --vhs-bg:#07090d;
  --vhs-panel:#0b0e13;
  --vhs-ink:#e7e2d7;
  --vhs-osd:#d8ddd2;
  --vhs-dim:#858a83;
  --vhs-red:#d63a42;
  --vhs-cyan:#57d3d9;
  --vhs-magenta:#d43d82;
  --vhs-rule:rgba(220,225,218,.22);
}

html.lf-home-vhs body {
  background:
    linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px) 0 0/100% 4px,
    radial-gradient(ellipse at 50% 0,rgba(52,61,68,.18),transparent 58%),
    var(--vhs-bg);
  color:var(--vhs-ink);
}

html.lf-home-vhs main { max-width:1380px; }

/* Hero stacking contract: frame 0 < CRT 1 < content 2 < tracking fault 4. */
html.lf-home-vhs .hero {
  isolation:isolate;
  min-height:500px;
  margin:26px 0 48px;
  padding:76px 64px 48px;
  justify-content:center;
  overflow:hidden;
  border:1px solid rgba(221,226,219,.18);
  border-radius:0;
  background:
    linear-gradient(115deg,rgba(35,42,48,.2),transparent 42%),
    linear-gradient(180deg,#090c11,#06080c);
  box-shadow:inset 0 0 90px rgba(0,0,0,.78),0 18px 60px rgba(0,0,0,.25);
}

html.lf-home-vhs .hero::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(ellipse at center,transparent 46%,rgba(0,0,0,.2) 76%,rgba(0,0,0,.58) 100%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.026) 0,rgba(255,255,255,.026) 1px,rgba(0,0,0,.08) 1px,rgba(0,0,0,.08) 3px),
    linear-gradient(90deg,rgba(255,0,70,.018),transparent 38%,rgba(0,220,255,.018));
  mix-blend-mode:screen;
  opacity:.72;
  animation:vhs-scan 18s linear infinite;
  will-change:background-position;
}

html.lf-home-vhs .hero::after {
  content:"";
  position:absolute;
  left:-3%;
  right:-3%;
  top:-12%;
  height:7%;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(225,230,222,.1) 35%,rgba(0,0,0,.3) 54%,transparent);
  filter:blur(.35px);
  opacity:.24;
  animation:vhs-roll 13s linear infinite;
  will-change:transform;
}

html.lf-home-vhs .hero > *:not(.hero-cor) { position:relative;z-index:2; }

html.lf-home-vhs .hero-cor {
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  width:76px!important;
  height:54px!important;
  aspect-ratio:auto!important;
  border:0!important;
  border-radius:0;
  background:none!important;
  opacity:.72!important;
  transform:none!important;
  filter:none!important;
}
html.lf-home-vhs .hero-cor::before,
html.lf-home-vhs .hero-cor::after {
  content:"";
  position:absolute;
  background:rgba(224,228,220,.68);
  box-shadow:1px 0 rgba(87,211,217,.2),-1px 0 rgba(212,61,130,.16);
}
html.lf-home-vhs .hero-cor::before { width:100%;height:2px; }
html.lf-home-vhs .hero-cor::after { width:2px;height:100%; }
html.lf-home-vhs .hero-cor.tl { top:26px!important;left:26px!important; }
html.lf-home-vhs .hero-cor.tr { top:26px!important;right:26px!important; }
html.lf-home-vhs .hero-cor.bl { bottom:26px!important;left:26px!important; }
html.lf-home-vhs .hero-cor.br { right:26px!important;bottom:26px!important; }
html.lf-home-vhs .hero-cor.tl::before { top:0;left:0; }
html.lf-home-vhs .hero-cor.tl::after { top:0;left:0; }
html.lf-home-vhs .hero-cor.tr::before { top:0;right:0; }
html.lf-home-vhs .hero-cor.tr::after { top:0;right:0; }
html.lf-home-vhs .hero-cor.bl::before { bottom:0;left:0; }
html.lf-home-vhs .hero-cor.bl::after { bottom:0;left:0; }
html.lf-home-vhs .hero-cor.br::before { right:0;bottom:0; }
html.lf-home-vhs .hero-cor.br::after { right:0;bottom:0; }

html.lf-home-vhs .hero-mark {
  position:absolute!important;
  inset:52px 56px auto!important;
  z-index:5!important;
  display:flex!important;
  justify-content:space-between;
  align-items:center;
  width:auto!important;
  height:auto!important;
  aspect-ratio:auto!important;
  margin:0!important;
  background:none!important;
  font-family:'Courier New',ui-monospace,monospace;
  font-size:12px;
  line-height:1.2!important;
  letter-spacing:.12em;
  color:var(--vhs-osd);
  text-shadow:1px 0 rgba(87,211,217,.34),-1px 0 rgba(212,61,130,.28),0 0 7px rgba(255,255,255,.12);
}
html.lf-home-vhs .hero-mark::before {
  content:"REC   SP";
  padding-left:15px;
  color:var(--vhs-osd);
  background:radial-gradient(circle at 4px 50%,var(--vhs-red) 0 3px,transparent 3.5px);
  background-repeat:no-repeat;
}
html.lf-home-vhs .hero-mark::after { content:"CAM 01   " attr(data-vhs-time) "   ▰▰▰"; }
html.lf-home-vhs .hero-mark svg { display:none!important; }

html.lf-home-vhs .hero .kicker {
  margin-bottom:22px;
  font-family:'Courier New',ui-monospace,monospace;
  font-size:12px;
  letter-spacing:.2em;
  color:var(--vhs-dim);
}
html.lf-home-vhs .hero .kicker::before { content:"▶  ";color:var(--vhs-osd); }

html.lf-home-vhs .hero h1 {
  color:var(--vhs-ink);
  text-shadow:2px 0 rgba(87,211,217,.28),-2px 0 rgba(212,61,130,.24),0 4px 28px rgba(0,0,0,.85);
  animation:vhs-title-drift 7s ease-in-out infinite alternate;
}
html.lf-home-vhs .hero h1::first-letter { color:var(--vhs-red); }
html.lf-home-vhs .hero .tagline {
  max-width:34ch;
  margin-top:24px;
  font-family:'Courier New',ui-monospace,monospace;
  font-size:clamp(15px,1.65vw,21px);
  letter-spacing:.03em;
  color:var(--vhs-osd);
}
html.lf-home-vhs .hero .tagline::before,
html.lf-home-vhs .hero .tagline::after { display:none!important; }
html.lf-home-vhs .contacts .ico,
html.lf-home-vhs .contacts .mail,
html.lf-home-vhs .contacts .auth-ui a { color:var(--vhs-dim); }

html.lf-home-vhs .genres {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  margin:0 0 42px;
  padding:18px 22px;
  gap:10px 24px;
  border:1px solid var(--vhs-rule);
  background:rgba(8,11,15,.72);
  font-family:'Courier New',ui-monospace,monospace;
  font-size:13px;
  letter-spacing:.09em;
  box-shadow:inset 0 0 40px rgba(0,0,0,.5);
}
html.lf-home-vhs .genres::before {
  content:"CH SELECT";
  flex:0 0 auto;
  color:var(--vhs-dim);
  margin-right:10px;
}
html.lf-home-vhs .genre {
  flex:0 0 auto;
  padding:7px 9px;
  border:1px solid transparent;
  color:#b9bbb4;
  font-weight:600;
  text-align:center;
  text-decoration:none!important;
  text-shadow:none!important;
}
html.lf-home-vhs .genre:hover,
html.lf-home-vhs .genre:focus-visible { color:var(--vhs-ink);border-color:rgba(220,225,218,.34); }
html.lf-home-vhs .genres .genre.active {
  color:#b9bbb4;
  background:transparent;
  border-color:transparent;
  text-decoration:none!important;
}
html.lf-home-vhs .genres .genre.vhs-current {
  color:var(--vhs-red);
  background:transparent;
  border-color:transparent transparent var(--vhs-red);
}
html.lf-home-vhs .genre.rnd { color:#df7479; }

html.lf-home-vhs .lf-sep {
  width:min(980px,86%)!important;
  height:1px!important;
  margin:36px auto!important;
  background:linear-gradient(90deg,transparent,var(--vhs-rule) 12%,var(--vhs-rule) 88%,transparent)!important;
}

html.lf-home-vhs .about {
  position:relative;
  isolation:isolate;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:44px 64px;
  padding:42px;
  border:1px solid var(--vhs-rule);
  background:linear-gradient(145deg,rgba(15,19,25,.9),rgba(7,9,13,.9));
  box-shadow:inset 0 0 70px rgba(0,0,0,.5);
}
html.lf-home-vhs .about::before {
  content:"PLAYBACK / ARCHIVE 01";
  position:absolute;
  top:14px;
  left:18px;
  z-index:3;
  font:11px/1.2 'Courier New',ui-monospace,monospace;
  letter-spacing:.12em;
  color:var(--vhs-dim);
}
html.lf-home-vhs .about .bio-name {
  color:var(--vhs-ink);
  text-shadow:1px 0 rgba(87,211,217,.24),-1px 0 rgba(212,61,130,.2);
}
html.lf-home-vhs .about .bio-name::first-letter { color:var(--vhs-red); }
html.lf-home-vhs .about .bio p { color:#aaa99f; }
html.lf-vhs-ui main .portrait {
  position:relative;
  isolation:isolate;
  box-sizing:border-box;
  width:320px;
  max-width:100%;
  margin:0;
  padding:7px;
  overflow:hidden;
  contain:paint;
  border:3px solid rgba(220,225,218,.5);
  background:#02050a;
  box-shadow:0 0 0 1px rgba(0,0,0,.95),0 18px 44px rgba(0,0,0,.45),inset 0 0 0 1px rgba(87,211,217,.12);
}
html.lf-vhs-ui main .portrait::before {
  content:'';
  position:absolute;
  inset:7px;
  z-index:0;
  pointer-events:none;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.22' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.94'/%3E%3C/svg%3E"),
    repeating-linear-gradient(0deg,rgba(230,244,255,.2) 0 2px,rgba(0,13,28,.28) 2px 6px,transparent 6px 12px);
  background-color:#15314d;
  background-size:112px 112px,100% 12px;
  background-repeat:repeat,repeat-y;
  background-blend-mode:screen;
  animation:vhs-portrait-static-shift .11s steps(2,end) infinite;
}
html.lf-vhs-ui main .portrait picture {
  position:relative;
  z-index:1;
  display:block;
  overflow:hidden;
  clip-path:inset(0);
}
html.lf-vhs-ui main .portrait img {
  position:relative;
  z-index:1;
  width:100%!important;
  max-width:none;
  border-radius:0;
  filter:grayscale(1) sepia(.38) hue-rotate(168deg) saturate(1.9) contrast(1.24) brightness(.84);
  box-shadow:none;
}
html.lf-vhs-ui main .portrait.vhs-portrait-ready img { opacity:0; }
html.lf-vhs-ui main .portrait.vhs-portrait-playing img {
  animation:vhs-portrait-main 3.6s cubic-bezier(.22,.72,.22,1) both;
}
html.lf-vhs-ui .vhs-portrait-layer {
  position:absolute;
  inset:7px;
  z-index:2;
  overflow:hidden;
  clip-path:inset(0);
  background-image:var(--vhs-portrait-image);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  opacity:0;
  pointer-events:none;
}
html.lf-vhs-ui .vhs-portrait-static {
  z-index:5;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.22' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.94'/%3E%3C/svg%3E"),
    repeating-linear-gradient(0deg,rgba(230,244,255,.18) 0 2px,rgba(0,13,28,.24) 2px 6px,transparent 6px 12px);
  background-size:112px 112px,100% 12px;
  background-repeat:repeat,repeat-y;
  background-blend-mode:screen;
  mix-blend-mode:screen;
}
html.lf-vhs-ui .vhs-portrait-playing .vhs-portrait-static {
  animation:vhs-portrait-static-phase 3.6s linear both,vhs-portrait-static-shift .11s steps(2,end) infinite;
}
html.lf-vhs-ui .vhs-portrait-ghost-blue {
  z-index:3;
  filter:grayscale(1) sepia(.5) hue-rotate(158deg) saturate(3.2) contrast(1.35) brightness(1.08);
  mix-blend-mode:screen;
}
html.lf-vhs-ui .vhs-portrait-ghost-red {
  z-index:4;
  filter:grayscale(1) sepia(.78) hue-rotate(306deg) saturate(4.2) contrast(1.4) brightness(.82);
  mix-blend-mode:screen;
}
html.lf-vhs-ui .vhs-portrait-playing .vhs-portrait-ghost-blue { animation:vhs-portrait-ghost-blue 3.6s ease-out both; }
html.lf-vhs-ui .vhs-portrait-playing .vhs-portrait-ghost-red { animation:vhs-portrait-ghost-red 3.6s ease-out both; }
html.lf-vhs-ui .vhs-portrait-shirt-red {
  z-index:3;
  clip-path:none;
  -webkit-mask-image:radial-gradient(ellipse 28% 58% at 65% 72%,#000 0 46%,rgba(0,0,0,.82) 58%,rgba(0,0,0,.28) 72%,transparent 84%);
  mask-image:radial-gradient(ellipse 28% 58% at 65% 72%,#000 0 46%,rgba(0,0,0,.82) 58%,rgba(0,0,0,.28) 72%,transparent 84%);
  filter:grayscale(1) sepia(.9) hue-rotate(307deg) saturate(4.6) contrast(1.5) brightness(.7);
  mix-blend-mode:screen;
}
html.lf-vhs-ui .vhs-portrait-playing .vhs-portrait-shirt-red { animation:vhs-portrait-red-grade 3.6s ease both; }
html.lf-vhs-ui .vhs-portrait-scan {
  z-index:6;
  background-image:
    radial-gradient(ellipse at center,transparent 42%,rgba(0,5,14,.48) 100%),
    repeating-linear-gradient(0deg,rgba(226,244,255,.085) 0,rgba(226,244,255,.085) 2px,rgba(0,8,19,.22) 2px,rgba(0,8,19,.22) 5px,transparent 5px,transparent 10px),
    repeating-linear-gradient(90deg,rgba(194,34,44,.022) 0,rgba(194,34,44,.022) 1px,transparent 1px,transparent 3px,rgba(32,119,170,.026) 3px,rgba(32,119,170,.026) 4px,transparent 4px,transparent 7px);
  background-size:cover,100% 10px,7px 100%;
  background-position:0 0,0 0,0 0;
  background-repeat:no-repeat,repeat-y,repeat-x;
  mix-blend-mode:normal;
}
html.lf-vhs-ui .vhs-portrait-playing .vhs-portrait-scan {
  animation:vhs-portrait-scan-in 3.6s ease both,vhs-portrait-scan-drift 14s linear infinite;
}
html.lf-vhs-ui main .portrait.vhs-portrait-glitching img {
  animation:vhs-portrait-signal-jump .76s steps(1,end) both!important;
}
html.lf-vhs-ui main .portrait.vhs-portrait-glitching .vhs-portrait-ghost-blue {
  animation:vhs-portrait-recurrent-blue .76s steps(1,end) both!important;
}
html.lf-vhs-ui main .portrait.vhs-portrait-glitching .vhs-portrait-ghost-red {
  animation:vhs-portrait-recurrent-red .76s steps(1,end) both!important;
}
html.lf-vhs-ui main .portrait.vhs-portrait-glitching .vhs-portrait-static {
  animation:vhs-portrait-static-burst .76s steps(1,end) both!important,vhs-portrait-static-shift .11s steps(2,end) infinite!important;
}

html.lf-home-vhs .grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:34px 26px;
}
html.lf-home-vhs .grid .card--feature { grid-column:auto!important; }
html.lf-home-vhs .grid .card-corner { display:none!important; }
html.lf-home-vhs .grid .card .thumb {
  display:flex;
  flex-direction:column;
  height:300px!important;
  min-height:300px!important;
  max-height:300px!important;
  aspect-ratio:auto!important;
  padding:44px 28px 26px;
  border-radius:0;
  clip-path:inset(0 round 0)!important;
  transform:none!important;
  opacity:1!important;
  animation:none!important;
  border:1px solid var(--vhs-rule);
  background:#05070a;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.8),0 16px 42px rgba(0,0,0,.28);
}
html.lf-home-vhs .grid .card.is-in .thumb { clip-path:inset(0 round 0)!important; }
html.lf-home-vhs .grid .card .thumb::before {
  filter:saturate(.55) contrast(1.08) brightness(.72);
}
html.lf-home-vhs .grid .card .thumb::after {
  z-index:1;
  background:
    radial-gradient(ellipse at center,transparent 38%,rgba(0,0,0,.58) 100%),
    repeating-linear-gradient(0deg,rgba(226,240,246,.065) 0,rgba(226,240,246,.065) 1px,rgba(0,0,0,.18) 1px,rgba(0,0,0,.18) 3px,transparent 3px,transparent 4px),
    repeating-linear-gradient(90deg,rgba(214,58,66,.026) 0,rgba(214,58,66,.026) 1px,rgba(87,211,217,.024) 1px,rgba(87,211,217,.024) 2px,transparent 2px,transparent 5px),
    linear-gradient(180deg,transparent 0,transparent 45%,rgba(226,240,246,.075) 49%,rgba(0,0,0,.22) 52%,transparent 57%,transparent 100%);
  background-size:cover,100% 4px,5px 100%,100% 180%;
  background-position:0 0,0 0,0 0,0 -180%;
  mix-blend-mode:normal;
  opacity:.92;
  animation:vhs-card-crt 12s linear infinite;
  animation-delay:var(--vhs-card-delay,0s);
  will-change:background-position;
  pointer-events:none;
}
html.lf-home-vhs .grid .card-top,
html.lf-home-vhs .grid .card-foot {
  position:relative!important;
  inset:auto!important;
  z-index:2;
}
html.lf-home-vhs .grid .card-top { right:auto!important; }
html.lf-home-vhs .grid .card-foot {
  margin-top:auto;
  padding-top:0;
}
html.lf-home-vhs .grid .card-top::before {
  content:"REC  /  ARCHIVE";
  display:block;
  margin-bottom:14px;
  padding-left:15px;
  font:10px/1.2 'Courier New',ui-monospace,monospace;
  letter-spacing:.14em;
  color:var(--vhs-dim);
  background:radial-gradient(circle at 4px 50%,var(--vhs-red) 0 3px,transparent 3.5px);
  background-repeat:no-repeat;
}
html.lf-home-vhs .grid .card-ttl {
  font-size:clamp(26px,2.5vw,42px)!important;
  color:var(--vhs-ink);
  text-shadow:1px 0 rgba(87,211,217,.24),-1px 0 rgba(212,61,130,.2),0 3px 18px rgba(0,0,0,.78);
}
html.lf-home-vhs .grid .card-ttl::first-letter { color:var(--vhs-red); }
html.lf-home-vhs .grid .card .card-preview {
  display:-webkit-box!important;
  overflow:hidden!important;
  max-width:none;
  color:#9a9b94;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3!important;
}
html.lf-home-vhs .grid .card-meta {
  border-top:1px solid var(--vhs-rule);
  font-family:'Courier New',ui-monospace,monospace;
}
html.lf-home-vhs .grid .card:hover .thumb {
  border-color:rgba(220,225,218,.42);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.8),2px 0 rgba(87,211,217,.13),-2px 0 rgba(212,61,130,.11),0 18px 50px rgba(0,0,0,.34);
}

html.lf-home-vhs .site-footer {
  border-top:1px solid var(--vhs-rule);
  font-family:'Courier New',ui-monospace,monospace;
}

@keyframes vhs-scan {
  from{background-position:0 0,0 0,0 0}
  to{background-position:0 0,0 36px,0 0}
}
@keyframes vhs-card-crt {
  from{background-position:0 0,0 0,0 0,0 -180%}
  to{background-position:0 0,0 32px,5px 0,0 220%}
}
@keyframes vhs-roll {
  from{transform:translateY(-100%)}
  to{transform:translateY(1750%)}
}
@keyframes vhs-title-drift {
  from{text-shadow:1px 0 rgba(87,211,217,.2),-1px 0 rgba(212,61,130,.16),0 4px 28px rgba(0,0,0,.85)}
  to{text-shadow:2px 0 rgba(87,211,217,.3),-2px 0 rgba(212,61,130,.22),0 4px 28px rgba(0,0,0,.85)}
}
@keyframes vhs-portrait-main {
  0%,20%{opacity:0;transform:scale(1.025);filter:grayscale(1) sepia(.5) hue-rotate(168deg) saturate(2.8) contrast(1.55) brightness(.45)}
  35%{opacity:.18;transform:translateX(-3px) scale(1.018)}
  52%{opacity:.62;transform:translateX(1px) scale(1.008)}
  72%,100%{opacity:1;transform:none;filter:grayscale(1) sepia(.38) hue-rotate(168deg) saturate(1.9) contrast(1.24) brightness(.84)}
}
@keyframes vhs-portrait-static-phase {
  0%,22%{opacity:1}
  32%{opacity:.9}
  48%{opacity:.48}
  66%{opacity:.12}
  78%,100%{opacity:.3}
}
@keyframes vhs-portrait-static-shift {
  from{background-position:0 0,0 0}
  to{background-position:17px -13px,0 12px}
}
@keyframes vhs-portrait-ghost-blue {
  0%,20%{opacity:0;transform:translateX(-11px) scale(1.018)}
  28%{opacity:.68}
  48%{opacity:.46;transform:translateX(-6px) scale(1.012)}
  68%,100%{opacity:0;transform:none}
}
@keyframes vhs-portrait-ghost-red {
  0%,24%{opacity:0;transform:translateX(12px) scale(1.016)}
  32%{opacity:.6}
  52%{opacity:.4;transform:translateX(5px) scale(1.008)}
  70%,100%{opacity:0;transform:none}
}
@keyframes vhs-portrait-red-grade {
  0%,42%{opacity:0}
  58%{opacity:.25}
  76%,100%{opacity:.52}
}
@keyframes vhs-portrait-scan-in {
  0%,20%{opacity:0}
  36%{opacity:.42}
  72%,100%{opacity:.82}
}
@keyframes vhs-portrait-scan-drift {
  from{background-position:0 0,0 0,0 0}
  to{background-position:0 0,0 60px,7px 0}
}
@keyframes vhs-portrait-signal-jump {
  0%,100%{opacity:1;transform:none;clip-path:inset(0)}
  12%{transform:translate(2px,-1px);clip-path:inset(0 0 68% 0)}
  22%{transform:translate(-7px,1px);clip-path:inset(24% 0 37% 0)}
  34%{transform:translate(5px,0);clip-path:inset(58% 0 12% 0)}
  46%{transform:translate(-3px,-1px);clip-path:inset(7% 0 71% 0)}
  58%{transform:translate(1px,1px);clip-path:inset(43% 0 28% 0)}
  72%{transform:translate(-2px,0);clip-path:inset(0)}
}
@keyframes vhs-portrait-recurrent-blue {
  0%,100%{opacity:0;transform:none;clip-path:inset(0)}
  12%,22%{opacity:.58;transform:translateX(-10px);clip-path:inset(8% 0 55% 0)}
  34%,46%{opacity:.42;transform:translateX(-6px);clip-path:inset(48% 0 18% 0)}
  58%{opacity:.26;transform:translateX(-3px);clip-path:inset(23% 0 49% 0)}
}
@keyframes vhs-portrait-recurrent-red {
  0%,100%{opacity:0;transform:none;clip-path:inset(0)}
  12%,22%{opacity:.5;transform:translateX(11px);clip-path:inset(52% 0 10% 0)}
  34%,46%{opacity:.38;transform:translateX(7px);clip-path:inset(16% 0 57% 0)}
  58%{opacity:.24;transform:translateX(3px);clip-path:inset(61% 0 9% 0)}
}
@keyframes vhs-portrait-static-burst {
  0%,100%{opacity:.3}
  12%,22%{opacity:.68}
  34%,46%{opacity:.42}
  58%{opacity:.56}
  72%{opacity:.3}
}

@media(max-width:780px) {
  html.lf-home-vhs .hero { min-height:520px;padding:76px 30px 52px;margin-top:18px; }
  html.lf-home-vhs .hero-cor { width:44px!important;height:34px!important; }
  html.lf-home-vhs .hero-cor.tl { top:18px!important;left:18px!important; }
  html.lf-home-vhs .hero-cor.tr { top:18px!important;right:18px!important; }
  html.lf-home-vhs .hero-cor.bl { bottom:18px!important;left:18px!important; }
  html.lf-home-vhs .hero-cor.br { right:18px!important;bottom:18px!important; }
  html.lf-home-vhs .hero-mark { inset:52px 70px auto!important;font-size:9px;letter-spacing:.07em; }
  html.lf-home-vhs .hero-mark::before { content:"REC  SP"; }
  html.lf-home-vhs .hero-mark::after { content:attr(data-vhs-time) "  ▰▰"; }
  html.lf-home-vhs .hero .kicker { font-size:10px;letter-spacing:.13em; }
  html.lf-home-vhs .genres { display:flex;padding:16px 14px;gap:8px 10px;font-size:11px; }
  html.lf-home-vhs .genres::before { flex-basis:100%;margin:0; }
  html.lf-home-vhs .genre { padding:6px 7px; }
  html.lf-home-vhs .about { grid-template-columns:minmax(0,1fr);padding:42px 24px 28px;row-gap:28px; }
  html.lf-vhs-ui main .portrait { width:240px;justify-self:center; }
  html.lf-home-vhs .grid { grid-template-columns:minmax(0,1fr);gap:24px; }
  html.lf-home-vhs .grid .card .thumb { padding:26px 24px; }
  html.lf-home-vhs .grid .card-top::before { margin-bottom:10px; }
}

@media(prefers-reduced-motion:reduce) {
  html.lf-home-vhs .hero::after,
  html.lf-home-vhs .hero h1,
  html.lf-home-vhs .grid .card .thumb::after { animation:none; }
  html.lf-vhs-ui main .portrait img { opacity:1!important;animation:none!important; }
  html.lf-vhs-ui .vhs-portrait-ghost-blue,
  html.lf-vhs-ui .vhs-portrait-ghost-red { display:none; }
  html.lf-vhs-ui .vhs-portrait-static { opacity:.3!important;animation:none!important; }
  html.lf-vhs-ui .vhs-portrait-shirt-red { opacity:.52!important;animation:none!important; }
  html.lf-vhs-ui .vhs-portrait-scan { opacity:.78!important;animation:none!important; }
  html.lf-vhs-ui main .portrait.vhs-portrait-glitching img { opacity:1!important;transform:none!important;clip-path:inset(0)!important; }
}