.blog-shell{max-width:1240px}.blog-writing-section{display:grid;grid-template-columns:220px minmax(0,1fr);gap:55px;align-items:start;margin-bottom:60px}.blog-writer{position:sticky;top:60px;text-align:center}.blog-writer-scene{height:180px;position:relative;color:var(--ink)}.blog-writer-scene .sleepy-girl{width:230px;height:180px;max-width:100%;overflow:visible}.blog-writer .doodle-upper{transform:none;transition:none}.blog-writer :is(.doodle-legs-sleep,.doodle-eyes-sleep,.doodle-zzz,.doodle-spark,.doodle-arm){display:none}.blog-writer :is(.doodle-legs-awake,.doodle-eyes-awake){opacity:1}.blog-writer>p{font-size:14px;line-height:1.65;color:var(--subtle)}.blog-replay{border:1px solid var(--line);padding:10px 15px;border-radius:22px;background:var(--paper);color:var(--ink);font:inherit;font-size:12px;cursor:pointer}.blog-replay:focus-visible,.blog-paper-card a:focus-visible{outline:2px solid var(--rose);outline-offset:5px}.blog-replay:disabled{opacity:.5;cursor:default}.blog-paper-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;perspective:1200px}.blog-paper-card{position:relative;padding:35px 28px 28px;background:var(--surface);border:1px solid var(--line);border-radius:6px 24px 6px 6px;box-shadow:0 14px 30px #172b4910;min-width:0;display:flex;flex-direction:column;transform-origin:center;transition:box-shadow .2s}.blog-paper-card:after{content:'';position:absolute;right:0;top:0;width:22px;height:22px;background:var(--paper-2);border-bottom:1px solid var(--line);border-left:1px solid var(--line);border-radius:0 22px 0 5px}.blog-paper-card:hover{box-shadow:0 20px 40px #172b491c}.blog-paper-number{font:11px ui-monospace,monospace;color:var(--subtle);margin-bottom:25px}.blog-paper-card .kicker{font-size:9px;color:var(--rose);letter-spacing:.1em}.blog-paper-card h2{font-size:clamp(23px,2.2vw,31px);line-height:1.2;letter-spacing:-.035em;margin:8px 0 20px}.blog-card-summary{font-size:14px;line-height:1.65;color:var(--subtle);margin-bottom:28px}.blog-read-link{margin-top:auto;font-size:13px;font-weight:600;color:var(--rose)}.blog-read-link span{margin-left:10px}.blog-paper-card.is-unwritten{opacity:0}.blog-flying-page{position:fixed;left:0;top:0;width:80px;height:105px;background:var(--surface);border:1px solid var(--line);border-radius:2px 12px 2px 2px;box-shadow:0 10px 25px #182b4925;padding:22px 12px;z-index:100;opacity:0;pointer-events:none}.blog-flying-page i{display:block;height:2px;background:var(--rose);opacity:.4;margin-bottom:10px}.blog-flying-page i:last-child{width:60%}.blog-writer-scene.is-writing .blog-writing-arm{animation:blog-scribble .22s ease-in-out infinite alternate;transform-origin:112px 67px}.blog-writer-scene.is-throwing .blog-writing-arm{animation:blog-throw .35s ease-out;transform-origin:112px 67px}.blog-writer-scene.is-writing .blog-ink{animation:blog-ink 1s linear infinite}.blog-writer-scene.is-throwing .doodle-upper{animation:blog-lean .35s ease-out}
@keyframes blog-scribble{to{transform:rotate(-4deg)}}@keyframes blog-ink{from{opacity:.2}to{opacity:1}}@keyframes blog-throw{50%{transform:rotate(-75deg)}}@keyframes blog-lean{50%{transform:rotate(8deg);transform-origin:100px 103px}}
@media(max-width:850px){.blog-writing-section{grid-template-columns:150px minmax(0,1fr);gap:25px}.blog-paper-grid{grid-template-columns:1fr}.blog-writer-scene{height:130px}.blog-writer-scene .sleepy-girl{height:130px}}
@media(max-width:600px){.blog-writing-section{grid-template-columns:1fr;gap:25px}.blog-writer{position:relative;top:auto;display:grid;grid-template-columns:130px 1fr;align-items:center;text-align:left}.blog-writer>p{margin:0}.blog-replay{grid-column:2;justify-self:start}.blog-writer-scene{grid-row:span 2}.blog-paper-card{padding:28px 24px}.blog-flying-page{width:60px;height:80px}}
@media(prefers-reduced-motion:reduce){.blog-writer-scene *{animation:none!important}.blog-paper-card.is-unwritten{opacity:1}.blog-flying-page{display:none}}
.motion-paused .blog-writer-scene *{animation:none!important}.motion-paused .blog-paper-card.is-unwritten{opacity:1}.motion-paused .blog-flying-page{display:none}