/* THD Labs Design — univers d'Ayline, prothèse adjointe, partenaires */

/* ── La fenêtre ─────────────────────────────────────────────────────────── */
html.uni-open,html.uni-open body{overflow:hidden}
.uni{position:fixed;inset:0;z-index:60;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:var(--paper);color:var(--ink)}
.uni[hidden]{display:none}
.uni-bar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 4%;isolation:isolate}
.uni-bar:before{content:'';position:absolute;inset:0 0 -22px;z-index:-1;background:#faf7f099;-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);-webkit-mask-image:linear-gradient(#000 62%,transparent);mask-image:linear-gradient(#000 62%,transparent);pointer-events:none}
.uni-bar-title{font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);text-align:center}
.uni-back,.uni-x{justify-self:start;background:#faf7f0cc;backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:40px;padding:10px 20px;font-size:13px;transition:border-color .3s,background .3s}
.uni-x{justify-self:end;width:44px;height:44px;padding:0;font-size:22px;line-height:1}
.uni-back:hover,.uni-x:hover{border-color:var(--gold);background:var(--paper)}

/* ── La constellation ───────────────────────────────────────────────────── */
.uni-stage{position:relative;min-height:calc(100svh - 76px);padding:0 5% 30px;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#e7dbc660,transparent 60%),var(--paper)}
.uni-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.2;filter:saturate(.75) sepia(.12);-webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 55%,#000 25%,transparent 80%);mask-image:radial-gradient(ellipse 75% 70% at 50% 55%,#000 25%,transparent 80%);animation:uni-bg 2.4s .2s both}
.uni[data-univers=implants] .uni-bg{opacity:.28}
.uni[data-univers=esthetique] .uni-bg{opacity:.24;filter:saturate(.9)}
.uni-bg-credit{position:absolute;right:4%;bottom:12px;font-size:10px;color:var(--muted);opacity:.7}
.uni-heading{position:relative;z-index:2;animation:uni-up .9s .25s both}
.uni-heading h2{font-size:clamp(40px,4.4vw,70px);letter-spacing:-.035em;margin:14px 0 0}
.uni-constellation{position:relative;height:min(640px,max(520px,66svh));max-width:1180px;margin:10px auto 0}
.uni-constellation .orbit-one{animation:uni-orbit 1.4s .1s both,orbit-drift 20s 1.5s ease-in-out infinite}
.uni-constellation .orbit-two{animation:uni-orbit 1.4s .2s both,orbit-drift-two 24s 1.6s ease-in-out infinite}
.uni-ayline{position:absolute;height:92%;width:auto;left:50%;bottom:0;transform:translateX(-50%);mix-blend-mode:darken;-webkit-mask-image:radial-gradient(48% 53% at 50% 49%,#000 58%,transparent 100%);mask-image:radial-gradient(48% 53% at 50% 49%,#000 58%,transparent 100%);animation:uni-ayline 1.1s .15s both}
.uni-bubble{position:absolute;left:50%;bottom:2%;transform:translateX(-50%);z-index:3;width:min(380px,80%);background:#faf7f0e8;backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:20px;padding:12px 20px 14px;font-size:13px;line-height:1.5;color:var(--muted);box-shadow:0 14px 34px #6a513318;animation:uni-bubble .8s .9s both}
.uni-bubble .eyebrow{display:block;font-size:10px;color:var(--gold);margin-bottom:3px}
.uni-portal{position:absolute;z-index:2;transform:translate(-50%,-50%);background:#faf7f0e6;backdrop-filter:blur(12px);border:1px solid #d4c7b8;border-radius:70px;padding:10px 22px 10px 10px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px #6a513310;font-size:14px;line-height:1.25;text-align:left;white-space:nowrap;transition:transform .35s,box-shadow .35s,border-color .35s,background .35s,color .35s;animation:uni-fly .9s var(--d,.4s) both cubic-bezier(.16,1,.3,1)}
.uni-portal small{display:block;font-size:10px;letter-spacing:.03em;color:var(--muted);margin-top:2px}
.uni-portal:hover{transform:translate(-50%,calc(-50% - 7px));box-shadow:0 20px 35px #6a513326;border-color:var(--gold)}
.uni-portal .portal-icon{width:40px;height:40px;flex-shrink:0}
.uni-portal .portal-icon svg{width:22px;height:22px;stroke-width:1.2}
.uni-portal.is-active{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.uni-portal.is-active .portal-icon{border-color:#f4efe640;color:#d4b687}
.uni-portal[aria-disabled=true]{cursor:default}
.uni-portal.is-tag{padding:9px 22px;font:500 21px/1.1 var(--serif);letter-spacing:-.01em;cursor:default}
.uni-portal.is-tag:hover{transform:translate(-50%,-50%);box-shadow:0 10px 30px #6a513310;border-color:#d4c7b8}
.uni-hint{position:relative;z-index:2;margin-top:18px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.uni-hint span{display:inline-block;animation:uni-hint 1.8s ease-in-out infinite}

/* ── Le panneau d'un sujet ──────────────────────────────────────────────── */
.uni-panel{background:#242521;color:#f4efe6;padding:90px 7% 80px;scroll-margin-top:0}
.uni-panel-inner{display:grid;grid-template-columns:minmax(260px,.8fr) 1.7fr;gap:5%;align-items:start;max-width:1400px;margin:0 auto;animation:uni-up .6s both}
.uni-panel-copy .eyebrow{color:#d4b687}
.uni-panel-copy h3{font-size:clamp(38px,3.6vw,58px);letter-spacing:-.03em;margin:18px 0 22px}
.uni-panel-copy>p{color:#d8d0c3;font-size:15px}
.uni-panel-copy ul{list-style:none;padding:0;margin:26px 0 34px;border-top:1px solid #f4efe625}
.uni-panel-copy li{padding:12px 0;border-bottom:1px solid #f4efe625;font-size:14px}
.uni-panel-copy li:before{content:'✧';color:#d4b687;margin-right:12px}
.uni-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
.uni-gallery[data-count="1"]{grid-template-columns:minmax(0,560px)}
.uni-photo{position:relative;margin:0;aspect-ratio:4/5;overflow:hidden;background:#2f302b;border-radius:3px;animation:uni-up .8s calc(var(--i,0)*.09s + .1s) both}
.uni-gallery[data-count="1"] .uni-photo{aspect-ratio:4/3}
.uni-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.uni-photo:hover img{transform:scale(1.05)}
.uni-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 16px 14px;background:linear-gradient(transparent,#151511cc);font-size:13px}
.uni-photo figcaption small{display:block;font-size:10px;color:#d8d0c3aa;margin-top:2px}
.uni-ph{display:grid;place-content:center;justify-items:center;gap:6px;width:100%;height:100%;min-height:240px;padding:20px;text-align:center;border:1px dashed #f4efe640;background:repeating-linear-gradient(135deg,#ffffff07 0 14px,transparent 14px 28px);color:#d4b687}
.uni-ph-star{font-size:30px;animation:uni-twinkle 3s ease-in-out infinite}
.uni-ph-kind{font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.uni-ph-label{font:italic 20px/1.2 var(--serif);color:#f4efe6b0}
.uni-shorts{display:flex;justify-content:center}
.uni-short{margin:0;width:min(330px,100%);aspect-ratio:9/16;border-radius:26px;overflow:hidden;border:1px solid #f4efe630;box-shadow:0 30px 80px #0006;animation:uni-up .8s .1s both}
.uni-short video{width:100%;height:100%;object-fit:cover;display:block}
.uni-short .uni-ph{border:0}
.uni-panel-nav{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;margin-top:40px;border-top:1px solid #f4efe625;padding-top:22px}
.uni-panel-nav button{background:none;border:0;color:#d8d0c3;font-size:13px;letter-spacing:.04em;padding:6px 0;transition:color .3s}
.uni-panel-nav button:hover{color:#d4b687}

/* ── Sections ───────────────────────────────────────────────────────────── */
.uni-sec{padding:120px 7%;max-width:1320px;margin:0 auto}
.uni-sec h2{font-size:clamp(40px,4.4vw,68px);letter-spacing:-.035em;margin:18px 0 26px}
.uni-texte{text-align:center;max-width:960px}
.uni-texte>p:not(.eyebrow){font-size:17px;color:var(--muted);max-width:720px;margin:0 auto 16px}
.uni-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0 34px;margin-top:40px}
.uni-card{border-top:1px solid var(--border);padding:26px 0 30px}
.uni-card-no{font:400 44px/1 var(--serif);color:var(--gold)}
.uni-card h3{font-size:28px;margin:16px 0 12px}
.uni-card p{font-size:14px;color:var(--muted)}
.uni-note{font-size:12px;color:var(--muted);margin-top:24px;max-width:680px}
.uni-reveal{opacity:0;transform:translateY(34px);transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0)*.1s)}
.uni-reveal.is-in{opacity:1;transform:none}
.uni-cta{text-align:center;border-top:1px solid var(--border)}
.uni-cta>div{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px 50px;text-align:left}
.uni-back-link{background:none;border:0;border-bottom:1px solid currentColor;padding:0 0 4px;font-size:13px;color:var(--muted)}

/* Avant / après au défilement */
.uni-sticky{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:76px 6% 30px;gap:26px}
.uni-compare{height:250vh;max-width:none;padding:0}
.uni-compare-head{text-align:center}
.uni-compare-head h2{margin:12px 0 0;font-size:clamp(34px,3.6vw,56px)}
.uni-compare-frame{position:relative;width:min(1040px,100%);aspect-ratio:16/9;max-height:60svh;overflow:hidden;border-radius:4px;background:#e8dfd0;box-shadow:0 40px 90px #6a513322}
.uni-compare-img{position:absolute;inset:0;margin:0}
.uni-compare-img img{width:100%;height:100%;object-fit:cover}
.uni-compare-img.is-after{clip-path:inset(0 calc(100% - var(--reveal,0%)) 0 0)}
.uni-compare-img .uni-ph{min-height:0;border-color:#94744b55}
.uni-compare-img.is-before .uni-ph{background:#ddd5c8;color:#8a8070}
.uni-compare-img.is-before .uni-ph-label{color:#71695e}
.uni-compare-img.is-after .uni-ph{background:radial-gradient(ellipse at 50% 50%,#fffaf0,#f1e6d2);color:var(--gold)}
.uni-compare-img.is-after .uni-ph-label{color:var(--ink)}
.uni-compare-line{position:absolute;top:0;bottom:0;left:var(--reveal,0%);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 24px #00000040}
.uni-compare-line:after{content:'⟷';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#faf7f0;display:grid;place-items:center;color:var(--gold);box-shadow:0 8px 24px #0003;font-size:18px}
.uni-compare-tag{position:absolute;bottom:16px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;background:#faf7f0d9;backdrop-filter:blur(8px);padding:7px 14px;border-radius:30px}
.uni-compare-tag.is-before{right:16px}
.uni-compare-tag.is-after{left:16px}

/* L'implant éclaté */
.uni-eclate{height:560vh;max-width:none;padding:0;background:radial-gradient(ellipse at 66% 52%,#efe5d4,transparent 62%),var(--paper);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.uni-eclate .uni-sticky{flex-direction:row;gap:4%;padding-top:70px}
.uni-eclate-copy{width:min(380px,32%);flex-shrink:0}
.uni-eclate-captions{position:relative;min-height:250px;margin-top:26px}
.uni-eclate-cap{position:absolute;inset:0;opacity:0;transform:translateY(-10px);transition:opacity .2s,transform .2s;pointer-events:none}
.uni-eclate-cap.is-on{opacity:1;transform:none;transition:opacity .6s .18s,transform .6s .18s}
.uni-eclate-cap .eyebrow{color:var(--gold)}
.uni-eclate-cap h3{font-size:clamp(36px,3.4vw,54px);letter-spacing:-.03em;margin:14px 0 18px}
.uni-eclate-cap p{font-size:15px;color:var(--muted)}
.uni-eclate-dots{display:flex;gap:8px;margin-top:10px}
.uni-eclate-dots i{width:22px;height:2px;background:var(--border);transition:background .4s,width .4s}
.uni-eclate-dots i.is-on{background:var(--gold);width:42px}
.uni-eclate-stage{flex:1;max-width:760px;display:flex;justify-content:center}
.uni-eclate-svg{width:100%;height:auto;max-height:84svh;overflow:visible;-webkit-mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent),linear-gradient(to bottom,#000 72%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent),linear-gradient(to bottom,#000 72%,transparent);mask-composite:intersect}
.ec-label{font:600 13px var(--sans);letter-spacing:.2em;fill:var(--ink)}
.ec-crown,.ec-abutment{transition:none}

/* ── Prothèse adjointe (page principale) ────────────────────────────────── */
.adjointe{background:#1f201c;color:#f4efe6;padding:120px 7%;display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;position:relative;overflow:hidden}
.adjointe .eyebrow{color:#d4b687}
.adjointe h2{font-size:clamp(46px,4.8vw,76px);letter-spacing:-.035em;margin:20px 0 24px}
.adjointe em{color:#d4b687}
.adjointe-intro{color:#d8d0c3;font-size:16px;max-width:520px}.adjointe-intro+.adjointe-intro{margin-top:14px}
.adjointe-steps{list-style:none;padding:0;margin:44px 0 30px;position:relative}
.adjointe-steps:before{content:'';position:absolute;left:15px;top:8px;bottom:8px;width:1px;background:#f4efe625}
.adjointe-steps:after{content:'';position:absolute;left:15px;top:8px;width:1px;height:calc((100% - 16px)*var(--adj,0));background:#d4b687;transition:height .2s linear}
.adjointe-steps li{position:relative;padding:0 0 26px 56px;opacity:.42;transition:opacity .5s}
.adjointe-steps li.is-on{opacity:1}
.adjointe-steps li>span{position:absolute;left:0;top:0;width:31px;height:31px;border-radius:50%;border:1px solid #d4b68780;background:#1f201c;display:grid;place-items:center;font-size:11px;color:#d4b687;z-index:1}
.adjointe-steps li.is-on>span{background:#d4b687;color:#1f201c}
.adjointe-steps h3{font-size:28px;margin:0 0 6px}
.adjointe-steps p{font-size:14px;color:#d8d0c3}
.adjointe-tags{display:flex;flex-wrap:wrap;gap:10px}
.adjointe-tags span{border:1px solid #f4efe630;border-radius:30px;padding:7px 15px;font-size:12px;color:#d8d0c3}
.adjointe-visual{position:relative;aspect-ratio:1;max-width:560px;width:100%;justify-self:center}
.adjointe-visual:before{content:'';position:absolute;inset:4%;border:1px solid #d4b68730;border-radius:50%}
.adjointe-visual svg{position:relative;width:100%;height:100%;overflow:visible}
.adj-tooth{fill:#ece3d2;stroke:#b9a98f;stroke-width:1}
.adj-tooth.is-new{fill:#fffaf0;stroke:#d4b687;stroke-width:1.2}
@media(min-width:1001px){.adjointe{align-items:start}.adjointe-visual{position:sticky;top:calc(50svh - min(280px,25vw))}}
.adj-caption{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#d4b687;white-space:nowrap}

/* ── Partenaires (page principale) ──────────────────────────────────────── */
.partner-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:45px 0}
.partner-grid>a{border:1px solid var(--border);padding:24px;display:flex;flex-direction:column;min-height:190px;transition:background .3s,transform .3s}
.partner-grid>a:hover{background:#e8ddca;transform:translateY(-4px)}
.partner-grid>a[aria-disabled=true]{cursor:default}
.partner-grid>a[aria-disabled=true]:hover{background:none;transform:none}
.partner-grid>a[aria-disabled=true] .partner-footer b{visibility:hidden}
.partner-grid strong{font-size:30px;letter-spacing:-.03em;font-weight:500;margin:22px 0;line-height:1.1;flex:1}

/* ── Animations ─────────────────────────────────────────────────────────── */
@keyframes uni-fly{from{opacity:0;filter:blur(8px);transform:translate(calc(-50% + var(--fx,0px)),calc(-50% + var(--fy,0px))) scale(.35)}}
@keyframes uni-up{from{opacity:0;transform:translateY(26px)}}
@keyframes uni-ayline{from{opacity:0;transform:translateX(-50%) translateY(30px) scale(.94)}}
@keyframes uni-bubble{from{opacity:0;transform:translateX(-50%) translateY(14px)}}
@keyframes uni-orbit{from{opacity:0;scale:.6}}
@keyframes uni-bg{from{opacity:0;transform:scale(1.08)}}
@keyframes uni-hint{50%{transform:translateY(5px)}}
@keyframes uni-twinkle{50%{opacity:.4;transform:rotate(45deg) scale(.85)}}

/* ── Petits écrans ──────────────────────────────────────────────────────── */
@media(max-width:1000px){
  .uni-portal{font-size:12px;padding-right:16px}
  .uni-portal .portal-icon{width:34px;height:34px}
  .uni-panel-inner{grid-template-columns:1fr}
  .uni-eclate .uni-sticky{flex-direction:column-reverse;justify-content:center;gap:10px}
  .uni-eclate-copy{width:100%;max-width:560px}
  .uni-eclate-captions{min-height:170px;margin-top:10px}
  .uni-eclate-cap h3{font-size:32px;margin:8px 0 8px}
  .uni-eclate-cap p{font-size:14px}
  .uni-eclate-svg{max-height:48svh}
  .adjointe{grid-template-columns:1fr}
  .adjointe-visual{max-width:420px;order:-1}
}
@media(max-width:700px){
  .uni-bar{padding:12px 5%}
  .uni-bar-title{display:none}
  .uni-bar{grid-template-columns:1fr auto}
  .uni-stage{padding:0 5% 20px}
  .uni-heading h2{font-size:38px}
  .uni-constellation{height:auto;padding-top:330px;margin-top:16px}
  .uni-ayline{height:330px;top:0;bottom:auto}
  .uni-bubble{position:relative;left:auto;bottom:auto;transform:none;width:auto;margin:-36px 0 18px;animation-name:uni-up}
  .uni-portals{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;z-index:2}
  .uni-portal{position:static;transform:none;font-size:12px;gap:8px;padding:8px 12px 8px 8px;white-space:normal;animation-name:uni-up;animation-delay:calc(var(--d) * .5)}
  .uni-portal:hover{transform:none}
  .uni-portal.is-tag,.uni-portal.is-tag:hover{transform:none;justify-content:center;font-size:17px}
  .uni-portal .portal-icon{width:30px;height:30px}
  .uni-portal .portal-icon svg{width:18px;height:18px}
  .uni-panel{padding:60px 6%}
  .uni-gallery{grid-template-columns:1fr 1fr;gap:10px}
  .uni-ph{min-height:180px}
  .uni-sec{padding:80px 6%}
  .uni-compare-frame{aspect-ratio:4/5;max-height:58svh}
  .adjointe{padding:80px 6%}
}
body.motion-off .uni{transition:none}
body.motion-off .uni-reveal{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.uni{transition:none}.uni-reveal{opacity:1;transform:none}}

#uni-body{background:var(--paper)}
.uni-compare-credit{font-size:10px;color:var(--muted);max-width:1040px;text-align:center;margin-top:-12px}
.uni-stage.has-bg .uni-ayline{mix-blend-mode:normal}
/* Photo à la place d'Ayline (univers Implants) : en arche, comme les photos des pages. */
.uni-portrait{position:absolute;left:50%;bottom:9%;height:80%;width:auto;aspect-ratio:935/1200;object-fit:cover;transform:translateX(-50%);border-radius:999px 999px 26px 26px;box-shadow:0 34px 80px #2a1f1445,0 0 0 1px #c8a67a66;animation:uni-ayline 1.1s .15s both}
@media(max-width:700px){
  .uni-eclate .uni-sticky{justify-content:center;gap:0;padding-top:64px}
  .uni-eclate-stage{width:100%;overflow:hidden;justify-content:center}
  .uni-eclate-svg{width:175%;max-width:none;max-height:none;flex-shrink:0;-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent);mask-image:linear-gradient(to bottom,#000 70%,transparent)}
  .ec-label{font-size:16px;letter-spacing:.1em}
  .uni-eclate-captions{min-height:190px}
}

/* ── Mouvement façon Apple ──────────────────────────────────────────────── */
/* Les portails sont animés par des ressorts (mouvement.js) via les propriétés
   `translate` et `scale` : on retire les sauts de survol en CSS pour ne pas
   cumuler deux mouvements. */
@media(hover:hover) and (pointer:fine){
  .portal:hover{transform:none}
  .constellation .portal.portal-top:hover,.constellation .portal.portal-bottom:hover{transform:translateX(-50%)}
  .uni-portal:hover{transform:translate(-50%,-50%)}
}
.portal,.uni-portal{will-change:translate,scale}
.uni-panel{touch-action:pan-y;cursor:grab}
.uni-panel.is-dragging{cursor:grabbing;user-select:none}
.uni-panel.is-dragging *{pointer-events:none}
.uni-panel-inner{will-change:translate}
.uni-panel-nav button{min-height:44px}
/* Moins de transparence demandée : surfaces pleines. */
@media(prefers-reduced-transparency:reduce){
  .portal,.uni-portal,.uni-bubble,.uni-back,.uni-x,.assistant-trigger,.uni-compare-tag{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none}
  .uni-bar:before{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none}
}
/* Contraste renforcé : bords nets et sombres. */
@media(prefers-contrast:more){
  .portal,.uni-portal,.uni-bubble,.uni-back,.uni-x{border-color:var(--ink);background:var(--paper)}
  .uni-panel-copy>p,.uni-panel-copy li{color:#f4efe6}
  .uni-card p,.uni-eclate-cap p{color:var(--ink)}
}
/* Prothèse adjointe en 3D (adjointe3d.js) : remplace le dessin SVG si WebGL est disponible. */
.adjointe-visual.is-3d svg{display:none}
.adj-canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block}
/* Scène épinglée : la section dure plus longtemps pour laisser vivre chaque étape. */
@media(min-width:1001px){.adjointe{min-height:250svh;overflow:clip}}
@media(min-width:1001px) and (min-height:860px){.adjointe-copy{position:sticky;top:6svh}}
@media(max-width:700px){.uni-portrait{height:310px;width:242px;top:0;bottom:auto}}
.uni-etapes{margin:0 0 30px}
.uni-etapes h4{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:28px;margin:0 0 14px;color:#f4efe6}
.uni-etapes ol{list-style:none;padding:0;margin:0;position:relative}
.uni-etapes ol:before{content:'';position:absolute;left:13px;top:6px;bottom:6px;width:1px;background:#d4b68755}
.uni-panel-copy .uni-etapes li{position:relative;padding:0 0 16px 46px;border:0}
.uni-panel-copy .uni-etapes li:before{content:none}
.uni-etapes li>span{position:absolute;left:0;top:0;width:27px;height:27px;border-radius:50%;border:1px solid #d4b68780;background:#242521;display:grid;place-items:center;font-size:10px;color:#d4b687}
.uni-etapes strong{display:block;font-weight:600;font-size:14px;margin-bottom:3px}
.uni-etapes p{font-size:13px;color:#d8d0c3;margin:0}
.uni-panel-copy [data-uni-monde]{margin-bottom:22px;color:#d4b687}
.uni-photo-3d{display:block;color:#f4efe6;cursor:pointer;box-shadow:inset 0 0 0 1px #d4b68755}
.uni-photo-3d .uni-play{position:absolute;left:50%;top:44%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;display:grid;place-items:center;padding-left:4px;font-size:18px;color:#1f201c;background:#d4b687;box-shadow:0 0 0 8px #d4b68733;transition:transform .4s}
.uni-photo-3d:hover .uni-play{transform:scale(1.08)}
.uni-photo-3d img{object-fit:contain;background:#1f201c}
.uni-compare.is-manual{height:auto;--reveal:50%}
.uni-compare.is-manual .uni-sticky{position:static;height:auto;padding-top:110px;padding-bottom:110px}
.uni-compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;touch-action:pan-y}
.uni-gallery.is-image{grid-template-columns:minmax(0,760px)}
.uni-gallery.is-image .uni-photo{aspect-ratio:1024/535}
.uni-gallery.is-grand[data-count="1"]{grid-template-columns:minmax(0,780px)}