.toys-hero{min-height:78vh;background:radial-gradient(circle at 70% 45%,#37302a,#161412 60%,#0e0d0c);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 24px;position:relative;overflow:hidden;isolation:isolate}.toys-hero>p{letter-spacing:.3em;color:#d4a74c;font-size:12px}.toys-hero h1{font-size:clamp(74px,15vw,190px);letter-spacing:-.07em;line-height:1;margin:28px 0}.toys-hero h1 span{color:#d4a74c}.toys-hero h2{font-size:clamp(23px,3.4vw,44px);font-weight:400;animation:toysReveal .8s ease both}.toys-hero #toysContent>p{color:#bcb2a8}.toys-orbit{position:absolute;width:520px;height:520px;border:1px solid #d4a74c55;border-radius:50%;animation:toysOrbit 10s ease-in-out infinite;z-index:-1;box-shadow:0 0 100px #d4a74c20}.toys-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;max-width:1080px;margin:35px auto}.toys-grid a{background:#24201c;color:#fff;text-decoration:none;padding:12px;display:grid;gap:14px;text-align:left}.toys-grid img{width:100%;aspect-ratio:1;object-fit:cover}@keyframes toysOrbit{50%{transform:scale(1.15) rotate(22deg);opacity:.5}}@keyframes toysReveal{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.toys-orbit,.toys-hero h2{animation:none}}
.toys-grid{width:min(100%,1200px);grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.toys-grid a{min-width:0;border:1px solid #554635;padding:0;overflow:hidden}.toys-grid img{height:310px;aspect-ratio:auto;object-fit:cover}.toys-grid strong{padding:0 16px 18px;font-size:15px;font-weight:500}@media(max-width:1000px){.toys-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.toys-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.toys-grid img{height:250px}}@media(max-width:480px){.toys-grid{grid-template-columns:1fr}.toys-grid img{height:280px}}

/* Keep the toy gallery compact on phones. */
@media (max-width: 480px) {
  .toys-hero { min-height: 420px; padding: 60px 5%; }
  .toys-hero h1 { font-size: clamp(52px, 15vw, 72px); }
  .toys-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .toys-grid img { height: auto; aspect-ratio: 4 / 5; object-fit: contain; }
  .toys-grid strong { padding: 0 9px 12px; font-size: 13px; overflow-wrap: anywhere; }
}