.about-page{max-width:700px;padding-top:32px}.about-page h1{font:700 clamp(30px,5vw,42px)/1.1 var(--display);margin:0 0 13px}.about-lead{color:#b7c3b8;font-size:18px;line-height:1.6;margin:0;max-width:48ch}.about-section{margin-top:30px;padding-top:24px;border-top:1px solid var(--line);scroll-margin-top:20px}.about-section h2{font:700 27px/1.15 var(--display);margin:0 0 14px}.about-section p,.about-extra p{color:#b2beb4;font-size:17px;line-height:1.65;margin:10px 0}.easy-doodle{margin:20px 0;padding:6px 20px;border-left:2px solid #647c4a}.easy-doodle>div{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;gap:15px;padding:10px 0;font-size:14px;line-height:1.5;color:#aab6ad}.easy-doodle strong{font:700 28px var(--display);color:#d9e6c1}.easy-doodle>div:last-child strong{color:var(--lime);transform:rotate(-3deg)}.mix-bar{display:flex;height:42px;overflow:hidden;margin:21px 0 7px;border:1px solid #44513a}.mix-bar span{display:flex;align-items:center;justify-content:center;font:700 24px var(--display);color:#1c2516;background:#cce69e}.mix-bar span+span{background:#9888c1;border-left:2px solid #151819}.mix-key{display:flex;justify-content:space-between;font-size:13px;color:#aab8a4;margin-bottom:20px;gap:15px}.about-extra{padding:17px 0;border-bottom:1px solid var(--line)}.about-extra:first-of-type{margin-top:25px;border-top:1px solid var(--line)}.about-extra summary{cursor:pointer;font-size:14px;color:#bac5b6}.about-extra p{font-size:14px}.back-to-board{margin:28px 0;font-size:14px;color:var(--lime)}@media(max-width:600px){.about-page{padding:25px 18px 0}.about-section h2{font-size:25px}.about-section p{font-size:16px}.about-lead{font-size:17px}.easy-doodle{padding:0 12px}.easy-doodle>div{gap:8px}.mix-key{font-size:12px}}