.welcome-design-heading{max-width:670px;margin:0 0 30px}.welcome-design-heading h2{font-size:clamp(34px,4vw,52px);line-height:1.12}.welcome-design-heading p{color:#56675b;line-height:1.7}.welcome-design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:70px}.welcome-design{display:block;border:1px solid #dce2d6;border-radius:150px 150px 18px 18px;overflow:hidden;text-decoration:none;color:#243e34;background:#faf8f2;transition:transform .2s,box-shadow .2s}.welcome-design:hover{transform:translateY(-4px);box-shadow:0 14px 40px #243e3415}.welcome-design:focus-visible{outline:3px solid #a76a48;outline-offset:5px}.welcome-design>img{width:100%;height:320px;object-fit:cover;display:block}.welcome-design>div{padding:25px}.welcome-design span{font-size:14px;color:#7c5c3f}.welcome-design h3{font-size:30px;line-height:1.15;margin:12px 0}.welcome-design p{font-size:16px;line-height:1.7;min-height:80px}.welcome-design strong{display:flex;min-height:44px;align-items:center;font-size:15px}
.memory-game{padding:25px!important;background:#f7f4ed!important;border:1px solid #ded6c4;border-radius:18px;margin:24px 0 70px}.memory-game h2{font-family:WeddingSerif,Georgia,serif;font-size:28px;line-height:1.15}.memory-game p{font-size:16px;line-height:1.65}.memory-game .memory-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:20px 0}.memory-game .memory-card{display:grid;place-items:center;min-width:0;min-height:62px;aspect-ratio:1;border:1px solid #a3885b;border-radius:10px;background:#29483c;color:white;font-size:27px;cursor:pointer}.memory-game .memory-card[aria-pressed=true]{background:#fff8e9;color:#66492b}.memory-game .memory-card[data-matched=true]{background:#dfebdc;border-color:#73966a;color:#243e34;opacity:1}.memory-game .memory-card:focus-visible{outline:3px solid #a76a48;outline-offset:3px}.memory-game .memory-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.memory-game .memory-status{font-size:15px;margin:0}.memory-game .memory-start{min-height:44px;padding:10px 16px;background:#fff;border:1px solid #a3885b;border-radius:7px;color:#243e34;font-size:16px}.memory-game .memory-note{font-size:14px;color:#56675b}
@media(max-width:760px){.welcome-design-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto 45px}.welcome-design>img{height:340px}.welcome-design p{min-height:0}.welcome-design-heading{margin-top:20px}.demo-dialog{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important;padding:0!important}.demo-dialog iframe{width:100%!important;height:calc(100dvh - 64px)!important;max-height:none!important}.demo-dialog-bar{min-height:64px;box-sizing:border-box}}
.memory-game .memory-board[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.welcome-design{transition:none}.welcome-design:hover{transform:none}}