/* Vitrine, 27/09 : les scènes et les outils portent la couleur.
   Cette feuille ne s'applique pas aux applications embarquées. */
/* Repères produit : noms colorés, prose neutre. */
.orbis-studio [data-app-identite="everything"],
.orbis-studio :is(.pa-marque,.pa-ouverture .dock a,.dl-tete):has([data-logo="everything"]) { --app-couleur: #d5a4ff; }
.orbis-studio [data-app-identite="assetbrowser"],
.orbis-studio :is(.pa-marque,.pa-ouverture .dock a,.dl-tete):has([data-logo="assetbrowser"]) { --app-couleur: #7de0b0; }
.orbis-studio [data-app-identite="usd2skel"],
.orbis-studio :is(.pa-marque,.pa-ouverture .dock a,.dl-tete):has([data-logo="usd2skel"]) { --app-couleur: #f1cf73; }
.orbis-studio [data-app-identite].app-identite { display: flex; align-items: center; gap: 11px; color: var(--app-couleur); font-size: 15px; font-weight: 550; letter-spacing: 0; text-transform: none; }
.orbis-studio .app-identite img { width: 32px; height: 32px; flex: 0 0 32px; margin: 0; object-fit: contain; }
.orbis-studio :is(.pa-marque,.pa-ouverture .dock a) b,
.orbis-studio .dl-tete .titre-s { color: var(--app-couleur, inherit); }
.orbis-studio {
  --atelier-sol: #141516;
  --atelier-surface: #1c1e20;
  --atelier-texte: #f1efea;
  --atelier-secondaire: #b9b9b6;
  --atelier-accent: #efaa73;
  background-color: var(--atelier-sol);
  color: var(--atelier-texte);
}
.orbis-studio .entete { background: rgba(20,21,22,.96); backdrop-filter: blur(12px); }
.orbis-studio .nappe { opacity: .95; filter: saturate(1.35); }
.orbis-studio .nappe::after { display: block; inset: 0; opacity: 1; mix-blend-mode: normal; background: radial-gradient(ellipse at 12% 12%, #f77a08d9 0%, #d4661685 28%, #a6491029 48%, transparent 68%); }
.orbis-studio .entete .btn { background: #e9e5dd; color: #202122; box-shadow: none; }
.orbis-studio .entete .menu a { font-size: 13px; letter-spacing: .005em; }
.orbis-studio .btn { min-height: 44px; border-radius: 12px; box-shadow: none; transition: background-color .16s, border-color .16s; }
.orbis-studio .btn-1 { background: #efaa73; color: #251b14; box-shadow: none; }
.orbis-studio .btn-1:hover { background: #f5bd92; }
.orbis-studio .btn-2 { background: transparent; border-color: #626364; }
.orbis-studio .display, .orbis-studio .pa-titre { font-weight: 520; letter-spacing: -.035em; line-height: 1.08; }
.orbis-studio .titre, .orbis-studio .pa-h { font-weight: 500; letter-spacing: -.025em; line-height: 1.14; text-wrap: balance; }
.orbis-studio .chapeau, .orbis-studio .pa-chapeau { color: #b9b9b6; line-height: 1.65; }
.orbis-studio .legende, .orbis-studio .pa-marque { color: #d6d2c9; }
.orbis-studio .hero-duo { padding-block: clamp(40px,5svh,64px) 68px; }
.orbis-studio .hero-duo .hero-grille { grid-template-columns: minmax(0,.95fr) minmax(0,1.15fr); grid-template-rows: auto auto; gap: 24px 44px; align-content: center; align-items: center; }
.orbis-studio .hero-duo .hero-grille > .display { grid-row: 1; align-self: end; margin: 0; }
.orbis-studio .hero-duo .hero-grille > .sous-titre { grid-row: 2; align-self: start; margin: 0; }
.orbis-studio .hero-duo .display { font-size: clamp(42px,4.35vw,88px); max-width: 19ch; }
.orbis-studio .hero-duo .chapeau { max-width: 43ch; font-size: 17px; }
.orbis-studio .hero-duo .sous-titre { max-width: 43ch; font-size: clamp(17px,1.1vw,21px); line-height: 1.65; color: #eee4d9; }
.orbis-studio .hero-duo .hero-visuel { width: 100%; height: auto; min-height: 0; margin: 0; transform: none; min-width: 0; }
.orbis-studio .hero-duo .hero-cadre { width: 100%; margin: 0; border-radius: 10px; transform: none; box-shadow: none; overflow: hidden; }
.orbis-studio .hero-duo .hero-cadre img { display: block; width: 100%; height: auto; max-width: 100%; transform: none; }
.orbis-studio .hero-duo .hero-cadre::before, .orbis-studio .hero-duo .hero-cadre::after { display: none; }
.orbis-studio .atelier-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 24px; }
.orbis-studio .hero-duo .hero-grille > .atelier-actions { grid-column: 1; grid-row: 4; }
.orbis-studio .hero-duo .hero-grille > .hero-visuel { grid-column: 2; grid-row: 1 / 3; }
.orbis-studio main > section:not(.hero):not(.pa-ouverture) { padding-block: clamp(54px,6vw,92px); }
.orbis-studio .ev .titre { font-size: clamp(30px,3.2vw,48px); }
.orbis-studio .pa-ouverture { padding-block: 76px 52px; }
.orbis-studio .pa-ouverture .pa-titre { font-size: clamp(40px,4.8vw,68px); }
.orbis-studio .pa-ouverture .dock { background: transparent; border: 0; border-radius: 0; }
.orbis-studio .pa-ouverture .dock a { min-height: 88px; padding: 18px 0; grid-template-columns: 40px minmax(0,1fr) 18px; }
.orbis-studio .pa-ouverture .dock img { width: 40px; height: 40px; }
.orbis-studio .pa-ouverture .pa-som b { font-size: 18px; }
.orbis-studio .pa-chap .pa-tete { margin-bottom: 32px; }
.orbis-studio .pa-h { font-size: clamp(32px,3.8vw,54px); }
.orbis-studio .pa-ab .pa-h { max-width: 23ch; }
.orbis-studio .pa-ab { display: grid; grid-template-columns: minmax(0,1fr) 240px; gap: 48px; align-items: center; }
.orbis-studio .pa-ab > :not(.pa-ab-visuel) { grid-column: 1; grid-row: 1; }
.orbis-studio .pa-ab-visuel { grid-column: 2; grid-row: 1; }
.orbis-studio .pa-ab-visuel .pa-capture { margin: 0; border-radius: 8px; transform: none; }
.orbis-studio .pa-ab-visuel img { width: 100%; height: auto; }
.orbis-studio .pa-ab .pa-chapeau { max-width: 68ch; font-size: 16px; }
/* Films : un récit et son sélecteur à côté de l'image, sans barre de lecteur. */
.orbis-studio main > section > .wrap.grille-barre.fa-films {
  --fa-accent: #7de0b0;
  display: grid; grid-template-columns: minmax(230px, .78fr) minmax(0, 2.5fr);
  align-items: center; gap: clamp(28px, 3.4vw, 56px);
  width: min(100% - 64px, 1440px); max-width: none; margin: 0 auto;
}
.orbis-studio main > section > .wrap.grille-barre.fa-films[data-films="everything"] { --fa-accent: #d5a4ff; }
.orbis-studio .fa-aside { min-width: 0; }
.orbis-studio .fa-entete .app-identite { margin: 0 0 22px; }
.orbis-studio .fa-entete h2 {
  margin: 0 0 18px; max-width: 17ch; color: #f1efea;
  font-size: clamp(28px, 2.6vw, 40px); font-weight: 500;
  letter-spacing: -.03em; line-height: 1.14; text-wrap: balance;
}
.orbis-studio .fa-intro { margin: 0; color: #b9b9b6; font-size: 16px; line-height: 1.6; max-width: 45ch; }
.orbis-studio .fa-media { min-width: 0; }
.orbis-studio .fa-cadre {
  width: 100%; margin: 0; border-radius: 18px;
  box-shadow: 0 0 0 1px #ffffff14; outline: none; background: #161819;
}
.orbis-studio .ev-etapes.chap-frise.fa-chapitres {
  --chap-axe: x;
  display: flex; flex-direction: column; gap: 5px;
  padding: 0; margin: 26px 0 0; background: none; border: 0; border-radius: 0;
}
.orbis-studio .fa-chapitres li { flex: 0 1 auto; min-width: 0; }
.orbis-studio .fa-chapitres .chap {
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
  width: 100%; min-height: 48px; padding: 13px 16px; border-radius: 10px;
  border: 0; overflow: hidden; color: #a9afab; background: transparent; font-size: 15px;
}
.orbis-studio .fa-chapitres .chap::before, .orbis-studio .fa-chapitres .chap-d { display: none; }
.orbis-studio .fa-chapitres .chap::after { content: ''; width: 7px; height: 7px; border-top: 1.5px solid var(--fa-accent); border-right: 1.5px solid var(--fa-accent); transform: rotate(45deg); opacity: 0; }
.orbis-studio .fa-chapitres .chap:hover { background: #ffffff06; color: #fff; }
.orbis-studio .fa-chapitres li.on .chap { background: #ffffff09; color: #f2f1ec; }
.orbis-studio .fa-chapitres li.on .chap::after { opacity: 1; }
.orbis-studio .fa-chapitres .chap-barre { top: auto; bottom: 0; left: 16px; right: 16px; width: auto; height: 2px; background: transparent; border-radius: 2px; }
.orbis-studio .fa-chapitres .chap-barre i { background: var(--fa-accent); transform-origin: left center; }
.orbis-studio .fa-chapitres li:not(.on) .chap-barre { visibility: hidden; }
.orbis-studio .fa-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; margin-top: 20px; }
.orbis-studio .fa-actions .lien-fleche { font: inherit; font-size: 14px; min-height: 44px; display: inline-flex; align-items: center; padding: 8px 0; border: 0; background: none; cursor: pointer; }
.orbis-studio .fa-credit { margin: 12px 0 0; color: #a5a7a5; font-size: 11px; line-height: 1.5; }
.orbis-studio .fa-credit:empty { display: none; }
.orbis-studio .fa-cadre > button { position: absolute; z-index: 5; display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #ffffff30; border-radius: 50%; background: #111111de; color: #fff; cursor: pointer; }
.orbis-studio .fa-cadre > button svg { width: 22px; height: 22px; }
.orbis-studio .fa-cadre > button[hidden] { display: none; }
.orbis-studio .fa-demarrer { top: 50%; left: 50%; transform: translate(-50%,-50%); }
.orbis-studio .fa-gestes { margin-top: 54px; gap: 30px; }
.orbis-studio .pa-geste { padding-top: 16px; border-top: 1px solid #414243; }
.orbis-studio .pa-geste .pa-num { color: #b5b3ac; }
.orbis-studio .acte { background: #202224; border-top: 0; }
.orbis-studio .acte .titre { font-size: clamp(32px,4vw,58px); }
.orbis-studio .pied { background: #141516; border-top: 1px solid #343637; }
.orbis-studio :is(a,button,summary):focus-visible { outline: 2px solid #efaa73; outline-offset: 4px; }
@media (max-width: 1100px) {
  .orbis-studio .hero-duo .hero-grille { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .orbis-studio .hero-duo .hero-grille > .hero-visuel { grid-column: 1; grid-row: auto; margin-top: 18px; }
  .orbis-studio .hero-duo .hero-grille > .atelier-actions { grid-row: auto; }
  .orbis-studio .hero-duo .display { max-width: 18ch; }
  .orbis-studio .hero-duo .hero-visuel { max-width: 820px; }
}
@media (max-width: 700px) {
  .orbis-studio .pa-ab { grid-template-columns: minmax(0,1fr); gap: 0; }
  .orbis-studio .pa-ab-visuel { display: none; }
  .orbis-studio .hero-duo, .orbis-studio .pa-ouverture { padding-top: 48px; }
  .orbis-studio .hero-duo .display { font-size: clamp(36px,8vw,50px); }
  .orbis-studio .atelier-actions .btn { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .orbis-studio .btn, .orbis-studio .fa-chapitres .chap { transition: none; }
}
@media (max-width: 380px) {
  .orbis-studio .entete .menu a { padding-inline: 4px; font-size: 13px !important; }
  .orbis-studio h1 { font-size: 32px; }
}

/* Finition tactile : le fond bouge, les textes et les contrôles restent stables. */
.orbis-studio .hero-visuel { mask-image: none; -webkit-mask-image: none; }
.orbis-studio .nappe.nappe-legere::after {
  content: ''; display: block; position: absolute; inset: -12%;
  background: radial-gradient(ellipse at 18% 14%, #eb7415c9, transparent 62%),
    radial-gradient(ellipse at 85% 15%, #bc672e66, transparent 48%),
    radial-gradient(ellipse at 60% 70%, #63493766, transparent 50%);
  animation: orbis-fond-mobile 22s ease-in-out infinite alternate;
  transform-origin: center; pointer-events: none;
}
@keyframes orbis-fond-mobile {
  from { transform: translate3d(-3%, -2%, 0) scale(1); opacity: .7; }
  to { transform: translate3d(4%, 3%, 0) scale(1.08); opacity: 1; }
}
.orbis-studio .nappe.nappe-pause::after { animation-play-state: paused; }
.orbis-studio .essai-fond { background: #080909e8; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.orbis-studio .essai-panneau { max-width: 100%; max-height: 100%; }
.orbis-studio .essai-fond[data-app="assetbrowser"] { padding: 14px; }
@media (max-width: 1024px) {
  .orbis-studio { --bord: 24px; }
  .orbis-studio main [id] { scroll-margin-top: 116px; }
  .orbis-studio .scene-bloc:has(.scene-assetbrowser), .orbis-studio .scene-assetbrowser { width: 100%; overflow: hidden; }
  .orbis-studio .scene-assetbrowser .sans-lanceur { display: none; }
  .orbis-studio .scene-assetbrowser .cadre-app { display: block; width: 100%; height: min(760px, 75svh); min-height: 420px; aspect-ratio: auto; }
  .orbis-studio .entete { backdrop-filter: none; -webkit-backdrop-filter: none; background: #151515f5; }
  .orbis-studio .entete .menu a { min-height: 44px; display: inline-flex; align-items: center; font-size: 14px; }
  .orbis-studio .hero-duo { padding-block: 44px 48px; }
  .orbis-studio .hero-duo .hero-grille { gap: 20px; }
  .orbis-studio .hero-duo .hero-visuel { max-width: 100%; }
  .orbis-studio .pa-ouverture { padding-block: 40px; }
  .orbis-studio .pa-ouverture .pa-titre { font-size: clamp(32px,5vw,48px); margin-bottom: 20px; }
  .orbis-studio .pa-ouverture .pa-chapeau { margin-top: 0; }
  .orbis-studio main > section:not(.hero):not(.pa-ouverture) { padding-block: 48px; }
  .orbis-studio .sous-titre, .orbis-studio .pa-chapeau { font-size: 16px; line-height: 1.65; }
  .orbis-studio input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),
  .orbis-studio select, .orbis-studio textarea { font-size: 16px; }
  .orbis-studio summary { min-height: 44px; }
  .orbis-studio .essai-fond[data-app="assetbrowser"] { padding: 0; height: 100dvh; }
  .orbis-studio .essai-fond[data-app="assetbrowser"] :is(.essai-panneau,.essai-echelle) { border-radius: 0; }
  .orbis-studio [data-anim], .orbis-studio [data-anim] > *, .orbis-studio [data-stagger] > * { opacity: 1 !important; }
}
@media (max-width: 600px) {
  .orbis-studio { --bord: 20px; }
  .orbis-studio .hero-duo .hero-cadre { aspect-ratio: 3 / 4; }
  .orbis-studio .hero-duo .hero-cadre img { height: 100%; object-fit: cover; object-position: top; }
  .orbis-studio .display { font-size: clamp(32px,9vw,42px); }
  .orbis-studio .titre, .orbis-studio .pa-h { font-size: clamp(28px,8vw,36px); }
  .orbis-studio .pa-ab { gap: 0; }
  .orbis-studio .fa-gestes { gap: 24px; margin-top: 30px; }
}
@media (prefers-reduced-motion: reduce) {
  .orbis-studio .nappe::after { animation: none !important; }
}

.orbis-studio .accueil-films { background: transparent; border: 0; }
.orbis-studio main > .accueil-films { padding-top: 40px; }
@media (max-width: 1100px) {
  .orbis-studio main > section > .wrap.grille-barre.fa-films { display: flex; flex-direction: column; align-items: stretch; width: calc(100% - 48px); gap: 18px; }
  .orbis-studio .fa-aside { display: contents; }
  .orbis-studio .fa-entete { order: 0; }
  .orbis-studio .fa-entete .app-identite { margin-bottom: 14px; }
  .orbis-studio .fa-entete h2 { max-width: 24ch; font-size: clamp(28px, 4vw, 38px); margin-bottom: 12px; }
  .orbis-studio .fa-intro { max-width: 60ch; }
  .orbis-studio .ev-etapes.chap-frise.fa-chapitres { order: 1; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; gap: 8px; margin: 4px 0 0; }
  .orbis-studio .fa-chapitres li { flex: 0 1 auto; }
  .orbis-studio .fa-chapitres .chap { width: 100%; min-height: 48px; padding: 12px 20px; font-size: 15px; }
  .orbis-studio .fa-chapitres .chap::after { display: none; }
  .orbis-studio .fa-media { order: 2; }
  .orbis-studio .fa-actions { order: 3; flex-direction: row; flex-wrap: wrap; gap: 4px 24px; margin-top: 0; }
}
@media (max-width: 600px) {
  .orbis-studio main > section > .wrap.grille-barre.fa-films { width: calc(100% - 32px); gap: 16px; }
  .orbis-studio .fa-entete h2 { font-size: 30px; }
  .orbis-studio .fa-intro { font-size: 15px; }
  .orbis-studio .fa-chapitres li, .orbis-studio [data-films="everything"] .fa-chapitres li { flex: 1 1 0; }
  .orbis-studio .ev-etapes.chap-frise.fa-chapitres { gap: 4px; }
  .orbis-studio .fa-chapitres .chap { min-height: 46px; justify-content: center; padding: 12px 6px; font-size: 14px; }
  .orbis-studio [data-films="everything"] .fa-chapitres .chap { font-size: 12px; }
  .orbis-studio .fa-chapitres .chap-barre { left: 8px; right: 8px; }
  .orbis-studio .fa-cadre { border-radius: 12px; }
}

/* Finitions communes : hiérarchie, accès clavier et rythme des pages. */
.orbis-studio .saut-contenu {
  position: fixed; top: 12px; left: 16px; z-index: 10000;
  padding: 12px 20px; border-radius: 12px; background: #f1efea; color: #171819;
  text-decoration: none; font-size: 15px; font-weight: 600;
  transform: translateY(calc(-100% - 24px));
}
.orbis-studio .saut-contenu:focus { transform: none; }
.orbis-studio main:focus { outline: none; }
.orbis-studio main [id] { scroll-margin-top: calc(var(--entete-h, 80px) + 28px); }
.orbis-studio :is(.btn,.lien-fleche,.langbtn,summary,.chap,.vt-choisir) { touch-action: manipulation; }
.orbis-studio .btn:disabled { cursor: not-allowed; }
.orbis-studio .btn-2:hover { background: #ffffff0a; border-color: #92918c; }
.orbis-studio .entete .menu a { font-size: 14px; }
.orbis-studio .entete { --voile-entete: rgba(14,12,10,.32); --voile-entete-collee: rgba(20,21,22,.97); }
.orbis-studio :is(.hero,.pa-tete,.prix-intro) :is(.sous-titre,.pa-chapeau) { color: #e2ded8; }
.orbis-studio :is(.pa-chapeau,.sous-titre,.tete-sec-p) { text-wrap: pretty; }
.orbis-studio :is(.ea-vrai,.scene-leg,.pa-leg,.dl-note) { font-size: 13px; line-height: 1.65; color: #b0b3af; }
.orbis-studio .ev-etapes:not(.fa-chapitres) .chap { border-radius: 10px; line-height: 1.5; }
.orbis-studio .ev-etapes:not(.fa-chapitres) li.on .chap { color: #f2f1ec; }
.orbis-studio .pa-appel { background: #1a1b1b; border-radius: 28px 28px 0 0; }
.orbis-studio .pa-appel .pa-h { font-size: clamp(30px,3.3vw,46px); max-width: 20ch; }
.orbis-studio .pa-appel .pa-chapeau { font-size: 16px; max-width: 44ch; }
.orbis-studio .pa-avec { border-radius: 22px; }
.orbis-studio .faq-item { border-radius: 14px; background: #ffffff03; border-color: #ffffff12; }
.orbis-studio .faq-item[open] { background: #ffffff05; border-color: #ffffff26; }
.orbis-studio .faq-item > summary { padding-block: 20px; font-size: 16px; line-height: 1.5; }
.orbis-studio .faq-item > .faq-r { font-size: 15px; line-height: 1.7; }
.orbis-studio .pied > .wrap { padding-right: 0; align-items: center; }
.orbis-studio .pied nav { gap: 8px 24px; }
.orbis-studio .pied nav a { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; line-height: 1.5; }

/* Télécharger : une action, puis les trois outils et l'aide d'installation. */
.orbis-studio .dl-hero { padding-block: 64px 32px; }
.orbis-studio .dl-hero .display { font-size: clamp(40px,4.8vw,68px); max-width: 20ch; }
.orbis-studio .dl-hero .sous-titre { max-width: 48ch; font-size: 17px; }
.orbis-studio main > .dl-applications { padding-block: 32px 40px; }
.orbis-studio .dl-suite { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.orbis-studio .dl-suite .carte { padding: 28px; border-radius: 20px; background: #ffffff04; border-color: #ffffff16; }
.orbis-studio .dl-produit { display: block; text-decoration: none; color: inherit; border-radius: 8px; }
.orbis-studio .dl-produit:hover .titre-s { color: #fff; }
.orbis-studio .dl-tete { gap: 12px; min-height: 44px; margin-bottom: 16px; }
.orbis-studio .dl-tete img { width: 36px; height: 36px; }
.orbis-studio main > .dl-installation { padding-block: 0 64px; }
.orbis-studio .dl-installation > .wrap.etroit { width: min(calc(100% - 48px), var(--large)); max-width: 100%; margin-inline: auto; }
.orbis-studio .dl-aide { border-top: 1px solid #ffffff20; }
.orbis-studio .dl-aide > summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 0; font-size: 15px; cursor: pointer; list-style: none; }
.orbis-studio .dl-aide > summary::-webkit-details-marker { display: none; }
.orbis-studio .dl-aide > summary::after { content: '+'; font-size: 22px; color: #c8c6bf; }
.orbis-studio .dl-aide[open] > summary::after { content: '−'; }
.orbis-studio .dl-aide-contenu { max-width: 76ch; padding-bottom: 24px; }

/* Les tarifs gardent leurs couleurs, mais arrivent plus vite à la décision. */
.orbis-studio main > .prix-intro { padding-block: 48px 24px; }
.orbis-studio .prix-intro h1 { font-size: clamp(36px,4.5vw,64px); }
.orbis-studio .prix-intro .sous-titre { max-width: 52ch; }
.orbis-studio .tarifs .pcard { border-radius: 22px; }
.orbis-studio .tarifs .pcard:hover { transform: none; }
.orbis-studio .cadre-table { border-radius: 18px; }
.orbis-studio .compare .groupe td { letter-spacing: .04em; }
.orbis-studio .identite .accord { line-height: 1.6; }
.orbis-studio .identite .onglets button { min-height: 44px; }
.orbis-studio .identite input:focus-visible { outline: 2px solid #efaa73; outline-offset: 3px; }

@media (min-width: 1101px) {
  .orbis-studio #vent .ev-grille {
    width: min(calc(100% - 96px), 1480px); max-width: none;
    grid-template-columns: minmax(0,1fr) 320px;
    align-items: center; gap: clamp(32px,3vw,48px); margin-inline: auto;
  }
  .orbis-studio #vent .ev-grille > .ev-texte,
  .orbis-studio #vent .ev-grille > .ev-scene { display: block; min-width: 0; }
  .orbis-studio #vent .ev-grille > .ev-scene { grid-column: 1; grid-row: 1; }
  .orbis-studio #vent .ev-grille > .ev-texte { grid-column: 2; grid-row: 1; }
  .orbis-studio #vent .ev-grille > .ev-scene > :is(.ea,.ea-fenetre) { margin-top: 0; }
  .orbis-studio #vent .ev-scene > .ea,
  .orbis-studio #vent .ea-fenetre:not(.en-camera) > .ea { width: 100%; }
  .orbis-studio #vent .ev-etapes { --chap-axe: y; display: block; margin-top: 24px; }
  .orbis-studio #vent .ev-etapes .chap { display: flex; padding: 10px 12px 10px 20px; min-height: 44px; border-radius: 10px; }
  .orbis-studio #vent .ev-etapes .chap::before { margin: 0; }
  .orbis-studio #vent .ev-etapes .chap-barre { left: 0; right: auto; top: 5px; bottom: 5px; width: 2px; height: auto; }
  .orbis-studio #vent .ev-etapes .chap-barre i { transform: scaleY(0); transform-origin: center top; }
  .orbis-studio #vent .vt-materials { max-width: 76ch; font-size: 13px; }
  .orbis-studio #vent .ev-grille > .ev-scene > .ea-vrai { margin-top: 14px; }
}
@media (min-width: 1001px) and (max-width: 1100px) {
  .orbis-studio #vent .ev-grille { display: flex; flex-direction: column; gap: 18px; }
  .orbis-studio #vent .ev-grille > :is(.ev-texte,.ev-scene) { display: contents; }
  .orbis-studio #vent .ev-grille > .ev-texte > * { order: 3; margin-block: 0; align-self: flex-start; }
  .orbis-studio #vent .ev-grille > .ev-scene > * { order: 7; margin-block: 0; align-self: flex-start; }
  .orbis-studio #vent .ev-grille > .ev-texte > .legende { order: 1; }
  .orbis-studio #vent .ev-grille > .ev-texte > .titre { order: 2; max-width: none; }
  .orbis-studio #vent .ev-grille > .ev-scene > :is(.ea,.ea-fenetre) { order: 4; width: 100%; margin-top: 0; }
  .orbis-studio #vent .ev-grille > .ev-texte > .ev-etapes { order: 5; width: 100%; }
  .orbis-studio #vent .ev-grille > .ev-texte > .ev-cta { order: 6; }
  .orbis-studio #vent .ev-grille > .ev-texte > .sans-app { order: 8; width: 100%; }
}

@media (max-width: 800px) {
  .orbis-studio .dl-suite { grid-template-columns: 1fr; gap: 14px; }
  .orbis-studio .dl-suite .carte { padding: 22px; }
  .orbis-studio .dl-hero { padding-block: 40px 16px; }
  .orbis-studio .dl-hero .display { font-size: clamp(34px,7vw,48px); }
  .orbis-studio .dl-hero .sous-titre { font-size: 16px; }
  .orbis-studio .pa-appel .pa-h { max-width: none; }
}
@media (max-width: 620px) {
  .orbis-studio main > .prix-intro { padding-block: 32px 16px; }
  .orbis-studio .prix-intro h1 { font-size: clamp(32px,8vw,42px); }
  .orbis-studio .prix-intro .fil { margin-bottom: 20px; }
  .orbis-studio .prix-intro .tarifs-suite { margin-block: 24px; }
  .orbis-studio .pied > .wrap { gap: 12px; }
  .orbis-studio .pied nav { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px 16px; width: 100%; }
  .orbis-studio .pied nav a { width: 100%; }
  .orbis-studio .faq-item > summary { font-size: 15px; padding: 18px; }
  .orbis-studio .faq-item > .faq-r { padding-inline: 18px; }
  .orbis-studio .pa-appel { border-radius: 20px 20px 0 0; }
}