.su-atn__scene{height:100svh}.su-atn__grille{max-width:var(--su-conteneur-scene);height:100%;padding:100px var(--su-gouttiere) 28px;column-gap:var(--su-gouttiere);grid-template-rows:auto 1fr;grid-template-columns:repeat(12,1fr);margin:0 auto;display:grid}.su-atn__tete{grid-column:1/span 6}.su-atn__etiquette{color:var(--su-texte-doux);margin:0 0 14px}.su-atn__titre{margin:0;font-size:clamp(2.6rem,5.6vw,5.4rem)}.su-atn__role{color:var(--su-ambre-clair);margin:10px 0 0}.su-atn__interrupteur{border:1px solid color-mix(in srgb, var(--su-ivoire) 25%, transparent);min-height:44px;color:var(--su-texte);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:10px;margin-top:22px;padding:8px 14px 8px 8px;font-size:.875rem;display:inline-flex}.su-atn__bouton{background:var(--su-ambre);width:34px;height:20px;transition:background var(--su-geste);border-radius:999px;position:relative}.su-atn__bouton:after{content:"";background:var(--su-ivoire);width:14px;height:14px;transition:left var(--su-geste) var(--su-pose);border-radius:50%;position:absolute;top:3px;left:17px}.su-atn__interrupteur[aria-pressed=false] .su-atn__bouton{background:var(--su-graphite)}.su-atn__interrupteur[aria-pressed=false] .su-atn__bouton:after{left:3px}:root[data-su-lampe="0"] .su-atn__grille{--su-texte-doux:color-mix(in srgb, var(--su-graphite) 60%, transparent)}.su-atn__portrait{aspect-ratio:146/229;width:100%;max-height:76svh;transform:scale(calc(1 + .16 * var(--approche,0)));transform-origin:50% 45%;grid-area:1/8/span 2/span 4;place-self:center;margin:0;position:relative}.su-atn__cadre-zone{pointer-events:none;position:absolute;inset:0}.su-atn__cadre{width:100%;height:100%}.su-atn__photo{clip-path:inset(calc((1 - var(--revele,0)) * 50%) 0 calc((1 - var(--revele,0)) * 50%) 0);position:absolute;inset:12.45% 8.9% 21.2%;overflow:hidden}.su-atn__photo .su-portrait{object-fit:cover;width:100%;height:100%}.su-atn__engagements{flex-direction:column;grid-area:2/1/auto/span 7;align-self:end;gap:4px;margin:0 0 4svh;padding:0;list-style:none;display:flex}.su-atn__ligne{font-family:var(--su-font-display), sans-serif;color:var(--su-ivoire);clip-path:inset(0 calc((1 - var(--e,1)) * 100%) 0 0);text-shadow:0 0 calc(var(--e,1) * 18px) color-mix(in srgb, var(--su-ambre) 45%, transparent);font-size:clamp(1.6rem,3.4vw,3.4rem);font-weight:700;line-height:1.15;display:inline-block}.su-atn__recit-grille{max-width:var(--su-conteneur-scene);padding:16svh var(--su-gouttiere) 14svh;column-gap:var(--su-gouttiere);grid-template-columns:repeat(12,1fr);row-gap:48px;margin:0 auto;display:grid}.su-atn__h2{grid-column:1/span 8;margin:0;font-size:clamp(2.2rem,4.4vw,4rem)}.su-atn__paragraphes{grid-column:1/span 7;font-size:1.125rem}.su-atn__paragraphes p{max-width:62ch;margin:0 0 1em}.su-atn__fiche{flex-direction:column;grid-column:9/span 4;gap:16px;margin:0;display:flex}.su-atn__fiche dt{color:var(--su-texte-doux);font-size:.75rem}.su-atn__fiche dd{margin:4px 0 0}.su-atn__fiche a{color:var(--su-accent-texte)}.su-atn__faq{grid-column:1/span 8}.su-atn__actions{flex-wrap:wrap;grid-column:1/-1;gap:12px;display:flex}@media (max-width:767px){.su-atn__grille{grid-template-rows:auto 1fr auto;padding-top:84px}.su-atn__tete{grid-column:1/-1}.su-atn__portrait{grid-area:2/3/auto/span 8;max-height:44svh}.su-atn__engagements{grid-area:3/1/auto/-1;margin-top:9svh}.su-atn__ligne{font-size:clamp(1.4rem,6.2vw,2rem)}.su-atn__h2,.su-atn__paragraphes,.su-atn__fiche,.su-atn__faq{grid-column:1/-1}}