/* TeamCuts accueil — extrait de index.html */
/* ═══ YOUTUBE BACKGROUND CINEMATIC ═══════════════════ */
#yt-bg-wrap {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.85s ease;
  pointer-events: none;
}
#yt-bg-wrap.live { opacity: 1; }

#yt-bg-player {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

#yt-bg-player iframe,
#hero-bg-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 177.78vh;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  border: 0;
  object-fit: cover;
  filter: brightness(.78) saturate(1.15) contrast(1.05);
  pointer-events: none;
}

/* Scanlines TV effect */
.yt-scanlines {
  position: absolute; inset: 0; pointer-events: none; z-index: 1;
  background: repeating-linear-gradient(
    to bottom,
    transparent 0px, transparent 3px,
    rgba(0,0,0,.06) 3px, rgba(0,0,0,.06) 4px
  );
  animation: scanMove 8s linear infinite;
}
@keyframes scanMove {
  from { background-position: 0 0; }
  to   { background-position: 0 100px; }
}

/* Film grain */
.yt-grain {
  position: absolute; inset: 0; pointer-events: none; z-index: 2;
  opacity: .055;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 180px;
  animation: grainAnim 1.2s steps(2) infinite;
}
@keyframes grainAnim {
  0%  { transform: translate(0,0); }
  25% { transform: translate(-2px,1px); }
  50% { transform: translate(1px,-1px); }
  75% { transform: translate(-1px,2px); }
  100%{ transform: translate(2px,-2px); }
}

/* Vignette légère — vidéo bien visible */
.yt-vignette {
  position: absolute; inset: 0; pointer-events: none; z-index: 3;
  background: radial-gradient(
    ellipse at center,
    transparent 50%,
    rgba(5,5,7,.22) 78%,
    rgba(5,5,7,.45) 100%
  );
}

/* Color grade léger — lisibilité du texte sans noircir l'image */
.yt-color-grade {
  position: absolute; inset: 0; pointer-events: none; z-index: 4;
  background: linear-gradient(
    to bottom,
    rgba(5,5,7,.28) 0%,
    transparent 28%,
    transparent 62%,
    rgba(5,5,7,.38) 100%
  );
}

/* Pas d'animation opacity sur tout le hero (évite saccades / lumière qui saute) */

/* ── block ── */

/* ── Smoke animation ─────────────────────────────── */
@keyframes smokeUp {
  0%   { transform:translateY(0) scale(1); opacity:0; }
  15%  { opacity:1; }
  100% { transform:translateY(-300px) scale(2.5); opacity:0; }
}

/* ── Cookie banner ───────────────────────────────── */

.ck-text { flex:1; min-width:200px; }

