/* ============================================================
   L'ATELIER DIGITAL — Brand identity v2 « Prune & Abricot »
   Couche de surcharge : chargée après premium.css / experience.css
   ============================================================ */
:root{
  --ink:#2A1230; --deep:#3D1A3F; --deep-2:#4A2450;
  --violet:#A66B98; --violet-2:#F2A76B; --glow:#FBD9B8;
  --prune:#3D1A3F; --abricot:#F2A76B; --creme:#FBF2EC; --mauve:#A66B98; --blush:#F1DFD8; --or:#D4A24C;
  --lavender:#F6E8E2; --lavender-2:#F1DFD8; --paper:#FBF2EC;
  --text-dark:#2A1230; --text-mute:#6F5570; --text-light:#FBF2EC; --text-light-mute:#E6D0C9;
  --font-display:'Instrument Serif',Georgia,serif; --font-body:'Outfit',sans-serif; --font-mono:'Space Mono',monospace;
  --r-sm:10px; --r-md:14px; --r-lg:18px;
  --ombre-sm:0 1px 0 rgba(61,26,63,.06); --ombre-md:0 10px 30px -18px rgba(61,26,63,.25); --ombre-lg:0 24px 50px -30px rgba(61,26,63,.3); --ombre-glow:none;
  --accent-glow:rgba(242,167,107,.18);
}
::selection{background:var(--abricot);color:var(--prune)}

/* Typographie : Instrument Serif en romain, jamais en gras */
h1,h2,.hero h1,.preloader__logo,.logo,.marquee__item,.price-card__price,.stat__num,.timeline__num{font-family:var(--font-display);font-weight:400;letter-spacing:-.01em}
h1{line-height:1.02}h2{line-height:1.08}
h1 em,h2 em,h3 em,.hero em,.em-shine,.cta-band h2 em,.section--dark h2 em{font-style:italic;font-weight:400;background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:currentColor;color:var(--mauve);animation:none}
.hero em,.em-shine,.cta-band h2 em,.section--dark h2 em,.section--dark h3 em{color:var(--abricot)}
h3,h4,h5,h6,.price-card__name,.team-card__name,.footer__col h4,.footer__col h3{font-family:var(--font-body);font-weight:600;letter-spacing:0}

/* Logo : L’Atelier en italique + DIGITAL en capitales espacées */
.logo,.preloader__logo{display:inline-flex;align-items:baseline;gap:.35em;font-weight:400}
.logo em,.preloader__logo em{font-style:italic;font-size:1.5rem;line-height:1}
.logo span,.preloader__logo .accent{font-family:var(--font-body);font-weight:500;font-style:normal;font-size:.9rem;letter-spacing:.2em;text-transform:uppercase;color:var(--abricot);position:relative;top:-1px}
.site-footer .logo span{color:var(--abricot)}

/* Surtitres & tags : mauve sur clair, abricot sur sombre */
.hero__tag,.tag,.section-head .tag,.team-card__role,.price-card__tag{font-family:var(--font-body);font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--mauve)}
.hero .hero__tag,.section--dark .tag,.method .tag,.cta-band .tag{color:var(--abricot)}
.hero__tag::before,.tag::before{background:currentColor;height:2px;width:24px}

/* Boutons : prune sur clair, abricot sur prune, aucune ombre lumineuse */
.btn{border-radius:8px;box-shadow:none}
.btn--primary{background:var(--prune);color:var(--creme);box-shadow:none}
.btn--primary:hover{background:var(--deep-2);box-shadow:none;transform:translateY(-2px)}
.hero .btn--primary,.cta-band .btn--primary,.section--dark .btn--primary,.price-card--featured .btn--primary{background:var(--abricot);color:var(--prune)}
.hero .btn--primary:hover,.cta-band .btn--primary:hover,.section--dark .btn--primary:hover,.price-card--featured .btn--primary:hover{background:#F6BE8F}
.btn--nav{background:var(--abricot);color:var(--prune) !important;box-shadow:none}
.btn--nav:hover{background:#F6BE8F}
.btn--ghost{border-color:rgba(251,242,236,.45);color:var(--creme)}
.btn--outline{border-color:var(--prune);color:var(--prune)}
.btn--outline:hover{background:var(--prune);color:var(--creme)}
.social-links a:hover,.faq__item.is-open .faq__icon{background:var(--prune);border-color:var(--prune);color:var(--creme)}
.chip:hover{box-shadow:none;border-color:var(--mauve);color:var(--mauve)}

/* Header, préloader, barre de progression */
.site-header.is-scrolled{background:rgba(61,26,63,.9);box-shadow:0 1px 0 rgba(251,242,236,.12)}
.nav-links a:not(.btn)::after{background:var(--abricot)}
.scroll-progress{background:var(--abricot);box-shadow:none}
.preloader{background:var(--prune)}
.preloader__bar i{background:var(--abricot)}

/* Hero = une prise de vue : prune en aplat, coins de viseur, REC + timecode */
.hero{background:var(--prune)}
.hero__grain{opacity:.35}
.hero__viseur{position:absolute;left:26px;right:26px;top:96px;bottom:26px;z-index:2;pointer-events:none}
.hero__viseur i{position:absolute;width:34px;height:34px;border:0 solid var(--abricot)}
.hero__viseur i:nth-child(1){left:0;top:0;border-left-width:2.5px;border-top-width:2.5px}
.hero__viseur i:nth-child(2){right:0;top:0;border-right-width:2.5px;border-top-width:2.5px}
.hero__viseur i:nth-child(3){left:0;bottom:0;border-left-width:2.5px;border-bottom-width:2.5px}
.hero__viseur i:nth-child(4){right:0;bottom:0;border-right-width:2.5px;border-bottom-width:2.5px}
.hero__rec{position:absolute;left:52px;right:52px;top:104px;z-index:2;display:flex;justify-content:space-between;pointer-events:none;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;color:var(--abricot)}
.hero__rec b{font-weight:400;display:inline-flex;align-items:center;gap:8px}
.hero__rec b::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--abricot);animation:rec-pulse 2.4s ease-in-out infinite}
@keyframes rec-pulse{0%,100%{opacity:1}50%{opacity:.35}}
.hero__scroll{color:var(--text-light-mute)}
@media (max-width:760px){.hero__viseur{left:14px;right:14px;top:84px;bottom:14px}.hero__rec{left:34px;right:34px;top:92px}}

