/* ═══ Loader: logo-based overrides ═══ */
    .loader {
      background: radial-gradient(ellipse at 50% 46%, #1c1c1c 0%, #141414 55%, #0a0a0a 100%);
    }
    .loader__scene {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .loader__board {
      transform: translate(-50%, -50%) !important;
      transform-style: flat !important;
      animation: logoBreathe 3.4s ease-in-out infinite !important;
      filter: drop-shadow(0 0 60px rgba(210,120,90,.1)) !important;
    }
    .loader__board img {
      width: clamp(110px, 20vw, 200px);
      height: auto;
    }
    @keyframes logoBreathe {
      0%, 100% { transform: translate(-50%, -50%) scale(1);    opacity: .82; }
      50%      { transform: translate(-50%, -50%) scale(1.06);  opacity: 1;   }
    }

    /* ═══ Hero: clean uppercase ═══ */
    .hero__title {
      font-family: var(--font-display);
      text-transform: uppercase;
      letter-spacing: .04em;
      font-weight: 700;
    }
    .hero__subtitle {
      font-family: var(--font-body);
      font-weight: 400;
      font-size: clamp(.8rem, 1.3vw, 1.08rem);
      letter-spacing: .1em;
      text-transform: uppercase;
      color: var(--white);
      opacity: 0;
      margin-bottom: 32px;
    }
    .hero__text .btn {
      pointer-events: all;
      border-color: rgba(255,255,255,.8);
      color: var(--white);
      opacity: 0;
    }
    .hero__text .btn::before { background: var(--white); }
    .hero__text .btn:hover   { color: var(--fg); }

    /* ═══ Hero scroll indicator ═══ */
    .hero__scroll {
      position: absolute;
      bottom: clamp(24px, 4vh, 48px);
      left: 50%;
      transform: translateX(-50%);
      z-index: 3;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8px;
      color: rgba(255,255,255,.6);
      opacity: 0;
      animation: heroScrollFadeIn 1s ease .8s forwards;
    }
    .hero__scroll-text {
      font-family: var(--font-ui);
      font-size: .65rem;
      letter-spacing: .2em;
      text-transform: uppercase;
    }
    .hero__scroll-line {
      width: 1px;
      height: 40px;
      background: linear-gradient(to bottom, rgba(255,255,255,.5), transparent);
      animation: heroScrollPulse 2s ease-in-out infinite;
    }
    @keyframes heroScrollFadeIn {
      to { opacity: 1; }
    }
    @keyframes heroScrollPulse {
      0%, 100% { transform: scaleY(1); opacity: .6; }
      50%      { transform: scaleY(.5); opacity: .3; }
    }

    /* ═══ Nav logo image ═══ */
    .nav__logo img {
      height: 40px;
      width: auto;
      display: block;
      transition: opacity .3s var(--ease-out-expo);
    }
    .nav__logo:hover img { opacity: .65; }

    /* ═══ Intro centered ═══ */
    .intro-centered {
      text-align: center;
      max-width: 780px;
      margin: 0 auto;
    }
    .intro-centered p {
      font-family: var(--font-display);
      font-size: clamp(1.12rem, 2vw, 1.5rem);
      font-weight: 400;
      font-style: normal;
      line-height: 1.6;
      color: var(--fg);
    }
    .deco-line {
      display: block;
      width: 52px;
      height: 2px;
      background: var(--accent);
      margin: 2em auto 0;
      border: none;
    }

    /* ═══ Restauration cards ═══ */
    .resto-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: clamp(24px, 4vw, 52px);
      margin-top: clamp(28px, 4vw, 44px);
    }
    .resto-card__img {
      overflow: hidden;
      margin-bottom: 1.2em;
    }
    .resto-card__img img {
      width: 100%;
      height: clamp(260px, 28vw, 380px);
      object-fit: cover;
      transition: transform .65s var(--ease-out-expo);
    }
    .resto-card__img:hover img { transform: scale(1.04); }
    .resto-card h3 {
      font-family: var(--font-display);
      font-size: clamp(1.4rem, 2.5vw, 2.1rem);
      font-weight: 700;
      color: var(--accent);
      text-transform: uppercase;
      letter-spacing: .02em;
      line-height: 1.1;
    }
    .resto-card p {
      color: var(--grey-600);
      margin: .55em 0 1em;
      font-size: .9rem;
      line-height: 1.6;
    }

    /* ═══ Soirées dark section ═══ */
    .section--dark {
      background: var(--fg);
      color: var(--bg);
      position: relative;
      overflow: hidden;
    }
    .section--dark h2       { color: var(--cream); }
    .section--dark h4       { color: var(--cream); opacity: .6; }
    .section--dark p,
    .section--dark .text-large { color: rgba(255,252,240,.72); }
    .section--dark .btn     { border-color: rgba(255,252,240,.65); color: var(--bg); }
    .section--dark .btn::before { background: var(--bg); }
    .section--dark .btn:hover   { color: var(--fg); }
    .section--dark-bg {
      position: absolute;
      inset: 0;
      z-index: 0;
    }
    .section--dark-bg img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: .18;
    }
    .section--dark > .container { position: relative; z-index: 1; }

    /* ═══ Carte cadeau ═══ */
    .section--cream { background: var(--cream); }
    .carte-cadeau {
      text-align: center;
      max-width: 660px;
      margin: 0 auto;
    }
    .carte-cadeau h2 { margin-bottom: .25em; }
    .carte-cadeau p {
      color: var(--grey-600);
      font-size: clamp(.9rem, 1.2vw, 1.04rem);
      margin-bottom: 2em;
      line-height: 1.65;
    }

    /* ═══ Footer 4-col ═══ */
    .footer__logo-img {
      width: clamp(140px, 18vw, 220px);
      height: auto;
      margin-bottom: 1em;
      filter: brightness(0) invert(1);
      opacity: .85;
    }
    .footer__tagline {
      font-family: var(--font-display);
      font-size: .88rem;
      font-style: normal;
      opacity: .55;
      line-height: 1.55;
    }

    /* ═══ Responsive ═══ */
    @media (max-width: 768px) {
      .resto-grid { grid-template-columns: 1fr; }
      .footer__wrap--home { grid-template-columns: 1fr !important; }
    }
  

      .loader          { display: none !important; }
      body             { overflow: auto !important; }
      .fade-in         { opacity: 1 !important; transform: none !important; }
      [data-split] .word-inner { transform: none !important; }
      .hero__subtitle  { opacity: 1 !important; }
      .hero__text .btn { opacity: 1 !important; }