/* ORIGIN — TRAJECTOIRE · CSS externalisé (v1.0.1)
   Extrait de pages/page_trajectoire.html. Halos/aura renforcés (§3 correctif) :
   visibles même si le JS échoue à charger — glow multi-couches en CSS pur,
   teinte de l'aura pilotée par data-maison (posé par le JS, pas de couleur
   inline sur le ::after). */
/* Polices auto-hébergées : @font-face dans origin-global.css (correctif Google Fonts 20.07.2026). */

#or-traj{position:relative;background:#120D0B;min-height:100svh;color:#D9C2AF;
  font-family:'Inter',system-ui,sans-serif;font-weight:300;line-height:1.8;
  width:100vw;max-width:100vw;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;
  overflow-x:hidden;box-sizing:border-box}
#or-traj *{box-sizing:border-box}
#or-traj a{color:#C89A7A}
#or-traj a:hover{color:#D8B49A}
@keyframes or-t-respire{0%,100%{opacity:.75}50%{opacity:1}}
@keyframes or-t-scintille{0%,100%{opacity:.25}50%{opacity:.85}}
@keyframes or-t-aura{0%,100%{transform:scale(.85);opacity:.35}50%{transform:scale(1.3);opacity:.9}}
@keyframes or-t-comete{0%,100%{r:3}50%{r:4.6}}
@media (prefers-reduced-motion:reduce){
  #or-traj [data-scintille],#or-traj [data-star-aura]::after,#or-traj [data-chemin-glow],#or-traj [data-comete]{animation:none !important}
}

#or-traj .or-t-tete{position:fixed;top:0;left:0;right:0;z-index:300;display:flex;
  justify-content:space-between;align-items:center;padding:14px clamp(18px,4vw,52px);
  transition:background .4s,box-shadow .4s;background:transparent}
#or-traj .or-t-brand{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:22px;
  color:#D8B49A;text-decoration:none;line-height:1.1}
#or-traj .or-t-brand small{display:block;font-family:'Inter',sans-serif;font-style:normal;
  font-size:8px;letter-spacing:.26em;text-transform:uppercase;color:#A56E58;margin-top:3px}
#or-traj .or-t-portes-link{font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:#9A7E6E;text-decoration:none;padding:8px 0;white-space:nowrap;transition:color .3s}
#or-traj .or-t-portes-link:hover{color:#D8B49A}

#or-traj .or-t-ciel{position:relative;min-height:max(660px,100svh);overflow:hidden;z-index:1}
#or-traj .or-t-poussiere{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
#or-traj .or-t-scint{position:absolute;width:2px;height:2px;border-radius:50%;background:#D8B49A;
  box-shadow:0 0 6px 1px rgba(216,180,154,.6);
  animation:or-t-scintille 5s ease-in-out infinite;z-index:0}
#or-traj .or-t-const{position:absolute;transform:translate(-50%,-50%);z-index:0;pointer-events:none;
  display:flex;flex-direction:column;align-items:center;gap:2px;transition:opacity .4s}
#or-traj .or-t-const b{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:400;
  font-size:clamp(80px,12vw,140px);line-height:1;color:rgba(200,154,122,.055)}
#or-traj .or-t-const i{font-style:normal;font-size:9px;letter-spacing:.3em;text-transform:uppercase;
  color:rgba(154,126,110,.4)}
#or-traj .or-t-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
#or-traj .or-t-intro-txt{position:absolute;left:50%;top:clamp(64px,9vh,110px);transform:translateX(-50%);
  width:min(92vw,640px);text-align:center;z-index:3;pointer-events:none}
#or-traj .or-t-intro-txt p.or-t-kicker{margin:0 0 12px;font-size:10px;letter-spacing:.32em;
  text-transform:uppercase;color:#A56E58}
#or-traj .or-t-intro-txt h1{margin:0;font-family:'Cormorant Garamond',serif;font-style:italic;
  font-weight:500;font-size:clamp(27px,4.6vw,42px);line-height:1.2;color:#EDE0D4}
#or-traj .or-t-intro-txt p.or-t-sub{margin:12px auto 0;max-width:46ch;font-size:12.5px;
  line-height:1.85;color:#9A7E6E}

