.memory-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:74px;align-items:center;padding-top:75px;padding-bottom:85px}
.memory-copy h2{margin-top:15px;font-size:42px;line-height:1.25}
.memory-intro{max-width:340px;color:var(--muted);font-size:12px;line-height:1.95;margin-top:20px}
.memory-stats{display:flex;align-items:center;gap:24px;margin-top:27px}
.memory-stats p{display:flex;align-items:center;gap:9px}
.memory-stats p>span{font:33px/1 var(--serif);color:var(--rose);min-width:22px}
.memory-stats small{font-size:10px;line-height:1.6;color:#8b7771;max-width:65px}
.memory-stat-flower{color:#cfb3bb;font-size:19px}
.memory-message{font-size:11px;line-height:1.85;color:#947380;margin-top:22px;max-width:350px;min-height:42px}
.memory-restart{margin-top:13px;background:#f0e5ec;color:#947084;font-size:10px}
.memory-board-frame{position:relative;width:100%;max-width:510px;justify-self:end;padding:25px 25px 19px;background:#f4eef2;border:1px solid #e7dce4;border-radius:12px;box-shadow:0 5px 20px #6d506608}
.memory-tape{position:absolute;left:39%;top:-12px;width:94px;height:25px;background:repeating-linear-gradient(90deg,#d9c9b47a 0 3px,#e2d5c48a 3px 6px);transform:rotate(-5deg);box-shadow:0 0 1px #c4b8a8}
.memory-board-note{text-align:center;color:#9b8192;font-size:16px;margin-bottom:21px}
.memory-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.memory-card{position:relative;display:grid;place-items:center;min-width:0;min-height:70px;aspect-ratio:1/1.06;padding:0;border:1px solid #dac3cd;border-radius:7px;background:#e8d2dc;color:#ad8495;box-shadow:0 3px 0 #d6c1ca66;transform:rotate(-1.2deg);transition:transform .25s,background .25s,border-color .25s,box-shadow .25s;isolation:isolate;overflow:hidden}
.memory-card:nth-child(3n+2){background:#e1e4d5;border-color:#cbd0ba;box-shadow:0 3px 0 #c7cbb566;color:#929b78;transform:rotate(1.3deg)}
.memory-card:nth-child(3n){background:#ece0c6;border-color:#dbc8a8;box-shadow:0 3px 0 #d5c5a666;color:#ae9672;transform:rotate(-.5deg)}
.memory-card::before{content:'';position:absolute;inset:6px;border:1px dashed currentColor;border-radius:4px;opacity:.32;z-index:-1}
.memory-card:hover:not(:disabled){transform:translateY(-4px) rotate(0);box-shadow:0 7px 11px #80637716}
.memory-card:focus-visible{outline:3px solid #a4629c;outline-offset:4px;z-index:2}
.memory-card:active:not(:disabled){transform:translateY(-1px) rotate(0)}
.memory-card-back{font:39px/1 var(--serif);transition:opacity .2s,transform .25s;transform:rotate(-8deg);grid-area:1/1}
.memory-card-back::after{content:'для тебя';position:absolute;white-space:nowrap;bottom:-18px;left:50%;transform:translateX(-50%);font:italic 8px var(--serif);letter-spacing:.2px;opacity:.85}
.memory-symbol{font-size:35px;line-height:1.2;grid-area:1/1;opacity:0;visibility:hidden;transform:scale(.6) rotate(-12deg);transition:opacity .2s,transform .25s,visibility .2s}
.memory-card.is-open,.memory-card.is-matched{background:#fffaf5!important;border-color:#d8bfc6;box-shadow:0 2px 0 #ddc9c466;transform:rotate(0)}
.memory-card.is-open .memory-card-back,.memory-card.is-matched .memory-card-back{opacity:0;visibility:hidden;transform:scale(.6)}
.memory-card.is-open .memory-symbol,.memory-card.is-matched .memory-symbol{visibility:visible;opacity:1;transform:scale(1) rotate(0)}
.memory-card.is-matched{border-color:#aebd9e;cursor:default}
.memory-card.is-matched::after{content:'✓';position:absolute;right:7px;bottom:3px;font-size:11px;color:#809670}
.memory-card.is-matched::before{color:#9eb48c}
.memory-board-footer{display:flex;justify-content:center;align-items:center;gap:7px;font-size:8px;color:#a48b98;text-align:center;margin-top:17px}
.memory-board-footer>span{font-size:17px}
.memory-section.memory-complete .memory-board-frame{border-color:#bfd0ac;background:#f1f3e9}
.memory-section.memory-complete .memory-message{color:#6f8760}
@media(max-width:1100px){.memory-section{gap:35px}.memory-copy h2{font-size:35px}.memory-board-frame{padding:24px 18px 17px}.memory-board{gap:10px}.memory-board-note{font-size:14px}.memory-symbol{font-size:31px}.memory-stats{gap:18px}.memory-stats p{gap:7px}}
@media(max-width:760px){.memory-section{grid-template-columns:1fr;gap:30px;padding-top:49px;padding-bottom:55px}.memory-copy h2{font-size:34px}.memory-intro{font-size:11px;max-width:100%;margin-top:16px}.memory-stats{margin-top:22px;gap:24px}.memory-stats p>span{font-size:29px}.memory-message{max-width:100%;min-height:0;margin-top:18px;font-size:11px}.memory-restart{margin-top:16px}.memory-board-frame{max-width:490px;justify-self:center;padding:24px 16px 15px}.memory-board-note{font-size:14px;margin-bottom:18px}.memory-board{gap:9px}.memory-card{min-height:62px}.memory-card-back{font-size:33px}.memory-symbol{font-size:29px}.memory-card-back::after{font-size:7px;bottom:-14px}.memory-board-footer{font-size:7px;margin-top:13px;gap:5px}}
@media(max-width:370px){.memory-board-frame{padding-inline:12px}.memory-board{gap:7px}.memory-card{min-height:58px;border-radius:5px}.memory-symbol{font-size:25px}.memory-card-back{font-size:29px}.memory-card-back::after{font-size:6px;bottom:-12px}.memory-board-note{font-size:12px}.memory-copy h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.memory-card,.memory-card-back,.memory-symbol{transition:none!important}.memory-card:hover:not(:disabled){transform:none}}