/* The Click - Aniimo Hub v1.0.0 */
.tc-aniimo-hub{
  --aniimo-ink:#182846;
  --aniimo-ink-soft:#4f6484;
  --aniimo-sky:#d9f3ff;
  --aniimo-sky-2:#bfe7ff;
  --aniimo-blue:#79c8f6;
  --aniimo-lilac:#ddd5ff;
  --aniimo-purple:#8b78d8;
  --aniimo-blush:#ffe0ef;
  --aniimo-pink:#ff78b8;
  --aniimo-mint:#dff8ef;
  --aniimo-cream:#fff5cf;
  --aniimo-white:#ffffff;
  --aniimo-dark:#07111f;
  --aniimo-line:rgba(255,255,255,.10);

  grid-column:1 / -1 !important;
  flex:0 0 100% !important;
  width:100% !important;
  min-width:0 !important;
  max-width:1320px !important;
  justify-self:stretch !important;
  margin:0 auto 44px !important;
  color:#f7f9fc;
  font-family:inherit;
}
.tc-aniimo-hub *{box-sizing:border-box}
.tc-aniimo-hub a{text-decoration:none}

/* CSS paw print, used throughout so the page keeps its Aniimo personality without external decorative assets. */
.tc-aniimo-paw{position:relative;display:inline-block;width:42px;height:36px;transform:rotate(-12deg);color:var(--aniimo-purple)}
.tc-aniimo-paw i,.tc-aniimo-paw b{position:absolute;display:block;background:currentColor}
.tc-aniimo-paw i{width:10px;height:13px;border-radius:60% 60% 52% 52%}
.tc-aniimo-paw i:nth-child(1){left:2px;top:8px;transform:rotate(-28deg)}
.tc-aniimo-paw i:nth-child(2){left:12px;top:1px;transform:rotate(-8deg)}
.tc-aniimo-paw i:nth-child(3){left:24px;top:2px;transform:rotate(10deg)}
.tc-aniimo-paw i:nth-child(4){left:32px;top:10px;transform:rotate(28deg)}
.tc-aniimo-paw b{width:24px;height:19px;left:10px;top:16px;border-radius:55% 55% 48% 48%;transform:rotate(-3deg)}

