/* Home: the potica teaser (owner, 2026-09-27), the third section from the bottom. The /potica/
   hero composition floats in 3D (js/home-potica.js) beside the copy; phones stack it above the
   copy, centred. A still poster of the same composition shows until the 3D is live, and for
   reduced motion or without WebGL. No filters or backdrop blur here (live canvas). */
.potica-teaser { position:relative;background:var(--color-bg);overflow:clip; }
.potica-teaser__inner { max-width:var(--container-max);margin:0 auto;padding:0 var(--container-px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;min-height:min(100svh,880px); }
.potica-teaser__content { position:relative;z-index:1;max-width:520px;padding:96px 0; }
.potica-teaser__content .section__heading { margin:14px 0 0; }
.potica-teaser__content .section__body { margin:22px 0 34px;max-width:470px; }
.potica-teaser__visual { position:relative;align-self:stretch;min-height:min(100svh,880px); }
.potica-teaser__poster,.potica-teaser__canvas { position:absolute;left:0;top:0;width:100%;height:100%; }
.potica-teaser__poster { object-fit:contain;transition:opacity .8s ease; }
.potica-teaser__canvas { display:block;opacity:0;transition:opacity .8s ease; }
.potica-teaser.is-live .potica-teaser__canvas { opacity:1; }
.potica-teaser.is-live .potica-teaser__poster { opacity:0; }
@media (max-width:809.98px) {
  .potica-teaser__inner { grid-template-columns:1fr;min-height:0;padding:64px 24px 72px; }   /* room for the floating menu bar */
  .potica-teaser__visual { order:-1;min-height:0;height:62svh;margin:0 -24px; }
  .potica-teaser__content { max-width:none;padding:0;display:flex;flex-direction:column;align-items:center;text-align:center; }
  .potica-teaser__content .section__body { margin:18px 0 28px; }
}
@media (prefers-reduced-motion:reduce) {
  .potica-teaser__poster,.potica-teaser__canvas { transition:none; }
}