/* ── Email capture ───────────────────────────────── */
#email-capture {
  position:fixed; bottom:28px; right:28px; z-index:8400;
  transform:translateX(120%) scale(.95);
  transition:transform .6s cubic-bezier(.23,1,.32,1);
  width:320px;
}
#email-capture.show { transform:none; }
.ec-inner {
  background:rgba(5,5,7,.97);
  border:1px solid rgba(245,200,0,.25);
  border-radius:12px;
  padding:28px 24px 20px;
  position:relative;
  box-shadow:0 20px 60px rgba(0,0,0,.7);
}
.ec-close { position:absolute; top:12px; right:14px; background:none; border:none; color:#444; font-size:18px; cursor:pointer; line-height:1; }
.ec-close:hover { color:#f2efe9; }
.ec-logo { font-family:'Bebas Neue',sans-serif; font-size:16px; letter-spacing:.1em; margin-bottom:12px; } .ec-logo span { color:#F5C800; }
.ec-title { font-size:14px; font-weight:700; color:#f2efe9; margin-bottom:6px; }
.ec-sub { font-size:11px; color:#666; line-height:1.6; margin-bottom:18px; }
.ec-form { display:flex; gap:6px; margin-bottom:10px; }
.ec-input { flex:1; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:6px; padding:10px 12px; font-size:12px; color:#f2efe9; outline:none; }
.ec-input:focus { border-color:rgba(245,200,0,.4); }
.ec-btn { background:#F5C800; border:none; border-radius:6px; width:36px; display:flex; align-items:center; justify-content:center; cursor:pointer; color:#050507; flex-shrink:0; transition:opacity .3s; }
.ec-btn:hover { opacity:.85; }
.ec-skip { font-size:9px; color:#444; letter-spacing:.1em; cursor:pointer; text-align:center; transition:color .3s; }
.ec-skip:hover { color:#666; }
@media(max-width:480px){ #email-capture { right:12px; left:12px; width:auto; } }

/* ── Equipment blur toggle ───────────────────────── */

/* ── block ── */

/* ── Bloquer tout clic sur les iframes vidéo background ── */
#yt-bg-player iframe,
#yt-bg-wrap iframe {
  pointer-events: none !important;
}
.yt-wrapper iframe {
  pointer-events: none; /* curseur magnétique reste visible */
}
/* Overlay transparent par-dessus les backgrounds YouTube */
#yt-bg-wrap::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 10;
  pointer-events: all;
  background: transparent;
}
/* Vimeo showreel — filtre cinématique + overlay */
#vimeo-showreel-player{position:absolute;inset:0;overflow:hidden;z-index:0;}
.yt-wrapper {
  position: relative;
  min-height:200px;
}
#yt-bg-wrap iframe {
  filter: brightness(.78) saturate(1.15) contrast(1.05);
  transition: filter 1s ease;
}
#vimeo-showreel-player iframe {
  filter: brightness(.92) saturate(1.1) contrast(1.02);
  transition: filter 1s ease;
}
.yt-wrapper:hover #vimeo-showreel-player iframe {
  filter: brightness(1) saturate(1.12) contrast(1.02);
}
/* Scanlines très légères sur showreel */
.yt-wrapper::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: repeating-linear-gradient(
    to bottom,
    transparent 0px, transparent 3px,
    rgba(0,0,0,.03) 3px, rgba(0,0,0,.03) 4px
  );
  animation: scanMove 8s linear infinite;
}
.yt-wrapper::after {
  content: none;
}

/* ═══ Réalisations vidéo mises en avant ═══════════════ */
#featured-films {
  position: relative;
  background: #050507;
  border-top: 1px solid rgba(255,255,255,.06);
}
.ff-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  padding: 48px 7vw 28px;
}
.ff-title {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(36px, 6vw, 64px);
  letter-spacing: .04em;
  line-height: .95;
  margin: 8px 0 0;
}
.ff-link {
  font-size: 10px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #F5C800;
  text-decoration: none;
  border-bottom: 1px solid rgba(245,200,0,.35);
  padding-bottom: 4px;
  transition: opacity .3s;
}
.ff-link:hover { opacity: .75; }
.ff-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
  background: rgba(255,255,255,.04);
}
.ff-item {
  position: relative;
  background: #000;
  min-height: min(56vw, 520px);
  /* pas de content-visibility : casse l'affichage <video> sur iOS */
  overflow: hidden;
}
.ff-item--portrait .ff-media {
  object-position: center 30%;
}
.ff-media {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  background: #0a0a0c;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.ff-item.is-playing .ff-media {
  z-index: 4;
  opacity: 1 !important;
  visibility: visible !important;
}
/* Aftermovie / films 9:16 : carte horizontale au repos, lecture verticale au clic */
.ff-portrait-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 99970;
  background: rgba(5, 5, 7, .94);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  cursor: pointer;
}
.ff-portrait-backdrop.is-on { display: block; }
.ff-portrait-close {
  display: none;
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 99990;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(245, 200, 0, .35);
  background: rgba(5, 5, 7, .55);
  color: #F5C800;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  backdrop-filter: blur(8px);
}
.ff-portrait-close.is-on { display: flex; }
.ff-portrait-close:hover {
  background: #F5C800;
  color: #050507;
}
.ff-item--portrait.is-playing {
  z-index: 40;
}
.ff-item--portrait.is-playing .ff-media {
  position: fixed !important;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  inset: auto !important;
  width: min(92vw, calc(86vh * 9 / 16));
  height: min(86vh, calc(92vw * 16 / 9));
  max-width: 92vw;
  max-height: 86vh;
  z-index: 99980;
  object-fit: contain;
  object-position: center;
  background: #000;
  box-shadow: 0 24px 90px rgba(0, 0, 0, .65);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.ff-load {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: none;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-direction: column;
  background: rgba(5,5,7,.45);
  color: #F5C800;
  font-size: 10px;
  letter-spacing: .28em;
  text-transform: uppercase;
  pointer-events: none;
}
.ff-item.is-loading:not(.is-playing) .ff-load { display: flex; }
.ff-item.is-playing .ff-load { display: none !important; }
.ff-load span:first-child {
  width: 28px;
  height: 28px;
  border: 2px solid rgba(245,200,0,.25);
  border-top-color: #F5C800;
  border-radius: 50%;
  animation: ffSpin .8s linear infinite;
}
@keyframes ffSpin { to { transform: rotate(360deg); } }
.ff-shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to top, rgba(5,5,7,.55) 0%, transparent 42%);
}
.ff-meta {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  z-index: 2;
  padding: 28px 28px 24px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  pointer-events: none;
}
.ff-name {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(22px, 3vw, 36px);
  letter-spacing: .06em;
  margin: 0 0 4px;
}
.ff-tag {
  font-size: 9px;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: rgba(245,200,0,.85);
}
.ff-play {
  pointer-events: auto;
  appearance: none;
  border: 1px solid rgba(245,200,0,.55);
  background: rgba(5,5,7,.35);
  color: #F5C800;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  padding: 12px 18px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: background .3s, color .3s, border-color .3s;
}
.ff-play:hover {
  background: #F5C800;
  color: #050507;
  border-color: #F5C800;
}
.ff-item.is-playing .ff-shade,
.ff-item.is-playing .ff-meta {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.ff-item.is-playing .ff-play { display: none; }
@media (max-width: 820px) {
  .ff-grid { grid-template-columns: 1fr; }
  .ff-item { min-height: 58vw; }
  .ff-head { padding: 36px 5vw 20px; }
}

/* ── block ── */

/* ══ SCROLL JOUISSIF — Effets premium ════════════════════

   1. Smooth scroll natif
   2. Section reveal avec clip-path
   3. Parallax sur les titres
   4. Ligne de progression dorée
   5. Hover magnétique sur les CTA
   6. Transitions de section fluides
*/

/* Scroll molette natif ; smooth réservé aux ancres (#section) en JS */
html { scroll-behavior: auto; }
* { -webkit-tap-highlight-color: transparent; }

/* Reveal sections avec ligne dorée */
section { position: relative; }
section::before {
  content: '';
  position: absolute;
  top: 0; left: 6vw; right: 6vw;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(245,200,0,.15), transparent);
}