#or-traj .or-t-star{position:absolute;transform:translate(-50%,-50%);z-index:2;display:flex;
  flex-direction:column;align-items:center;gap:9px;padding:10px;min-width:44px;min-height:44px;
  background:none;border:0;cursor:pointer;font-family:inherit}
#or-traj .or-t-star-core{position:relative;width:12px;height:12px;border-radius:50%;
  transition:box-shadow .5s,transform .5s}
/* halo/aura affirmé en CSS pur — visible même sans JS. Anneau de teinte piloté
   par data-maison posé sur le bouton .or-t-star (fil/emotion/atelier/origin). */
#or-traj .or-t-star-core::after{content:'';position:absolute;inset:-10px;border-radius:50%;
  border:1.5px solid rgba(200,154,122,.55);animation:or-t-aura 3.6s ease-in-out infinite}
#or-traj .or-t-star[data-maison="fil"] .or-t-star-core::after{border-color:rgba(178,183,156,.6);box-shadow:0 0 14px rgba(178,183,156,.35)}
#or-traj .or-t-star[data-maison="emotion"] .or-t-star-core::after{border-color:rgba(196,141,118,.6);box-shadow:0 0 14px rgba(196,141,118,.35)}
#or-traj .or-t-star[data-maison="atelier"] .or-t-star-core::after{border-color:rgba(196,169,122,.6);box-shadow:0 0 14px rgba(196,169,122,.35)}
#or-traj .or-t-star[data-maison="origin"] .or-t-star-core::after{border-color:rgba(200,154,122,.6);box-shadow:0 0 14px rgba(200,154,122,.35)}
#or-traj .or-t-star-lbl{font-size:11px;line-height:1.4;letter-spacing:.05em;color:#9A7E6E;
  max-width:120px;text-shadow:0 1px 10px rgba(18,13,11,.95);transition:color .4s}

#or-traj .or-t-hud{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:3;
  display:flex;align-items:center;gap:16px;white-space:nowrap;font-size:10.5px;letter-spacing:.18em;
  text-transform:uppercase;color:#6B5548}
#or-traj .or-t-hud a{color:#9A7E6E;text-decoration:none;transition:color .3s}
#or-traj .or-t-hud a:hover{color:#D8B49A}
#or-traj .or-t-effacer{background:none;border:0;cursor:pointer;font-family:inherit;font-size:10.5px;
  letter-spacing:.18em;text-transform:uppercase;color:#6B5548;padding:6px 0;transition:color .3s}
#or-traj .or-t-effacer:hover{color:#C48D76}

#or-traj .or-t-portes-sect{position:relative;z-index:1;padding:clamp(70px,10vh,120px) 24px clamp(50px,7vh,80px);
  border-top:1px solid rgba(200,154,122,.08)}
#or-traj .or-t-portes-intro{max-width:700px;margin:0 auto;text-align:center}
#or-traj .or-t-portes-intro p.or-t-kicker{margin:0 0 12px;font-size:10px;letter-spacing:.32em;
  text-transform:uppercase;color:#A56E58}
#or-traj .or-t-portes-intro h2{margin:0;font-family:'Cormorant Garamond',serif;font-style:italic;
  font-weight:500;font-size:clamp(26px,4.6vw,38px);line-height:1.25;color:#EDE0D4}
#or-traj .or-t-portes-intro p.or-t-sub{margin:18px auto 0;max-width:46ch;font-size:14px;
  line-height:1.95;color:#9A7E6E}
#or-traj .or-t-portes-grid{max-width:1060px;margin:clamp(38px,6vh,58px) auto 0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
#or-traj .or-t-porte{display:flex;flex-direction:column;gap:0;border-radius:8px;
  padding:28px 26px 26px;text-decoration:none;transition:box-shadow .8s,border-color .8s,transform .35s}