/* Sections claires : crème rosée, blush en surface, filet abricot sous les titres de section */
.section--lavender{background:var(--lavender)}
.section--dark,.method,.cta-band__inner{background:var(--prune);box-shadow:none}
.cta-band__orb{display:none}
.section-head h2::after{content:"";display:block;width:44px;height:3px;background:var(--abricot);margin:18px auto 0}
.section-head.is-left h2::after{margin-left:0}
.card,.price-card,.why-card,.faq__item,.testimonial{box-shadow:none;border:1px solid var(--blush)}
.team-card{box-shadow:none;border:0}
.card:hover,.price-card:hover,.why-card:hover{box-shadow:none;border-color:var(--mauve);transform:translateY(-3px)}
.team-card__body{box-shadow:none;border:1px solid var(--blush)}
.price-card--featured{background:var(--prune);color:var(--creme);border-color:var(--prune)}
.price-card--featured .price-card__price{color:var(--abricot)}

/* Scènes « verre » (accueil, à propos) : à plat, viseur, plus de lueur */
.glass-scene{background:var(--prune);box-shadow:none}
@media (min-width:761px){
.glass-scene::before{content:"";position:absolute;inset:18px;pointer-events:none;background:
  linear-gradient(var(--abricot),var(--abricot)) left top/28px 2.5px no-repeat,linear-gradient(var(--abricot),var(--abricot)) left top/2.5px 28px no-repeat,
  linear-gradient(var(--abricot),var(--abricot)) right top/28px 2.5px no-repeat,linear-gradient(var(--abricot),var(--abricot)) right top/2.5px 28px no-repeat,
  linear-gradient(var(--abricot),var(--abricot)) left bottom/28px 2.5px no-repeat,linear-gradient(var(--abricot),var(--abricot)) left bottom/2.5px 28px no-repeat,
  linear-gradient(var(--abricot),var(--abricot)) right bottom/28px 2.5px no-repeat,linear-gradient(var(--abricot),var(--abricot)) right bottom/2.5px 28px no-repeat}
}
.g-card{background:rgba(251,242,236,.06);border:1px solid rgba(251,242,236,.22);box-shadow:none;backdrop-filter:none}
.g-card strong{font-family:var(--font-body);font-weight:600;letter-spacing:0}
.g-card .g-icon{background:var(--abricot);box-shadow:none;border-radius:8px}
.g-card .g-icon svg{stroke:var(--prune)}
.g-orb{background:var(--abricot);box-shadow:none;opacity:.9;animation:none}
.g-orb::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.35),transparent 55%)}
.price-card__orb,.cta-band__orb{display:none}
.rail-dot.is-on,.dmm--out,.ig-profile__btn--primary{background:var(--abricot) !important;color:var(--prune) !important;box-shadow:none}
h2 em::after{background:var(--abricot);opacity:.35;height:.1em}
.hero em::after{display:none}

/* Hero scrollytelling (Création de site) : mêmes règles que les autres heros */
.scrolly .btn--primary{background:var(--abricot);color:var(--prune)}
.scrolly .btn--primary:hover{background:#F6BE8F}
.scrolly .hero__tag,.scrolly__hero .hero__tag,.scap .tag{color:var(--abricot)}
.scrolly__hero h1{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,3.6vw,3.4rem);line-height:1.08;letter-spacing:-.015em}
.scrolly__hero .lead,.scrolly__hero p{font-weight:300;font-size:1.05rem;line-height:1.6;color:var(--text-light-mute)}
.scrolly__hero .hero__scroll,.hero__scroll--centered{color:var(--text-light-mute)}
.scrolly__stage{background:var(--prune)}
.scrolly__gridbg{opacity:.35}

/* ---------- Ajustements mobile ---------- */
@media (max-width:760px){
  /* Les bulles passent à l'arrière-plan : floutées et estompées, elles ne
     mangent plus le texte des cartes. */
  .g-orb{opacity:.3;filter:blur(12px)}
  .g-orb::after{display:none}
  /* Le corps de la carte équipe est déjà en pleine largeur : la marge
     latérale héritée du desktop la décalait vers la droite. */
  .team-card__body{margin:0 !important}
}

/* Formulaires */
input:focus,textarea:focus,select:focus{border-color:var(--prune) !important;box-shadow:0 0 0 3px var(--blush)}

/* Marquee, séparateurs, divers */
.marquee__item:hover{color:var(--abricot);-webkit-text-stroke:0}
.site-footer{background:var(--ink)}
.footer__col a:hover{color:var(--abricot)}
.promise-badge::before{color:var(--abricot)}