/* Casa Taro — una escena editorial por temática */
.hero { isolation:isolate; }
.hero-bg { filter:saturate(.76) contrast(1.04); }
.ornament {
  z-index:2;
  right:-7vw;
  top:50%;
  width:min(45vw,560px);
  max-height:82vh;
  transform:translateY(-50%);
  filter:drop-shadow(0 18px 28px rgb(21 12 24 / .28));
  opacity:.96;
  animation:taro-botanical-drift 9s ease-in-out infinite;
}
.hero-content { z-index:3; max-width:760px; }
.hero-content:before {
  content:''; position:absolute; z-index:-1; inset:-42px -55px;
  background:radial-gradient(ellipse at center, rgb(20 12 25 / .32), transparent 70%);
  filter:blur(10px);
}
.wine .ornament { left:-7vw; right:auto; transform:translateY(-50%); }
.wine .hero-bg { filter:saturate(.5) brightness(.65) contrast(1.14); }
.solar .ornament { right:-4vw; width:min(42vw,520px); transform:translateY(-50%); }
.solar .hero-bg { filter:sepia(.18) saturate(.9) brightness(.9); }
.solar .hero-content:before { background:radial-gradient(ellipse at center, rgb(83 38 23 / .29), transparent 70%); }
.solar .hero h2, .solar .cover h1 { letter-spacing:-.055em; }
.wine .cover { background:radial-gradient(circle at 30% 4%, #7b3145, var(--deep) 55%, #211018); }
.solar .cover { background:radial-gradient(circle at 50% 0, #d98551, #80402c 62%, #4b2622); }
@keyframes taro-botanical-drift {
  0%,100% { translate:0 -50%; rotate:-1deg; }
  50% { translate:-10px calc(-50% - 16px); rotate:1deg; }
}
@media (max-width:700px) {
  .ornament { right:-42vw; width:108vw; top:49%; opacity:.73; }
  .wine .ornament { left:-42vw; right:auto; }
  .solar .ornament { right:-39vw; width:103vw; }
  .hero-content { padding-inline:22px; }
  .hero-content:before { inset:-28px -18px; }
}
@media (prefers-reduced-motion:reduce) { .ornament { animation:none; } }
