.pp{--pp-encre:#521239;--pp-doux:#6e4a5c;--pp-fond:#f8f5ef;--pp-carte:#fff;--pp-ligne:#52123924;--pp-corail:#c15a7e;background:var(--pp-fond);min-height:100svh;color:var(--pp-encre);font-family:var(--sans);padding:clamp(28px,6vw,72px) 16px 32px;position:relative;overflow:hidden}.pp-ciel{z-index:0;pointer-events:none;background:radial-gradient(60% 80% at 50% 0,#e8a7c073 0%,#0000 70%),radial-gradient(50% 70% at 15% 10%,#c15a7e33 0%,#0000 70%),radial-gradient(50% 70% at 85% 15%,#e8a7c059 0%,#0000 70%);height:min(70svh,620px);position:absolute;inset:0 0 auto}.pp>:not(.pp-ciel){z-index:1;position:relative}.pp-logo{width:min(220px,62vw);height:auto;margin:0 auto 22px;display:block}.pp h1{text-align:center;letter-spacing:-.025em;text-wrap:balance;max-width:16ch;margin:0 auto 14px;font-size:clamp(30px,5.4vw,58px);line-height:1.02}.pp-doux{color:var(--pp-doux);text-align:center;text-wrap:pretty;max-width:58ch;margin:0 auto;font-size:17px}.pp-signature{text-align:center;color:var(--pp-doux);margin:40px 0 0;font-size:13px}.pp-porte{flex-direction:column;justify-content:center;align-items:center;display:flex}.pp-porte-carte{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--pp-ligne);background:#ffffffd1;border-radius:24px;width:100%;max-width:440px;padding:clamp(26px,5vw,40px);animation:.7s cubic-bezier(.2,.7,.2,1) both pp-monte;box-shadow:0 30px 80px -40px #52123973}.pp-porte h1{font-size:clamp(28px,7vw,40px)}.pp-form{gap:10px;margin-top:26px;display:grid}.pp-form label{font-size:15px;font-weight:700}.pp-form input{font:inherit;letter-spacing:.25em;text-align:center;border:1.5px solid var(--pp-ligne);color:var(--pp-encre);background:#fff;border-radius:14px;width:100%;padding:14px 16px;font-size:22px}.pp-form input:focus{border-color:var(--pp-corail);outline:none;box-shadow:0 0 0 4px #c15a7e2e}.pp-form input[aria-invalid=true]{border-color:var(--pp-corail)}.pp-form button{font:inherit;cursor:pointer;color:#fff;background:#521239;border:0;border-radius:999px;padding:15px 20px;font-size:17px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 30px -14px #521239cc}.pp-form button:hover{transform:translateY(-1px);box-shadow:0 16px 34px -14px #521239e6}.pp-form button:focus-visible{outline:3px solid var(--pp-encre);outline-offset:3px}.pp-erreur{color:#b42318;margin:0;font-size:15px}.pp-tete{margin-bottom:clamp(32px,5vw,56px);animation:.7s cubic-bezier(.2,.7,.2,1) both pp-monte}.pp-grille{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.6vw,32px);max-width:1180px;margin:0 auto;padding:0;list-style:none;display:grid}.pp-carte{animation:.7s cubic-bezier(.2,.7,.2,1) both pp-monte}.pp-carte:nth-child(2){animation-delay:80ms}.pp-carte:nth-child(3){animation-delay:.16s}.pp-carte:nth-child(4){animation-delay:.24s}.pp-carte:nth-child(5){animation-delay:.32s}@media (min-width:761px){.pp-carte:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - clamp(18px,2.6vw,32px)/2)}}.pp-lien{height:100%;color:inherit;background:var(--pp-carte);border:1px solid var(--pp-ligne);border-radius:24px;flex-direction:column;text-decoration:none;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;display:flex;overflow:hidden;box-shadow:0 20px 60px -40px #52123980}.pp-lien:hover{transform:translateY(-4px);box-shadow:0 30px 70px -36px #5212398c}.pp-lien:focus-visible{outline:3px solid var(--teinte);outline-offset:4px}.pp-apercu{aspect-ratio:16/10.5;background:color-mix(in srgb, var(--teinte) 14%, #f8f5ef);padding:6% 15% 0 6%;position:relative;overflow:hidden}.pp-ordi{background:#fff;border-radius:12px 12px 0 0;height:100%;position:relative;overflow:hidden;box-shadow:0 18px 40px -20px #52123980}.pp-barre{background:#f1ebe6;gap:5px;padding:7px 9px;display:flex}.pp-barre i{background:#52123938;border-radius:50%;width:7px;height:7px}.pp-ordi img{object-fit:cover;object-position:top center;width:100%;height:calc(100% - 21px);transition:transform .6s cubic-bezier(.2,.7,.2,1)}.pp-tel{aspect-ratio:390/800;background:#fff;border:4px solid #1f1f1f;border-radius:18px;width:24%;transition:transform .5s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:-8%;right:5%;overflow:hidden;box-shadow:0 20px 40px -14px #52123999}.pp-tel img{object-fit:cover;object-position:top center;width:100%;height:100%}.pp-lien:hover .pp-ordi img{transform:scale(1.03)}.pp-lien:hover .pp-tel{transform:translateY(-6%)}.pp-texte{flex-direction:column;flex:1;padding:clamp(20px,2.4vw,28px);display:flex}.pp-numero{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--teinte) 62%, #521239);margin:0 0 6px;font-size:13px;font-weight:700}.pp-texte h2{letter-spacing:-.02em;margin:0 0 20px;font-size:clamp(24px,2.6vw,32px);line-height:1.05}.pp-texte p:not(.pp-numero,.pp-etiquette){color:var(--pp-doux);margin:0 0 20px;font-size:16px;line-height:1.55}.pp-bouton{background:var(--teinte);color:var(--teinte-texte,#fff);border-radius:999px;align-self:flex-start;margin-top:auto;padding:12px 20px;font-size:16px;font-weight:700;transition:filter .2s}.pp-lien:hover .pp-bouton{filter:brightness(1.08)}.pp-cache{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pp-une{max-width:1180px;margin:0 auto clamp(28px,4vw,48px)}.pp-une .pp-lien{border:2px solid var(--teinte);box-shadow:0 34px 90px -44px #521239b3}.pp-etiquette{background:var(--teinte);color:#fff;letter-spacing:.04em;border-radius:999px;align-self:flex-start;margin:0 0 16px;padding:6px 12px;font-size:13px;font-weight:700}.pp-une .pp-texte h2{font-size:clamp(30px,3.6vw,46px)}@media (min-width:761px){.pp-une .pp-lien{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);display:grid}.pp-une .pp-apercu{aspect-ratio:auto;height:clamp(340px,34vw,440px);min-height:100%}.pp-une .pp-texte{justify-content:center;padding:clamp(28px,3.4vw,48px)}.pp-une .pp-bouton{margin-top:8px;padding:14px 24px;font-size:17px}}@keyframes pp-monte{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (max-width:760px){.pp-grille{grid-template-columns:minmax(0,1fr)}.pp h1{font-size:clamp(28px,8.5vw,40px)}.pp-doux{font-size:16px}.pp-bouton{text-align:center;align-self:stretch}}@media (prefers-reduced-motion:reduce){.pp-porte-carte,.pp-tete,.pp-carte{animation:none}.pp-lien,.pp-ordi img,.pp-tel{transition:none}}