.su-cmp__intro-grille{max-width:var(--su-conteneur-scene);min-height:94svh;padding:120px var(--su-gouttiere) 48px;column-gap:var(--su-gouttiere);grid-template-columns:repeat(12,1fr);align-items:end;margin:0 auto;display:grid}.su-cmp__intro-texte{grid-column:1/span 6;padding-bottom:8svh}.su-cmp__intro-pile{pointer-events:none;grid-column:8/span 5;align-self:stretch}.su-cmp__intro-cadre{width:100%;height:100%;min-height:50svh}.su-cmp__h1{margin:0;font-size:clamp(3rem,7vw,6.6rem)}.su-cmp__num{color:var(--su-texte-doux);margin:0 0 14px}.su-cmp__ligne{max-width:52ch;color:var(--su-texte-doux);margin:18px 0 0;font-size:1.0625rem}.su-cmp__scene{min-height:100svh}.su-cmp__grille{max-width:var(--su-conteneur-scene);min-height:100svh;padding:96px var(--su-gouttiere) 32px;column-gap:var(--su-gouttiere);grid-template-rows:auto 1fr auto;grid-template-columns:repeat(12,1fr);row-gap:20px;margin:0 auto;display:grid}.su-cmp__tete{grid-column:1/span 6}.su-cmp__titre{margin:0;font-size:clamp(2.2rem,4.4vw,4rem)}.su-cmp__code{box-shadow:0 0 0 1px color-mix(in srgb, var(--su-ivoire) 10%, transparent), 0 24px 60px #060e1c80;background:#061426e0;border-radius:6px;grid-area:2/1/auto/span 6;align-self:center;margin:0;overflow:hidden}.su-cmp__fichier{color:var(--su-graphite);border-bottom:1px solid color-mix(in srgb, var(--su-ivoire) 8%, transparent);margin:0;padding:10px 16px;font-size:.75rem}.su-cmp__fichier span{color:var(--su-ambre);letter-spacing:.2em;margin-right:8px}.su-cmp__code pre{font-family:var(--su-font-mono), ui-monospace, monospace;flex-direction:column;margin:0;padding:14px 0;font-size:clamp(.72rem,.95vw,.9rem);line-height:1.7;display:flex;overflow-x:auto}.su-cmp__l{white-space:pre;color:#e6ecf5;clip-path:inset(0 calc((1 - var(--t,0)) * 100%) 0 0);border-left:2px solid #0000;outline:none;padding:0 16px 0 0;display:block}.su-cmp__l[data-produit="1"]{cursor:crosshair}.su-cmp__l[data-produit="1"]:hover,.su-cmp__l[data-produit="1"]:focus-visible{background:color-mix(in srgb, var(--su-ambre) 14%, transparent);border-left-color:var(--su-ambre)}.su-cmp__n{text-align:right;width:4ch;color:color-mix(in srgb, var(--su-graphite) 70%, transparent);margin-right:1.4ch;display:inline-block}.su-cmp__statut{color:var(--su-graphite);border-top:1px solid color-mix(in srgb, var(--su-ivoire) 8%, transparent);margin:0;padding:10px 16px;font-size:.75rem}.su-cmp__statut[data-fini="1"]{color:var(--su-ambre-clair)}.su-cmp__rendu{pointer-events:none;grid-area:1/7/span 3/span 6;align-items:center;display:flex}.su-cmp__cadre{width:100%;height:min(78svh,100%)}.su-cmp__offre{flex-wrap:wrap;grid-area:3/1/auto/span 6;align-items:center;gap:24px;display:flex}.su-cmp__cadran{font-size:clamp(2rem,3.4vw,3rem)}.su-cmp__fin{max-width:var(--su-conteneur-scene);padding:16svh var(--su-gouttiere) 14svh;margin:0 auto}.su-cmp__fin-titre{margin:0 0 32px;font-size:clamp(2rem,4vw,3.4rem)}.su-cmp__autour{gap:var(--su-gouttiere);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.su-cmp__autour li{padding:24px}.su-cmp__autour h3{font-family:var(--su-font-display), sans-serif;margin:0 0 10px;font-size:1.375rem}.su-cmp__autour p{margin:0 0 14px}.su-cmp__autour a{color:var(--su-accent-texte)}@media (max-width:767px){.su-cmp__intro-grille{padding-top:92px}.su-cmp__intro-texte,.su-cmp__intro-pile,.su-cmp__tete,.su-cmp__code,.su-cmp__offre{grid-column:1/-1}.su-cmp__intro-pile{grid-row:1}.su-cmp__intro-cadre{min-height:34svh}.su-cmp__grille{grid-template-rows:auto auto 30svh auto;padding-top:80px}.su-cmp__rendu{grid-area:3/1/auto/-1}.su-cmp__cadre{height:30svh}.su-cmp__code pre{font-size:.66rem;overflow-x:hidden}.su-cmp__l{white-space:pre-wrap;overflow-wrap:anywhere;text-indent:-2ch;padding-left:2ch}.su-cmp__offre{grid-row:4}.su-cmp__autour{grid-template-columns:1fr}}