.pg{max-width:780px;margin-block:48px 80px;background:var(--card);box-shadow:0 10px 30px var(--shadow);padding:clamp(22px,4vw,48px);position:relative;display:grid;gap:28px}.pg:before,.pg:after{content:"";position:absolute;top:-10px;height:20px;width:96px;background:var(--tape)}.pg:before{left:7%;transform:rotate(-4deg)}.pg:after{right:7%;transform:rotate(3deg)}.pg-head{display:grid;gap:10px}.pg-head .h2{font:700 clamp(40px,6vw,60px)/.95 var(--hand)}.pg-date{font:700 12px/1 var(--stamp);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.pg-sec{display:grid;gap:10px;max-width:65ch}.pg-sec h2{font:700 30px/1.05 var(--hand);display:flex;gap:10px;align-items:baseline}.pg-n{font:700 12px/1 var(--stamp);color:var(--accent);letter-spacing:.1em}.pg-list{display:grid;gap:12px;margin:4px 0 0}.pg-list div{display:grid;gap:2px;padding-left:14px;border-left:2px dashed var(--line)}.pg-list dt{font-weight:600}.pg-list dd{margin:0;color:var(--ink-soft)}.pg-fixes{display:grid;gap:10px}.pg-fixes details{background:var(--paper);padding:12px 16px}.pg-fixes summary{cursor:pointer;font:700 22px/1.1 var(--hand)}.pg-fixes p{margin-top:6px;color:var(--ink-soft)}.btn{justify-self:start;display:inline-block;font:700 21px/1 var(--hand);color:var(--on-accent);background:var(--accent);text-decoration:none;padding:10px 16px 8px;box-shadow:0 3px #4a3b2c59;transform:rotate(-1deg)}.pg-404{justify-items:center;text-align:center}.pg-404 .btn{justify-self:center}.print{position:relative;background:var(--print);padding:7px 7px 26px;box-shadow:0 4px 12px #4a3b2c47;transform:rotate(var(--r,0deg));margin:0;width:var(--w,140px)}.print .photo{aspect-ratio:1;width:100%}.print figcaption{position:absolute;left:0;right:0;bottom:3px;text-align:center;font:700 17px/1 var(--hand);color:#4a3b2c}.print>.tape{top:-9px;left:50%;width:54px;height:16px;margin-left:-27px;transform:rotate(-4deg);background:#e8dcc4d9}.photo{position:relative;overflow:hidden}.photo:after{content:"";position:absolute;border-radius:50%}.ph-moon{background:linear-gradient(#1b2034,#3c3f5f 70%,#5b5470)}.ph-moon:after{width:22%;aspect-ratio:1;left:58%;top:16%;background:#f6eed8;box-shadow:-6px 2px #3c3f5f inset}.pt-sleepy{background:url(../img/photos/sleepy.webp) center/cover}