/* Titres qui grandissent légèrement au scroll */
.hero-title, .about-title, .presence-title, .pricing-title, .contact-title {
  will-change: transform;
  transition: transform .1s ease-out;
}

/* CTA magnétique — grossit légèrement au hover */
.btn-y, .cta-btn {
  transition: transform .3s cubic-bezier(.34,1.56,.64,1), opacity .3s, background .3s, color .3s !important;
}
.btn-y:hover { transform: scale(1.04); }
.cta-btn:hover { transform: scale(1.03); }

/* Cartes services — tilt 3D au hover */
.svc {
  transition: transform .6s cubic-bezier(.23,1,.32,1);
}

/* Stats — pulse au chargement */
.istat-n {
  animation: countPulse .3s ease-out;
}
@keyframes countPulse {
  0% { transform: scale(1.15); opacity: .5; }
  100% { transform: scale(1); opacity: 1; }
}

/* Présence cards — scale spring */
.pcard {
  transition: transform .4s cubic-bezier(.34,1.56,.64,1), border-top-color .4s !important;
}
.pcard:hover { transform: translateY(-6px) scale(1.02) !important; }

/* Équipement cards */
.equip-card {
  transition: transform .4s cubic-bezier(.34,1.56,.64,1), border-color .4s !important;
}
.equip-card:hover { transform: translateY(-4px) scale(1.02) !important; }

/* Logo nav — bounce au clic */
.nav-logo {
  transition: transform .3s cubic-bezier(.34,1.56,.64,1);
  display: inline-block;
}
.nav-logo:active { transform: scale(.94); }

/* Social buttons — slide doux */
.social-btn {
  transition: padding-left .35s cubic-bezier(.23,1,.32,1),
              background .3s, border-left-color .3s !important;
}

/* Marquee — accélère légèrement au hover sur le hero */
#hero:hover .marquee-inner {
  animation-duration: 18s;
}

/* Scroll indicator — pulse */
.scroll-line {
  animation: sl 2s ease-in-out infinite !important;
}

/* Section transition — fondu bas de page */
#contact {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

/* Play button — pulse ring plus vif */
.play::before {
  animation: ring 1.8s ease-in-out infinite !important;
}

/* Gear items */
.gear-item {
  transition: all .3s cubic-bezier(.34,1.56,.64,1);
}
.gear-item:hover {
  transform: scale(1.06);
  border-color: rgba(245,200,0,.5) !important;
  color: rgba(245,200,0,.9) !important;
}

/* Istat hover spring */
.istat {
  transition: transform .4s cubic-bezier(.34,1.56,.64,1), border-color .4s !important;
}
.istat:hover { transform: translateY(-5px) scale(1.03) !important; }


/* ── Container boutons flottants ── */
#float-btns {
  position:fixed;
  bottom:32px;
  right:24px;
  z-index:1500;
  transition:bottom .35s;
  display:flex;
  flex-direction:row-reverse;
  gap:12px;
  align-items:center;
}
.contact-quick{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 16px;margin-bottom:40px;}
.contact-quick a{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(245,200,0,.85);text-decoration:none;border:1px solid rgba(245,200,0,.25);padding:10px 16px;transition:background .3s,color .3s,border-color .3s;}
.contact-quick a:hover{background:rgba(245,200,0,.08);color:#F5C800;border-color:rgba(245,200,0,.5);}
#float-btns.cookie-up { bottom:118px; }

/* ── Player musique ambiance ── */
#tc-music-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#tc-music-btn {
  width: 56px;
  height: 56px;
  background: rgba(5, 5, 7, .95);
  border: 2px solid rgba(245, 200, 0, .45);
  border-radius: 50%;
  color: #F5C800;
  font-size: 22px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .6);
  cursor: pointer;
  padding: 0;
  transition: transform .3s, box-shadow .3s, border-color .3s;
}
#tc-music-btn:hover,
#tc-music-btn[aria-expanded="true"] {
  transform: scale(1.08);
  border-color: rgba(245, 200, 0, .75);
  box-shadow: 0 6px 28px rgba(245, 200, 0, .2);
}
.tc-music-panel {
  position: absolute;
  bottom: calc(100% + 12px);
  right: 0;
  width: min(260px, calc(100vw - 32px));
  padding: 16px;
  background: rgba(8, 8, 12, .97);
  border: 1px solid rgba(245, 200, 0, .28);
  border-radius: 8px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, .65);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity .25s, transform .25s, visibility .25s;
  pointer-events: none;
  backdrop-filter: blur(12px);
}
.tc-music-panel.open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
.tc-music-head {
  font-size: 8px;
  letter-spacing: .35em;
  text-transform: uppercase;
  color: rgba(245, 200, 0, .65);
  margin-bottom: 6px;
}
.tc-music-now {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 26px;
  letter-spacing: .06em;
  color: #f2efe9;
  margin-bottom: 12px;
}
.tc-music-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 14px;
}
.tc-music-ctl {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(245, 200, 0, .25);
  background: rgba(245, 200, 0, .06);
  color: #F5C800;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  transition: background .2s, border-color .2s;
}
.tc-music-ctl--main {
  width: 44px;
  height: 44px;
  font-size: 14px;
  background: rgba(245, 200, 0, .12);
  border-color: rgba(245, 200, 0, .45);
}
.tc-music-ctl:hover {
  background: rgba(245, 200, 0, .18);
  border-color: rgba(245, 200, 0, .55);
}
.tc-music-list {
  list-style: none;
  margin: 0 0 14px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 168px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(245, 200, 0, .35) transparent;
}
.tc-music-track {
  width: 100%;
  text-align: left;
  padding: 9px 12px;
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(242, 239, 233, .55);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, .08);
  cursor: pointer;
  transition: color .2s, border-color .2s, background .2s;
}
.tc-music-track.is-on,
.tc-music-track:hover {
  color: #F5C800;
  border-color: rgba(245, 200, 0, .35);
  background: rgba(245, 200, 0, .08);
}
.tc-music-vol-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 9px;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: rgba(242, 239, 233, .4);
}
.tc-music-vol-wrap input[type="range"] {
  flex: 1;
  accent-color: #F5C800;
  cursor: pointer;
}