/* HERO */
.tc-aniimo-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);
  gap:28px;
  overflow:hidden;
  padding:40px;
  border:1px solid rgba(255,255,255,.55);
  border-radius:34px;
  background:
    radial-gradient(circle at 11% 18%,rgba(255,255,255,.95),transparent 24%),
    radial-gradient(circle at 68% 3%,rgba(255,224,239,.72),transparent 26%),
    radial-gradient(circle at 46% 110%,rgba(221,213,255,.92),transparent 33%),
    linear-gradient(135deg,#dcf5ff 0%,#caecff 45%,#e8ddff 100%);
  box-shadow:0 24px 64px rgba(35,93,147,.24);
  color:var(--aniimo-ink);
  isolation:isolate;
}
.tc-aniimo-hero:before,.tc-aniimo-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0}
.tc-aniimo-hero:before{width:230px;height:230px;right:34%;top:-128px;background:rgba(255,255,255,.35)}
.tc-aniimo-hero:after{width:170px;height:170px;left:-72px;bottom:-82px;background:rgba(255,120,184,.10)}
.tc-aniimo-hero-copy{position:relative;z-index:3;align-self:center;padding:8px 0}
.tc-aniimo-kicker,.tc-aniimo-section-kicker{font-size:12px;line-height:1.2;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.tc-aniimo-kicker{color:#6f5fc0;margin-bottom:12px}
.tc-aniimo-title{font-size:clamp(54px,6vw,88px);font-weight:900;letter-spacing:-.06em;line-height:.9;margin:0 0 17px;color:var(--aniimo-ink)}
.tc-aniimo-intro{max-width:650px;margin:0;color:var(--aniimo-ink-soft);font-size:17px;line-height:1.65;font-weight:550}
.tc-aniimo-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.tc-aniimo-stats span{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border:1px solid rgba(63,93,136,.13);border-radius:999px;background:rgba(255,255,255,.64);font-size:13px;color:var(--aniimo-ink-soft);box-shadow:0 6px 18px rgba(56,102,151,.08)}
.tc-aniimo-stats strong{color:var(--aniimo-ink)}
.tc-aniimo-fresh i{width:8px;height:8px;border-radius:50%;background:#71d5b2;box-shadow:0 0 0 5px rgba(113,213,178,.16)}
.tc-aniimo-hero-story{position:relative;z-index:3;display:block;min-height:355px;border-radius:26px;overflow:hidden;background:#8fcff1;color:#fff;isolation:isolate;border:5px solid rgba(255,255,255,.68);box-shadow:0 18px 40px rgba(47,87,127,.20);transform:rotate(.35deg)}
.tc-aniimo-hero-story img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.tc-aniimo-hero-story:hover img{transform:scale(1.035)}
.tc-aniimo-hero-story-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,22,41,.02) 18%,rgba(15,31,57,.92) 100%);z-index:1}
.tc-aniimo-hero-story-copy{position:absolute;left:23px;right:23px;bottom:21px;z-index:2;display:flex;flex-direction:column;gap:7px}
.tc-aniimo-story-label{font-size:11px;font-weight:900;letter-spacing:.12em;color:#d8f5ff}
.tc-aniimo-hero-story-copy strong{font-size:clamp(21px,2.4vw,31px);line-height:1.13;letter-spacing:-.025em;color:#fff}
.tc-aniimo-read{font-size:13px;font-weight:900;color:#fff}
.tc-aniimo-read b{color:#ff9ccb}

/* HERO PAW TRAIL */
.tc-aniimo-hero>.tc-aniimo-paw{position:absolute;z-index:1;opacity:.12}
.tc-aniimo-paw-one{right:47%;top:17%;transform:rotate(18deg) scale(.9);color:#6f5fc0}
.tc-aniimo-paw-two{right:42%;top:36%;transform:rotate(35deg) scale(.72);color:#ff78b8}
.tc-aniimo-paw-three{left:4%;bottom:8%;transform:rotate(-26deg) scale(1.15);color:#6cbae6}
.tc-aniimo-paw-four{left:43%;bottom:7%;transform:rotate(14deg) scale(.66);color:#ff78b8}

/* JUMP PILLS */
.tc-aniimo-jump{display:flex;gap:9px;flex-wrap:wrap;padding:18px 4px 7px;margin:0 0 8px}
.tc-aniimo-jump a{padding:10px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#dff4ff;color:var(--aniimo-ink) !important;font-size:13px;font-weight:850;box-shadow:0 7px 20px rgba(0,0,0,.16);transition:.2s ease}
.tc-aniimo-jump a:nth-child(2n){background:#e8e1ff}
.tc-aniimo-jump a:nth-child(3n){background:#ffe4f0}
.tc-aniimo-jump a:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.22)}

/* SECTIONS */
.tc-aniimo-section{padding:35px 4px 8px;scroll-margin-top:110px;color:#f7f9fc}
.tc-aniimo-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}
.tc-aniimo-section-kicker{display:flex;align-items:center;gap:8px;color:#8fcff1;margin-bottom:7px}
.tc-aniimo-section-kicker .tc-aniimo-paw-mini{width:20px;height:17px;transform:rotate(-10deg);color:#ff78b8;flex:0 0 auto}
.tc-aniimo-section-kicker .tc-aniimo-paw-mini i{width:5px;height:6px}
.tc-aniimo-section-kicker .tc-aniimo-paw-mini i:nth-child(1){left:1px;top:4px}
.tc-aniimo-section-kicker .tc-aniimo-paw-mini i:nth-child(2){left:6px;top:1px}
.tc-aniimo-section-kicker .tc-aniimo-paw-mini i:nth-child(3){left:12px;top:1px}
.tc-aniimo-section-kicker .tc-aniimo-paw-mini i:nth-child(4){left:16px;top:5px}
.tc-aniimo-section-kicker .tc-aniimo-paw-mini b{width:12px;height:9px;left:5px;top:8px}
.tc-aniimo-section h2,.tc-aniimo-all h2{margin:0;color:#f7f9fc !important;font-size:clamp(28px,3vw,40px);font-weight:850;letter-spacing:-.04em;line-height:1.08}
.tc-aniimo-section-head p{margin:8px 0 0;color:#9fb4ce !important;font-size:14px;line-height:1.65;max-width:780px}
.tc-aniimo-section-link{flex:0 0 auto;color:#edf8ff !important;font-size:13px;font-weight:850;padding-bottom:4px;border-bottom:2px solid #87d5ff}
.tc-aniimo-section-link span{color:#ff86c1}

/* CURRENT */
.tc-aniimo-current-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr);gap:14px}
.tc-aniimo-current-stack{display:grid;grid-template-rows:repeat(3,1fr);gap:14px}
.tc-aniimo-feature{position:relative;display:block;overflow:hidden;border-radius:24px;background:#8fcff1;color:#fff;min-height:150px;isolation:isolate;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 34px rgba(0,0,0,.19)}
.tc-aniimo-feature-large{min-height:445px;border-radius:28px}
.tc-aniimo-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.tc-aniimo-feature:hover img{transform:scale(1.035)}
.tc-aniimo-feature-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,22,43,.02) 12%,rgba(11,28,53,.94) 100%);z-index:1}
.tc-aniimo-feature-copy{position:absolute;left:18px;right:18px;bottom:16px;z-index:2;display:flex;flex-direction:column;gap:5px}
.tc-aniimo-feature-copy small{color:#ccefff;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.tc-aniimo-feature-copy strong{color:#fff;font-size:17px;line-height:1.22}
.tc-aniimo-feature-large .tc-aniimo-feature-copy{left:25px;right:25px;bottom:24px}
.tc-aniimo-feature-large .tc-aniimo-feature-copy strong{font-size:clamp(24px,3vw,36px);max-width:760px;letter-spacing:-.025em}
.tc-aniimo-feature-copy span{font-size:12px;font-weight:850;color:#fff}
.tc-aniimo-feature-copy b{color:#ff9ccb}
.tc-aniimo-feature-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#bfe7ff,#e7ddff)}

/* PASTEL CARDS */
.tc-aniimo-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.tc-aniimo-card{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:24px;background:#dff4ff;box-shadow:0 11px 30px rgba(0,0,0,.16);transition:transform .2s ease,box-shadow .2s ease}
.tc-aniimo-card:nth-child(2){background:#e7e0ff}
.tc-aniimo-card:nth-child(3){background:#ffe4f1}
.tc-aniimo-card:nth-child(4){background:#dff8ef}
.tc-aniimo-card:hover{transform:translateY(-4px) rotate(-.25deg);box-shadow:0 17px 38px rgba(0,0,0,.22)}
.tc-aniimo-card-image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#bfe7ff,#ddd5ff)}
.tc-aniimo-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.tc-aniimo-card:hover .tc-aniimo-card-image img{transform:scale(1.04)}
.tc-aniimo-card-placeholder{position:absolute;inset:0;display:grid;place-items:center}
.tc-aniimo-card-body{padding:16px 17px 18px}
.tc-aniimo-card-meta{font-size:10px;line-height:1.4;font-weight:900;letter-spacing:.055em;text-transform:uppercase;color:#667b99}
.tc-aniimo-card-meta span{color:#ff63ac;margin:0 3px}
.tc-aniimo-card h3{margin:8px 0 14px;font-size:17px;line-height:1.28;letter-spacing:-.018em}
.tc-aniimo-card h3 a{color:var(--aniimo-ink) !important}
.tc-aniimo-card-read{font-size:12px;font-weight:900;color:#334d70 !important}
.tc-aniimo-card-read span{color:#ff5caa}

/* TROUBLESHOOTING, still cute rather than severe */
.tc-aniimo-help{position:relative;margin-top:34px;padding:31px;border:1px solid rgba(255,255,255,.48);border-radius:30px;background:linear-gradient(135deg,#d9f3ff 0%,#e8e1ff 54%,#ffe4f0 100%);color:var(--aniimo-ink);box-shadow:0 18px 46px rgba(39,92,144,.20);overflow:hidden}
.tc-aniimo-help:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-42px;top:-55px;background:rgba(255,255,255,.35);pointer-events:none}
.tc-aniimo-help .tc-aniimo-section-kicker{color:#6c5cb6}
.tc-aniimo-help .tc-aniimo-section-kicker .tc-aniimo-paw-mini{color:#ff6cb2}
.tc-aniimo-help h2{color:var(--aniimo-ink) !important}
.tc-aniimo-help .tc-aniimo-section-head p{color:#536987 !important}
.tc-aniimo-help-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tc-aniimo-help-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid rgba(65,91,128,.11);border-radius:18px;background:rgba(255,255,255,.62);color:var(--aniimo-ink) !important;transition:.2s ease}
.tc-aniimo-help-item:hover{background:#fff;transform:translateY(-2px)}
.tc-aniimo-help-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#cbeeff;color:#6d62ba}
.tc-aniimo-help-item strong{display:block;color:var(--aniimo-ink);font-size:14px;line-height:1.3}
.tc-aniimo-help-item small{display:block;margin-top:3px;color:#6c7f98;font-size:11px}
.tc-aniimo-help-item>b{color:#ff5eab}
.tc-aniimo-paw-tiny{width:21px;height:18px;transform:rotate(-12deg) scale(.85);color:#7465bf}
.tc-aniimo-paw-tiny i{width:5px;height:6px}
.tc-aniimo-paw-tiny i:nth-child(1){left:1px;top:4px}.tc-aniimo-paw-tiny i:nth-child(2){left:6px;top:1px}.tc-aniimo-paw-tiny i:nth-child(3){left:12px;top:1px}.tc-aniimo-paw-tiny i:nth-child(4){left:16px;top:5px}
.tc-aniimo-paw-tiny b{width:12px;height:9px;left:5px;top:8px}

/* Fallback paw */
.tc-aniimo-paw-placeholder{transform:rotate(-8deg) scale(1.5);opacity:.46;color:#7164bc}

/* HANDOFF TO ORIGINAL ARCHIVE */
.tc-aniimo-all{position:relative;margin:42px 4px 13px;padding:28px 29px;border:1px solid rgba(255,255,255,.12);border-left:5px solid #82d4ff;border-radius:0 24px 24px 0;background:linear-gradient(90deg,#101d31 0%,#0a111d 100%);color:#fff;overflow:hidden}
.tc-aniimo-all:after{content:"";position:absolute;right:26px;top:18px;width:62px;height:52px;opacity:.08;background:radial-gradient(circle at 15% 25%,#fff 0 10%,transparent 11%),radial-gradient(circle at 39% 8%,#fff 0 10%,transparent 11%),radial-gradient(circle at 65% 10%,#fff 0 10%,transparent 11%),radial-gradient(circle at 84% 30%,#fff 0 10%,transparent 11%),radial-gradient(ellipse at 52% 67%,#fff 0 25%,transparent 26%);transform:rotate(12deg)}
.tc-aniimo-all .tc-aniimo-section-kicker{color:#8bd9ff}

/* Guard against archive grid rules leaking into the hub. */
.tc-aniimo-hub article.tc-aniimo-card,
.tc-aniimo-hub .tc-aniimo-feature,
.tc-aniimo-hub .tc-aniimo-hero-story{margin:0 !important;max-width:none !important;width:auto}

@media (max-width:1100px){
  .tc-aniimo-hub{max-width:100% !important}
  .tc-aniimo-hero{grid-template-columns:1fr;padding:30px}
  .tc-aniimo-hero-story{min-height:310px}
  .tc-aniimo-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tc-aniimo-current-grid{grid-template-columns:1fr}
  .tc-aniimo-current-stack{grid-template-columns:repeat(3,1fr);grid-template-rows:none}
  .tc-aniimo-feature-small{min-height:205px}
}

@media (max-width:700px){
  .tc-aniimo-hub{margin-bottom:26px !important}
  .tc-aniimo-hero{padding:22px;border-radius:24px;gap:20px}
  .tc-aniimo-title{font-size:52px}
  .tc-aniimo-intro{font-size:15px}
  .tc-aniimo-hero-story{min-height:270px;border-radius:21px}
  .tc-aniimo-section{padding-top:28px}
  .tc-aniimo-section-head{align-items:flex-start;flex-direction:column;gap:9px}
  .tc-aniimo-current-stack{grid-template-columns:1fr}
  .tc-aniimo-feature-large{min-height:325px}
  .tc-aniimo-feature-small{min-height:195px}
  .tc-aniimo-card-grid,.tc-aniimo-help-grid{grid-template-columns:1fr}
  .tc-aniimo-help{padding:22px 17px;border-radius:22px}
  .tc-aniimo-jump{flex-wrap:nowrap;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin}
  .tc-aniimo-jump a{white-space:nowrap}
  .tc-aniimo-hero>.tc-aniimo-paw{opacity:.08}
}
