@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,650;9..144,700&family=Source+Sans+3:wght@400;500;600&display=swap");

:root {
  color-scheme: dark;
  --bg: #0a0709;
  --bg2: #161018;
  --ink: #f8efe4;
  --muted: #c4b0a0;
  --amber: #f0a35a;
  --amber2: #ffd2a1;
  --rose: #d9898f;
  --teal: #8ec6c4;
  --indigo: #6e7499;
  --line: rgba(248,239,228,.11);
  --warmth: 62;
  --dim: 1;
  --glow: rgba(240,163,90,.28);
  --panel: rgba(22,16,24,.82);
}
* { box-sizing: border-box; }
html, body { margin:0; padding:0; min-height:100%; }
body {
  font-family: "Fraunces", "Iowan Old Style", Georgia, serif;
  color: var(--ink);
  background:
    radial-gradient(ellipse 85% 55% at 50% -10%, color-mix(in srgb, var(--amber) calc(var(--warmth) * .42%), transparent), transparent 58%),
    radial-gradient(ellipse 45% 35% at 8% 85%, color-mix(in srgb, var(--rose) 16%, transparent), transparent 60%),
    radial-gradient(ellipse 40% 40% at 92% 100%, color-mix(in srgb, var(--indigo) 22%, transparent), transparent 55%),
    linear-gradient(180deg, #120c10 0%, var(--bg) 40%, #08060a 100%);
  overflow-x: hidden;
}
/* dim lives on the root so position:fixed layers stay viewport-relative */
html { filter: brightness(var(--dim)); background:#0a0709; transition: filter .25s ease; }
body::after {
  content:""; pointer-events:none; position:fixed; inset:0; z-index:3;
  background: radial-gradient(ellipse at center, transparent 45%, rgba(0,0,0,.45) 100%);
}
body, a { transition: color .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease; }
a { color: var(--teal); text-decoration: none; }
a:hover { color: var(--amber2); }

.grain {
  pointer-events:none; position:fixed; inset:0; z-index:1; opacity:.06;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
}
/* Soft ember motes only — no scanning rain canvas */
.embers { pointer-events:none; position:fixed; inset:0; z-index:2; }
.embers canvas { width:100%; height:100%; display:block; }
.rain { display:none !important; }

.top, main, .foot { position: relative; z-index: 5; }
.top {
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:1rem clamp(1rem,3vw,2rem); border-bottom:1px solid var(--line);
  backdrop-filter: blur(14px); background: rgba(10,7,9,.62);
  position: sticky; top:0; z-index: 10;
}
.brand { display:flex; align-items:center; gap:.7rem; color:var(--ink); font-weight:650; letter-spacing:.03em; }
.brand img { border-radius:14px; box-shadow:0 0 0 1px var(--line), 0 0 28px rgba(240,163,90,.22), 0 10px 28px rgba(0,0,0,.4); }
.brand span { font-size:1.15rem; }
nav { display:flex; flex-wrap:wrap; gap:.75rem 1.05rem; font-family: "Source Sans 3", system-ui, sans-serif; font-size:.95rem; font-weight:500; }
nav a { color: var(--muted); }
nav a.yt { color: var(--amber); }
main { width: min(1120px, calc(100% - 2rem)); margin: 0 auto; padding: 2rem 0 5rem; }

.hero {
  position: relative; border-radius: 30px; overflow: hidden; min-height: 460px;
  border: 1px solid rgba(240,163,90,.22);
  box-shadow: 0 34px 90px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.04);
  display:grid; align-items:end;
}
.hero::before {
  content:""; position:absolute; inset:14px; z-index:2; pointer-events:none; border-radius:22px;
  border:1px solid rgba(248,239,228,.08);
  box-shadow: inset 0 0 60px rgba(240,163,90,.06);
}
.hero img.bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transform: scale(1.02); }
.hero .veil {
  position:absolute; inset:0;
  background:
    linear-gradient(115deg, rgba(10,7,9,.55) 0%, rgba(10,7,9,.2) 45%, rgba(10,7,9,.72) 100%),
    linear-gradient(180deg, transparent 20%, rgba(10,7,9,.88) 78%, rgba(10,7,9,.97));
}
.hero .copy { position:relative; z-index:3; padding: clamp(1.6rem,4.5vw,3.2rem); max-width: 40rem; }
.hero .eyebrow {
  display:inline-flex; align-items:center; gap:.45rem;
  font-family:"Source Sans 3",system-ui,sans-serif; font-size:.78rem; letter-spacing:.14em; text-transform:uppercase;
  color: var(--amber2); margin-bottom:.7rem;
}
.hero .eyebrow::before {
  content:""; width:18px; height:18px; border-radius:50%;
  background: radial-gradient(circle at 40% 35%, #fff6e8, var(--amber) 45%, transparent 70%);
  box-shadow: 0 0 18px var(--amber);
}
.hero h1 { font-size: clamp(2.55rem, 6.2vw, 3.85rem); margin:0 0 .45rem; font-weight:700; letter-spacing:-.01em; line-height:1.05; }
.hero p { color: var(--muted); font-size:1.18rem; line-height:1.58; margin:0 0 1.5rem; font-weight:500; }
.actions { display:flex; flex-wrap:wrap; gap:.75rem; }
.btn {
  font-family: "Source Sans 3", system-ui, sans-serif; font-weight:600; font-size:.97rem;
  border-radius:999px; padding:.9rem 1.35rem; border:1px solid transparent; display:inline-flex; gap:.45rem; align-items:center;
}
.btn.primary {
  background: linear-gradient(135deg, #ffc089, var(--amber) 45%, #c7773f);
  color:#1a100c; box-shadow: 0 10px 30px rgba(240,163,90,.28);
}
.btn.primary:hover { color:#1a100c; filter: brightness(1.06); }
.btn.ghost { border-color: rgba(248,239,228,.18); color: var(--ink); background: rgba(255,255,255,.04); backdrop-filter: blur(6px); }
.rooms { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1.4rem; }
.rooms a {
  font-family:"Source Sans 3",system-ui,sans-serif; font-size:.86rem; font-weight:600;
  padding:.45rem .85rem; border-radius:999px; color: var(--ink);
  background: rgba(255,255,255,.05); border:1px solid var(--line);
}
.rooms a:hover { border-color: rgba(240,163,90,.45); color: var(--amber2); }

.section { margin-top: 3rem; }
.section h2 { font-size:1.7rem; margin:0 0 .35rem; font-weight:650; }
.section .lead { color:var(--muted); margin:0 0 1.35rem; font-family:"Source Sans 3",system-ui,sans-serif; font-size:1.05rem; }
.grid { display:grid; gap:1.1rem; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.card {
  background: var(--panel); border:1px solid var(--line); border-radius:24px; overflow:hidden;
  box-shadow: 0 18px 48px rgba(0,0,0,.32); transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
  color: inherit;
}
a.card:hover { transform: translateY(-4px); border-color: rgba(240,163,90,.4); color: inherit; box-shadow: 0 22px 56px rgba(0,0,0,.4), 0 0 0 1px rgba(240,163,90,.12); }
.card img, .card .media { width:100%; aspect-ratio: 4/3; object-fit:cover; object-position: center center; display:block; background:#0a0709; }
.card .body { padding:1.05rem 1.1rem 1.25rem; }
.card h3 { margin:0 0 .35rem; font-size:1.18rem; color: var(--amber2); font-weight:650; }
.card p { margin:0; color:var(--muted); font-size:.95rem; line-height:1.48; font-family: "Source Sans 3", system-ui, sans-serif; }
.pill {
  display:inline-block; font-family:"Source Sans 3",system-ui,sans-serif; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase;
  color: var(--teal); margin-bottom:.4rem; background: rgba(142,198,196,.1); padding:.2rem .5rem; border-radius:999px;
}

.theater {
  background: #050408; border-radius: 26px; border:1px solid rgba(240,163,90,.16); overflow:hidden;
  box-shadow: 0 28px 80px rgba(0,0,0,.55);
}
.theater .frame { position:relative; aspect-ratio:16/9; background:#000; }
.theater iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.theater .meta { padding:1.1rem 1.25rem 1.35rem; display:flex; flex-wrap:wrap; gap:.8rem; justify-content:space-between; align-items:center; }
.theater h1 { font-size:1.4rem; margin:0; }
.list { display:grid; gap:.85rem; }
.row {
  display:grid; grid-template-columns: 148px 1fr auto; gap:1rem; align-items:center;
  padding:.7rem; border-radius:18px; border:1px solid var(--line); background: var(--panel);
}
.row img { width:148px; aspect-ratio:16/9; object-fit:cover; border-radius:12px; }
.row h3 { margin:0 0 .2rem; font-size:1.05rem; color:var(--ink); }
.row p { margin:0; color:var(--muted); font-family:"Source Sans 3",system-ui,sans-serif; font-size:.88rem; }
@media (max-width:640px) {
  .row { grid-template-columns: 100px 1fr; }
  .row .go { grid-column: 2; }
  nav { justify-content:flex-end; }
}

.controls { position: fixed; right: 1rem; bottom: 1rem; z-index: 30; font-family: "Source Sans 3", system-ui, sans-serif; }
.controls-toggle {
  border:1px solid rgba(240,163,90,.28); background: rgba(16,11,14,.92); color: var(--ink);
  border-radius:999px; padding:.75rem 1.1rem; cursor:pointer; backdrop-filter: blur(10px);
  box-shadow: 0 10px 30px rgba(0,0,0,.35), 0 0 24px rgba(240,163,90,.12);
}
.controls.open .controls-toggle { border-color: rgba(240,163,90,.55); }
.controls-panel {
  margin-top:.55rem; padding:1.05rem; width: min(260px, calc(100vw - 2rem));
  background: rgba(16,11,14,.96); border:1px solid rgba(240,163,90,.2); border-radius:20px;
  display:none; gap:.8rem; box-shadow: 0 18px 44px rgba(0,0,0,.45);
}
.controls.open .controls-panel { display:grid; }
.controls-head { display:flex; justify-content:space-between; align-items:center; color:var(--amber2); font-weight:600; font-size:.92rem; }
.controls-close {
  border:0; background:transparent; color:var(--muted); cursor:pointer; font: inherit; padding:.2rem .35rem;
}
.controls-close:hover { color: var(--amber2); }
.controls-panel label { display:grid; gap:.35rem; font-size:.88rem; color:var(--muted); }
.controls-panel .check { grid-template-columns: auto 1fr; align-items:center; gap:.55rem; }
.controls-panel input[type=range] { width:100%; accent-color: var(--amber); }

.foot { border-top:1px solid var(--line); padding:1.7rem; text-align:center; color:var(--muted); font-family:"Source Sans 3",system-ui,sans-serif; font-size:.9rem; }
.foot p { margin:.28rem 0; }
.prose { max-width: 42rem; color: var(--muted); line-height:1.7; font-size:1.08rem; font-family:"Source Sans 3",system-ui,sans-serif; }
.prose strong { color: var(--ink); font-family: Fraunces, Georgia, serif; }

.note-card .meta { font-family:"Source Sans 3",system-ui,sans-serif; font-size:.8rem; letter-spacing:.08em; text-transform:uppercase; color:var(--teal); margin-bottom:.4rem; }
.note-card h3 { margin:0 0 .4rem; }
.note-gif {
  margin: 1.4rem 0; max-width: 420px; border-radius: 20px; overflow: hidden;
  border: 1px solid rgba(240,163,90,.22);
  box-shadow: 0 18px 50px rgba(0,0,0,.4);
}
.note-gif img { width:100%; display:block; vertical-align:middle; }
.note-soon {
  display:inline-block; margin-top:.8rem; font-family:"Source Sans 3",system-ui,sans-serif;
  font-size:.88rem; color:var(--muted); border:1px dashed var(--line); border-radius:999px; padding:.45rem .9rem;
}

/* ---------- Quiet notes cards ---------- */
.notes-grid .note-card { position: relative; transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.notes-grid .note-card:hover { transform: translateY(-4px); border-color: rgba(240,163,90,.4); box-shadow: 0 22px 56px rgba(0,0,0,.4), 0 0 0 1px rgba(240,163,90,.12); }
.notes-grid .note-card .media { aspect-ratio: 16/9; height:auto; }
.note-card h3 a { color: var(--amber2); }
.note-card .stretch::after { content:""; position:absolute; inset:0; z-index:1; border-radius:inherit; }
.note-card .stretch:focus-visible { outline: none; }
.note-card:has(.stretch:focus-visible) { outline: 2px solid var(--amber); outline-offset: 3px; }
.yt-cta {
  position: relative; z-index: 2; display:inline-flex; align-items:center; gap:.4rem; margin-top:.8rem;
  font-family:"Source Sans 3",system-ui,sans-serif; font-weight:600; font-size:.9rem;
  color: var(--amber); padding:.42rem .85rem .42rem .6rem; border-radius:999px;
  border:1px solid rgba(240,163,90,.35); background: rgba(240,163,90,.08);
}
.yt-cta:hover { color:#1a100c; background: var(--amber); border-color: var(--amber); }
.yt-ico { width:1.05em; height:1.05em; flex:none; }
.more-link { display:inline-block; margin-top:1rem; font-family:"Source Sans 3",system-ui,sans-serif; font-weight:600; }
/* Compact horizontal note cards (home + related) */
.home-notes { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: .9rem; }
.home-notes .note-card { display:grid; grid-template-columns: 112px 1fr; align-items: stretch; border-radius: 20px; }
.home-notes .note-card .media { width:112px; height:100%; min-height:112px; aspect-ratio:auto; }
.home-notes .note-card .body { padding: .8rem .95rem .9rem; }
.home-notes .note-card h3 { font-size: 1.05rem; margin-bottom:.25rem; }
.home-notes .note-card p { font-size: .88rem; line-height: 1.42; }
.home-notes .note-card .meta { font-size:.7rem; margin-bottom:.25rem; }
.home-notes .yt-cta { margin-top:.55rem; font-size:.84rem; padding:.32rem .75rem .32rem .5rem; }

/* Note page: modest still + prominent YouTube CTA */
.note-kind { font-family:"Source Sans 3",system-ui,sans-serif; letter-spacing:.08em; text-transform:uppercase; color:var(--teal); font-size:.8rem; margin:0; }
.note-hero { display:grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); gap: 1.4rem; align-items:center; margin: 1.2rem 0 1.8rem; max-width: 52rem; }
.note-still { margin:0; border-radius: 20px; overflow:hidden; border:1px solid rgba(240,163,90,.22); box-shadow: 0 18px 50px rgba(0,0,0,.4); }
.note-still img { width:100%; height:auto; aspect-ratio: 4/3; object-fit: cover; display:block; }
.note-watch { background: var(--panel); border:1px solid rgba(240,163,90,.22); border-radius: 20px; padding: 1.2rem 1.3rem 1.35rem; }
.note-watch .meta { font-family:"Source Sans 3",system-ui,sans-serif; font-size:.76rem; letter-spacing:.1em; text-transform:uppercase; color:var(--teal); }
.note-watch h2 { margin:.3rem 0 .45rem; font-size:1.35rem; color: var(--amber2); }
.note-watch p { margin:0 0 1rem; color:var(--muted); font-family:"Source Sans 3",system-ui,sans-serif; line-height:1.5; }
.note-watch .btn { font-size:1.02rem; padding: .95rem 1.45rem; }
.prose h2 { color: var(--ink); font-size:1.25rem; margin:1.6rem 0 .4rem; }
.prose ol, .prose ul { padding-left: 1.2rem; }
.prose li { margin:.35rem 0; }
.prose .poem { font-family: Fraunces, Georgia, serif; color: var(--ink); font-size:1.15rem; line-height:1.8; white-space: pre-line; }
.prose .aside { font-size:.92rem; border-left:2px solid rgba(240,163,90,.35); padding-left:.9rem; }
@media (max-width: 680px) { .note-hero { grid-template-columns: 1fr; } .note-still { max-width: 360px; } }

/* Tonight's pick */
.pick { margin-top: 1.6rem; position:relative; display:grid; grid-template-columns: 168px 1fr auto; gap: 1rem; align-items:center;
  padding:.7rem .9rem .7rem .7rem; border-radius: 20px; background: var(--panel); border:1px solid rgba(240,163,90,.24); box-shadow: 0 14px 40px rgba(0,0,0,.3); max-width: 760px; }
.pick img { width:168px; aspect-ratio:16/9; object-fit:cover; border-radius:12px; display:block; background:#000; }
.pick .eyebrow { font-family:"Source Sans 3",system-ui,sans-serif; font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--amber2); }
.pick h3 { margin:.2rem 0 .15rem; font-size:1.1rem; }
.pick p { margin:0; color:var(--muted); font-family:"Source Sans 3",system-ui,sans-serif; font-size:.88rem; }
.pick .btn { padding:.7rem 1.1rem; font-size:.92rem; white-space:nowrap; }
@media (max-width: 640px) { .pick { grid-template-columns: 110px 1fr; } .pick img { width:110px; } .pick .btn { grid-column: 1 / -1; justify-content:center; } }

/* Privacy */
.privacy .prose h2 { margin-top: 1.8rem; }

/* ---------- Background display ambience (decorative, never blocks clicks) ---------- */
.ew-hearth, .ew-window, .ew-cat, .ew-lantern { pointer-events: none; position: fixed; }
.ew-hearth { left: 0; bottom: 0; width: min(380px, 60vw); height: 300px; z-index: 2; opacity: .62; }
.ew-hearth::before {
  content:""; position:absolute; left:-30%; bottom:-35%; width:160%; height:150%;
  background: radial-gradient(closest-side, rgba(255,150,70,.32), rgba(217,110,80,.12) 55%, transparent 100%);
  animation: ew-glow 3.8s ease-in-out infinite alternate;
}
.ew-hearth svg { position:absolute; left: 78px; bottom: 0; width: 220px; height: auto; }
.ew-flame { transform-box: fill-box; transform-origin: 50% 100%; animation: ew-flick 1.6s ease-in-out infinite alternate; }
.ew-flame.f2 { animation-duration: 1.15s; animation-delay: -.4s; }
.ew-flame.f3 { animation-duration: 1.9s; animation-delay: -.9s; }
@keyframes ew-flick { 0% { transform: scale(1,1) skewX(0); } 40% { transform: scale(.94,1.08) skewX(-3deg); } 100% { transform: scale(1.04,.92) skewX(3deg); } }
@keyframes ew-glow { 0% { opacity:.75; } 50% { opacity:1; } 100% { opacity:.82; transform: scale(1.03); } }
.ew-window {
  right: clamp(.8rem, 2vw, 1.6rem); top: 104px; width: 150px; height: 196px; z-index: 2; opacity: .6;
  border-radius: 74px 74px 10px 10px; padding: 8px;
  background: linear-gradient(180deg, #2a1c18, #1a110f); box-shadow: 0 18px 40px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,210,161,.08);
}
.ew-window .glass {
  position:relative; width:100%; height:100%; overflow:hidden; border-radius: 66px 66px 4px 4px;
  background: radial-gradient(ellipse 60% 40% at 30% 80%, rgba(142,198,196,.18), transparent 70%), linear-gradient(180deg, #1b2733 0%, #142029 55%, #0e161d 100%);
}
.ew-window .glass::before, .ew-window .glass::after {
  content:""; position:absolute; inset:-40px 0 0 0;
  background-image: repeating-linear-gradient(100deg, transparent 0 9px, rgba(200,225,235,.22) 9px 10px, transparent 10px 23px);
  background-size: 100% 120px; animation: ew-rain .9s linear infinite;
}
.ew-window .glass::after { opacity:.55; background-image: repeating-linear-gradient(104deg, transparent 0 15px, rgba(200,225,235,.18) 15px 16px, transparent 16px 31px); background-size: 100% 90px; animation-duration: .65s; }
@keyframes ew-rain { from { background-position: 0 0; } to { background-position: -14px 120px; } }
.ew-window .bars { position:absolute; inset:8px; border-radius: 66px 66px 4px 4px;
  background: linear-gradient(90deg, transparent calc(50% - 2px), #24170f calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2px)),
              linear-gradient(180deg, transparent 54%, #24170f 54% calc(54% + 4px), transparent calc(54% + 4px)); }
.ew-window .sill { position:absolute; left:-10px; right:-10px; bottom:-8px; height:10px; border-radius:4px; background:#2e1f17; box-shadow: 0 6px 14px rgba(0,0,0,.45); }
@media (max-width: 1000px) { .ew-window { display:none; } }
@media (max-width: 640px) { .ew-hearth { opacity:.4; height: 220px; } .ew-hearth svg { width: 160px; left: 56px; } }

/* ---------- Companions: Emberwave lantern (left) + running black cat ---------- */
.ew-lantern { left: clamp(.6rem, 1.6vw, 1.2rem); bottom: .9rem; width: 58px; height: 86px; z-index: 19; transform-origin: 50% 6px; animation: ew-sway 5.5s ease-in-out infinite alternate; }
.ew-lantern svg { width:100%; height:100%; overflow: visible; filter: drop-shadow(0 0 14px rgba(255,170,90,.55)); }
.ew-lantern .halo { animation: ew-halo 3.2s ease-in-out infinite alternate; transform-box: fill-box; transform-origin: center; }
@keyframes ew-sway { from { transform: rotate(-2.5deg); } to { transform: rotate(2.5deg); } }
@keyframes ew-halo { from { opacity:.55; transform: scale(.94); } to { opacity:.95; transform: scale(1.06); } }
.ew-cat { left:0; top:0; width: 82px; height: 50px; z-index: 20; will-change: transform; transform-origin: 50% 50%; }
.ew-cat .flip { width:100%; height:100%; transition: transform .35s ease; }
.ew-cat.rev .flip { transform: scaleX(-1); }
.ew-cat svg { width:100%; height:100%; overflow: visible; filter: drop-shadow(0 0 3px rgba(255,190,120,.5)) drop-shadow(0 4px 6px rgba(0,0,0,.6)); }
.ew-cat .leg { transform-box: fill-box; transform-origin: 50% 0; animation: ew-leg .36s ease-in-out infinite alternate; }
.ew-cat .leg.b { animation-delay: -.18s; }
.ew-cat .torso { animation: ew-bob .18s ease-in-out infinite alternate; }
.ew-cat .tail { transform-box: fill-box; transform-origin: 100% 100%; animation: ew-tail .7s ease-in-out infinite alternate; }
@keyframes ew-leg { from { transform: rotate(32deg); } to { transform: rotate(-32deg); } }
@keyframes ew-bob { from { transform: translateY(0); } to { transform: translateY(-1.6px); } }
@keyframes ew-tail { from { transform: rotate(-10deg); } to { transform: rotate(14deg); } }
.ew-cat.sit .leg { animation: none; transform: rotate(0); }
.ew-cat.sit .torso { animation: none; }
.ew-cat.sit .tail { animation-duration: 2.4s; }
@media (max-width:520px) {
  .ew-cat { width: 58px; height: 35px; }
  .ew-lantern { width: 44px; height: 66px; left:.55rem; bottom:.65rem; }
  .controls { right:.65rem; bottom:.65rem; }
}
@media (prefers-reduced-motion: reduce) {
  .embers canvas { display:none; }
  .ew-hearth::before, .ew-flame, .ew-window .glass::before, .ew-window .glass::after,
  .ew-lantern, .ew-lantern .halo, .ew-cat .leg, .ew-cat .torso, .ew-cat .tail { animation: none !important; }
}
body { min-height: 100vh; }