*{box-sizing:border-box}html{background:#f2efdf;color:#424e40}body{margin:0;font-family:Comic Sans MS,KaiTi,STKaiti,serif;background-image:radial-gradient(#9b9b7520 .7px,transparent .8px);background-size:5px 5px}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #ad754e;outline-offset:7px}.doorstep{max-width:1120px;margin:auto;padding:38px 42px 26px}header{display:flex;align-items:center;justify-content:space-between;gap:24px}.signature{text-decoration:none;font-size:42px;line-height:1;white-space:nowrap}.signature span{font-size:17px;margin-left:12px}.corner-note{font-size:15px;color:#72775f}.welcome{margin:72px 0 38px}.kicker{font:12px/1.6 Comic Sans MS,monospace;letter-spacing:.19em;color:#87886b}.welcome h1{font-size:58px;line-height:1.18;letter-spacing:.045em;font-weight:400;margin:14px 0 20px}.welcome>p:last-child{font-size:19px;color:#7a7d68;line-height:1.8}.doors{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:44px}.door{display:flex;flex-direction:column;position:relative;border:2px solid #79816a;border-radius:9px 27px 11px 22px;background:#fffaf0;padding:28px 32px;text-decoration:none;box-shadow:5px 7px #68735214;transition:transform .2s,box-shadow .2s}.play-door{transform:rotate(-1.15deg)}.fr-door{transform:rotate(1.1deg);border-color:#8e8e97;background:#f5f1e9}.door:hover{transform:rotate(0) translateY(-5px);box-shadow:7px 11px #6873521c}.door-no{font-size:13px;color:#858974}.door svg{width:100%;height:210px;margin:6px 0 0}.door h2{font-size:34px;font-weight:400;margin:6px 0 14px}.door p{color:#767d69;line-height:1.8;font-size:18px;margin:0 0 26px}.door-link{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed #b9bea7;padding-top:20px;margin-top:auto;font-size:19px}.door-link b{font-size:29px;font-weight:400}.door small{margin-top:10px;font:11px/1.8 Comic Sans MS,monospace;color:#959787}footer{display:flex;justify-content:space-between;gap:20px;font-size:14px;color:#878a76;padding:54px 0 8px}footer a{text-decoration:none}@media(max-width:650px){.doorstep{padding:28px 24px}.corner-note{display:none}.signature{font-size:37px}.welcome{margin:55px 0 24px}.welcome h1{font-size:43px}.welcome>p:last-child{font-size:17px}.doors{grid-template-columns:1fr;gap:28px;margin-top:34px}.door{padding:24px}.door svg{height:180px}.door h2{font-size:30px}.door p{font-size:17px}footer{line-height:1.7;padding-top:42px}}@media(prefers-reduced-motion:reduce){.door{transition:none}.door:hover{transform:none}}