#help-btn {
  position:static;
  width:56px;height:56px;
  background:rgba(5,5,7,.95);
  border:2px solid rgba(245,200,0,.45);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 24px rgba(0,0,0,.6);
  cursor:pointer;padding:0;
  flex-shrink:0;
  transition:transform .3s,box-shadow .3s;
  animation:helpBounce 3s ease-in-out infinite;
}
#help-btn:hover{
  transform:scale(1.1)!important;
  box-shadow:0 6px 28px rgba(245,200,0,.25)!important;
  animation:none!important;
}
@keyframes helpBounce{
  0%,100%{transform:scale(1) translateY(0);}
  50%{transform:scale(1.04) translateY(-3px);}
}
@media(max-width:768px){
  #float-btns{right:16px;bottom:24px;}
  #float-btns.cookie-up{bottom:110px;}
  #help-btn{width:50px!important;height:50px!important;}
  #tc-music-btn{width:50px!important;height:50px!important;font-size:20px!important;}
  .tc-music-panel{width:min(240px,calc(100vw - 24px));}
}


/* Showreel play — plus grand et plus vif */
.play {
  transition: transform .4s cubic-bezier(.34,1.56,.64,1), background .4s, border-color .4s !important;
}
.play:hover { transform: scale(1.15) !important; }

/* ── block ── */

/* ── About & Présence — mobile ───────────────────── */
@media (max-width: 768px) {
  .about-inner { padding: 52px 5vw !important; gap: 36px !important; }
  .about-visual-wrap { margin-bottom: 8px; }
  .about-thumb { position: relative !important; right: auto !important; bottom: auto !important; width: 100% !important; margin-top: 12px; }
  .about-float-stat { position: relative !important; right: auto !important; top: auto !important; display: inline-block; margin-top: 12px; }
  .about-title { font-size: clamp(32px, 9vw, 52px) !important; }
  .about-chips { gap: 6px !important; }
  .equip-grid { grid-template-columns: 1fr !important; }
  .presence-inner { grid-template-columns: 1fr !important; gap: 36px !important; }
  .presence-cards { grid-template-columns: 1fr !important; }
  .pcard { min-height: 140px !important; }
}

/* ── block ── */

