.noel,.noel-vitrine{--n-ivoire: #fffbf4;--n-creme: #f4ecd9;--n-lueur: #fff0cf;--n-choco: #5b381d;--n-sapin: #352e1d;--n-or-doux: #ce9e75}.noel-rosette{position:relative;display:grid;aspect-ratio:1;place-items:center}.noel-rosette>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.noel-rosette-contenu{position:relative;display:flex;max-width:74%;flex-direction:column;align-items:center;text-align:center}.noel-scene{position:relative;display:grid;aspect-ratio:16 / 10;place-items:center;overflow:hidden;background:var(--fond);isolation:isolate;container-type:size}.noel-scene--photo{aspect-ratio:1}@media(min-width:640px){.noel-grille--buches .noel-scene{aspect-ratio:4 / 5}}@media(min-width:720px){.noel-grille--2 .noel-scene{aspect-ratio:4 / 3}}.noel-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.noel-scene-decor{position:absolute;inset:0;z-index:-1}.noel-scintille{position:absolute;transform:translate(-50%,-50%);animation:noel-scintille 3.6s ease-in-out infinite}@keyframes noel-scintille{0%,to{opacity:.55;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}}.noel-ruban-croise{position:absolute;background:var(--clair);opacity:.42;box-shadow:inset 1px 0 #fffbf4b3,inset -1px 0 #fffbf4b3}.noel-ruban-croise--v{top:0;bottom:0;left:50%;width:12%;transform:translate(-50%)}.noel-ruban-croise--h{left:0;right:0;top:50%;height:12%;transform:translateY(-50%);box-shadow:inset 0 1px #fffbf4b3,inset 0 -1px #fffbf4b3}.noel-confetti{position:absolute;width:11px;height:4px;border-radius:1px;transform:translate(-50%,-50%) rotate(var(--rot))}.noel-confetti.is-rond{width:7px;height:7px;border-radius:50%}.noel-couvercle{position:absolute;top:0;left:0;right:0;height:22%;background:color-mix(in srgb,var(--fond) 84%,var(--clair));box-shadow:0 2px #352e1d0f,0 7px 10px -6px #352e1d47;transform-origin:15% 100%;transition:transform .6s var(--ease-out-expo),opacity .4s ease-out}.noel-lueur{position:absolute;inset:0;background:radial-gradient(58% 56% at 50% 48%,#fff4d6f2,#fff4d600 72%);opacity:0;transition:opacity .5s ease-out}.noel-ruban-croise--v{transform-origin:50% 0;transition:transform .45s var(--ease-out-expo)}.noel-ruban-croise--h{transform-origin:100% 50%;transition:transform .45s var(--ease-out-expo)}.noel-confetti{transition:transform .55s var(--ease-out-expo) calc(.12s + var(--i, 0) * 12ms),opacity .3s ease-out calc(.12s + var(--i, 0) * 12ms)}.js-paquets .noel-carte:not(.is-ouvert) .noel-confetti{opacity:0;transform:translate(-50%,-50%) rotate(var(--rot)) scale(.2)}.js-paquets .noel-scene{cursor:pointer}.js-paquets .noel-carte.is-ouvert .noel-couvercle{opacity:0;transform:translateY(-115%) rotate(-8deg)}.js-paquets .noel-carte.is-ouvert .noel-ruban-croise--v{transform:translate(-50%) scaleY(0)}.js-paquets .noel-carte.is-ouvert .noel-ruban-croise--h{transform:translateY(-50%) scaleX(0)}.js-paquets .noel-carte.is-ouvert .noel-lueur{opacity:1;transition-delay:.1s}.noel-scene{transition:box-shadow .5s ease-out}.js-paquets .noel-carte.is-ouvert .noel-scene:not(.noel-scene--photo){box-shadow:inset 0 16px 22px -14px #352e1d66,inset 0 0 0 1px #352e1d0f}@media(hover:hover)and (pointer:fine){.js-paquets .noel-carte:not(.is-ouvert) .noel-scene:hover .noel-couvercle{transform:translateY(-9%) rotate(-1.5deg)}}.noel-pastille{position:absolute;width:clamp(10px,4.6cqw,17px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);box-shadow:inset 0 -2px #352e1d1f}.noel-etiquette{width:min(72cqw,82cqh,260px);color:var(--accent);transition:transform .7s var(--ease-out-expo);filter:drop-shadow(0 6px 8px rgba(91,56,29,.12))}.noel-etiquette .noel-rosette-contenu{max-width:68%}.noel-scene--signature{aspect-ratio:4 / 3}.noel-scene--signature .noel-etiquette{width:min(92cqw,92cqh,290px)}.noel-scene--signature .noel-etiquette-etoile{margin-bottom:.25rem}.noel-scene--signature .noel-nom{letter-spacing:.06em}.noel-accroche{max-width:9em;margin:.35rem auto 0;font-family:var(--font-display);font-style:italic;font-size:1rem;line-height:1.2;color:var(--accent);text-wrap:balance}.noel-scene--mignardises .noel-etiquette{width:min(66cqw,86cqh,260px)}@media(hover:hover)and (pointer:fine){.noel-carte:hover .noel-etiquette{transform:rotate(-5deg) scale(1.03)}}.noel-etiquette-etoile{width:12px;margin-bottom:.4rem;color:var(--accent)}.noel-nom{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(1rem,5cqw,1.4rem);line-height:1.12;letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink);text-wrap:balance}.noel-scene--mignardises .noel-nom{font-size:1rem;letter-spacing:.02em}.noel-scene--photo .noel-etiquette{position:absolute;left:4%;bottom:4%;width:min(42cqw,180px);transform:rotate(-6deg)}@media(prefers-reduced-motion:reduce){.noel-scintille{animation:none;opacity:.9}.noel-etiquette,.noel-couvercle,.noel-lueur,.noel-scene,.noel-ruban-croise--v,.noel-ruban-croise--h,.noel-confetti{transition:none}}.pe-couche{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.pe-chute{position:absolute;top:0;left:var(--x);width:var(--s);height:100%;animation:pe-tombe var(--t) linear var(--d) infinite;will-change:transform}.pe-chute:before{content:"";position:absolute;top:0;left:0;width:var(--s);height:var(--s);border-radius:50%;background:#fff3de;opacity:var(--o);animation:pe-oscille var(--b) ease-in-out infinite alternate}@keyframes pe-tombe{0%{transform:translateY(-6%)}to{transform:translateY(100%)}}@keyframes pe-oscille{0%{transform:translate(-9px)}to{transform:translate(9px)}}.pe-scintille{position:absolute;top:var(--y);left:var(--x);width:var(--s);height:var(--s);fill:#fff3de;animation:pe-brille var(--t) ease-in-out var(--d) infinite}@keyframes pe-brille{0%,to{opacity:.25;transform:scale(.7) rotate(0)}50%{opacity:.95;transform:scale(1) rotate(20deg)}}@media(prefers-reduced-motion:reduce){.pe-chute,.pe-chute:before,.pe-scintille{animation:none}.pe-chute{transform:translateY(calc(var(--x) * .8))}.pe-scintille{opacity:.6}}.bv{position:relative;color:#fff3de}.bv-svg{display:block;width:100%;height:auto;overflow:visible}.bv-calques{position:absolute;inset:0;pointer-events:none}.bv-calques>div,.bv-calques span,.bv-calques svg{position:absolute}.bv-calques svg{inset:0;width:100%;height:100%;overflow:visible}.bv-t{fill:none;stroke:#fff;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2;stroke-dashoffset:1.01}.bv-encre{opacity:0}.bv--trace:not(.bv--vivante) .bv-vif,.bv--trace:not(.bv--vivante) .bv-lumieres{visibility:hidden}.bv--trace:not(.bv--vivante) :is(.bv-lampe,.bv-halo,.bv-halo>span,.bv-feu,.bv-herbes,.bv-flamme,.bv-lumieres,.bv-reflet){animation:none}.bv--loin :is(.bv-lampe,.bv-halo,.bv-halo>span,.bv-feu,.bv-herbes,.bv-flamme,.bv-lumieres,.bv-reflet){animation-play-state:paused}.bv-lampe{--periode: 5.6s;animation:bv-balance var(--periode) linear .6s infinite both}.bv-lampe--2{--periode: 6.3s;animation-delay:.9s}.bv-lampe--3{--periode: 5.9s;animation-delay:1.2s}@keyframes bv-balance{0%,50%{transform:rotate(0);animation-timing-function:cubic-bezier(.61,1,.88,1)}25%{transform:rotate(2.4deg);animation-timing-function:cubic-bezier(.12,0,.39,0)}75%{transform:rotate(-2.4deg);animation-timing-function:cubic-bezier(.12,0,.39,0)}to{transform:rotate(0)}}.bv-halo{--allume: .1s;animation:bv-allume .9s ease-out var(--allume) both}.bv-halo>span{inset:0;background:radial-gradient(closest-side,#ffecc499,#ffecc42e 55%,#ffecc400);animation:bv-respire 4.6s ease-in-out calc(var(--allume) + .9s) infinite both}.bv-lampe--2 .bv-halo{--allume: .35s}.bv-lampe--2 .bv-halo>span{animation-duration:5.1s}.bv-lampe--3 .bv-halo{--allume: .6s}.bv-lampe--3 .bv-halo>span{animation-duration:4.2s}@keyframes bv-respire{0%,to{opacity:.6}50%{opacity:1}}.bv-herbes{animation:bv-ondule 6.5s linear .8s infinite both}@keyframes bv-ondule{0%,50%{transform:skew(0);animation-timing-function:cubic-bezier(.61,1,.88,1)}25%{transform:skew(2.6deg);animation-timing-function:cubic-bezier(.12,0,.39,0)}75%{transform:skew(-2.6deg);animation-timing-function:cubic-bezier(.12,0,.39,0)}to{transform:skew(0)}}.bv-feu{background:radial-gradient(closest-side,#fff8e6f2,#ffdca08c 35%,#ffdca000);animation:bv-allume .7s ease-out .2s both}.bv-flamme--2 .bv-feu{animation-delay:.45s}.bv-flamme{animation:bv-vacille 1.6s ease-in-out infinite}.bv-flamme--2{animation-duration:1.9s;animation-delay:.3s}@keyframes bv-vacille{0%,to{transform:scale(1);opacity:1}25%{transform:scale(.85,1.14) skew(-4deg);opacity:.85}50%{transform:scale(1.08,.94) skew(3deg);opacity:1}75%{transform:scale(.92,1.08) skew(-2deg);opacity:.9}}.bv-lumieres{position:absolute;inset:0;pointer-events:none;animation:bv-allume .9s ease-out .6s both}@keyframes bv-allume{0%{opacity:0}}.bv-vitrine{position:absolute;left:20%;top:63.6%;width:70.5%;height:14.6%;overflow:hidden}.bv-reflet{position:absolute;top:-20%;bottom:-20%;left:0;width:16%;background:linear-gradient(90deg,#fff3de00,#fff3de61,#fff3de00);transform:translate(-120%) skew(-20deg);animation:bv-reflet 7s ease-in-out 2s infinite}@keyframes bv-reflet{0%{transform:translate(-120%) skew(-20deg)}30%,to{transform:translate(720%) skew(-20deg)}}@media(prefers-reduced-motion:reduce){.bv-lampe,.bv-halo,.bv-halo>span,.bv-feu,.bv-herbes,.bv-flamme{animation:none}.bv-lumieres{display:none}}
