.ported-page{--paper:#f3eee5;--paper2:#e9e1d5;--ink:#171512;--muted:#756d63;--wine:#6e211d;--line:rgba(23,21,18,.16);}
.ported-page *{box-sizing:border-box}
.ported-page{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.ported-page:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.075;background:repeating-linear-gradient(0deg,rgba(60,40,22,.09) 0,rgba(60,40,22,.09) 1px,transparent 1px,transparent 3px)}
.ported-page .wrap{max-width:1280px;margin:auto;padding:0 38px}
.ported-page h1, .ported-page h2, .ported-page h3, .ported-page .brand, .ported-page .filter-option, .ported-page .intro{font-family:Baskerville,"Baskerville Old Face","Times New Roman",serif}
.ported-page header{padding-top:20px}
.ported-page .top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:var(--muted)}
.ported-page .brandrow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:21px 0 16px}
.ported-page .brandcenter{display:flex;gap:13px;align-items:center} .ported-page .brandcenter img{width:50px;height:50px;border-radius:50%}
.ported-page .brand{font-size:34px;letter-spacing:.08em}
.ported-page .side{font-family:Baskerville,serif;font-style:italic;font-size:14px;color:var(--muted)} .ported-page .side.r{text-align:right}
.ported-page nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ported-page .navin{height:52px;display:flex;gap:34px;justify-content:center;align-items:center}
.ported-page nav a{text-decoration:none;color:var(--ink);font-size:10px;text-transform:uppercase;letter-spacing:.16em}
.ported-page nav a.active, .ported-page nav a.private{color:var(--wine);font-weight:700}
.ported-page .pagehead{padding:60px 0 38px}
.ported-page .headgrid{display:grid;grid-template-columns:1fr .92fr;gap:65px;align-items:end}
.ported-page .kicker{font-size:9px;text-transform:uppercase;letter-spacing:.2em;color:var(--wine);font-weight:700;margin-bottom:15px}
.ported-page h1{font-size:72px;line-height:.9;font-weight:400;margin:0}
.ported-page .intro{font-size:20px;line-height:1.5;color:#5c554d;margin:0}
.ported-page .searchbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0}
.ported-page .search{height:52px;display:flex;align-items:center;background:#ebe3d7;border:1px solid var(--line)}
.ported-page .search span{padding-left:17px;color:var(--wine);font-size:18px}
.ported-page .search input{width:100%;height:100%;border:0;background:transparent;outline:0;padding:0 15px;font-family:Baskerville,serif;font-size:18px;color:var(--ink)}
.ported-page .main{display:grid;grid-template-columns:235px 1fr;gap:45px;padding:42px 0 80px}
.ported-page .sidebar{border-right:1px solid var(--line);padding-right:28px}
.ported-page .filter-group{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.ported-page .filter-group h4{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 13px}
.ported-page .access-row{display:flex;flex-wrap:wrap;gap:6px}
.ported-page .access-btn{border:1px solid var(--line);background:transparent;padding:8px 9px;font-size:9px;text-transform:uppercase;letter-spacing:.11em;cursor:pointer}
.ported-page .access-btn.on{background:var(--ink);color:var(--paper)}
.ported-page .filter-option{display:block;width:100%;border:0;background:none;text-align:left;padding:5px 0;font-size:16px;color:var(--ink);cursor:pointer}
.ported-page .filter-option:before{content:"";display:inline-block;width:8px;height:8px;border:1px solid #9b8e80;margin-right:9px;vertical-align:1px}
.ported-page .filter-option.on{color:var(--wine)} .ported-page .filter-option.on:before{background:var(--wine);border-color:var(--wine)}
.ported-page .morefilter{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-top:10px;cursor:pointer}
.ported-page .active-summary{display:none;background:#e9e0d4;border-left:2px solid var(--wine);padding:12px 13px;font-size:11px;line-height:1.5;margin-bottom:22px}
.ported-page .active-summary.show{display:block}
.ported-page .results-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px}
.ported-page .results-head h2{font-size:38px;font-weight:400;margin:0}
.ported-page .results-head span{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}
.ported-page .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:31px 22px}
.ported-page .video-card{min-width:0}
.ported-page .thumb{display:block;position:relative;aspect-ratio:16/9;background:#211c18;overflow:hidden}
.ported-page .thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:.25s}
.ported-page .video-card:hover .thumb img{transform:scale(1.018)}
.ported-page .access{position:absolute;left:10px;top:10px;padding:6px 8px;font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:white;background:rgba(18,16,14,.9)}
.ported-page .access.private{background:var(--wine)}
.ported-page .private-placeholder{background:linear-gradient(140deg,#541a17,#171311);display:grid;place-items:center}
.ported-page .private-monogram{font-family:Baskerville,serif;font-size:80px;color:rgba(240,224,205,.18)}
.ported-page .meta{font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:var(--wine);margin-top:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ported-page .video-card h3{font-size:23px;line-height:1.06;font-weight:400;margin:7px 0 5px}
.ported-page .video-card h3 a{color:inherit;text-decoration:none}
.ported-page .author{font-size:10px;color:var(--muted)}
.ported-page .hidden{display:none!important}
.ported-page .empty{display:none;padding:45px 0;font-family:Baskerville,serif;font-size:24px;color:var(--muted)}
.ported-page .empty.show{display:block}
.ported-page .note{background:var(--paper2);border-top:1px solid var(--line);padding:35px 0}
.ported-page .note p{margin:0;font-family:Baskerville,serif;font-size:16px;color:#625a51;line-height:1.45}
.ported-page footer{background:#12100e;color:#aaa095;padding:42px 0 25px}
.ported-page .foot{display:flex;justify-content:space-between;align-items:center}
.ported-page .footbrand{display:flex;gap:13px;align-items:center} .ported-page .footbrand img{width:46px;height:46px;border-radius:50%}
.ported-page .footbrand b{font-family:Baskerville,serif;color:#eee4d7;font-size:25px;font-weight:400}
.ported-page footer span{font-size:9px;text-transform:uppercase;letter-spacing:.14em}
@media (max-width:950px){.ported-page .wrap{padding:0 21px}.ported-page .brandrow{grid-template-columns:1fr}.ported-page .side{display:none}.ported-page .navin{justify-content:flex-start;overflow:auto;gap:22px}.ported-page .headgrid, .ported-page .main{grid-template-columns:1fr}.ported-page .sidebar{border-right:0;border-bottom:1px solid var(--line);padding:0 0 20px}.ported-page .grid{grid-template-columns:repeat(2,1fr)}.ported-page h1{font-size:58px}}
@media (max-width:620px){.ported-page .grid{grid-template-columns:1fr}}

/* ============================================================
   IDENTITÉ GLOBALE — HARMONISATION AVEC L'ACCUEIL V7
   ============================================================ */
.ported-page{
  --paper:#f3eee5;
  --paper2:#ebe3d7;
  --ink:#171411;
  --muted:#756b60;
  --wine:#89241d;
  --wine2:#681b16;
  --line:rgba(23,20,17,.16);
}
.ported-page .wrap{max-width:1430px;margin:auto;padding-left:52px;padding-right:52px}

/* Frontispice */
.ported-page .masthead{
  background:var(--paper);
  color:var(--ink);
  position:relative;
  z-index:20;
  border-top:3px solid #171512;
  padding:0;
}
.ported-page .mast-top{
  height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--line);
  font-size:8px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--muted);
}
.ported-page .mast-links{display:flex;gap:18px}
.ported-page .mast-links a{color:var(--muted);text-decoration:none}
.ported-page .mast-links a:hover{color:var(--wine)}
.ported-page .mast-brand-row{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  padding:24px 0 20px;
}
.ported-page .mast-side{min-height:1px}
.ported-page .mast-side.right{text-align:right}
.ported-page .mast-brand{
  display:flex;
  align-items:center;
  gap:14px;
  text-decoration:none;
  color:var(--ink);
  font-family:Baskerville,"Baskerville Old Face","Times New Roman",serif;
}
.ported-page .mast-brand img{
  width:51px;
  height:51px;
  border-radius:50%;
  object-fit:cover;
}
.ported-page .mast-brand-text{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  line-height:1;
}
.ported-page .mast-brand-text em{
  font-size:17px;
  font-weight:400;
  letter-spacing:.01em;
  margin-bottom:3px;
}
.ported-page .mast-brand-text strong{
  font-size:34px;
  font-weight:400;
  letter-spacing:.07em;
}
.ported-page .mast-nav{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:rgba(243,238,229,.96);
}
.ported-page .mast-nav-inner{
  height:55px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:36px;
}
.ported-page .mast-nav a{
  color:var(--ink);
  text-decoration:none;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.15em;
}
.ported-page .mast-nav a:hover{color:var(--wine)}
.ported-page .mast-nav a.active{
  color:var(--wine);
  font-weight:700;
}
.ported-page .mast-nav .private-link{
  color:var(--wine);
  font-weight:700;
}

/* Page Vidéos : un peu plus ample */
.ported-page .pagehead{padding:70px 0 45px}
.ported-page .searchbar{padding:26px 0}
.ported-page .main{
  grid-template-columns:245px 1fr;
  gap:54px;
  padding:52px 0 88px;
}
.ported-page .grid{gap:38px 26px}

/* Footer définitif */
.ported-page .site-footer{
  background:#0f100e;
  color:#9f9589;
  padding:31px 0 20px;
}
.ported-page .footer-main{
  display:grid;
  grid-template-columns:1.25fr repeat(3,.65fr);
  gap:38px;
  align-items:start;
}
.ported-page .footer-brand{
  display:flex;
  gap:13px;
  align-items:flex-start;
}
.ported-page .footer-brand img{
  width:50px;
  height:50px;
  border-radius:50%;
}
.ported-page .footer-brand b{
  display:block;
  color:#eee4d7;
  font-family:Baskerville,"Baskerville Old Face","Times New Roman",serif;
  font-size:26px;
  font-weight:400;
}
.ported-page .footer-brand p{
  font-size:10px;
  line-height:1.45;
  max-width:310px;
}
.ported-page .site-footer h5{
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:#e7ded2;
  margin:0 0 11px;
}
.ported-page .site-footer a{
  display:block;
  color:#9f9589;
  text-decoration:none;
  font-size:10px;
  margin:7px 0;
}
.ported-page .site-footer a:hover{color:#ddd2c5}
.ported-page .contact-mail{
  color:#cfc5b8!important;
  word-break:break-word;
}
.ported-page .legal{
  margin-top:24px;
  padding-top:15px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  justify-content:space-between;
  gap:25px;
  font-size:9px;
}
.ported-page .legal-links{
  display:flex;
  gap:20px;
  flex-wrap:wrap;
}
.ported-page .legal-links a{margin:0}

/* L'ancien petit footer et l'ancien bandeau explicatif ne servent plus */
.ported-page .note{display:none!important}
.ported-page .foot{display:none!important}

/* Responsive */
@media (max-width:950px){
  .ported-page .wrap{padding-left:22px;padding-right:22px}
  .ported-page .mast-side{display:none}
  .ported-page .mast-brand-row{grid-template-columns:1fr}
  .ported-page .mast-brand{justify-content:center}
  .ported-page .mast-nav-inner{
    justify-content:flex-start;
    overflow-x:auto;
    gap:24px;
  }
  .ported-page .footer-main{grid-template-columns:1fr}
  .ported-page .main{grid-template-columns:1fr}
}
@media (max-width:620px){
  .ported-page .mast-top{display:none}
  .ported-page .mast-brand-row{padding:18px 0 14px}
  .ported-page .mast-brand-text em{font-size:15px}
  .ported-page .mast-brand-text strong{font-size:28px}
  .ported-page .mast-nav-inner{height:52px}
  .ported-page .legal{flex-direction:column}
}

/* FRONTISPICE V8 — inspiration Les Belles Lettres */
.ported-page .belles-frontispiece{
  background:var(--paper);
  color:var(--ink);
  border-top:0;
  padding:0 0 14px;
}
.ported-page .belles-frontispiece .wrap{max-width:1430px}
.ported-page .belles-frontispiece .mast-top{
  height:34px;
  border-bottom:0;
  display:flex;
  justify-content:flex-end;
  align-items:center;
}
.ported-page .belles-frontispiece .mast-links{
  margin-left:auto;
  display:flex;
  gap:20px;
}
.ported-page .belles-frontispiece .mast-links a{
  color:#8b8177;
  text-decoration:none;
  font-family:Baskerville,"Baskerville Old Face","Times New Roman",serif;
  font-size:12px;
  letter-spacing:.07em;
}
.ported-page .belles-frontispiece .mast-links a:hover{color:var(--wine)}

.ported-page .belles-brand{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:16px 0 28px;
}
.ported-page .belles-logo-link{
  display:block;
  line-height:0;
  margin-bottom:14px;
}
.ported-page .belles-logo-link img{
  width:92px;
  height:92px;
  border-radius:50%;
  object-fit:cover;
  display:block;
}
.ported-page .belles-motto{
  font-family:Baskerville,"Baskerville Old Face","Times New Roman",serif;
  font-size:43px;
  line-height:1;
  letter-spacing:.08em;
  font-weight:400;
  color:#211d19;
}

.ported-page .belles-nav{
  min-height:64px;
  border-top:3px double rgba(23,20,17,.35);
  border-bottom:3px double rgba(23,20,17,.35);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:0 4px;
}
.ported-page .belles-nav a{
  flex:1;
  text-align:center;
  color:#625950;
  text-decoration:none;
  font-family:Baskerville,"Baskerville Old Face","Times New Roman",serif;
  font-size:18px;
  letter-spacing:.08em;
  font-weight:400;
  white-space:nowrap;
}
.ported-page .belles-nav a:hover{color:var(--wine)}
.ported-page .belles-nav .private-link{color:var(--wine)}

.ported-page .belles-search-row{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  min-height:62px;
}
.ported-page .belles-search{
  display:grid;
  grid-template-columns:minmax(250px,360px) 42px;
  height:38px;
}
.ported-page .belles-search input{
  width:100%;
  border:1px solid rgba(23,20,17,.09);
  border-right:0;
  background:#e4dfd7;
  color:var(--ink);
  padding:0 14px;
  outline:none;
  font-family:Baskerville,"Baskerville Old Face","Times New Roman",serif;
  font-size:15px;
}
.ported-page .belles-search input::placeholder{color:#8c8379}
.ported-page .belles-search button{
  border:1px solid rgba(23,20,17,.09);
  background:#d7d2cb;
  color:#675f56;
  font-size:20px;
  cursor:pointer;
}
.ported-page .belles-search button:hover{
  background:#cbc5bd;
  color:var(--wine);
}

.ported-page .mast-brand-row, .ported-page .mast-nav{display:none!important}

@media (max-width:950px){
  .ported-page .belles-motto{font-size:36px}
  .ported-page .belles-nav{
    overflow-x:auto;
    justify-content:flex-start;
    gap:0;
  }
  .ported-page .belles-nav a{
    flex:0 0 auto;
    padding:0 22px;
    font-size:17px;
  }
}
@media (max-width:650px){
  .ported-page .belles-frontispiece .mast-top{display:none}
  .ported-page .belles-brand{padding:18px 0 22px}
  .ported-page .belles-logo-link img{width:74px;height:74px}
  .ported-page .belles-motto{
    font-size:29px;
    letter-spacing:.045em;
    text-align:center;
  }
  .ported-page .belles-nav{min-height:56px}
  .ported-page .belles-nav a{padding:0 17px;font-size:16px}
  .ported-page .belles-search-row{min-height:56px}
  .ported-page .belles-search{
    width:100%;
    grid-template-columns:1fr 42px;
  }
}


/* V9 — frontispice plus compact, réseaux à gauche, recherche à droite */
.ported-page .belles-frontispiece{
  padding-bottom:8px;
}
.ported-page .belles-frontispiece .mast-top.belles-utility{
  height:44px;
  border-bottom:1px solid rgba(23,20,17,.10);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}
.ported-page .belles-frontispiece .mast-links{
  margin-left:0;
  display:flex;
  gap:18px;
}
.ported-page .belles-search-top{
  width:330px;
  grid-template-columns:1fr 40px;
  height:34px;
}
.ported-page .belles-brand{
  padding:11px 0 20px;
}
.ported-page .belles-logo-link{
  margin-bottom:10px;
}
.ported-page .belles-logo-link img{
  width:82px;
  height:82px;
}
.ported-page .belles-motto{
  font-size:38px;
  letter-spacing:.105em;
}
.ported-page .belles-nav{
  min-height:56px;
}
.ported-page .belles-nav a{
  font-size:17px;
}
.ported-page .belles-search-row{
  display:none!important;
}

/* Remonter légèrement Lohengrin et réduire la hauteur totale */
.ported-page .hero{
  min-height:545px;
  background-position:center 27%;
}
.ported-page .hero-inner{
  min-height:545px;
}
.ported-page .hero-copy{
  margin-top:-10px;
}
.ported-page .hero h1{
  font-size:57px;
}

/* L'ensemble frontispice + hero tient plus facilement dans un écran desktop */
@media (min-width:1100px){
  .ported-page .belles-frontispiece .wrap{
    max-width:1430px;
  }
}

@media (max-width:950px){
  .ported-page .belles-frontispiece .mast-top.belles-utility{
    height:auto;
    min-height:48px;
    flex-wrap:wrap;
    padding:8px 0;
  }
  .ported-page .belles-search-top{
    width:300px;
  }
}
@media (max-width:650px){
  .ported-page .belles-frontispiece .mast-top.belles-utility{
    display:none;
  }
  .ported-page .belles-logo-link img{
    width:72px;
    height:72px;
  }
  .ported-page .belles-motto{
    font-size:27px;
    letter-spacing:.065em;
  }
  .ported-page .hero{
    min-height:555px;
  }
  .ported-page .hero-inner{
    min-height:555px;
  }
}


/* V10 — finitions du frontispice */
.ported-page .belles-frontispiece .mast-top.belles-utility{
  border-bottom:0 !important;
}

.ported-page .belles-logo-link img{
  width:92px;
  height:92px;
  border-radius:0 !important;
  object-fit:cover;
}

.ported-page .belles-nav a{
  font-size:19px;
}

/* Le bandeau Lohengrin redescend légèrement pour remplir
   la petite bande ivoire qui restait visible en bas de l'écran. */
.ported-page .hero{
  min-height:575px;
}
.ported-page .hero-inner{
  min-height:575px;
}

@media (max-width:950px){
  .ported-page .belles-nav a{
    font-size:18px;
  }
}
@media (max-width:650px){
  .ported-page .belles-logo-link img{
    width:78px;
    height:78px;
  }
  .ported-page .belles-nav a{
    font-size:17px;
  }
  .ported-page .hero, .ported-page .hero-inner{
    min-height:570px;
  }
}


/* V11 — alignements et finitions du frontispice */

/* Les marges du bandeau sont désormais exactement celles du cadre des onglets */
.ported-page .hero-wrap{
  padding-left:52px;
  padding-right:52px;
}
.ported-page .hero-wrap .hero{
  width:100%;
  max-width:none;
  margin:0;
}

/* On ne déplace PAS le bandeau verticalement.
   On remonte seulement visuellement le logo/devise et les onglets,
   ce qui ouvre un peu d'air juste au-dessus de Lohengrin. */
.ported-page .belles-brand{
  transform:translateY(-9px);
}
.ported-page .belles-nav{
  transform:translateY(-9px);
}

/* Logo rond */
.ported-page .belles-logo-link img{
  width:92px;
  height:92px;
  border-radius:50% !important;
  object-fit:cover;
}

/* Onglets encore un peu plus grands */
.ported-page .belles-nav a{
  font-size:22px;
  letter-spacing:.055em;
}

/* Texte du bandeau en ivoire, plus doux que le blanc pur */
.ported-page .hero h1, .ported-page .hero p{
  color:var(--paper) !important;
}
.ported-page .hero .btn{
  color:var(--paper);
}

/* Responsive : mêmes alignements sans marges excessives */
@media (max-width:950px){
  .ported-page .hero-wrap{
    padding-left:22px;
    padding-right:22px;
  }
  .ported-page .belles-brand, .ported-page .belles-nav{
    transform:translateY(-6px);
  }
  .ported-page .belles-nav a{
    font-size:19px;
  }
}
@media (max-width:650px){
  .ported-page .hero-wrap{
    padding-left:0;
    padding-right:0;
  }
  .ported-page .belles-brand, .ported-page .belles-nav{
    transform:none;
  }
  .ported-page .belles-logo-link img{
    width:78px;
    height:78px;
  }
  .ported-page .belles-nav a{
    font-size:18px;
  }
}


/* V12 — navigation, recherche contextuelle, abonnement / connexion */

/* Coin supérieur droit */
.ported-page .account-links{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
}
.ported-page .account-links a{
  color:#746b61;
  text-decoration:none;
  font-family:Baskerville,"Baskerville Old Face","Times New Roman",serif;
  font-size:13px;
  letter-spacing:.06em;
}
.ported-page .account-links a:hover{
  color:var(--wine);
}
.ported-page .account-separator{
  color:#a99f95;
  font-family:Baskerville,"Baskerville Old Face","Times New Roman",serif;
  font-size:13px;
}

/* On neutralise définitivement l'ancienne recherche du haut */
.ported-page .belles-search-top{
  display:none!important;
}

/* Navigation : 5 intitulés + une case loupe, équilibrés sur toute la largeur */
.ported-page .belles-nav{
  position:relative;
  display:grid!important;
  grid-template-columns:repeat(6,1fr);
  align-items:center;
  gap:0!important;
}
.ported-page .belles-nav > a, .ported-page .belles-nav > .nav-search-toggle{
  width:100%;
  min-width:0;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.ported-page .belles-nav > a{
  flex:none!important;
  padding:0 10px!important;
}
.ported-page .nav-search-toggle{
  border:0;
  background:transparent;
  color:#625950;
  font-family:Baskerville,"Baskerville Old Face","Times New Roman",serif;
  font-size:28px;
  cursor:pointer;
  padding:0;
}
.ported-page .nav-search-toggle:hover, .ported-page .nav-search-toggle[aria-expanded="true"]{
  color:var(--wine);
}

/* Pop-up de recherche : flottant, donc il ne déplace ni le cadre ni Lohengrin */
.ported-page .belles-frontispiece{
  position:relative;
}
.ported-page .search-popover{
  position:absolute;
  z-index:60;
  right:max(52px, calc((100vw - 1430px)/2 + 52px));
  bottom:-68px;
  width:min(470px, calc(100vw - 104px));
  padding:12px;
  background:var(--paper);
  border:1px solid rgba(23,20,17,.18);
  box-shadow:0 16px 34px rgba(35,26,20,.14);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-6px);
  transition:opacity .16s ease, transform .16s ease, visibility .16s ease;
}
.ported-page .search-popover.open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}
.ported-page .popover-search-form{
  height:44px;
  display:grid;
  grid-template-columns:1fr 46px;
}
.ported-page .popover-search-form input{
  border:1px solid rgba(23,20,17,.11);
  border-right:0;
  background:#e7e1d8;
  padding:0 14px;
  outline:none;
  color:var(--ink);
  font-family:Baskerville,"Baskerville Old Face","Times New Roman",serif;
  font-size:16px;
}
.ported-page .popover-search-form input::placeholder{
  color:#8c8278;
}
.ported-page .popover-search-form button{
  border:1px solid rgba(23,20,17,.11);
  background:#d7d1c8;
  color:#625950;
  font-size:22px;
  cursor:pointer;
}
.ported-page .popover-search-form button:hover{
  color:var(--wine);
}

/* Responsive sans modifier la position desktop du bandeau */
@media (max-width:950px){
  .ported-page .belles-nav{
    display:flex!important;
    overflow-x:auto;
    justify-content:flex-start;
  }
  .ported-page .belles-nav > a, .ported-page .belles-nav > .nav-search-toggle{
    flex:0 0 auto!important;
    width:auto;
    min-width:150px;
  }
  .ported-page .search-popover{
    right:22px;
    width:min(470px, calc(100vw - 44px));
  }
}
@media (max-width:650px){
  .ported-page .account-links{
    display:none;
  }
  .ported-page .belles-nav > a, .ported-page .belles-nav > .nav-search-toggle{
    min-width:132px;
  }
  .ported-page .search-popover{
    right:12px;
    width:calc(100vw - 24px);
  }
}


/* V13 — double filet des onglets + hero simplifié */
.ported-page .belles-nav{
  position:relative;
  border-top:2px solid rgba(45,40,35,.46) !important;
  border-bottom:2px solid rgba(45,40,35,.46) !important;
  min-height:64px;
  padding-top:7px;
  padding-bottom:7px;
  overflow:visible;
}
.ported-page .belles-nav:before, .ported-page .belles-nav:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:1px;
  background:rgba(45,40,35,.24);
  pointer-events:none;
}
.ported-page .belles-nav:before{
  top:6px;
}
.ported-page .belles-nav:after{
  bottom:6px;
}

/* Le contenu reste bien centré entre les deux doubles filets */
.ported-page .belles-nav > a, .ported-page .belles-nav > .nav-search-toggle{
  position:relative;
  z-index:1;
}

/* Bandeau Lohengrin : titre unique, sans point final */
.ported-page .hero h1{
  max-width:620px;
  margin-bottom:28px;
}
.ported-page .hero-actions{
  display:none!important;
}



/* ============================================================
   PAGE VIDÉOS — intégration avec le frontispice définitif
   ============================================================ */
.ported-page .belles-nav .current-page{
  color:var(--wine);
}

/* La page commence nettement sous le frontispice, sur le même ivoire */
.ported-page .pagehead{
  padding:66px 0 42px;
}
.ported-page .pagehead .kicker{
  color:var(--wine);
}
.ported-page h1{
  color:var(--ink);
}

/* Barre de recherche interne du catalogue :
   distincte de la recherche globale du frontispice */
.ported-page .searchbar{
  padding:24px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.ported-page .searchbar .search{
  max-width:none;
}

/* Plus d'air dans le catalogue */
.ported-page .main{
  grid-template-columns:250px 1fr;
  gap:58px;
  padding:54px 0 92px;
}
.ported-page .grid{
  gap:40px 27px;
}
.ported-page .video-card h3{
  font-size:24px;
}

/* Le footer de l'accueil remplace celui de l'ancienne maquette */
.ported-page .site-footer{
  display:none!important;
}

/* Footer V13 / accueil */
.ported-page footer{
  background:#0f100e;
  color:#9f9589;
  padding:31px 0 20px;
}
.ported-page .footer-main{
  display:grid;
  grid-template-columns:1.25fr repeat(3,.65fr);
  gap:38px;
  align-items:start;
}
.ported-page .footer-brand{
  display:flex;
  gap:13px;
  align-items:flex-start;
}
.ported-page .footer-brand img{
  width:50px;
  height:50px;
  border-radius:50%;
}
.ported-page .footer-brand b{
  display:block;
  color:#eee4d7;
  font-family:Baskerville,"Baskerville Old Face","Times New Roman",serif;
  font-size:26px;
  font-weight:400;
}
.ported-page .footer-brand p{
  font-size:10px;
  line-height:1.45;
  max-width:310px;
}
.ported-page footer h5{
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:#e7ded2;
  margin:0 0 11px;
}
.ported-page footer a{
  display:block;
  color:#9f9589;
  text-decoration:none;
  font-size:10px;
  margin:7px 0;
}
.ported-page .contact-mail{
  color:#cfc5b8!important;
  word-break:break-word;
}
.ported-page .legal{
  margin-top:24px;
  padding-top:15px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  justify-content:space-between;
  gap:25px;
  font-size:9px;
}
.ported-page .legal-links{
  display:flex;
  gap:20px;
  flex-wrap:wrap;
}
.ported-page .legal-links a{margin:0}

@media (max-width:950px){
  .ported-page .main{
    grid-template-columns:1fr;
    gap:32px;
  }
  .ported-page .footer-main{
    grid-template-columns:1fr;
  }
}
@media (max-width:650px){
  .ported-page .legal{
    flex-direction:column;
  }
}


/* V5 page Vidéos — tête simplifiée */
.ported-page .pagehead{
  padding:58px 0 34px;
}
.ported-page .pagehead h1{
  margin-bottom:24px;
}
.ported-page .page-search-wrap{
  max-width:610px;
}
.ported-page .page-search{
  height:48px;
}
.ported-page .searchbar{
  display:none!important;
}
.ported-page .results-head-simple{
  justify-content:flex-end;
  min-height:0;
  margin-bottom:18px;
}
.ported-page .results-head-simple span{
  margin-left:auto;
}


/* V6 page Vidéos — titre et recherche sur le même axe */
.ported-page .pagehead{
  padding:58px 0 36px;
}
.ported-page .pagehead-inline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:60px;
}
.ported-page .pagehead-inline h1{
  margin:0;
}
.ported-page .page-search-wrap{
  width:min(520px,44%);
  max-width:none;
}
.ported-page .page-search{
  width:100%;
  height:48px;
}

@media (max-width:760px){
  .ported-page .pagehead-inline{
    align-items:flex-start;
    flex-direction:column;
    gap:22px;
  }
  .ported-page .page-search-wrap{
    width:100%;
  }
}


/* V7 page Vidéos — taille des onglets harmonisée avec l'accueil */
.ported-page .belles-nav a{
  font-size:19px !important;
}
@media (max-width:950px){
  .ported-page .belles-nav a{
    font-size:18px !important;
  }
}
@media (max-width:650px){
  .ported-page .belles-nav a{
    font-size:17px !important;
  }
}


/* V8 page Vidéos — frontispice strictement conforme à l'accueil */
.ported-page .belles-nav a{
  text-transform:none !important;
  letter-spacing:.055em;
  font-size:19px !important;
}
@media (max-width:950px){
  .ported-page .belles-nav a{font-size:18px !important;}
}
@media (max-width:650px){
  .ported-page .belles-nav a{font-size:17px !important;}
}