html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}*,:before,:after{box-sizing:border-box}:root{--saffron:#f08a23;--temple-gold:#d4a017;--orchid:#c4188a;--cream:#f5ecd6;--ink:#2b1d12;--airmail-red:#c8342c;--airmail-blue:#1f3a8a}html,body{margin:0;padding:0}body{min-height:100vh;color:var(--ink);background-color:#0000;background-image:radial-gradient(circle at 18% 22%,#f08a2380 0%,#0000 38%),radial-gradient(circle at 82% 78%,#c4188a73 0%,#0000 42%),radial-gradient(circle at 55% 92%,#d4a0174d 0%,#0000 38%),linear-gradient(135deg,#5a1352 0%,#6b2010 45%,#b4641a 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;justify-content:center;align-items:center;padding:56px 24px;font-family:Special Elite,Courier New,monospace;display:flex;overflow-x:hidden}body:before{content:"";pointer-events:none;mix-blend-mode:multiply;background-image:repeating-linear-gradient(0deg,#0000,#0000 4px,#0000000a 4px 5px);position:fixed;inset:0}.postcard{aspect-ratio:7/4.6;background:var(--cream);border-radius:4px;grid-template-columns:1.05fr 1fr;width:100%;max-width:880px;display:grid;position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:0 30px 60px #00000073,0 10px 20px #0000004d}.postcard:before{content:"";background:repeating-linear-gradient(45deg, var(--airmail-red) 0 8px, transparent 8px 16px, var(--airmail-blue) 16px 24px, transparent 24px 32px) border-box;-webkit-mask-composite:xor;pointer-events:none;border:2px solid #0000;padding:2px;position:absolute;inset:6px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.center-divider{background:var(--ink);opacity:.35;width:1px;position:absolute;top:22%;bottom:8%;left:50%}.left{z-index:1;padding:36px 32px 24px 40px;position:relative}.headline{color:var(--airmail-blue);margin:0 0 4px;font-family:Caveat,cursive;font-size:clamp(54px,7vw,88px);font-weight:700;line-height:.95;transform:rotate(-1deg)}.underline{background:var(--airmail-red);opacity:.7;width:140px;height:8px;margin-bottom:18px;transform:rotate(-.5deg)}.greeting{color:var(--ink);max-width:320px;margin-bottom:18px;font-family:Special Elite,monospace;font-size:14px;line-height:1.55}.photo{background-color:#ccc;background-image:url(/jh.png);background-position:50%;background-size:cover;border:6px solid #fff;width:130px;height:130px;position:absolute;bottom:28px;left:38px;transform:rotate(-6deg);box-shadow:0 8px 16px #0000004d}.photo:before,.photo:after{content:"";background:#dccdb4bf;border:1px solid #0000001a;width:22px;height:8px;position:absolute}.photo:before{top:-6px;left:18px;transform:rotate(-8deg)}.photo:after{bottom:-4px;right:14px;transform:rotate(6deg)}.signoff{color:var(--airmail-blue);font-family:Caveat,cursive;font-size:22px;position:absolute;bottom:36px;left:190px;transform:rotate(-3deg)}.right{padding:36px 36px 24px 28px;position:relative}.stamp{background:var(--cream);text-align:center;border:3px dashed #00000080;flex-direction:column;justify-content:space-between;align-items:center;width:130px;height:150px;padding:10px 8px;display:flex;position:absolute;top:22px;right:22px;transform:rotate(2deg);box-shadow:0 2px #0000001a}.stamp-inner{background:var(--saffron);color:var(--cream);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 4px;display:flex;box-shadow:inset 0 0 0 2px #ffffff40}.stamp-motif{font-size:36px;line-height:1}.stamp-label{letter-spacing:.15em;color:var(--cream);font-family:Bebas Neue,sans-serif;font-size:14px}.stamp-value{color:var(--cream);letter-spacing:.1em;font-family:Bebas Neue,sans-serif;font-size:18px}.postmark{border:3px solid var(--airmail-blue);opacity:.55;pointer-events:none;width:180px;height:180px;color:var(--airmail-blue);letter-spacing:.18em;text-align:center;border-radius:50%;justify-content:center;align-items:center;font-family:Bebas Neue,sans-serif;font-size:13px;line-height:1.2;display:flex;position:absolute;top:78px;right:70px;transform:rotate(-12deg)}.par-avion{color:var(--airmail-red);letter-spacing:.3em;border:2px solid var(--airmail-red);opacity:.75;padding:4px 10px;font-family:Bebas Neue,sans-serif;font-size:22px;position:absolute;bottom:36px;right:36px;transform:rotate(-8deg)}.address{z-index:2;gap:9px;margin:0;padding:0;list-style:none;display:grid;position:absolute;top:200px;left:28px}.address li a{color:var(--ink);border-bottom:1px dashed #00000040;align-items:center;gap:10px;min-width:280px;padding-bottom:4px;font-family:Special Elite,monospace;font-size:14px;text-decoration:none;transition:color .2s,border-color .2s;display:flex}.address li a:hover,.address li a:focus-visible{color:var(--airmail-red);border-color:var(--airmail-red);outline:none}.address li a svg{flex:0 0 16px;width:16px;height:16px}.address li a .label{color:var(--airmail-blue);letter-spacing:.1em;width:70px;font-family:Bebas Neue,sans-serif;font-size:12px}@media (width<=760px){body{padding:28px 16px}.postcard{aspect-ratio:auto;grid-template-columns:1fr;transform:rotate(-1deg)}.center-divider{display:none}.left,.right{padding:28px 24px;position:static}.left{padding-right:116px}.right{padding-top:8px}.photo{margin:18px 0;position:static}.signoff{position:static}.stamp{z-index:3;width:92px;height:108px;margin-bottom:0;position:absolute;top:18px;right:18px;transform:rotate(3deg)}.stamp-motif{font-size:28px}.stamp-label{font-size:11px}.stamp-value{font-size:14px}.postmark,.par-avion{display:none}.address{position:static}.address li a{min-width:0;font-size:13px}}