.cl{--paper:#fffdf8;--stamp:#f6ecd6;--seal:#8f2f22;--seal-hi:#b4483a;--seal-line:rgba(255,230,210,.85);--owl-gold:#c2933f;--owl-line:#6d4c15;--owl-eye:#faf3e6;--owl-pupil:#1c1915;--owl-shine:#ffffff;--cl-letter-shadow:0 1px 0 var(--line),0 22px 40px -24px rgba(60,45,20,.35);--cl-stamp-shadow:drop-shadow(0 6px 10px rgba(60,45,20,.14));--cl-stamp-shadow-hi:drop-shadow(0 12px 18px rgba(60,45,20,.22));--cl-badge-shadow:0 3px 8px rgba(0,0,0,.25);--cl-seal-shadow:0 6px 14px rgba(80,20,10,.35),inset 0 -4px 8px rgba(0,0,0,.25);--cl-postmark:rgba(143,47,34,.45);--cl-seal-ring:rgba(255,230,210,.35);display:block}html[data-accessibility-appearance=dark] .cl{--paper:#211c16;--stamp:#2c251b;--cl-letter-shadow:0 1px 0 var(--line),0 22px 40px -24px rgba(0,0,0,.7);--cl-stamp-shadow:drop-shadow(0 6px 10px rgba(0,0,0,.45));--cl-stamp-shadow-hi:drop-shadow(0 12px 18px rgba(0,0,0,.6))}.cl .cols{display:grid;grid-template-columns:1fr;gap:clamp(28px,5cqi,56px);align-items:start}@container site (min-width: 900px){.cl .cols{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}.cl .cols>*{min-width:0}@container site (min-width: 900px){.cl .cols{align-items:stretch}.cl .cols>:last-child{display:flex;flex-direction:column}.cl .cols .letter,.cl .cols .letter>fieldset,.cl .cols>:last-child>form.cl-form{flex:1;display:flex;flex-direction:column}.cl .cols .letter>fieldset{gap:0}.cl .cols .letter textarea.il{flex:1 1 auto;min-height:6.3em}}.cl .intro{margin:1rem 0 0;max-width:52ch}.cl .topics{margin-top:clamp(36px,5vw,56px);padding-top:clamp(24px,3vw,36px);border-top:1px solid var(--line)}.cl .topics h2{font-size:1.4rem;margin:0}.cl .topics ul{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}.cl .topics li{margin:0;padding:6px 14px;border:1px solid var(--line);border-radius:999px;font-size:.9rem;color:var(--ink-2);background:var(--surface)}.cl .topics li:before{display:none}.cl .stamps-l{margin:2rem 0 12px;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-ink)}.cl .stamps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.cl .stamps button.stp{all:unset;box-sizing:border-box;cursor:pointer;display:block;position:relative;padding:6px;background:radial-gradient(circle at center,var(--bg) 3px,transparent 3.6px) 0 0 /12px 12px,var(--stamp);filter:var(--cl-stamp-shadow);transform:rotate(var(--r,0deg));transition:transform .35s cubic-bezier(.3,1.4,.5,1),filter .3s}.cl .stamps button.stp:nth-child(2){--r:-1.2deg}.cl .stamps button.stp:nth-child(3){--r:1deg}.cl .stamps button.stp:nth-child(4){--r:.8deg}.cl .stamps button.stp:nth-child(5){--r:-.9deg}.cl .stamps button.stp.wide{grid-column:1/-1}.cl .stamps button.stp:hover{transform:rotate(0) translateY(-3px) scale(1.02);filter:var(--cl-stamp-shadow-hi)}.cl .stamps button.stp:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}.cl .stp .in2{display:grid;justify-items:center;align-content:center;gap:8px;min-height:108px;padding:14px 12px;background:var(--paper);border:1px solid var(--gold-line);box-shadow:inset 0 0 0 4px var(--paper),inset 0 0 0 5px var(--line);text-align:center}.cl .stp.wide .in2{min-height:118px}.cl .stp img{display:block;height:34px;width:auto;max-width:100%;filter:var(--hero-logo-filter)}.cl .stp img.u{height:42px}.cl .stamp img.kp-d,.cl .stamp img.kp-l,.cl .stp img.kp-d,.cl .stp img.kp-l{filter:none}.cl .stamp img.kp-l,.cl .stp img.kp-l{display:var(--kp-on-light)}.cl .stamp img.kp-d,.cl .stp img.kp-d{display:var(--kp-on-dark)}.cl .stp .cw{font-size:1.6rem}.cl .stp small{font-size:.75rem;line-height:1.3;color:var(--muted);letter-spacing:.02em}.cl .cw{font-family:var(--f-display);font-weight:600;font-size:1.05rem;color:var(--ink);white-space:nowrap}.cl .cw b{color:var(--gold-ink);font-weight:600}.cl .stamps button.stp[aria-pressed=true]{transform:rotate(0) scale(1.02)}.cl .stp[aria-pressed=true] .in2{border-color:var(--gold);background:linear-gradient(var(--gold-tint),var(--gold-tint)),var(--paper);box-shadow:inset 0 0 0 4px var(--gold-tint),inset 0 0 0 5px var(--gold)}.cl .stp .tk{display:none;position:absolute;right:-8px;top:-10px;width:30px;height:30px;border-radius:50%;background:var(--ok);place-items:center;box-shadow:var(--cl-badge-shadow)}.cl .stp .tk svg{width:18px;height:18px;fill:none;stroke:var(--btn-ink);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.cl .stp[aria-pressed=true] .tk{display:grid;animation:cl-pop .35s cubic-bezier(.3,1.6,.5,1)}@keyframes cl-pop{0%{transform:scale(0)}to{transform:scale(1)}}.cl .sec{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;margin-top:2rem;padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-left:0;border-radius:14px;position:relative;overflow:hidden;font-size:.92rem;color:var(--ink-2)}.cl .sec:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:repeating-linear-gradient(-45deg,var(--seal) 0 8px,var(--paper) 8px 16px,var(--gold) 16px 24px,var(--paper) 24px 32px)}.cl .sec .ic{width:44px;height:44px;margin-left:4px;border-radius:12px;background:var(--gold-tint);border:1px solid var(--gold-line);display:grid;place-items:center;color:var(--gold-ink)}.cl .sec .ic svg{width:22px;height:22px}.cl .sec h2{font-size:1.15rem;margin:0 0 4px}.cl .sec p{margin:0;font-size:inherit;color:inherit;max-width:none}.cl .sec a{font-weight:600}.cl form.cl-form{display:block;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none}.cl .letter{position:relative;padding:clamp(22px,3.5vw,40px);background-color:var(--paper);border:1px solid var(--line);border-radius:6px;background-image:linear-gradient(90deg,var(--gold) 0 4px,transparent 4px);box-shadow:var(--cl-letter-shadow);font-family:var(--f-display);font-size:clamp(1.05rem,.95rem + .45vw,1.3rem);line-height:2.2;color:var(--ink);transition:transform .9s cubic-bezier(.65,0,.25,1),opacity .6s}.cl .letter.posted{transform:translateY(30px) scale(.6) rotate(-2deg);opacity:0}.cl .letter fieldset{display:block;min-width:0;margin:0;padding:0;border:0}.cl .letter p{margin:0;max-width:none;font-size:inherit;font-family:inherit;line-height:inherit;color:inherit}.cl .letter .dear{font-style:italic;font-size:1.15em;margin-bottom:.2em}.cl .il{field-sizing:content;max-width:100%;min-width:7ch;width:auto;min-height:0;padding:0 4px;font:inherit;font-weight:600;color:var(--gold-ink);background:transparent;border:0;border-bottom:1.5px dashed var(--gold-line);border-radius:0;box-shadow:none;transition:border-color .2s,background .2s}.cl .il:focus{outline:none;border-bottom:1.5px solid var(--gold);background:var(--gold-tint)}.cl .il:focus-visible{outline:2px solid var(--gold-ink);outline-offset:2px}.cl .il::-moz-placeholder{color:var(--muted);font-weight:400;font-style:italic}.cl .il::placeholder{color:var(--muted);font-weight:400;font-style:italic}.cl .il[aria-invalid=true]{border-bottom-color:var(--err)}.cl select.il{cursor:pointer}.cl select.il optgroup,.cl select.il option{color:var(--ink);background:var(--surface);font-weight:400}.cl textarea.il{display:block;width:100%;min-height:6.3em;margin:.4em 0;padding:6px 10px;border:1.5px dashed var(--gold-line);border-radius:8px;line-height:2.1;resize:vertical;font-weight:400;color:var(--ink)}.cl textarea.il:focus{border:1.5px solid var(--gold)}.cl textarea.il[aria-invalid=true]{border-color:var(--err)}.cl .hp{left:-9999px;top:auto;width:1px;height:1px}.cl .hp,.cl .stamp{position:absolute;overflow:hidden}.cl .stamp{top:18px;right:18px;width:62px;height:72px;border:2px dashed var(--gold-line);border-radius:4px;background:var(--gold-tint);display:grid;place-items:center;transform:rotate(4deg)}@container site (max-width: 560px){.cl .stamp{display:none}}.cl .stamp .sl{display:grid;place-items:center;width:100%;height:100%;padding:4px}.cl .stamp .sl>svg{width:34px;height:38px}.cl .stamp img{display:block;max-width:52px;max-height:30px;width:auto;height:auto;filter:var(--hero-logo-filter)}.cl .stamp .cw{font-size:.62rem;white-space:normal;text-align:center;line-height:1.1}.cl .stamp.hit{animation:cl-hit .5s cubic-bezier(.3,1.5,.5,1)}@keyframes cl-hit{0%{transform:rotate(4deg) scale(1.5);opacity:0}to{transform:rotate(4deg) scale(1);opacity:1}}.cl .stamp .pm{position:absolute;inset:-6px -14px auto auto;width:48px;height:48px;border-radius:50%;border:2px solid var(--cl-postmark);opacity:0}.cl .stamp.hit .pm{animation:cl-pm .4s .25s both}@keyframes cl-pm{0%{opacity:0;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.cl .ow-t{fill:var(--owl-gold);stroke:var(--owl-line);stroke-width:1.4;stroke-linejoin:round}.cl .ow-e{fill:var(--owl-eye);stroke:var(--owl-line);stroke-width:1.2}.cl .ow-p{fill:var(--owl-pupil)}.cl .ow-s{fill:var(--owl-shine)}.cl .ow-l{fill:var(--owl-gold)}.cl .ow-b{fill:var(--owl-line)}.cl .ow-c{fill:none;stroke:var(--owl-eye);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.7}.cl .ow-o{fill:none;stroke:var(--seal-line);stroke-linejoin:round;stroke-width:2}.cl .ow-o.thin{stroke-width:1.8}.cl .ow-f{fill:var(--seal-line)}.cl .stamp .lid{transform-box:fill-box;transform-origin:center top;transform:scaleY(0);animation:cl-corner-blink 4s infinite}@keyframes cl-corner-blink{0%,94%,to{transform:scaleY(0)}96.5%{transform:scaleY(1)}}.cl .lfoot{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-top:22px;font-family:var(--f-body);font-size:1rem;line-height:1.5}.cl .lfoot button.tick{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:12px;min-width:min(100%,260px);padding:10px 16px 10px 10px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);transition:border-color .3s,background .3s}.cl .lfoot button.tick:hover{border-color:var(--gold-line)}.cl .lfoot button.tick:focus-visible{outline:2px solid var(--gold-ink);outline-offset:2px}.cl .lfoot button.tick[aria-invalid=true]{border-color:var(--err)}.cl .tick .to{position:relative;flex:none;width:38px;height:42px}.cl .tick .to>svg{display:block;width:100%;height:100%;overflow:visible}.cl .tick .pu{transition:transform .25s}.cl .tick.work .pu{animation:cl-scan 1s ease-in-out infinite}@keyframes cl-scan{0%,to{transform:translateX(-2px)}50%{transform:translateX(2px)}}.cl .tick .lid{transform-box:fill-box;transform-origin:center top;transform:scaleY(0);transition:transform .1s}.cl .tick.blink .lid{transform:scaleY(1)}.cl .tick .ok{position:absolute;right:-6px;bottom:-4px;width:20px;height:20px;border-radius:50%;background:var(--ok);display:grid;place-items:center;transform:scale(0);transition:transform .35s cubic-bezier(.3,1.6,.5,1)}.cl .tick .ok svg{width:12px;height:12px;fill:none;stroke:var(--btn-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cl .tick.done{border-color:var(--gold);background:var(--gold-tint);cursor:default}.cl .tick.done .ok{transform:scale(1)}.cl .tick .tl{display:grid;line-height:1.25}.cl .tick .tl b{font-size:.95rem;font-weight:700;color:var(--ink)}.cl .tick .tl small{font-size:.75rem;color:var(--muted)}.cl .lfoot button.send{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-height:48px;margin:0;padding:0 24px;border-radius:10px;background:var(--btn);color:var(--btn-ink);font-family:var(--f-body);font-weight:700;font-size:1rem;transition:background .2s}.cl .lfoot button.send:hover{background:var(--btn-hover)}.cl .lfoot button.send:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}.cl .lfoot button.send:disabled{opacity:.6;cursor:progress}.cl .lfoot button.send[aria-disabled=true]{opacity:.6;cursor:not-allowed}.cl .lfoot button.send[aria-disabled=true]:hover{background:var(--btn)}.cl .letter .err{margin:8px 0 0;font-family:var(--f-body);font-size:.85rem;line-height:1.5;color:var(--err)}.cl .letter .err p{margin:8px 0 0;font-size:inherit;font-family:inherit;line-height:inherit;color:var(--err);font-weight:600}.cl .letter .err p.note{padding:12px 16px;border:1px solid var(--gold-line);border-radius:10px;background:var(--gold-tint);color:var(--ink);font-size:.9375rem;font-weight:400}.cl .letter .err p.note[data-strong=true]{font-weight:700}.cl .letter .note-js{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--ground);color:var(--ink-2);font-size:.875rem}.cl .letter .note-js,.cl .letter .priv{font-family:var(--f-body);line-height:1.5}.cl .letter .priv{margin-top:12px;font-size:.8125rem;color:var(--muted)}.cl .letter .priv a{font-weight:600}.cl .letter .priv .draft{display:inline-block;margin-left:8px;padding:1px 6px;border:1px dashed var(--gold-line);border-radius:6px;background:var(--gold-tint);color:var(--gold-ink);font-size:.75rem;font-weight:700}.cl .sent{padding:28px 10px;text-align:center;animation:cl-fadeup .6s both}.cl .sent:focus{outline:none}.cl .sent:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px;border-radius:12px}@keyframes cl-fadeup{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.cl .sent h2{margin:.6rem 0 0;font-size:1.5rem}.cl .sent p{margin:.4rem auto 0;max-width:44ch;color:var(--ink-2)}.cl .seal{position:relative;width:84px;height:84px;margin:0 auto;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--seal-hi),var(--seal) 70%);display:grid;place-items:center;box-shadow:var(--cl-seal-shadow)}.cl .seal:before{content:"";position:absolute;inset:7px;border-radius:50%;border:2px dashed var(--cl-seal-ring)}.cl .seal svg{width:46px;height:50px}@media (prefers-reduced-motion:reduce){.cl *,.cl :after,.cl :before{animation:none!important;transition-duration:0s!important}.cl .stamp .lid,.cl .tick .lid{display:none}.cl .stamps button.stp:hover{transform:rotate(0)}}