/* Hero uniquement — logo inclus dans la section pour un seul plan sombre. */

.sw section.sw-hero{
  min-height:100svh;
  min-height:100vh;
  padding:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:center;
  box-sizing:border-box;
  background:var(--dark-2);
  color:#EDE9DC;
}
.sw-hero-inner{
  width:100%;
  max-width:1140px;
  margin:0 auto;
  padding:56px var(--space-page) 64px;
  box-sizing:border-box;
}
.sw-hero-logo{
  display:inline-flex;
  margin:0 0 40px;
}
.sw-hero-logo img{
  height:40px;width:auto;max-height:40px;max-width:220px;
  object-fit:contain;object-position:left center;display:block;
}

.sw-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  gap:clamp(16px,3vw,36px);
  align-items:center;
  position:relative;
}
.sw-hero .eye{margin:0 0 22px}
.sw-hero h1{margin:0 0 32px}
.sw-hero .lead{max-width:44ch;margin:0 0 var(--space-5);color:#B9C3B6}
.sw-hero .fine{color:#7C8A7C}
.sw-hero-note{text-align:center;margin:14px 0 0}

.sw-stage{
  display:flex;justify-content:center;align-items:center;
  padding:var(--space-2) 0;position:relative;z-index:1;isolation:isolate;
  width:100%;max-width:100%;min-width:0;
  box-sizing:border-box;
  container-type:inline-size;
  container-name:sw-stage;
}
.sw-stage::before{
  content:"";position:absolute;left:18%;right:18%;top:28%;bottom:16%;
  background:radial-gradient(ellipse at 50% 58%,rgba(169,140,54,.1),transparent 58%);
  pointer-events:none;z-index:0;
}
/* Largeurs fluides selon la colonne — desktop proche de 236/280 */
.sw-stage .ph{
  width:clamp(100px,42cqi,236px);
  z-index:1;flex:none;
}
.sw-stage .ph--l{transform:rotate(-8.5deg) translateY(clamp(10px,2.8cqi,30px));z-index:1}
.sw-stage .ph--c{
  width:clamp(120px,50cqi,280px);
  margin:0 clamp(-18px,-8cqi,-44px);
  z-index:3;
}
.sw-stage .ph--r{transform:rotate(8.5deg) translateY(clamp(10px,2.8cqi,30px));z-index:2}
.sw-stage .ph:hover{z-index:5;transform:translateY(-10px) rotate(0deg) scale(1.015);
  box-shadow:0 28px 48px -16px rgba(0,0,0,.55)}
.sw-stage .ph--c:hover{transform:translateY(-10px) scale(1.015)}

@supports not (width:1cqi){
  .sw-stage .ph{width:clamp(100px,42%,236px)}
  .sw-stage .ph--c{width:clamp(120px,50%,280px);margin:0 clamp(-18px,-8%,-44px)}
}