#or-traj .or-t-porte:hover{transform:translateY(-3px)}
#or-traj .or-t-porte--fil{background:#0F120D;border:1px solid rgba(178,183,156,.18)}
#or-traj .or-t-porte--emotion{background:#2A0F14;border:1px solid rgba(196,141,118,.18)}
#or-traj .or-t-porte--atelier{background:#090D15;border:1px solid rgba(196,169,122,.18)}
#or-traj .or-t-porte p.or-t-porte-kicker{margin:0 0 10px;font-size:10px;letter-spacing:.28em;text-transform:uppercase}
#or-traj .or-t-porte p.or-t-porte-nom{margin:0;font-family:'Cormorant Garamond',serif;font-style:italic;
  font-weight:500;font-size:26px;line-height:1.2}
#or-traj .or-t-porte p.or-t-porte-cit{margin:14px 0 0;font-family:'Cormorant Garamond',serif;
  font-style:italic;font-size:16px;line-height:1.7}
#or-traj .or-t-porte-dots{display:flex;align-items:center;gap:7px;margin-top:20px}
#or-traj .or-t-dot{width:8px;height:8px;border-radius:50%;transition:background .6s,box-shadow .6s}
#or-traj .or-t-porte p.or-t-porte-texte{margin:9px 0 0;font-size:11.5px;line-height:1.7}
#or-traj .or-t-porte span.or-t-porte-lien{margin-top:auto;padding-top:18px;font-size:12px;letter-spacing:.08em}

#or-traj .or-t-source{max-width:1060px;margin:18px auto 0;text-align:center;
  border:1px dashed rgba(200,154,122,.14);border-radius:8px;padding:20px 22px}
#or-traj .or-t-source p.or-t-kicker{margin:0;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#A56E58}
#or-traj .or-t-source p.or-t-texte{margin:8px auto 0;max-width:62ch;font-family:'Cormorant Garamond',serif;
  font-style:italic;font-size:16.5px;line-height:1.75;color:#D9C2AF}

#or-traj .or-t-footer{max-width:1060px;margin:clamp(46px,7vh,70px) auto 0;
  border-top:1px solid rgba(200,154,122,.1);padding-top:30px;text-align:center}
#or-traj .or-t-footer-nav-moments{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px;margin-bottom:26px}
#or-traj .or-t-moment-btn{font-size:12px;color:#9A7E6E;padding:7px 13px;border:1px solid rgba(200,154,122,.08);
  border-radius:999px;background:none;cursor:pointer;font-family:inherit;transition:color .3s,border-color .3s}
#or-traj .or-t-moment-btn:hover{color:#D8B49A;border-color:#C89A7A}
#or-traj .or-t-footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;margin-bottom:16px}
#or-traj .or-t-footer-nav a{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#9A7E6E;
  text-decoration:none;transition:color .3s}
#or-traj .or-t-footer-nav a:hover{color:#D8B49A}
#or-traj .or-t-footer p.or-t-copy{margin:0;font-size:11px;color:#6B5548;line-height:2}
#or-traj .or-t-copy a{color:#9A7E6E;text-decoration:none}

#or-traj .or-t-overlay{position:fixed;inset:0;z-index:1300;/* correctif 19.07 : au-dessus du header plugin (999) sinon la croix est intappable */display:none;align-items:center;
  justify-content:center;padding:24px;background:rgba(18,13,11,.86);backdrop-filter:blur(12px)}
#or-traj .or-t-overlay.is-open{display:flex}
#or-traj .or-t-intro-card{max-width:560px;text-align:center}
#or-traj .or-t-intro-card p.or-t-kicker{margin:0 0 20px;font-size:10px;letter-spacing:.32em;
  text-transform:uppercase;color:#A56E58}
#or-traj .or-t-intro-card h2{margin:0;font-family:'Cormorant Garamond',serif;font-style:italic;
  font-weight:500;font-size:clamp(30px,6vw,46px);line-height:1.2;color:#EDE0D4}
#or-traj .or-t-intro-card p.or-t-corps{margin:24px auto 0;max-width:44ch;font-size:14.5px;
  line-height:2;color:#D9C2AF}
#or-traj .or-t-intro-card p.or-t-petit{margin:14px auto 0;font-size:11.5px;letter-spacing:.1em;color:#6B5548}
#or-traj .or-t-entrer{margin-top:32px;padding:15px 34px;border:1px solid rgba(216,180,154,.45);
  border-radius:2px;background:none;cursor:pointer;font-family:inherit;font-size:12px;letter-spacing:.22em;
  text-transform:uppercase;color:#D8B49A;transition:background .3s,color .3s}
