.about-page{background:#f5f6ed}.about-main{max-width:1050px;padding:28px 28px 62px}.about-main>.pixel-back{display:inline-block;margin-bottom:30px}.about-letter{position:relative;display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:37px;padding:42px 42px 43px 30px;background:#fffef5;border:1px solid #cbd4bf;border-radius:7px;box-shadow:0 4px 0 #dce5d160;isolation:isolate}.about-letter:before{content:'';position:absolute;left:30px;right:30px;top:-1px;height:3px;background:#92a77f;border-radius:0 0 2px 2px}.about-copy{min-width:0;max-width:600px}.about-copy h1{font:38px/1.12 var(--pixel-font);color:#355039;margin:0 0 23px;overflow-wrap:anywhere}.about-copy p{font:14px/1.85 system-ui,sans-serif;color:#67755f;margin:0 0 17px}.about-copy .about-opening{color:#435b40;font-size:16px;line-height:1.7}.about-avatar-stage{position:relative;width:220px;height:280px;align-self:center;border-radius:6px;background:linear-gradient(180deg,#edf1e4,#e2e9d7);overflow:visible}.about-avatar-stage:before{content:'';position:absolute;inset:15px;border:1px solid #d6dfca;border-radius:3px}.about-page .about-avatar-stage>.card-mascot{position:absolute;display:block;left:10px;top:218px;width:200px;height:200px;transform:translateY(calc(-1 * var(--mascot-seat,83%)));pointer-events:none;z-index:1}.about-seat{position:absolute;top:218px;left:31px;right:31px;height:10px;background:#9fac91;border:1px solid #8c9d7b;box-shadow:0 4px 0 #bdc8ac;border-radius:2px}.about-seat:after{content:'';position:absolute;top:12px;left:20%;right:20%;height:9px;background:radial-gradient(ellipse,#5d715b28,transparent 70%)}.about-avatar-stage:not(:has(.card-mascot:not([hidden]))){display:none}.about-letter:not(:has(.card-mascot:not([hidden]))){grid-template-columns:1fr;padding:42px}.about-letter:not(:has(.card-mascot:not([hidden]))) .about-copy{max-width:700px;margin:auto}.about-actions{display:flex;align-items:center;gap:21px;flex-wrap:wrap;margin-top:25px}.about-actions a{font:16px var(--pixel-font);min-height:43px;display:inline-flex;align-items:center;gap:15px;text-decoration:none}.about-explore{padding:11px 15px;background:#648254;color:#fffef3!important;border:1px solid #577449;border-radius:3px;box-shadow:0 2px #435f38;transition:background .15s}.about-explore:hover{background:#557547}.about-feedback{color:#60764e!important;padding:9px 0}.about-feedback:hover{text-decoration:underline;text-underline-offset:4px}.about-page a:focus-visible{outline:3px solid #7b9a69;outline-offset:4px}.about-page .pixel-footer{max-width:994px}.about-page .pixel-footer nav{flex-wrap:wrap}
@media(max-width:800px){.about-letter{gap:24px;padding:30px 28px;grid-template-columns:175px minmax(0,1fr)}.about-avatar-stage{width:175px;height:240px}.about-page .about-avatar-stage>.card-mascot{left:0;top:185px;width:175px;height:175px}.about-seat{top:185px;left:22px;right:22px}.about-copy h1{font-size:32px}.about-copy p{font-size:13px}.about-copy .about-opening{font-size:15px}}
@media(max-width:600px){.about-main{padding:22px 16px 38px}.about-main>.pixel-back{margin-bottom:22px}.about-letter{display:flex;flex-direction:column;gap:20px;padding:25px 22px 28px}.about-letter:before{left:22px;right:22px}.about-avatar-stage{width:170px;height:180px;align-self:center}.about-page .about-avatar-stage>.card-mascot{width:158px;height:158px;left:6px;top:144px}.about-seat{top:144px;left:24px;right:24px;height:8px}.about-avatar-stage:before{inset:10px}.about-copy h1{font-size:32px;margin-bottom:19px}.about-copy p{font-size:14px;line-height:1.8;margin-bottom:17px}.about-copy .about-opening{font-size:15px}.about-actions{gap:12px 20px;margin-top:22px}.about-actions a{font-size:15px}.about-letter:not(:has(.card-mascot:not([hidden]))){padding:29px 23px}.about-page .pixel-footer{padding:23px 20px}.about-page .pixel-footer nav{gap:12px}.about-page .pixel-brand{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.about-explore{transition:none}}html[data-motion=reduce] .about-explore{transition:none}

/* A small standing portrait, with the same calm idle motion and original skin. */
.about-letter{grid-template-columns:220px minmax(0,1fr);align-items:center;padding:40px 42px 40px 30px;gap:36px}
.about-copy h1{margin-bottom:24px}
.about-copy p,.about-copy .about-opening{font:14px/1.85 system-ui,sans-serif;color:#53654e;margin:0 0 16px}
.about-copy p:last-of-type{margin-bottom:0}
.about-avatar-stage{width:220px;height:315px;background:#edf1e4;border:1px solid #d9e1cd;border-radius:5px}
.about-avatar-stage:before{inset:12px;border-color:#d6dfca}
.about-page .about-avatar-stage>.card-mascot{inset:0;width:100%;height:100%;transform:none}
.about-page .card-mascot:before{width:75px;height:11px;left:calc(50% - 37.5px);top:calc(var(--mascot-seat,84%) - 5px);background:radial-gradient(ellipse,#445b3c35,transparent 70%)}
@media(max-width:800px){.about-letter{grid-template-columns:175px minmax(0,1fr);padding:30px 28px;gap:25px}.about-avatar-stage{width:175px;height:270px}.about-copy p,.about-copy .about-opening{font-size:14px;line-height:1.85}}
@media(max-width:600px){.about-letter{padding:25px 22px 28px;gap:24px}.about-avatar-stage{width:172px;height:235px}.about-copy p,.about-copy .about-opening{font-size:14px;line-height:1.85;margin-bottom:16px}.about-copy p:last-of-type{margin-bottom:0}.about-copy h1{margin-bottom:22px}}