/* La scène d’installation se fond dans le fond du hero de l’accueil. */
.home-bear-frame.bear-slot {
  position:relative;
  isolation:isolate;
  width:100%;
  max-width:500px;
  aspect-ratio:4/5;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.home-bear-frame::before {
  content:"";
  position:absolute;
  inset:-12% -18%;
  background:radial-gradient(ellipse at 58% 49%,rgba(163,220,218,.23),rgba(208,237,237,.13) 38%,transparent 68%);
  pointer-events:none;
  z-index:-1;
}
.home-bear-frame::after {
  content:"";
  position:absolute;
  left:14%;right:8%;bottom:6%;height:5%;
  border-radius:50%;
  background:rgba(45,92,99,.12);
  filter:blur(16px);
  pointer-events:none;
  z-index:-1;
}
.home-bear-image {
  display:block;
  position:absolute;
  inset:-3% -4%;
  width:108%;height:106%;max-width:none;
  object-fit:contain;
  -webkit-mask-image:linear-gradient(to right,transparent,black 8%,black 88%,transparent),linear-gradient(to bottom,transparent,black 5%,black 82%,transparent 96%);
  mask-image:linear-gradient(to right,transparent,black 8%,black 88%,transparent),linear-gradient(to bottom,transparent,black 5%,black 82%,transparent 96%);
  -webkit-mask-composite:source-in;
  mask-composite:intersect;
}
@media(max-width:980px) { .home-bear-frame.bear-slot{max-width:440px} }
@media(max-width:560px) { .home-bear-frame.bear-slot{max-width:350px} }

/* Scènes paysage des héros (accueil, catalogue, service, carrières) : scène entière et nette, bords arrondis fondus en douceur. */
.home-bear-frame.hero-scene {
  width:112%;
  max-width:none;
  margin-inline:-4% -8%;
  aspect-ratio:var(--scene-ratio,3/2);
}
.home-bear-frame.hero-scene::before { inset:-8% -10%; background:radial-gradient(ellipse 50% 50% at 50% 52%,rgba(163,220,218,.28),rgba(208,237,237,.12) 60%,transparent 82%); }
.home-bear-frame.hero-scene::after { left:16%; right:12%; bottom:3%; height:6%; background:rgba(45,92,99,.10); filter:blur(20px); }
.hero-scene .home-bear-image {
  inset:0;
  width:100%;height:100%;
  object-fit:cover;
  border-radius:40px;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 92%,transparent);
  mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 92%,transparent);
  -webkit-mask-composite:source-in;
  mask-composite:intersect;
}
@media(max-width:980px) { .home-bear-frame.hero-scene{width:108%;max-width:none;margin-inline:-4%} }
@media(max-width:900px) { .home-bear-frame.hero-scene{width:min(108%,660px);margin-inline:auto} }
@media(max-width:560px) { .home-bear-frame.hero-scene{width:110%;margin-inline:-5%} .hero-scene .home-bear-image{border-radius:28px} }