/* Secrets de France – Focus v4.3 (immersive, no black bars) */
:root{ --btn:#023F6D; }
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{ font-family:"Playfair Display", serif; background:#000; color:#fff; }
/* Header */
.header{
  background:#FFFFFF; display:flex; flex-direction:column; align-items:center; gap:10px;
  padding:24px 16px 18px; position:relative; z-index:3; border-bottom:1px solid #eef1f7;
}
.header img{ display:block; max-width:340px; width:100%; height:auto; }
.signature{ font-family:"Parisienne", cursive; font-size:clamp(18px,2.6vw,26px); color:#0d2b5a; }
/* Stage & Video */
.stage{ position:relative; min-height:calc(100vh - 108px); overflow:hidden; }
.stage video{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center;  /* ✅ full-bleed */
  filter:brightness(0.86) saturate(1.02);
}
/* Gradient */
.gradient-cap{
  position:absolute; top:-120px; left:0; right:0; height:220px;
  background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.75) 40%, rgba(255,255,255,0.0) 100%);
  z-index:1;
}
/* Overlay */
.overlay{
  position:relative; z-index:2; min-height:60vh; display:flex; flex-direction:column; align-items:center;
  justify-content:center; text-align:center; padding:60px 18px 150px;
}
.coming{ font-size:clamp(28px,5vw,56px); line-height:1.15; font-weight:700; margin:0 0 14px; }
.sub{ margin:0 0 22px; font-size:clamp(16px,2.2vw,20px); line-height:1.6; opacity:.98; }
/* Button */
.actions{ display:flex; justify-content:center; margin-top:84px; } /* lower button */
.btn{
  display:inline-block; padding:16px 26px; border-radius:12px; text-decoration:none; font-weight:700;
  background:var(--btn); color:#FFFFFF; border:none; box-shadow:0 6px 18px rgba(0,0,0,0.22);
  letter-spacing:.01em; transition:transform .2s ease, box-shadow .2s ease, opacity .2s ease; font-size:18px;
}
.btn:hover{ transform:translateY(-1px); box-shadow:0 10px 24px rgba(0,0,0,0.26); }
/* Footer */
.footer{ position:absolute; left:0; right:0; bottom:10px; text-align:center; font-size:13px;
  color:rgba(255,255,255,0.85); text-shadow:0 1px 2px rgba(0,0,0,0.25); z-index:2; padding:0 8px; }
/* Mobile */
@media (max-width:640px){
  .stage video{ object-fit:cover; object-position:center; } /* ✅ keep immersive on mobile */
  .gradient-cap{ display:none; }
  .overlay{ padding:48px 18px 170px; }
  .actions{ margin-top:72px; }
}