.ct55{--papier:#f3ead8;--papier-2:#faf5ea;--feuille:#fffdf8;--encre:#1a1712;--encre-2:#5a5348;--nuit:#0b1626;--brume:#aab4c3;--rouge:#a71f2b;--soleil:#f5bb3c;--filet:#1a17122b;--c:#1f4e79;--ct-serif:"TM Fraunces",Georgia,serif;--ct-mono:"TM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--ct-sans:"TM Inter",Arial,Helvetica,sans-serif;--ct-ease:cubic-bezier(.16,1,.3,1);--ct-pad:max(clamp(16px,5vw,72px),calc((100% - 1320px) / 2));background:var(--papier);color:var(--encre);font-family:var(--ct-sans);padding-bottom:clamp(56px,7vw,110px)}.ct55 :is(h1,h2,h3,p,ul,fieldset,legend){margin:0}.ct55 ul{padding:0;list-style:none}.ct55 :where(a,button){color:inherit}.ct55 .ct55-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ct55-surtitre{font:600 12px/1.4 var(--ct-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--soleil)}.ct55-surtitre.is-encre{color:var(--rouge)}.ct55-tete{position:relative;isolation:isolate;overflow:hidden;padding:clamp(40px,6vw,88px) var(--ct-pad) clamp(120px,12vw,170px);background:radial-gradient(55% 80% at 90% 10%,#1a3656 0,transparent 70%),radial-gradient(40% 60% at 0 100%,#3a121a55,transparent 70%),var(--nuit);color:var(--papier)}.ct55-tete-texte{position:relative;z-index:1;display:grid;gap:16px;max-width:880px;animation:ct55-monte .8s var(--ct-ease) both}.ct55-tete h1{font:500 clamp(42px,6.4vw,92px)/.95 var(--ct-serif);letter-spacing:-.035em;text-wrap:balance}.ct55-intro{max-width:56ch;font:400 clamp(16px,1.3vw,18.5px)/1.6 var(--ct-sans);color:var(--brume)}.ct55-ciel{position:absolute;z-index:0;top:42%;right:calc(-1 * clamp(160px,22vw,420px));width:1200px;height:300px;transform:translateY(-38%);opacity:.9;pointer-events:none}.ct55-ciel svg{display:block}.ct55-ciel path{fill:none;stroke:#f3ead833;stroke-width:1.2;stroke-dasharray:2 9;stroke-linecap:round}.ct55-pli{position:absolute;top:0;left:0;width:26px;height:17px;border-radius:2px;background:var(--papier);box-shadow:0 6px 16px #0007;offset-rotate:auto;animation:ct55-route 12.6s linear infinite}.ct55-pli:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom right,transparent 49%,#0b162655 50%,transparent 53%),linear-gradient(to bottom left,transparent 49%,#0b162655 50%,transparent 53%);background-size:100% 120%;background-repeat:no-repeat}.ct55-pli:nth-of-type(2){background:var(--soleil)}@keyframes ct55-route{0%{offset-distance:0;opacity:0}6%{opacity:1}94%{opacity:1}to{offset-distance:100%;opacity:0}}@keyframes ct55-monte{0%{opacity:0;transform:translateY(18px)}}.ct55-bureau{position:relative;z-index:1;display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:start;margin:calc(-1 * clamp(84px,9vw,128px)) var(--ct-pad) 0}.ct55-bureau.is-attente{display:block;padding:40px;border-radius:18px;background:var(--feuille);color:var(--encre-2)}.ct55-numero{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:8px;border-radius:50%;background:var(--c);color:#fff;font:700 12px/1 var(--ct-mono);transition:background-color .5s}.ct55-carnet{position:sticky;top:96px;min-width:0;padding:20px;border:0;border-radius:18px;background:#0f1d31;color:var(--papier);box-shadow:0 30px 60px -36px #000;animation:ct55-monte .8s .1s var(--ct-ease) both}.ct55-carnet legend{float:left;width:100%;margin-bottom:16px;font:600 14px/1.3 var(--ct-sans)}.ct55-planche{clear:both;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px}.ct55-choix{position:relative;display:grid;justify-items:center;gap:8px;padding:8px 4px 10px;border-radius:12px;cursor:pointer;text-align:center;animation:ct55-pose .7s calc(.2s + var(--i) * 60ms) var(--ct-ease) both;transition:background-color .3s}.ct55-choix input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.ct55-choix .ct55-timbre{--w:72px;transition:transform .45s var(--ct-ease),filter .3s}.ct55-choix:hover .ct55-timbre{transform:translateY(-3px) rotate(-3deg)}.ct55-choix[data-actif=oui]{background:#ffffff12}.ct55-choix[data-actif=oui] .ct55-timbre{transform:translateY(-4px) rotate(-4deg) scale(1.06);filter:drop-shadow(0 10px 14px #000a)}.ct55-choix[data-actif=non] .ct55-timbre{filter:saturate(.75) brightness(.92)}.ct55-choix-nom{font:500 12.5px/1.3 var(--ct-sans);color:var(--brume);transition:color .3s}.ct55-choix[data-actif=oui] .ct55-choix-nom{color:var(--papier);font-weight:650}.ct55-choix:has(input:focus-visible){outline:2px solid var(--soleil);outline-offset:2px}@keyframes ct55-pose{0%{opacity:0;transform:translateY(16px) rotate(6deg)}}.ct55-timbre{--w:64px;display:inline-block;flex:none;width:var(--w);aspect-ratio:4/5;padding:5px;background:#fffdf8;-webkit-mask:linear-gradient(#000 0 0) content-box,radial-gradient(circle 2.6px,#0000 92%,#000) -4px -4px/8px 8px round padding-box;mask:linear-gradient(#000 0 0) content-box,radial-gradient(circle 2.6px,#0000 92%,#000) -4px -4px/8px 8px round padding-box}.ct55-timbre-fond{position:relative;display:grid;place-items:center;height:100%;border:1.5px solid #fffdf8;outline:1px solid color-mix(in srgb,var(--c) 70%,#000);background:radial-gradient(120% 90% at 30% 20%,color-mix(in srgb,var(--c) 75%,#fff),var(--c) 60%,color-mix(in srgb,var(--c) 70%,#000));color:#fffdf8;overflow:hidden}.ct55-timbre svg{width:46%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ct55-timbre-valeur{position:absolute;top:3px;left:4px;font:700 calc(var(--w) * .15)/1 var(--ct-serif)}.ct55-timbre-nom{bottom:calc(var(--w) * .13);font:600 calc(var(--w) * .105)/1 var(--ct-sans);letter-spacing:.02em}.ct55-timbre-nom,.ct55-timbre-pays{position:absolute;left:0;right:0;text-align:center}.ct55-timbre-pays{bottom:3px;font:600 calc(var(--w) * .07)/1 var(--ct-mono);letter-spacing:.08em;text-transform:uppercase;opacity:.75}.ct55-table{display:grid;gap:14px;min-width:0;animation:ct55-monte .8s .18s var(--ct-ease) both}.ct55-etape{display:flex;align-items:center;min-height:24px;font:600 14px/1.3 var(--ct-sans);color:var(--papier)}.ct55-feuille,.ct55-lettre{position:relative}.ct55-feuille{display:grid;gap:clamp(18px,2vw,26px);padding:clamp(22px,3.4vw,48px);border-radius:6px;background:var(--feuille);box-shadow:inset 0 1px 0 #fff,0 2px 4px #1a171214,0 34px 70px -34px #0b1626aa;transform-origin:50% var(--env-y,62%);transition:transform .9s var(--ct-ease),opacity .45s .4s,box-shadow .5s}.ct55-feuille:before{content:"";position:absolute;inset:0 0 auto;height:5px;border-radius:6px 6px 0 0;background:repeating-linear-gradient(-45deg,var(--rouge) 0 14px,var(--feuille) 14px 22px,#1f4e79 22px 36px,var(--feuille) 36px 44px)}.ct55-entete{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.ct55-destinataire{display:grid;gap:3px}.ct55-destinataire small{font:600 11.5px/1.3 var(--ct-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--encre-2)}.ct55-destinataire b{font:500 clamp(22px,2.4vw,30px)/1.1 var(--ct-serif);letter-spacing:-.02em}.ct55-destinataire span{font:italic 400 15px/1.3 var(--ct-serif);color:var(--encre-2)}.ct55-coin{flex:none;min-width:84px;min-height:104px;display:grid;place-items:center;border:1.5px dashed #1a171233;border-radius:4px}.ct55-timbre.is-colle{--w:76px;transform:rotate(4deg);filter:drop-shadow(0 4px 6px #1a171233);animation:ct55-colle .55s var(--ct-ease) both}@keyframes ct55-colle{0%{opacity:0;transform:translate(-30px,-24px) rotate(-18deg) scale(1.35)}}.ct55-conseil{padding:12px 14px;border-left:3px solid var(--c);border-radius:0 8px 8px 0;background:color-mix(in srgb,var(--c) 8%,var(--feuille));font:400 14.5px/1.55 var(--ct-sans);color:var(--encre-2);transition:border-color .4s,background-color .4s}.ct55-conseil b{color:var(--encre)}.ct55-conseil a{color:var(--c);font-weight:650;text-underline-offset:3px}.ct55-champs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px clamp(16px,2.4vw,32px)}.ct55-champ{display:grid;gap:4px;min-width:0}.ct55-champ.is-large{grid-column:1/-1}.ct55-champ>span{font:600 11.5px/1.3 var(--ct-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--encre-2)}.ct55 .ct55-champ :is(input,textarea){width:100%;min-width:0;margin:0;padding:8px 0;border:0;border-bottom:1.5px solid #1a171240;border-radius:0;background:transparent;color:var(--encre);font:400 clamp(17px,1.5vw,19px)/1.4 var(--ct-serif);box-shadow:none;transition:border-color .3s}.ct55 .ct55-champ :is(input,textarea)::placeholder{color:#1a171266;font-style:italic}.ct55 .ct55-champ :is(input,textarea):is(:focus,:focus-visible){outline:none!important;box-shadow:none!important;border-bottom-color:var(--c)!important}.ct55 .ct55-champ :is(input,textarea)[aria-invalid=true]{border-bottom-color:var(--rouge)!important}.ct55 .ct55-champ.is-corps textarea{min-height:288px;padding:0;border:0!important;line-height:32px;resize:vertical;background:repeating-linear-gradient(transparent 0 31px,#1f4e7926 31px 32px);background-attachment:local}.ct55-pied{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding-top:6px}.ct55-compte{font:500 12px/1 var(--ct-mono);color:var(--encre-2)}.ct55-alerte{padding:10px 14px;border-radius:8px;background:#a71f2b14;color:var(--rouge);font:600 14px/1.45 var(--ct-sans)}.ct55-confidentialite{max-width:72ch;font:400 13px/1.55 var(--ct-sans);color:var(--encre-2)}.ct55-confidentialite a{color:var(--encre);font-weight:600;text-underline-offset:3px}.ct55-bouton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin:0;padding:0 22px;border:1.5px solid;border-radius:999px;background:transparent;font:650 15px/1 var(--ct-sans);text-decoration:none;cursor:pointer;transition:transform .3s var(--ct-ease),background-color .3s,box-shadow .3s}.ct55-bouton.is-plein{border-color:var(--c);background:var(--c);color:#fff}.ct55-bouton:hover{transform:translateY(-2px)}.ct55-bouton.is-poster:hover span{transform:translateX(4px)}.ct55-bouton span{transition:transform .3s var(--ct-ease)}.ct55-bouton:disabled{opacity:.6;cursor:progress;transform:none}.ct55-actions{display:flex;flex-wrap:wrap;gap:10px}.ct55-enveloppe{position:absolute;z-index:2;top:var(--env-y,240px);left:50%;width:min(520px,88%);aspect-ratio:1.62;margin-left:calc(min(520px,88%) / -2);translate:0 -50%;visibility:hidden;opacity:0;pointer-events:none;perspective:900px}.ct55-enveloppe-fond{position:absolute;inset:0;border-radius:6px;background:linear-gradient(160deg,#f6ecd8,#ead9b8);box-shadow:0 30px 60px -24px #0b1626b3;overflow:hidden}.ct55-enveloppe-fond:after,.ct55-enveloppe-fond:before{content:"";position:absolute;bottom:0;width:60%;height:62%;background:#e3cfa9}.ct55-enveloppe-fond:before{left:0;clip-path:polygon(0 0,100% 100%,0 100%)}.ct55-enveloppe-fond:after{right:0;clip-path:polygon(100% 0,100% 100%,0 100%)}.ct55-enveloppe-rabat{position:absolute;inset:0 0 auto;height:58%;background:#dcc59b;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;transform:rotateX(180deg);transition:transform .6s .25s var(--ct-ease)}.ct55-enveloppe-adresse{position:absolute;z-index:1;left:12%;bottom:16%;display:grid;font:italic 400 clamp(14px,1.6vw,18px)/1.3 var(--ct-serif);color:var(--encre-2)}.ct55-enveloppe-adresse b{font:500 clamp(18px,2.2vw,26px)/1.1 var(--ct-serif);font-style:normal;color:var(--encre)}.ct55-timbre.is-enveloppe{--w:clamp(58px,8vw,78px);position:absolute;z-index:1;top:9%;right:6%;transform:rotate(4deg)}.ct55-cachet{fill:none;stroke:#1f2b4ac7;stroke-width:2.4}.ct55-cachet text{fill:#1f2b4ac7;stroke:none;font:700 12px var(--ct-mono);letter-spacing:.13em}.ct55-cachet .ct55-cachet-jour{font-size:13px;letter-spacing:.06em}.ct55-cachet .ct55-cachet-heure{font-size:12px;letter-spacing:.1em}.ct55-cachet.is-tombe{position:absolute;z-index:3;top:4%;right:2%;width:48%;transform:rotate(-12deg);animation:ct55-tampon .45s cubic-bezier(.3,1.6,.5,1) both}@keyframes ct55-tampon{0%{opacity:0;transform:rotate(-12deg) scale(1.7)}}.ct55-bureau:not([data-etat=ecrire]) .ct55-feuille{transform:perspective(1400px) rotateX(64deg) scale(.42);opacity:0;box-shadow:none}.ct55-bureau:not([data-etat=ecrire]) .ct55-enveloppe{visibility:visible;opacity:1;transition:opacity .4s .35s}.ct55-bureau:is([data-etat=cacheter],[data-etat=envol]) .ct55-enveloppe-rabat{transform:rotateX(0)}.ct55-bureau[data-etat=envol] .ct55-enveloppe{animation:ct55-envol .8s cubic-bezier(.55,0,.8,.2) both}@keyframes ct55-envol{to{transform:translate(70vw,-60vh) rotate(-16deg) scale(.5);opacity:0}}.ct55-postee{position:relative;z-index:1;margin:calc(-1 * clamp(84px,9vw,128px)) var(--ct-pad) 0;outline:none}.ct55-postee-carte{position:relative;display:grid;gap:16px;justify-items:start;max-width:760px;margin:0 auto;padding:clamp(28px,5vw,64px);border-radius:6px;background:var(--feuille);box-shadow:0 34px 70px -34px #0b1626aa;animation:ct55-monte .7s var(--ct-ease) both}.ct55-postee-carte h2{font:500 clamp(34px,4.4vw,58px)/1 var(--ct-serif);letter-spacing:-.03em}.ct55-postee-carte>p:not(.ct55-surtitre){max-width:52ch;font:400 16.5px/1.6 var(--ct-sans);color:var(--encre-2)}.ct55-postee-carte b{color:var(--encre)}.ct55-postee .ct55-surtitre{color:var(--c)}.ct55-timbre.is-petit{--w:70px;position:absolute;top:clamp(20px,3vw,34px);right:clamp(20px,4vw,48px);transform:rotate(5deg)}.ct55-cachet.is-pose{position:absolute;top:clamp(14px,2vw,22px);right:clamp(-10px,2vw,30px);width:min(230px,52%);transform:rotate(-10deg);animation:ct55-tampon .5s cubic-bezier(.3,1.6,.5,1) .2s both}.ct55-postee-carte .ct55-surtitre{margin-top:72px}.ct55-guichets{display:grid;gap:16px;margin:clamp(48px,6vw,88px) var(--ct-pad) 0}.ct55-guichets ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ct55-guichets li a{position:relative;display:grid;gap:6px;height:100%;padding:20px 48px 20px 20px;border-radius:14px;background:var(--papier-2);box-shadow:inset 0 0 0 1px var(--filet);text-decoration:none;transition:transform .35s var(--ct-ease),box-shadow .35s}.ct55-guichets li a:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1.5px var(--encre)}.ct55-guichets b{font:500 21px/1.15 var(--ct-serif);letter-spacing:-.01em}.ct55-guichets li span:not(.ct55-sr){font:400 14px/1.5 var(--ct-sans);color:var(--encre-2)}.ct55-guichets i{position:absolute;top:20px;right:20px;font-style:normal;font-weight:700;transition:transform .3s var(--ct-ease)}.ct55-guichets li a:hover i{transform:translateX(4px)}.ct55-reseaux{font:400 14.5px/1.6 var(--ct-sans);color:var(--encre-2)}.ct55-reseaux a{color:var(--encre);font-weight:600;text-underline-offset:3px}@media (max-width:999px){.ct55-bureau{grid-template-columns:minmax(0,1fr)}.ct55-carnet{position:static}.ct55-planche{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.ct55-etape{color:var(--encre)}.ct55-guichets ul{grid-template-columns:minmax(0,1fr)}.ct55-ciel{top:auto;bottom:-40px;transform:none}}@media (max-width:599px){.ct55-carnet{padding:16px}.ct55-planche{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.ct55-choix{grid-template-columns:auto minmax(0,1fr);justify-items:start;align-items:center;gap:10px;padding:6px;text-align:left}.ct55-choix .ct55-timbre{--w:44px}.ct55-choix .ct55-timbre :is(.ct55-timbre-nom,.ct55-timbre-pays){display:none}.ct55-choix-nom{font-size:12.5px}.ct55-champs{grid-template-columns:minmax(0,1fr)}.ct55-entete{gap:12px}.ct55-coin{min-width:66px;min-height:80px}.ct55-timbre.is-colle{--w:58px}.ct55-pied .ct55-bouton{width:100%}}@media (prefers-reduced-motion:reduce){.ct55 *,.ct55 :after,.ct55 :before{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}.ct55-pli{display:none}}