.devis-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media(max-width:600px){.devis-grid{grid-template-columns:1fr!important;}}
.devis-field{display:flex;flex-direction:column;gap:8px;}
.devis-label{font-size:9px;letter-spacing:.22em;color:rgba(245,200,0,.7);text-transform:uppercase;}
.devis-input{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);padding:12px 16px;font-size:13px;color:#f2efe9;font-family:inherit;outline:none;transition:border-color .3s;border-radius:4px;width:100%;}
.devis-input:focus{border-color:rgba(245,200,0,.4);}
.devis-input option{background:#0c0c10;}
textarea.devis-input{resize:vertical;min-height:100px;}

/* ── block ── */

/* ═══════════════════════════════════════════════════════
   TEAMCUTS — Premium Design Upgrade
   ═══════════════════════════════════════════════════ */

/* ── Importations typographiques ──────────────────── */

/* ── Variables globales ───────────────────────────── */
:root {
  --gold: #F5C800;
  --gold-dim: rgba(245,200,0,.15);
  --gold-line: rgba(245,200,0,.25);
  --dark: #050507;
  --dark-2: #0a0a0f;
  --text: #f2efe9;
  --muted: rgba(242,239,233,.5);
  --radius: 2px;
  --transition: cubic-bezier(.23,1,.32,1);
}

/* ── Sélection de texte ───────────────────────────── */
::selection { background: var(--gold); color: #000; }

/* ── Scrollbar élégante ───────────────────────────── */
::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-track { background: #000; }
::-webkit-scrollbar-thumb { background: var(--gold); border-radius: 2px; }

/* ── Navigation premium ───────────────────────────── */
.nav {
  background: rgba(5,5,7,0) !important;
  backdrop-filter: blur(0px) !important;
  transition: background .5s ease, backdrop-filter .5s ease, 
              box-shadow .5s ease, padding .4s ease !important;
  border-bottom: 1px solid transparent !important;
}
.nav.scrolled {
  background: rgba(5,5,7,.92) !important;
  backdrop-filter: blur(24px) !important;
  box-shadow: 0 1px 0 rgba(245,200,0,.12) !important;
  border-bottom-color: rgba(245,200,0,.1) !important;
}
.nav-logo {
  font-size: 15px !important;
  letter-spacing: .18em !important;
  position: relative;
}
.nav-logo::after {
  content: '';
  position: absolute;
  bottom: -4px; left: 0; right: 0;
  height: 1px;
  background: var(--gold);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .4s var(--transition);
}
.nav-logo:hover::after { transform: scaleX(1); }

/* ── Liens nav avec underline animé ──────────────── */
.nav-links a {
  position: relative;
  font-size: 9px !important;
  letter-spacing: .22em !important;
}
.nav-links a::after {
  content: '';
  position: absolute;
  bottom: -3px; left: 0; right: 0;
  height: 1px;
  background: var(--gold);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .35s var(--transition);
}
.nav-links a:hover::after { transform: scaleX(1); }

/* ── Barre de progression scroll ─────────────────── */
#scroll-progress {
  position: fixed;
  top: 0; left: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--gold), #fff6a0, var(--gold));
  width: 0%;
  z-index: 99999;
  transition: width .1s linear;
  box-shadow: 0 0 8px rgba(245,200,0,.6);
}

/* ── Hero titre — style magazine (complète style.css) ── */
#hero .hero-title {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  line-height: 1.12;
  letter-spacing: .02em;
}
#hero .hero-display {
  font-family: 'Bebas Neue', sans-serif;
}
.hero-tag {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 9px;
  letter-spacing: .4em;
  color: var(--gold);
  text-transform: uppercase;
  margin-bottom: 16px;
}
.hero-tag::before, .hero-tag::after {
  content: '';
  width: 32px; height: 1px;
  background: var(--gold-line);
}

/* ── Sections — séparateurs dégradés ─────────────── */
section + section::before {
  content: '';
  display: block;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold-line), transparent);
  margin: 0 6vw;
}

/* ── Cards services — upgrade ─────────────────────── */
.svc {
  position: relative;
  overflow: hidden;
}
.svc::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(245,200,0,.04) 0%, transparent 60%);
  opacity: 0;
  transition: opacity .5s;
  pointer-events: none;
  z-index: 1;
}
.svc:hover::before { opacity: 1; }
.svc::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .5s var(--transition);
}
.svc:hover::after { transform: scaleX(.7); }

/* ── Boutons premium ──────────────────────────────── */
.btn-y {
  position: relative;
  overflow: hidden;
}
.btn-y::before {
  content: '';
  position: absolute;
  top: 50%; left: 50%;
  width: 0; height: 0;
  background: rgba(255,255,255,.15);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width .6s ease, height .6s ease, opacity .6s ease;
  opacity: 0;
}
.btn-y:active::before {
  width: 300px; height: 300px; opacity: 1;
}

/* ── Compteurs animés ─────────────────────────────── */
.stat-counter {
  display: inline-block;
  font-variant-numeric: tabular-nums;
}

/* ── Témoignages — ligne déco ─────────────────────── */
.tcard {
  position: relative;
}
.tcard::before {
  content: '"';
  position: absolute;
  top: 16px; left: 20px;
  font-size: 72px;
  font-family: 'Cormorant Garamond', serif;
  color: rgba(245,200,0,.08);
  line-height: 1;
  pointer-events: none;
}

/* ── FAQ — style premium ──────────────────────────── */
.faq-q-text {
  font-family: 'DM Sans', sans-serif;
}
.faq-item {
  transition: background .3s;
  padding: 0 4px;
  border-radius: 4px;
}
.faq-item.open {
  background: rgba(245,200,0,.03);
}
.faq-item:first-child { border-top: 1px solid rgba(255,255,255,.06); }

/* ── Formulaire devis — labels animés ────────────── */
.devis-input:focus + .devis-label,
.devis-input:not(:placeholder-shown) + .devis-label {
  color: var(--gold);
}

/* ── Footer élégant ───────────────────────────────── */
#site-footer {
  background: #020204;
  border-top: 1px solid rgba(245,200,0,.1);
  padding: 48px 6vw 32px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 32px;
}
.footer-logo {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 20px;
  letter-spacing: .12em;
  color: #fff;
}
.footer-logo span { color: var(--gold); }
.footer-center {
  text-align: center;
  font-size: 9px;
  color: #333;
  letter-spacing: .18em;
  text-transform: uppercase;
  line-height: 2;
}
.footer-links {
  display: flex;
  gap: 20px;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.footer-links a {
  font-size: 9px;
  color: #444;
  letter-spacing: .15em;
  text-transform: uppercase;
  text-decoration: none;
  transition: color .3s;
}
.footer-links a:hover { color: var(--gold); }
@media(max-width:768px) {
  #site-footer {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .footer-links { justify-content: center; }
}

/* ── Scroll reveal amélioré ───────────────────────── */
.fade-up {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .8s var(--transition), transform .8s var(--transition);
}
.fade-up.vis {
  opacity: 1;
  transform: translateY(0);
}
.d1 { transition-delay: .12s !important; }
.d2 { transition-delay: .24s !important; }
.d3 { transition-delay: .36s !important; }

/* ── Ligne décorative dorée réutilisable ──────────── */
.gold-line {
  display: flex;
  align-items: center;
  gap: 16px;
  color: rgba(245,200,0,.5);
  font-size: 9px;
  letter-spacing: .35em;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.gold-line::before, .gold-line::after {
  content: '';
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold-line));
}
.gold-line::after {
  background: linear-gradient(90deg, var(--gold-line), transparent);
}


