/* Главная: иллюстрированная витрина разделов Урокино. */
.page-about { --color-ink: #382e32; --color-muted: #706570; }
.page-about .hero { color: #171512; background: radial-gradient(circle at 18% 6%, #ffc2110b, transparent 23rem), #fffefb; }
.page-about .hero .eyebrow, .page-about .hero .text-link { color: #263d6d; }
.page-about .hero .button--primary { color: #14110b; background: linear-gradient(135deg, #ffca16, #ffad00); border-color: #ffb400; box-shadow: 0 12px 25px #f5a00033; }
.page-about .hero .button--primary:hover { box-shadow: 0 16px 30px #f5a00047; }
.about-panel { margin: 56px auto 0; padding: 38px; border: 1px solid var(--section-line); border-radius: 30px; background: radial-gradient(ellipse at 100% 100%, #ffffff80, transparent 65%), var(--section-soft); }
.about-panel__heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.about-panel__heading .eyebrow { margin-bottom: 12px; }
.about-panel h2 { margin: 0; color: #383345; font-size: clamp(26px, 2.8vw, 38px); line-height: 1.2; letter-spacing: -.035em; }
.about-panel h2 span { color: var(--section-deep); }
.about-panel__badge { flex-shrink: 0; padding: 12px 16px; border: 1px solid var(--section-line); border-radius: 30px; background: #ffffff99; color: var(--section-deep); font-size: 13px; }
.about-panel__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.about-info-card { display: flex; flex-direction: column; align-items: center; padding: 20px 22px 24px; border: 1px solid var(--section-line); border-radius: 22px; background: #ffffffdf; text-align: center; }
.about-info-card h3 { margin: 0 0 10px; color: var(--section-deep); font-size: 23px; line-height: 1.3; }
.about-info-card p { max-width: 290px; margin: 0 0 25px; color: #756d78; font-size: 15px; line-height: 1.65; }
.about-info-card__tag { margin-top: auto; color: var(--section-deep); font-size: 12px; }
.about-illustration { position: relative; display: flex; align-items: center; justify-content: center; width: 190px; max-width: 100%; height: 132px; margin-bottom: 18px; }
.about-illustration__main { position: relative; display: grid; place-items: center; width: 88px; height: 98px; border: 4px solid #fff; border-radius: 20px; background: var(--section-soft); color: var(--section-accent); box-shadow: 0 6px 0 var(--section-line), 0 10px 20px #6d566315; transform: rotate(-9deg); }
.about-illustration > b { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%) rotate(-4deg); padding: 5px 10px; border: 2px solid #fff; border-radius: 20px; background: var(--section-soft); color: var(--section-deep); font-size: 11px; white-space: nowrap; }
.about-illustration > i { position: absolute; top: 9px; right: 15px; color: #dfb34a; font-size: 28px; font-style: normal; }
.about-illustration--round .about-illustration__main { width: 96px; height: 96px; border-radius: 50%; transform: none; }
.about-illustration--cards .about-illustration__main { box-shadow: 8px 5px 0 var(--section-line), 14px 10px 0 #eee6da; transform: rotate(9deg); }
.about-illustration--sheet .about-illustration__main { width: 85px; height: 104px; border-radius: 10px; background: #fffaf0; }
.about-illustration--sheet .about-illustration__main::after { position: absolute; bottom: 10px; width: 40px; height: 3px; content: ''; background: var(--section-line); border-radius: 3px; }
.about-illustration--gallery .about-illustration__main { width: 140px; height: 98px; border-radius: 12px; }
.about-illustration--gallery img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 7px; }
.about-illustration--award .about-illustration__main { width: 80px; height: 90px; border-radius: 10px; background: #fff7dd; color: #c48b23; border-color: #fff; box-shadow: 0 6px 0 #ead8a6; }
.about-illustration--award .about-illustration__main::after { position: absolute; bottom: -18px; width: 24px; height: 26px; content: ''; background: #eebc5d; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 70%, 0 100%); }
.about-panel__footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; }
.about-panel__footer p { display: flex; align-items: center; gap: 10px; margin: 0; color: var(--section-deep); font-size: 14px; }
.about-panel__footer svg { flex-shrink: 0; }
.about-panel__details { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--section-line); }
.about-panel__details summary { color: var(--section-deep); font-size: 14px; font-weight: 650; cursor: pointer; }
.about-panel__details p { max-width: 900px; color: #65738a; font-size: 14px; line-height: 1.7; }
.about-greetings {
    --section-accent: #bd3d71;
    --section-deep: #9e2e5b;
    margin: 60px auto 0;
    padding: 40px;
    border: 1px solid #efc3d5;
    border-radius: 30px;
    background: radial-gradient(ellipse at 90% 0, #f9d6e5, transparent 60%), #fff0f5;
}
.about-greetings__intro { display: grid; grid-template-columns: 1.4fr 1fr; align-items: center; gap: 30px; }
.page-about .about-greetings .eyebrow { color: #9e2e5b; }
.about-greetings h2 { margin: 0; color: #572d43; font-size: clamp(30px, 3.2vw, 44px); line-height: 1.2; letter-spacing: -.04em; }
.about-greetings h2 em { color: #ad3b69; font-family: Georgia, serif; font-weight: 400; }
.about-greetings__lead { max-width: 540px; margin: 20px 0; color: #846577; font-size: 17px; line-height: 1.7; }
.about-greetings__facts { display: flex; flex-wrap: wrap; gap: 8px; }
.about-greetings__facts span { padding: 7px 12px; border: 1px solid #efc3d5; border-radius: 24px; background: #ffffff99; color: #9e4268; font-size: 12px; }
.about-greetings__art { position: relative; isolation: isolate; justify-self: center; width: 270px; height: 260px; margin-top: 30px; }
.about-greetings__letter { position: absolute; inset: 0 20px 30px; padding: 22px 14px; border: 1px solid #ead1c1; border-radius: 14px; background: #fffaf0; text-align: center; transform: rotate(-9deg); box-shadow: 0 10px 25px #9c567915; }
.about-greetings__letter span { font-size: 9px; letter-spacing: .12em; color: #a27e68; }
.about-greetings__letter strong { display: block; margin-top: 18px; color: #a05b7a; font: italic 24px/1.3 Georgia, serif; }
.about-greetings__letter b { font-size: 42px; color: #d58b9b; }
.about-greetings__envelope { position: absolute; inset: 110px 0 0; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 24px; border-radius: 8px 8px 20px 20px; background: linear-gradient(148deg, transparent 49.7%, #efb0c6 50%) top left/51% 100% no-repeat, linear-gradient(212deg, transparent 49.7%, #f5c7d8 50%) top right/51% 100% no-repeat, #e596b5; color: #964164; font: italic 18px Georgia, serif; box-shadow: 0 18px 32px #a8597c20; transform: rotate(6deg); }
.about-greetings__art > i { position: absolute; top: 10px; right: -20px; color: #c08c32; font-size: 38px; font-style: normal; }
.about-greetings__art > i:last-child { top: auto; right: auto; bottom: 20px; left: -30px; color: #ad7bb5; }
.about-greetings__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 34px 0 28px; padding: 0; list-style: none; }
.about-greetings__steps li { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 20px; padding: 30px 20px; background: #ffffffc9; border: 1px solid #f0d4e0; border-radius: 20px; }
.about-greetings__step-icon { display: grid; place-items: center; flex-shrink: 0; width: 78px; height: 88px; border: 3px solid #fff; border-radius: 16px; background: #fbe4ee; color: #b6517a; box-shadow: 0 6px 0 #efd1df; transform: rotate(-8deg); }
.about-greetings__step-icon svg { width: 38px; height: 38px; }
.about-greetings__steps small { color: #a8738a; font-size: 9px; font-weight: 750; letter-spacing: .1em; }
.about-greetings__steps h3 { margin: 5px 0 7px; color: #80405e; font-size: 20px; }
.about-greetings__steps p { margin: 0; color: #886c7b; font-size: 14px; line-height: 1.6; }
.about-greetings__footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.about-greetings__footer p { display: flex; align-items: center; gap: 9px; margin: 0; color: #8e6076; font-size: 14px; }
.about-greetings__footer svg { flex-shrink: 0; }
.about-games {
    --section-accent: #8551d5;
    --section-deep: #65409e;
    margin: 60px auto 0;
    padding: 38px;
    background: radial-gradient(ellipse at 100% 100%, #fce9f5, transparent 60%), #f0eafa;
    border: 1px solid #ded0f0;
    border-radius: 30px;
}
.about-games__heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.page-about .about-games .eyebrow { margin: 0 0 12px; color: #7852a8; }
.about-games h2 { margin: 0; color: #41315f; font-size: clamp(26px, 2.8vw, 38px); line-height: 1.2; letter-spacing: -.035em; }
.about-games h2 span { color: #8253bc; }
.about-games__together { display: inline-flex; align-items: center; flex-shrink: 0; gap: 9px; padding: 12px 16px; border: 1px solid #d8c9ec; border-radius: 30px; color: #71508e; background: #ffffff99; font-size: 13px; }
.about-games__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.about-game { display: flex; flex-direction: column; align-items: center; padding: 20px 22px 24px; border: 1px solid #e3d8ee; border-radius: 22px; background: #ffffffd9; text-align: center; }
.about-game__visual { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 130px; gap: 12px; margin-bottom: 16px; }
.about-game__pairs > span { display: grid; place-items: center; width: 74px; height: 88px; font-size: 43px; background: #fff4d8; border: 3px solid #fff; border-radius: 16px; box-shadow: 0 7px 0 #edddbd, 0 10px 18px #88725415; transform: rotate(-12deg); }
.about-game__pairs > span:nth-child(2) { transform: rotate(12deg); }
.about-game__pairs b { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%) rotate(-5deg); padding: 6px 12px; border: 2px solid white; border-radius: 20px; background: #d6f5df; color: #367d51; font-size: 12px; white-space: nowrap; }
.about-game__differences img { width: 43%; max-width: 120px; height: 92px; object-fit: cover; border: 3px solid #fff; border-radius: 14px; box-shadow: 0 6px 0 #cde6d8; }
.about-game__differences > span { position: absolute; bottom: -3px; right: 17%; display: grid; place-items: center; width: 58px; height: 58px; border: 3px solid #fff; border-radius: 50%; background: #e3d6f5; color: #79549c; transform: rotate(-15deg); }
.about-game__coin { display: grid; place-items: center; width: 82px; height: 82px; color: #b66b12; background: linear-gradient(140deg, #ffe68e, #ffc94e); border: 5px solid #fff0b5; border-radius: 50%; box-shadow: 0 6px 0 #e9b44b; font-size: 52px; line-height: 1; transform: rotate(-15deg); }
.about-game__reward-arrow { color: #b49bc8; font-size: 26px; }
.about-game__skin { display: grid; place-items: center; width: 65px; height: 86px; color: #fff1b5; background: linear-gradient(140deg, #af8cda, #7955ae); border: 3px solid #fff; border-radius: 14px; box-shadow: 0 5px 0 #c8b5e0; transform: rotate(12deg); }
.about-game h3 { margin: 0 0 9px; color: #513674; font-size: 23px; }
.about-game p { max-width: 280px; margin: 0 0 20px; color: #75677e; font-size: 15px; line-height: 1.6; }
.about-game__tag { display: inline-flex; align-items: center; justify-content: center; gap: 7px; margin-top: auto; color: #795a98; font-size: 12px; }
.about-game--pairs .about-game__tag { color: #a36b28; }
.about-game--differences .about-game__tag { color: #318169; }
.about-games__footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 28px; }
.about-games__footer p { display: flex; align-items: center; gap: 10px; margin: 0; color: #7b6693; font-size: 14px; }
.about-games__footer svg { flex-shrink: 0; }
.page-about .about-cta { padding-bottom: 64px; background: transparent; }
.page-about .cta-banner { background: #fff0e8; border: 1px solid #f0c6b8; }
.about-cta__icon { display: grid; place-items: center; flex-shrink: 0; width: 88px; height: 96px; border: 4px solid white; border-radius: 22px; background: #ffe0b2; color: #b1692e; box-shadow: 0 6px 0 #edcd9f; transform: rotate(-9deg); }
.page-about .cta-banner > div { flex: 1; }
.page-about .cta-banner .eyebrow { color: var(--section-deep); }
.page-about .cta-banner h2 { color: #754442; max-width: 700px; }
/* Разные композиции помогают быстро отличать возможности сайта. */
.page-about #main { background: linear-gradient(#fffefb 600px, #fffaf6 1300px, #fcfbff 2700px, #fffdf7); }
.page-about .hero { padding-bottom: 36px; }
.home-launch { padding-block: 22px 12px; }
.home-launch__heading { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.home-launch__heading .eyebrow { margin: 0; font-size: 11px; }
.home-launch h2 { margin: 0; color: #373144; font-size: 25px; letter-spacing: -.03em; }
.home-launch__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.home-launch__card { position: relative; display: flex; align-items: center; gap: 14px; min-height: 112px; padding: 20px; border: 1px solid var(--section-line); border-radius: 22px; color: var(--section-deep); background: var(--section-soft); box-shadow: 0 5px 0 color-mix(in srgb, var(--section-line) 60%, white); transition: transform .2s, box-shadow .2s; }
.home-launch__icon { display: grid; place-items: center; flex-shrink: 0; width: 48px; height: 55px; border: 2px solid white; border-radius: 15px; background: #ffffffa6; transform: rotate(-7deg); }
.home-launch__card > div { flex: 1; min-width: 0; }
.home-launch__card strong, .home-launch__card div > span { display: block; }
.home-launch__card strong { font-size: 17px; line-height: 1.25; }
.home-launch__card div > span { margin-top: 7px; font-size: 11px; line-height: 1.4; }
.home-launch__card > svg { flex-shrink: 0; width: 18px; }
.home-launch__card:hover { transform: translateY(-5px); box-shadow: 0 10px 0 color-mix(in srgb, var(--section-line) 60%, white); }
.home-launch__card:focus-visible { outline: 3px solid var(--section-accent); outline-offset: 5px; }
.about-panel, .about-games, .about-greetings { margin-top: 72px; }
.about-panel--tools { display: grid; grid-template-columns: minmax(220px, .9fr) minmax(0, 2.7fr); gap: 24px 32px; padding: 38px; background: radial-gradient(circle at 0 0, #ffe0a9, transparent 50%), #fff5e4; border-radius: 36px; }
.about-panel--tools .about-panel__heading { display: block; align-self: center; margin: 0; }
.about-panel--tools .about-panel__badge { display: inline-block; margin-top: 25px; background: #fff9ed; }
.about-panel--tools h2 { font-size: clamp(28px, 2.8vw, 38px); }
.about-panel--tools .about-panel__grid { gap: 14px; }
.about-panel--tools .about-info-card { position: relative; padding-inline: 15px; border-color: #f0d7ae; background: #fffdfa; box-shadow: 0 8px 0 #e9d8bd50; transition: transform .2s, box-shadow .2s; }
.about-panel--tools .about-info-card:nth-child(2) { transform: translateY(-12px); }
.about-panel--tools .about-info-card:hover { transform: translateY(-8px); box-shadow: 0 16px 25px #a66c1820; }
.about-panel--tools .about-info-card:focus-within { outline: 3px solid #c7772d; outline-offset: 4px; }
.about-panel--tools .about-info-card h3 { font-size: 21px; }
.home-tool-link::after { position: absolute; inset: 0; border-radius: 22px; content: ''; }
.home-tool-link:focus-visible { outline: none; }
.about-panel--tools .about-panel__footer { grid-column: 1 / -1; margin-top: 10px; padding-top: 24px; border-top: 1px dashed #e6c593; }
.about-panel--contests { background: radial-gradient(ellipse at 0 90%, #bfe9d5, transparent 65%), #e9f8f1; border-radius: 55px 28px 55px 28px; }
.about-panel--contests .about-panel__grid { grid-template-columns: 1.2fr 1fr 1fr; align-items: stretch; }
.about-panel--contests .about-info-card { background: #ffffffbf; }
.about-panel--contests .about-info-card:first-child { background: #fffdf5; transform: rotate(-1.5deg); box-shadow: 0 10px 24px #287a5612; }
.about-panel--contests .about-illustration--gallery { width: 250px; height: 160px; margin-top: -15px; margin-bottom: 8px; }
.about-panel--contests .about-illustration--gallery .about-illustration__main { width: 190px; height: 125px; border-width: 7px; border-radius: 4px; }
.about-panel--contests .about-illustration--gallery img { border-radius: 0; }
.about-panel--contests .about-info-card:nth-child(2) .about-illustration { transform: rotate(8deg); }
.about-games { position: relative; overflow: hidden; background: radial-gradient(ellipse at 90% 0, #9476c4, transparent 55%), linear-gradient(125deg, #423263, #6f4b99); border-color: #705795; border-radius: 38px; box-shadow: 0 18px 50px #5e42731a; }
.about-games__heading { display: grid; grid-template-columns: 1.25fr 1fr; gap: 20px; margin-bottom: 16px; }
.page-about .about-games .eyebrow { color: #ded0f5; }
.about-games h2 { color: #fff; font-size: clamp(29px, 3.3vw, 46px); }
.about-games h2 span { color: #ffe499; }
.home-games-picture { position: relative; display: flex; justify-content: center; align-items: center; height: 270px; }
.home-games-picture img { width: 100%; max-width: 420px; height: 290px; object-fit: contain; filter: drop-shadow(0 16px 20px #2a124a38); }
.home-games-picture .about-games__together { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%) rotate(-4deg); white-space: nowrap; background: #fff9e5; color: #6e4a87; border: 2px solid white; padding: 9px 14px; font-size: 12px; }
.about-game { border: 2px solid #ffffff80; background: #fffdfa; box-shadow: 0 8px 0 #2d1d4025; }
.about-game:nth-child(2) { background: #f1fbf6; }
.about-game:nth-child(3) { background: #fff8e4; }
.about-game__visual { transition: transform .25s; }
.about-game:hover .about-game__visual { transform: translateY(-5px); }
.about-games__footer p { color: #eee2ff; }
.page-about .about-games .button--primary { color: #4d3468; background: linear-gradient(120deg, #ffe9a3, #ffcf61); border-color: #ffe49c; box-shadow: 0 8px 20px #25103c20; }
.about-greetings { border-radius: 28px 60px 28px 60px; background: radial-gradient(ellipse at 90% 0, #f5bdd3, transparent 65%), #fff0f5; }
.about-greetings__art { transform: rotate(3deg); transition: transform .3s; }
.about-greetings__art:hover { transform: rotate(-3deg) translateY(-6px); }
.about-greetings__steps li { flex-direction: row; align-items: flex-start; text-align: left; gap: 18px; padding: 24px 20px; }
.about-greetings__step-icon { width: 54px; height: 64px; border-radius: 13px; }
.about-greetings__step-icon svg { width: 28px; height: 28px; }
.about-greetings__steps h3 { font-size: 20px; }
.about-panel--awards { background: #fffaf0; border-color: #ebd9ad; border-radius: 28px; }
.about-panel--awards .about-panel__heading h2 { color: #53432b; }
.about-panel--awards .about-panel__heading h2 span { color: #aa701f; }
.about-panel--awards .about-info-card { display: grid; grid-template-columns: 90px minmax(0, 1fr); grid-template-rows: auto 1fr auto; gap: 8px 20px; align-items: start; padding: 22px 0; text-align: left; border: 0; border-radius: 0; background: none; }
.about-panel--awards .about-info-card + .about-info-card { padding-left: 20px; border-left: 1px dashed #ddcba3; }
.about-panel--awards .about-illustration { grid-row: 1 / 4; width: 90px; height: 110px; margin: 0; }
.about-panel--awards .about-illustration > i, .about-panel--awards .about-illustration > b { display: none; }
.about-panel--awards .about-info-card h3 { font-size: 21px; margin: 0; }
.about-panel--awards .about-info-card p { margin: 0 0 10px; font-size: 14px; }
.about-panel--awards .about-info-card__tag { font-size: 11px; }
.about-panel--account { background: radial-gradient(ellipse at 100% 100%, #c7d8f5, transparent 75%), #edf4ff; }
.about-panel--account .about-info-card { align-items: flex-start; text-align: left; padding: 24px; background: #ffffffb3; }
.about-panel--account .about-illustration { justify-content: flex-start; width: 100%; height: 90px; margin-bottom: 20px; }
.about-panel--account .about-illustration__main { width: 65px; height: 72px; border-radius: 17px; }
.about-panel--account .about-illustration__main svg { width: 34px; height: 34px; }
.about-panel--account .about-illustration > b { bottom: auto; left: 84px; top: 25px; transform: none; font-size: 10px; }
.about-panel--account .about-illustration > i { display: none; }
.about-panel--values { background: transparent; border: 0; padding: 10px 0; }
.about-panel--values .about-panel__heading { justify-content: center; text-align: center; }
.about-panel--values .about-panel__badge { display: none; }
.about-panel--values .about-info-card { border: 0; background: none; padding: 10px 24px; }
.about-panel--values .about-illustration { height: 100px; }
.about-panel--values .about-illustration__main { width: 70px; height: 75px; }
.about-panel--values .about-illustration__main svg { width: 36px; height: 36px; }
.about-panel--values .about-info-card__tag { display: none; }
.about-panel--values .about-info-card p { margin-bottom: 0; }
.page-about .cta-banner { background: linear-gradient(120deg, #ffde80, #fff0c1 65%, #ffe6d6); border-color: #f2ce86; border-radius: 40px; }
.page-about .cta-banner h2 { color: #624226; }
@media (prefers-reduced-motion: reduce) {
    .home-launch__card, .about-panel--tools .about-info-card, .about-game__visual, .about-greetings__art { transition: none; }
}
@media (max-width: 1100px) {
    .home-launch__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .home-launch__card { min-height: 95px; }
    .about-panel--tools { grid-template-columns: 1fr; gap: 30px; }
    .about-panel--tools .about-panel__heading { display: flex; align-items: center; }
    .about-panel--tools .about-panel__badge { margin-top: 0; }
    .about-panel--tools .about-panel__footer { margin: 0; }
    .about-panel--awards .about-info-card { grid-template-columns: 1fr; }
    .about-panel--awards .about-illustration { grid-row: auto; margin-bottom: 10px; }
    .about-panel--awards .about-info-card + .about-info-card { padding-left: 18px; }
    .about-greetings__steps li { flex-direction: column; }
    .about-panel { padding: 30px; }
    .about-panel__badge { max-width: 210px; text-align: center; }
    .about-info-card { padding-inline: 18px; }
    .about-panel__footer, .about-greetings__footer, .about-games__footer { flex-wrap: wrap; }
    .about-cta__icon { display: none; }
}
@media (max-width: 800px) {
    .home-launch__heading { align-items: flex-start; flex-direction: column; gap: 10px; }
    .about-panel--tools .about-panel__heading { align-items: flex-start; flex-direction: column; gap: 18px; }
    .about-panel--tools .about-info-card:nth-child(2) { transform: none; }
    .about-panel--contests .about-panel__grid { grid-template-columns: minmax(0, 1fr); }
    .about-panel--contests .about-info-card:first-child { transform: none; }
    .about-games__heading { grid-template-columns: 1fr; }
    .home-games-picture { height: 240px; }
    .home-games-picture img { height: 260px; max-width: 380px; }
    .about-panel--awards .about-info-card { grid-template-columns: 90px minmax(0, 1fr); }
    .about-panel--awards .about-illustration { grid-row: 1 / 4; }
    .about-panel--awards .about-info-card + .about-info-card { padding-left: 0; border-left: 0; border-top: 1px dashed #ddcba3; }
    .about-greetings__steps li { flex-direction: row; }
    .about-panel__heading, .about-games__heading { align-items: flex-start; flex-direction: column; }
    .about-panel__badge { max-width: none; }
    .about-panel__grid, .about-games__grid, .about-greetings__intro, .about-greetings__steps { grid-template-columns: 1fr; }
    .about-panel__footer, .about-greetings__footer, .about-games__footer { align-items: flex-start; flex-direction: column; }
    .about-info-card p { max-width: 350px; }
    .about-game__visual { max-width: 300px; }
}
@media (max-width: 560px) {
    .home-launch { padding-top: 10px; }
    .home-launch__grid { gap: 12px; }
    .home-launch__card { align-items: flex-start; flex-direction: column; gap: 12px; padding: 16px 12px; border-radius: 18px; }
    .home-launch__card > svg { position: absolute; top: 20px; right: 12px; width: 16px; }
    .home-launch__card strong { font-size: 16px; }
    .home-launch__card div > span { font-size: 11px; }
    .home-launch__icon { width: 42px; height: 46px; }
    .home-launch__icon svg { width: 25px; }
    .about-panel--values { padding: 10px 0; }
    .about-panel--awards .about-info-card { gap: 8px 12px; }
    .about-panel--tools .about-info-card { padding: 20px; }
    .about-panel, .about-games, .about-greetings { margin-top: 36px; padding: 26px 18px; }
    .about-panel--contests { padding: 24px 18px; border-radius: 24px; }
    .about-panel--contests .about-panel__heading { gap: 16px; margin-bottom: 22px; }
    .about-panel--contests .eyebrow { max-width: 28ch; margin: 0 0 12px; font-size: 11px; line-height: 1.55; letter-spacing: .12em; text-wrap: balance; }
    .about-panel--contests h2 { font-size: clamp(22px, 5.8vw, 26px); line-height: 1.3; letter-spacing: -.025em; text-wrap: balance; }
    .about-panel--contests h2 br { display: none; }
    .about-panel--contests h2 span { display: block; margin-top: 6px; }
    .about-panel--contests .about-panel__badge { padding: 8px 12px; border-radius: 12px; font-size: 12px; }
    .about-panel__footer .button, .about-games__footer .button, .about-greetings__footer .button { width: 100%; padding-inline: 12px; font-size: 14px; }
    .about-greetings__art { width: 220px; height: 240px; }
    .about-greetings__letter strong { font-size: 21px; }
    .about-greetings__art > i { right: -8px; }
    .about-greetings__art > i:last-child { left: -10px; }
    .page-about .cta-banner { margin-top: 36px; padding: 28px; }
}