.su-str{position:relative}.su-str__scene{min-height:100svh}.su-str__grille{max-width:var(--su-conteneur-scene);padding:96px var(--su-gouttiere) 32px;column-gap:var(--su-gouttiere);grid-template-rows:auto 1fr auto;grid-template-columns:repeat(12,1fr);min-height:100svh;margin:0 auto;display:grid;position:relative}.su-str__tete{perspective:900px;z-index:2;grid-area:1/1/auto/span 6;position:relative}.su-str__etiquette{color:var(--su-texte-doux);margin:0 0 12px}.su-str__titre{color:var(--su-ivoire);margin:0;font-size:clamp(2.4rem,4.6vw,4.4rem)}.su-str__mot{will-change:transform;display:inline-block}.su-str__liste{z-index:2;flex-direction:column;grid-area:2/1/auto/span 4;align-self:center;gap:2px;margin:0;padding:0;list-style:none;display:flex;position:relative}.su-str__couche{border-top:1px solid color-mix(in srgb, var(--su-graphite) 30%, transparent);transition:opacity var(--su-geste) var(--su-glisse)}.su-str__couche[data-actif="0"]{opacity:.55}.su-str__couche[data-actif="1"]{border-top-color:var(--su-ambre)}.su-str__bouton{width:100%;min-height:44px;color:var(--su-ivoire);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-rows:auto auto;grid-template-columns:3ch 1fr;column-gap:14px;padding:12px 0;display:grid}.su-str__num{color:var(--su-ambre-clair);grid-row:1/span 2;padding-top:4px}.su-str__nom{font-family:var(--su-font-display), sans-serif;font-size:1.35rem;font-weight:600;line-height:1.1}.su-str__ligne{color:var(--su-texte-doux);font-size:.9375rem}.su-str__texte{max-width:38ch;color:var(--su-texte-doux);clip-path:inset(0 100% 0 0);max-height:0;transition:clip-path var(--su-pose-duree) var(--su-pose), max-height var(--su-pose-duree) var(--su-pose);margin:0 0 12px;padding-left:calc(3ch + 14px);font-size:.9375rem;overflow:hidden}.su-str__couche[data-actif="1"] .su-str__texte{clip-path:inset(0);max-height:8em}.su-str__bouton:focus-visible{outline:2px solid var(--su-ambre-clair);outline-offset:2px}.su-str__fin{z-index:2;flex-direction:column;grid-area:3/1/auto/span 4;gap:6px;margin:0;display:flex;position:relative}@property --sort{syntax:"<number>";inherits:false;initial-value:0}.su-ecl{--sep:1;--face:0;--merge:0;--larg:min(540px, 38vw);--ecart:calc(var(--larg) * .25);perspective:2400px;perspective-origin:50% 30%;grid-area:1/5/span 3/span 8;align-self:center;min-height:min(78svh,760px);position:relative}.su-ecl__stage{width:var(--larg);aspect-ratio:16/10;transform-style:preserve-3d;transform:translate(-50%, calc(-50% + var(--ecart) * .5 * (1 - var(--face)) * var(--sep))) rotateX(calc(57deg * (1 - var(--face)))) rotateZ(calc(-30deg * (1 - var(--face)))) scale(calc(1 + .2 * var(--face)));position:absolute;top:54%;left:50%}.su-ecl__calque{cursor:pointer;transform:translateZ(calc((4 - var(--i)) * var(--ecart) * var(--sep) * (1 - var(--face))));transition:filter var(--su-geste) var(--su-glisse);position:absolute;inset:0}.su-ecl__calque[data-on="0"]{filter:brightness(.72)saturate(.8)}.su-ecl__calque[data-on="1"] .mq__fen{box-shadow:0 0 0 .5cqw var(--su-ambre), 0 0 6cqw #f691068c, 0 2.4cqw 6cqw #030a168c}.su-ecl[data-fini="1"] .su-ecl__calque:not(:first-child){visibility:hidden}.su-ecl__tag{background:var(--su-encre);color:var(--su-ambre-clair);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;clip-path:inset(0 calc(var(--face) * 100%) 0 0);border-radius:4px;padding:.4rem .7rem;font-size:.7rem;position:absolute;bottom:-5.2cqw;left:2cqw;transform:translateZ(0)}.su-ecl__calque[data-on="1"] .su-ecl__tag{background:var(--su-ambre);color:var(--su-encre)}.su-ecl__axe{width:0;height:calc(4 * var(--ecart) * var(--sep) * (1 - var(--face)));border-left:1px dashed color-mix(in srgb, var(--su-ambre-clair) 70%, transparent);transform-origin:50% 0;pointer-events:none;position:absolute;transform:rotateX(90deg)}.su-ecl__axe--a{top:0;left:0}.su-ecl__axe--b{top:0;left:100%}.su-ecl__axe--c{top:100%;left:0}.su-ecl__axe--d{top:100%;left:100%}.su-ecl__devant{z-index:5;cursor:pointer;animation:su-ecl-sortie .8s var(--su-pose) both;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.su-ecl__devant-fen{filter:drop-shadow(0 30px 50px #030a1699);width:min(88%,720px)}.su-ecl__devant-leg{color:var(--su-ambre-clair);margin:0;font-size:.75rem}@keyframes su-ecl-sortie{0%{clip-path:inset(0 0 100%);transform:perspective(1800px)translateY(8%)rotateX(57deg)rotate(-30deg)scale(.7)}to{clip-path:inset(0);transform:none}}.su-ecl[data-isole="1"] .su-ecl__stage{filter:brightness(.35)}.su-ecl__fini{text-align:center;color:var(--su-ivoire);clip-path:inset(0 100% 0 0);transition:clip-path var(--su-scene) var(--su-pose);margin:0;font-size:clamp(1.2rem,2vw,1.8rem);position:absolute;bottom:0;left:0;right:0}.su-ecl__fini[data-visible="1"]{clip-path:inset(0)}@media (prefers-reduced-motion:reduce){.su-ecl__devant{animation:none}}@media (max-width:767px){.su-str__grille{grid-template-rows:auto auto auto auto;row-gap:16px;padding-top:84px}.su-str__tete{grid-column:1/-1}.su-str__titre{font-size:clamp(2rem,9vw,3rem)}.su-ecl{--larg:64vw;grid-area:2/1/auto/-1;min-height:50svh}.su-ecl__stage{top:60%}.su-str__liste{grid-area:3/1/auto/-1}.su-str__couche[data-actif="0"] .su-str__ligne,.su-str__couche[data-actif="0"] .su-str__texte{display:none}.su-str__bouton{padding:8px 0}.su-str__fin{display:none}}
.su-off{min-height:100svh;color:var(--su-texte);position:relative}.su-off__grille{max-width:var(--su-conteneur-scene);padding:96px var(--su-gouttiere) 64px;column-gap:var(--su-gouttiere);grid-template-rows:auto auto 1fr;grid-template-columns:repeat(12,1fr);row-gap:24px;min-height:100svh;margin:0 auto;display:grid}.su-off__tete{grid-area:1/1/auto/span 4}.su-off__etiquette{color:var(--su-texte-doux);margin:0 0 12px}.su-off__titre{color:var(--su-navy);margin:0;font-size:clamp(2.4rem,5.2vw,5rem)}.su-off__selecteur{flex-direction:column;grid-area:2/1/auto/span 4;gap:10px;display:flex}.su-off__onglet{background:var(--su-ivoire-creuse);min-height:56px;color:var(--su-navy);text-align:left;font-family:var(--su-font-display), sans-serif;cursor:pointer;transition:transform var(--su-reflexe) var(--su-glisse), background var(--su-geste);border:1px solid #0000;grid-template-columns:3ch 1fr;align-items:center;gap:14px;padding:12px 16px;font-size:1.125rem;font-weight:600;display:grid}.su-off__onglet[data-actif="1"]{background:var(--su-navy);color:var(--su-ivoire);transform:translate(-2px,-2px)}.su-off__onglet:focus-visible{outline:2px solid var(--su-ambre);outline-offset:3px}.su-off__num{color:var(--su-ambre-texte)}.su-off__onglet[data-actif="1"] .su-off__num{color:var(--su-ambre-clair)}.su-off__scene{pointer-events:none;grid-area:1/5/span 3/span 8;align-items:center;display:flex}.su-off__panneau{flex-direction:column;grid-area:3/1/auto/span 4;align-items:flex-start;gap:18px;display:flex}.su-off__prix{color:var(--su-navy);margin:0}.su-off__cadran{font-size:clamp(2.5rem,4.5vw,4rem)}.su-off__fiche{width:100%;color:var(--su-navy)}.su-off__fenetre{filter:drop-shadow(0 28px 40px #0d2c4c47);width:100%}@media (max-width:767px){.su-off__grille{grid-template-rows:auto auto auto auto;row-gap:16px;padding-top:84px}.su-off__tete{grid-column:1/-1}.su-off__titre{font-size:clamp(2rem,9.5vw,3rem)}.su-off__selecteur{scroll-snap-type:x mandatory;scrollbar-width:none;flex-direction:row;grid-area:2/1/auto/-1;gap:8px;overflow-x:auto}.su-off__onglet{scroll-snap-align:start;flex:none;min-height:48px;font-size:1rem}.su-off__scene{grid-area:3/1/auto/-1}.su-off__panneau{grid-area:4/1/auto/-1}.su-off__panneau .su-action{width:100%}}