/* Тема «Почта»: конверт «Авиа», марка с числом писем, штемпель с датой вручения */
*{box-sizing:border-box;margin:0;padding:0}
:root{--ink:#2b2522;--red:#c42a2a;--blue:#234f96;--cream:#fbf5e8;--paper:#fffaf0}
body{font:400 17px/1.55 'PT Serif',Georgia,serif;color:var(--ink);min-height:100vh;background-color:#e6d6b8;
  background-image:radial-gradient(rgba(110,80,40,.12) 1px,transparent 1.3px),radial-gradient(rgba(110,80,40,.08) 1px,transparent 1.3px);background-size:9px 9px,17px 17px;background-position:0 0,4px 7px}
.pc-wrap{max-width:1560px;margin:0 auto;padding:clamp(60px,5vw,72px) clamp(16px,3vw,40px) 150px}
.cover{position:relative;max-width:1200px;margin:0 auto clamp(44px,5vw,76px);background:var(--cream);display:grid;grid-template-columns:1.2fr 1fr;
  border:16px solid transparent;border-image:repeating-linear-gradient(-45deg,var(--red) 0 16px,var(--cream) 16px 26px,var(--blue) 26px 42px,var(--cream) 42px 52px) 16;box-shadow:0 30px 50px -26px rgba(60,40,10,.6)}
.msg{padding:clamp(24px,3.4vw,52px);border-right:1.5px solid rgba(43,37,34,.22)}
.hello{display:inline-block;font:400 clamp(46px,6vw,88px)/1 'Marck Script',cursive;color:var(--red);transform:rotate(-4deg);margin-bottom:16px}
.msg h1{font:700 clamp(28px,3.2vw,44px)/1.12 'PT Serif',Georgia,serif;overflow-wrap:anywhere}
.msg p{margin-top:16px;max-width:520px;font-size:clamp(16px,1.3vw,19px)}
.addr{position:relative;padding:clamp(24px,3.4vw,52px);padding-top:clamp(170px,14vw,200px)}
.line{display:flex;align-items:baseline;gap:12px;border-bottom:1.5px dotted rgba(43,37,34,.5);padding:12px 0 4px}
.line b{flex:none;width:86px;font:400 12px/1 'PT Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:rgba(43,37,34,.62)}
.line span{font:700 clamp(24px,2.2vw,31px)/1.1 'Caveat',cursive;color:var(--blue);overflow-wrap:break-word;min-width:0}
.stamp{position:absolute;right:clamp(24px,3.4vw,52px);top:clamp(22px,2.6vw,36px);width:124px;background:#fff;border:7px dotted var(--cream);padding:6px;transform:rotate(3deg)}
.stamp svg{display:block;width:100%;height:auto}
.pm{position:absolute;right:clamp(70px,7vw,96px);top:clamp(96px,9vw,118px);width:200px;transform:rotate(-8deg);pointer-events:none}
.wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:clamp(24px,2.6vw,40px);max-width:1440px;margin:0 auto;align-items:start}
.pc{position:relative;background:var(--paper);padding:20px 22px 16px;box-shadow:0 16px 30px -18px rgba(60,40,10,.6);transform:rotate(var(--r,0deg))}
.pc:nth-child(4n+1){--r:-1.1deg}.pc:nth-child(4n+2){--r:.7deg}.pc:nth-child(4n+3){--r:-.3deg}.pc:nth-child(4n){--r:1deg}
.pc.lined{background-image:repeating-linear-gradient(transparent 0 29px,rgba(35,79,150,.16) 29px 30px)}
.to{font:400 11px/1 'PT Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:rgba(43,37,34,.55);padding-right:64px;margin:4px 0 14px;min-height:42px}
.mini{position:absolute;right:14px;top:12px;width:46px;height:54px;border:5px dotted var(--paper);background:var(--c,var(--red))}
.mini::after{content:"";position:absolute;inset:5px;border:1.5px solid rgba(255,255,255,.65)}
.pic{margin:0 0 14px;border:8px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.pic img,.pic video{display:block;width:100%;height:auto}
.pc p{font-size:16.5px;overflow-wrap:anywhere}
.sig{display:block;margin-top:8px;text-align:right;font:700 30px/1 'Caveat',cursive;color:var(--blue);overflow-wrap:anywhere}
.pc-foot{display:flex;align-items:flex-end;gap:12px;margin-top:8px}
.pc-foot .sig{margin:0 0 0 auto}
.pc-foot .stk{width:84px;height:84px;flex:none}
@media (max-width:820px){.cover{grid-template-columns:1fr}.msg{border-right:0;border-bottom:1.5px dotted rgba(43,37,34,.3)}.addr{padding-top:230px}}