.att{position:absolute;inset:0;z-index:4;display:grid;grid-template-columns:minmax(0,300px) minmax(0,340px);place-content:center;align-items:center;gap:clamp(22px,3.4vw,44px);padding:clamp(16px,3vw,36px);background:radial-gradient(ellipse 70% 60% at 30% 40%,rgba(255,250,242,.95),rgba(255,250,242,0) 70%),#f4efe7;color:var(--ad-encre,#1e2b25);transition:opacity .45s ease}.att.is-fini{opacity:0;pointer-events:none}.att__scene{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:var(--ad-case-rayon,8px);background:#e9e1d4;box-shadow:0 1px 2px rgba(40,26,14,.12),0 26px 50px -30px rgba(40,26,14,.55)}.att__mur{inset:0;background:radial-gradient(ellipse 80% 55% at 50% 30%,rgba(255,248,236,.9),rgba(255,248,236,0) 70%),linear-gradient(180deg,#e8dccb,#dccdb8 74%,#cdb99f);transition:opacity .8s ease}.att__mur,.att__tablette{position:absolute;opacity:0}.att__tablette{left:0;right:0;top:76%;bottom:0;background:linear-gradient(180deg,#b98b5e,#a7774c 6px,#8f6440);box-shadow:inset 0 1px 0 rgba(255,236,206,.6);transform:translateY(14px);transition:opacity .8s ease .1s,transform .8s cubic-bezier(.2,.7,.3,1) .1s}.att__photo{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .9s ease,filter .9s ease,transform 1.2s ease}.att__balayage{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,252,245,0),rgba(255,252,245,0) 40%,rgba(255,252,245,.55) 49%,rgba(255,250,240,.9) 50%,rgba(255,252,245,.55) 51%,rgba(255,252,245,0) 60%,rgba(255,252,245,0));background-size:100% 220%;mix-blend-mode:soft-light;animation:att-balayage 2.4s cubic-bezier(.45,0,.35,1) infinite}.att__balayage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,transparent 49.6%,rgba(255,246,228,.95) 50%,transparent 50.4%,transparent);background-size:100% 220%;animation:inherit}@keyframes att-balayage{0%{background-position:0 100%}to{background-position:0 0}}.att.is-posee .att__photo{opacity:0;filter:blur(6px) saturate(.6);transform:scale(1.06)}.att.is-posee :is(.att__mur,.att__tablette){opacity:1;transform:none}.att__pose{position:absolute;left:16%;right:16%;top:18%;bottom:24%}.att__piece{position:relative;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom;filter:drop-shadow(0 14px 18px rgba(40,24,10,.28));animation:att-pose 1.1s cubic-bezier(.2,.8,.25,1) both}@keyframes att-pose{0%{opacity:0;transform:translateY(-10%) scale(1.08);filter:drop-shadow(0 30px 26px rgba(40,24,10,.18))}60%{opacity:1}to{opacity:1;transform:none;filter:drop-shadow(0 14px 18px rgba(40,24,10,.28))}}.att--oeuvre .att__pose{left:22%;right:22%;top:14%;bottom:36%}.att--oeuvre .att__piece{-o-object-position:center;object-position:center;animation-name:att-accroche;filter:drop-shadow(0 8px 12px rgba(40,24,10,.35))}@keyframes att-accroche{0%{opacity:0;transform:scale(1.06)}}.att__ombre{position:absolute;left:22%;right:22%;bottom:-5px;height:12px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(40,22,8,.45),rgba(40,22,8,0) 70%);opacity:.35;transition:opacity .9s ease}.att--oeuvre .att__ombre{display:none}.att.is-lumiere .att__ombre{opacity:1}.att.is-lumiere .att__mur{background:radial-gradient(ellipse 60% 50% at 22% 18%,rgba(255,242,214,.95),rgba(255,242,214,0) 70%),linear-gradient(180deg,#e8dccb,#dccdb8 74%,#cdb99f)}.att__texte{display:grid;gap:14px;min-width:0}.att__surtitre{margin:0;color:var(--ad-marque,#cc2e00);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.att__titre{margin:0;color:var(--ad-encre,#1e2b25);font-family:var(--ad-f-titre);font-size:clamp(1.35rem,2.1vw,1.8rem);font-variation-settings:"wght" 760;letter-spacing:-.035em;line-height:1.12;animation:att-apparait .6s ease both}.att__points{display:inline-flex;gap:3px;margin-left:4px;vertical-align:.12em}.att__points i{width:5px;height:5px;border-radius:50%;background:var(--ad-marque,#cc2e00);animation:att-point 1.2s ease-in-out infinite}.att__points i:nth-child(2){animation-delay:.15s}.att__points i:nth-child(3){animation-delay:.3s}@keyframes att-point{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.att__barre{position:relative;height:4px;overflow:hidden;border-radius:999px;background:rgba(30,43,37,.1)}.att__barre>span{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,var(--ad-marque,#cc2e00),#e8643a);transform-origin:left center;transition:transform .5s ease}.att__etapes{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;list-style:none}.att__etapes li{display:inline-flex;align-items:center;gap:7px;color:color-mix(in srgb,var(--ad-encre,#1e2b25) 45%,transparent);font-size:.82rem;font-weight:600;transition:color .3s ease}.att__etapes li.is-en-cours,.att__etapes li.is-fait{color:var(--ad-encre,#1e2b25)}.att__puce{display:grid;place-items:center;width:16px;height:16px;border:1.5px solid;border-radius:50%}.att__etapes li.is-en-cours .att__puce{border-color:var(--ad-marque,#cc2e00);box-shadow:0 0 0 3px rgba(204,46,0,.14)}.att__etapes li.is-fait .att__puce{border-color:var(--ad-vert,#2f5d46);background:var(--ad-vert,#2f5d46)}.att__puce svg{width:11px;height:11px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.att__astuce{min-height:3em;margin:6px 0 0;padding-left:12px;border-left:2px solid rgba(204,46,0,.5);color:var(--ad-encre-douce,#4a403a);font-size:.88rem;line-height:1.5;animation:att-apparait .6s ease both}@keyframes att-apparait{0%{opacity:0;transform:translateY(6px)}}@media (max-width:700px){.att{grid-template-columns:minmax(0,240px);gap:18px;text-align:left}.att__texte{gap:10px}}@media (prefers-reduced-motion:reduce){.att__astuce,.att__balayage,.att__balayage:after,.att__piece,.att__points i,.att__titre{animation:none}}