/* ── Stat cards upgrade ───────────────────────────── */
.istat {
  border-left: 2px solid rgba(245,200,0,.2) !important;
  transition: border-left-color .4s, transform .4s var(--transition) !important;
}
.istat:hover {
  border-left-color: var(--gold) !important;
  transform: translateX(4px) translateY(-4px) !important;
}

/* ── Presence cards ───────────────────────────────── */
.pcard {
  position: relative;
  overflow: hidden;
}
.pcard::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0;
  width: 100%;
  height: 2px;
  background: var(--gold);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .4s var(--transition);
}
.pcard:hover::after { transform: scaleX(1); }

/* ── Showreel section upgrade ─────────────────────── */
.showreel-title {
  font-family: 'Bebas Neue', sans-serif !important;
  line-height: .85 !important;
}


/* ── Calendrier futuriste ── */
#cal-overlay {
  display:none;
  position:fixed;
  top:70px;right:16px;
  z-index:5000;
  width:320px;
  background:#080810;
  border:1px solid rgba(245,200,0,.25);
  box-shadow:0 0 40px rgba(245,200,0,.08), 0 20px 60px rgba(0,0,0,.8);
  animation:cal-in .25s cubic-bezier(.34,1.56,.64,1);
}
#cal-overlay.open { display:block; }
@keyframes cal-in {
  from { opacity:0; transform:translateY(-12px) scale(.96); }
  to   { opacity:1; transform:translateY(0) scale(1); }
}
.cal-header {
  padding:20px 20px 14px;
  border-bottom:1px solid rgba(245,200,0,.1);
  display:flex;align-items:center;justify-content:space-between;
}
.cal-month-nav {
  display:flex;align-items:center;gap:12px;
}
.cal-nav-btn {
  background:none;border:none;color:rgba(245,200,0,.6);
  font-size:16px;cursor:pointer;padding:4px 8px;
  transition:color .2s;
}
.cal-nav-btn:hover { color:#F5C800; }
.cal-month-label {
  font-family:'Bebas Neue',sans-serif;
  font-size:18px;letter-spacing:.1em;color:#F5C800;
  min-width:160px;text-align:center;
}
.cal-today-time {
  font-size:10px;letter-spacing:.2em;color:rgba(245,200,0,.4);
  text-align:right;font-variant-numeric:tabular-nums;
}
.cal-days-header {
  display:grid;grid-template-columns:repeat(7,1fr);
  padding:10px 12px 6px;
  gap:2px;
}
.cal-day-name {
  font-size:8px;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(242,239,233,.2);text-align:center;padding:4px 0;
}
.cal-grid {
  display:grid;grid-template-columns:repeat(7,1fr);
  padding:0 12px 16px;gap:3px;
}
.cal-cell {
  aspect-ratio:1;
  display:flex;align-items:center;justify-content:center;
  font-size:11px;color:rgba(242,239,233,.4);
  border-radius:2px;
  transition:all .2s;
  position:relative;
}
.cal-cell.other-month { color:rgba(242,239,233,.12); }
.cal-cell.today {
  background:rgba(245,200,0,.12);
  border:1px solid rgba(245,200,0,.4);
  color:#F5C800;font-weight:500;
}
.cal-cell.today::after {
  content:'';
  position:absolute;bottom:3px;left:50%;transform:translateX(-50%);
  width:3px;height:3px;border-radius:50%;background:#F5C800;
}
.cal-cell:not(.empty):hover {
  background:rgba(245,200,0,.06);
  color:rgba(242,239,233,.8);
  cursor:pointer;
}
.cal-cell.empty { pointer-events:none; }
.cal-footer {
  border-top:1px solid rgba(245,200,0,.08);
  padding:10px 20px;
  display:flex;align-items:center;justify-content:space-between;
}
.cal-footer-date {
  font-size:9px;letter-spacing:.2em;color:rgba(242,239,233,.3);
  text-transform:uppercase;
}
.cal-footer-cta {
  font-size:8px;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(245,200,0,.6);text-decoration:none;
  border:1px solid rgba(245,200,0,.2);padding:5px 12px;
  transition:all .3s;
}
.cal-footer-cta:hover { color:#F5C800;border-color:rgba(245,200,0,.5); }
#live-clock { cursor:pointer; }
#live-clock:hover #clock-time { color:#F5C800; }

/* ══════════════════════════════════════════
   SCROLL ANIMATIONS PREMIUM
══════════════════════════════════════════ */
.reveal-left {
  opacity:0; transform:translateX(-50px);
  transition:opacity .9s cubic-bezier(.16,1,.3,1), transform .9s cubic-bezier(.16,1,.3,1);
}
.reveal-right {
  opacity:0; transform:translateX(50px);
  transition:opacity .9s cubic-bezier(.16,1,.3,1), transform .9s cubic-bezier(.16,1,.3,1);
}
.reveal-up {
  opacity:0; transform:translateY(40px);
  transition:opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1);
}
.reveal-scale {
  opacity:0; transform:scale(.92);
  transition:opacity .8s ease, transform .8s cubic-bezier(.34,1.56,.64,1);
}
.reveal-left.in, .reveal-right.in, .reveal-up.in, .reveal-scale.in {
  opacity:1; transform:none;
}
/* Délais en cascade */
.rv-d1{transition-delay:.1s!important;}
.rv-d2{transition-delay:.2s!important;}
.rv-d3{transition-delay:.3s!important;}
.rv-d4{transition-delay:.4s!important;}
.rv-d5{transition-delay:.5s!important;}
/* Compteurs */
.counter-val { display:inline-block; }
/* Ligne décorative animée */
.line-draw {
  width:0; height:2px; background:var(--gold);
  transition:width 1.2s cubic-bezier(.16,1,.3,1);
}
.line-draw.in { width:100%; }
/* Parallax wrapper */
.parallax-slow { will-change:transform; }

#clock-time{font-variant-numeric:tabular-nums;width:6ch;display:block;text-align:right;}
#clock-date{width:13ch;display:block;text-align:right;white-space:nowrap;}
#live-clock{flex-shrink:0;outline:none;user-select:none;-webkit-tap-highlight-color:transparent;}
@media(max-width:768px){#live-clock{display:none!important;}}

/* ── block ── */

#popup-offre-overlay{
  position:fixed;inset:0;z-index:99990;
  background:rgba(5,5,7,.85);backdrop-filter:blur(8px);
  display:flex;align-items:center;justify-content:center;
  opacity:0;pointer-events:none;transition:opacity .4s;
}
#popup-offre-overlay.show{opacity:1;pointer-events:all;}
#popup-offre-box{
  background:#0a0a0f;border:0.5px solid rgba(245,200,0,.3);
  max-width:440px;width:90%;padding:40px 36px;position:relative;
  box-shadow:0 0 60px rgba(245,200,0,.08);
}
#popup-close{
  position:absolute;top:16px;right:20px;
  background:none;border:none;color:rgba(255,255,255,.3);
  font-size:20px;cursor:pointer;line-height:1;font-family:inherit;
}
#popup-close:hover{color:rgba(255,255,255,.7);}
.popup-tag{font-size:8px;letter-spacing:.35em;color:#F5C800;text-transform:uppercase;margin-bottom:12px;}
.popup-title{font-family:'Bebas Neue',sans-serif;font-size:48px;line-height:.9;margin-bottom:8px;}
.popup-title span{color:#F5C800;}
.popup-sub{font-size:12px;color:rgba(242,239,233,.55);line-height:1.7;margin-bottom:24px;}
.popup-timer{display:flex;gap:10px;justify-content:center;margin-bottom:28px;}
.timer-block{text-align:center;background:rgba(245,200,0,.06);border:0.5px solid rgba(245,200,0,.15);padding:10px 16px;min-width:64px;}
.timer-n{font-family:'Bebas Neue',sans-serif;font-size:36px;color:#F5C800;line-height:1;}
.timer-l{font-size:8px;letter-spacing:.15em;color:#555;text-transform:uppercase;margin-top:2px;}
#popup-cta{
  display:block;width:100%;padding:14px;
  background:#F5C800;color:#050507;
  font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  font-weight:600;font-family:inherit;border:none;cursor:pointer;
  text-align:center;text-decoration:none;transition:opacity .3s;
}
#popup-cta:hover{opacity:.85;}
.popup-note{font-size:10px;color:#444;text-align:center;margin-top:12px;}
@media(max-width:768px){
  #popup-offre-overlay{align-items:flex-end;padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));}
  #popup-offre-box{max-height:min(88dvh,88vh);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:28px 20px;width:100%;max-width:none;border-radius:8px 8px 0 0;}
  .popup-title{font-size:38px;}
  .popup-timer{gap:6px;}
  .timer-block{min-width:52px;padding:8px 10px;}
  .timer-n{font-size:28px;}
  #popup-close{top:12px;right:14px;min-width:44px;min-height:44px;}
}
@media (prefers-reduced-motion: reduce){
  #splash{display:none!important;}
  .fade-up,.fade-right,.blur-in{opacity:1!important;transform:none!important;}
}

/* ── block ── */

.tcard{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);padding:28px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),border-color .3s;}
.tcard:hover{transform:translateY(-6px);border-color:rgba(245,200,0,.2);}
.tcard-stars{color:#F5C800;font-size:14px;margin-bottom:14px;letter-spacing:2px;}
.tcard-text{font-size:13px;color:#888;line-height:1.8;margin-bottom:20px;font-style:italic;}
.tcard-author{display:flex;align-items:center;gap:12px;}
.tcard-avatar{width:38px;height:38px;border-radius:50%;background:rgba(245,200,0,.15);border:1px solid rgba(245,200,0,.3);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#F5C800;flex-shrink:0;}
.tcard-name{font-size:12px;font-weight:700;color:#f2efe9;}
.tcard-role{font-size:10px;color:#555;letter-spacing:.1em;margin-top:2px;}

/* ── block ── */

@media(max-width:768px){
      #montage-teaser .montage-teaser-grid { grid-template-columns:1fr!important; gap:40px!important; }
    }

/* ── Tarifs — grille épurée (feuille) ── */
#pricing {
  padding: clamp(72px, 10vw, 100px) 6vw !important;
}
.pricing-sheet {
  max-width: 1080px;
  margin: 0 auto;
}
.pricing-sheet-head {
  text-align: center;
  margin-bottom: clamp(36px, 5vw, 52px);
}
.pricing-sheet-head .lbl {
  justify-content: center;
  margin-bottom: 12px;
}
.pricing-sheet-head .pricing-title {
  margin-bottom: 0;
  font-size: clamp(36px, 6vw, 64px);
}
.tarif-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.tarif-card {
  background: rgba(255, 255, 255, .02);
  border: 1px solid rgba(255, 255, 255, .06);
  padding: 26px 20px 22px;
  cursor: pointer;
  transition: border-color .35s, background .35s, transform .35s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  flex-direction: column;
}
.tarif-card:hover {
  border-color: rgba(245, 200, 0, .22);
  background: rgba(245, 200, 0, .03);
  transform: translateY(-2px);
}
.tarif-card:hover .tarif-val {
  color: rgba(245, 200, 0, .95);
}
.tarif-card--pack {
  border-color: rgba(245, 200, 0, .12);
  background: rgba(245, 200, 0, .025);
}
.tarif-card--pack:hover {
  border-color: rgba(245, 200, 0, .4);
}
.tarif-name {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(22px, 2.4vw, 30px);
  letter-spacing: .06em;
  color: #f2efe9;
  margin: 0 0 22px;
  line-height: 1;
  font-weight: 400;
}
.tarif-rows {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
}
.tarif-row,
.tarif-single {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}
.tarif-single {
  flex: 1;
  align-items: baseline;
}
.tarif-val {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(24px, 2.8vw, 32px);
  color: rgba(242, 239, 233, .72);
  line-height: 1;
  letter-spacing: .02em;
  transition: color .35s;
}
.tarif-lbl {
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(242, 239, 233, .38);
  text-align: right;
}
.tarif-note {
  margin: 18px 0 0;
  font-size: 11px;
  letter-spacing: .06em;
  color: rgba(242, 239, 233, .45);
  font-style: italic;
  line-height: 1.5;
}
.tarif-foot {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 20px;
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, .06);
  font-size: 9px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(242, 239, 233, .28);
}
.tarif-foot span::before {
  content: '· ';
  color: rgba(245, 200, 0, .35);
}
.tarif-foot span:first-child::before {
  content: '';
}
@media (max-width: 900px) {
  .tarif-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 520px) {
  .tarif-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .tarif-card {
    padding: 22px 18px 20px;
  }
}
@media (pointer: coarse) {
  .tarif-card {
    cursor: pointer;
  }
}

.pricing-more {
  max-width: 1100px;
  margin: 28px auto 0;
  text-align: center;
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(242, 239, 233, .35);
}
.pricing-more a {
  color: rgba(245, 200, 0, .6);
  text-decoration: none;
  transition: color .3s;
}
.pricing-more a:hover {
  color: #F5C800;
}

/* ── block ── */

.faq-item{border-bottom:1px solid rgba(255,255,255,.06);overflow:hidden;}
.faq-q{width:100%;background:none;border:none;text-align:left;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;font-family:inherit;}
.faq-q-text{font-size:15px;font-weight:600;color:#f2efe9;line-height:1.4;}
.faq-icon{width:28px;height:28px;border:1px solid rgba(245,200,0,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#F5C800;font-size:16px;transition:transform .35s,background .3s;}
.faq-item.open .faq-icon{transform:rotate(45deg);background:rgba(245,200,0,.1);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.23,1,.32,1);}
.faq-a-inner{padding:0 0 20px;font-size:13px;color:#888;line-height:1.8;}
.faq-item.open .faq-a{max-height:300px;}

/* ── block ── */

#tc-cookie{
  position:fixed;bottom:0;left:0;width:100%;
  z-index:10000000;
  isolation:isolate;
  background:#0c0c10;
  border-top:1px solid rgba(245,200,0,.3);
  padding:16px 5vw;
  display:none;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  box-shadow:0 -8px 40px rgba(0,0,0,.8);
  font-family:'DM Sans',system-ui,sans-serif;
}
#tc-cookie.show{display:flex;}
.tc-ck-text{flex:1;min-width:200px;}
.tc-ck-title{font-size:13px;font-weight:700;color:#f2efe9;margin-bottom:4px;}
.tc-ck-desc{font-size:11px;color:#666;line-height:1.6;}
.tc-ck-btns{display:flex;gap:8px;flex-shrink:0;}
.tc-ck-ok{background:#F5C800;color:#050507;border:none;padding:11px 24px;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;font-family:inherit;}
.tc-ck-no{background:transparent;color:#888;border:1px solid #444;padding:11px 18px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;font-family:inherit;}
@media(max-width:600px){#tc-cookie{flex-direction:column;}.tc-ck-btns{width:100%;}.tc-ck-ok,.tc-ck-no{flex:1;text-align:center;}}

/* ── block ── */

.brand-logo-big { cursor:pointer; }
.brand-logo-big:hover img {
  opacity:.9 !important;
  filter:brightness(0) invert(1) !important;
  transform:scale(1.06);
}