#or-traj .or-t-entrer:hover{background:#D8B49A;color:#120D0B}

#or-traj .or-t-panel-bg{position:absolute;inset:0;background:rgba(18,13,11,.82);backdrop-filter:blur(10px)}
#or-traj .or-t-panel-card{position:relative;width:100%;max-width:660px;max-height:84vh;background:#1A1210;
  border:1px solid rgba(200,154,122,.12);border-radius:10px;overflow-y:auto;
  padding:30px clamp(22px,5vw,44px) 44px}
#or-traj .or-t-panel-close{position:sticky;top:0;margin:-8px -6px 4px auto;width:40px;height:40px;
  border-radius:50%;display:flex;align-items:center;justify-content:center;color:#9A7E6E;font-size:24px;
  line-height:1;background:#1A1210;border:0;cursor:pointer;transition:color .3s}
#or-traj .or-t-panel-close:hover{color:#D8B49A}
#or-traj .or-t-panel-meta{margin:0 0 10px;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#A56E58}
#or-traj .or-t-panel-titre{margin:0 0 22px;font-family:'Cormorant Garamond',serif;font-style:italic;
  font-weight:500;font-size:clamp(27px,5vw,35px);color:#EDE0D4;line-height:1.18}
#or-traj .or-t-panel-para{margin:0 0 16px;font-size:15.5px;line-height:2;color:#D9C2AF}
#or-traj .or-t-panel-laisse{margin:26px 0 0;border-left:2px solid #C89A7A;background:rgba(200,154,122,.06);
  border-radius:0 4px 4px 0;padding:16px 20px}
#or-traj .or-t-panel-laisse b{display:block;font-size:10px;letter-spacing:.28em;text-transform:uppercase;
  color:#A56E58;font-weight:500;margin-bottom:8px}
#or-traj .or-t-panel-laisse p{margin:0;font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:17.5px;line-height:1.75;color:#D8B49A}
#or-traj .or-t-panel-devenu{margin-top:18px;padding:16px 20px;border:1px solid rgba(200,154,122,.12);
  border-radius:4px;font-size:14.5px;line-height:1.9;color:#D9C2AF}
#or-traj .or-t-panel-devenu b{display:block;font-size:10px;letter-spacing:.28em;text-transform:uppercase;
  color:#A56E58;font-weight:500;margin-bottom:8px}
#or-traj .or-t-panel-devenu a{text-decoration:none;border-bottom:1px solid currentColor}
#or-traj .or-t-panel-fin{margin:20px 0 0;text-align:center;font-size:10.5px;letter-spacing:.2em;
  text-transform:uppercase;color:#6B5548}

/* CIEL MOBILE 19.07 : champ agrandi + 13 etoiles reparties sous l intro (collisions iPhone) */
@media (max-width:640px){
  #or-traj .or-t-ciel{min-height:1500px !important}
  #or-traj .or-t-star[data-star="balancoire"]{left:18% !important;top:24% !important}
  #or-traj .or-t-star[data-star="moniteur"]{left:68% !important;top:30% !important}
  #or-traj .or-t-star[data-star="quinze"]{left:25% !important;top:37% !important}
  #or-traj .or-t-star[data-star="verre"]{left:70% !important;top:44% !important}
  #or-traj .or-t-star[data-star="crocodiles"]{left:22% !important;top:51% !important}
  #or-traj .or-t-star[data-star="chambre"]{left:66% !important;top:57% !important}
  #or-traj .or-t-star[data-star="the"]{left:28% !important;top:63% !important}
  #or-traj .or-t-star[data-star="vingtans"]{left:70% !important;top:69% !important}
  #or-traj .or-t-star[data-star="machine"]{left:24% !important;top:75% !important}
  #or-traj .or-t-star[data-star="peur"]{left:65% !important;top:81% !important}
  #or-traj .or-t-star[data-star="differents"]{left:30% !important;top:82% !important}
  #or-traj .or-t-star[data-star="z"]{left:70% !important;top:87% !important}
  #or-traj .or-t-star[data-star="don"]{left:45% !important;top:91% !important}
}