@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;500;600;700&family=Zilla+Slab:wght@500;600;700&display=swap');
.stage.devlog>.hero-copy,.stage.devlog>.scene-caption,.stage.devlog>.scene-index,.stage.devlog>.devlog-process,.stage.devlog:after{display:none!important}.dev-notebook[hidden]{display:none}.dev-notebook{position:absolute;inset:0;z-index:8;overflow:hidden;background:#162e2c;color:#f3f0da;font-family:'Trebuchet MS',sans-serif}.dev-cover{position:absolute;inset:0 53% 0 0;background:#1d3530;overflow:hidden}.dev-cover>img{width:100%;height:70%;object-fit:cover;object-position:50% 40%;mask-image:linear-gradient(#000 65%,transparent 100%)}.dev-art-label{position:absolute;top:23px;left:25px;font-size:8px;letter-spacing:1.4px;color:#e9eed1;background:#152d2ca6;padding:8px 10px;border-radius:5px}.dev-cover-copy{position:absolute;left:8%;right:7%;bottom:7%}.dev-sticker{display:inline-block;background:#d6ddae;color:#405442;padding:7px 13px;border-radius:40% 30% 40% 25%/20% 25% 15% 20%;font:italic 14px Georgia;transform:rotate(-2deg)}.dev-cover h2{font-size:clamp(29px,3.15vw,47px);line-height:1.08;letter-spacing:-1.7px;margin:18px 0 16px}.dev-cover-copy>p{font-size:14px;line-height:1.7;color:#b6c8b8;max-width:340px}.dev-cover nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.dev-cover nav button{border:1px solid #aabf9366;border-radius:20px;padding:9px 12px;color:#edf0d6;background:#ffffff08;font-size:11px;cursor:pointer}.dev-cover nav button:hover{background:#d5ddae;color:#233c30}.dev-cover nav button:focus-visible{outline:2px solid #efcb79;outline-offset:3px}.dev-vine{position:absolute;z-index:3;top:-22px;left:calc(47% - 44px);width:85px;pointer-events:none;filter:drop-shadow(0 3px 3px #0004)}.dev-pages{position:absolute;inset:0 0 0 47%;padding:48px clamp(25px,3.6vw,57px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8b9f7a #263d35;background:radial-gradient(#afc49b12 1px,transparent 1px),#263d35;background-size:9px 9px;border-left:1px solid #b3c99438;outline-offset:-4px}.dev-pages .dev-intro{display:block;height:auto;padding:0;margin:0;border:0}.dev-kicker{font-size:9px;letter-spacing:2px;color:#acc397}.dev-intro h2{font:700 clamp(29px,3vw,43px)/1.12 'Trebuchet MS',sans-serif;letter-spacing:-1.3px;margin:20px 0}.dev-pages p{font-size:14px;line-height:1.85;color:#c4d0bd}.dev-scroll{display:block;border-top:1px dashed #92aa7966;padding-top:18px;margin-top:25px;color:#d2dcb4;font:italic 14px Georgia}.dev-pages article{padding-top:48px;scroll-margin-top:25px}.dev-pages h3{font-size:29px;line-height:1.15;letter-spacing:-.8px;margin:21px 0}.dev-pages h4{font-size:20px;line-height:1.35;margin:23px 0 12px;color:#f2ecd2}.dev-pages figure{margin:28px 0;position:relative;background:#e9e5d1;padding:7px 7px 12px;transform:rotate(-1deg);box-shadow:0 9px 20px #091b2440}.dev-pages figure:before{content:'';position:absolute;top:-8px;left:36%;width:28%;height:17px;background:#d5bd85ab;transform:rotate(3deg)}.dev-pages figure img{width:100%;height:auto;display:block}.dev-pages figcaption{color:#58604c;text-align:center;font:italic 11px/1.5 Georgia;margin:10px 5px 0}.dev-note{padding:22px;background:#d9dbaa;color:#334532;transform:rotate(.7deg);border-radius:3px 3px 19px 3px}.dev-note>span,.dev-progress>span{font-size:9px;letter-spacing:1.7px}.dev-note h4{color:#35492f;margin-top:12px}.dev-note p{color:#4c5c40;margin-bottom:0}.dev-pages ul{padding-left:18px;color:#c4d0bd;font-size:13px;line-height:1.8}.dev-pages li{padding-bottom:12px}.dev-pages li b{color:#eef0d8}.dev-progress{border-left:2px solid #b9c58b;padding-left:17px;margin:25px 0;color:#dbe1bb}.dev-progress p{font-size:12px;margin-bottom:0}.dev-beats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:26px 0}.dev-beats div{padding:13px 8px;border-top:1px solid #9fb38a77}.dev-beats span{color:#bfcf98;font:italic 23px Georgia}.dev-beats b,.dev-beats small{display:block;margin-top:8px;font-size:12px}.dev-beats small{font-size:11px;color:#b2c1ad}.dev-pages details{border:1px dashed #9caa7870;border-radius:9px;padding:15px}.dev-pages summary{cursor:pointer;font-size:13px;color:#d8ddb6;display:flex;justify-content:space-between}.dev-pages blockquote{font:italic 29px/1.4 Georgia;color:#d7dcae;margin:30px 0;padding:24px 0;border-block:1px dashed #91a87766}.dev-end{font-style:italic}.dev-pages :focus-visible{outline:2px solid #efcb79;outline-offset:3px}
@media(max-height:800px) and (min-width:761px){.dev-cover-copy{bottom:5%}.dev-cover h2{font-size:32px}.dev-cover>img{height:65%}.dev-cover-copy>p{font-size:12px}.dev-pages{padding-top:32px}.dev-intro h2{font-size:34px}.dev-cover nav{margin-top:15px}.dev-cover-copy .dev-sticker{font-size:12px}}
@media(max-width:760px){.hero:has(.devlog){height:calc(100svh - 110px);min-height:680px}.dev-cover{inset:0 0 auto;height:31%}.dev-cover>img{position:absolute;right:0;width:65%;height:100%;mask-image:linear-gradient(90deg,transparent,#000 35%);object-position:center}.dev-cover-copy{left:6%;bottom:13%;right:35%}.dev-cover h2{font-size:25px;letter-spacing:-.8px;margin:8px 0}.dev-cover-copy>p,.dev-cover nav,.dev-art-label{display:none}.dev-cover .dev-sticker{font-size:10px;padding:5px 8px}.dev-pages{inset:31% 0 0;padding:29px 7%;border-left:0;border-top:1px solid #adbf9255}.dev-intro h2{font-size:31px}.dev-vine{left:auto;right:-12px;top:calc(31% - 22px);width:56px}.dev-pages h3{font-size:27px}.dev-pages p{font-size:13px}.dev-pages article{padding-top:36px}}
@media(max-width:760px){.dev-art-label{display:block;top:auto;bottom:6px;left:auto;right:8px;font-size:6px;letter-spacing:.5px;padding:4px 5px}}

.dev-anatomy{margin:25px 0;border-top:1px dashed #a7b98766}.dev-anatomy>div{padding:18px 0;border-bottom:1px dashed #a7b98766}.dev-anatomy span{font-size:10px;letter-spacing:1.7px;color:#d8dfb5}.dev-anatomy p{margin:8px 0 0}.dev-pages .dev-sources{font-size:11px;line-height:1.8}.dev-sources a{color:#d5dfae;text-underline-offset:3px}

/* Friendly editorial typography, preserving the forest-green canvas. */
.dev-notebook{font-family:'Libre Franklin','Trebuchet MS',sans-serif}
.dev-cover h2,.dev-pages .dev-intro h2,.dev-pages h3,.dev-pages h4{font-family:'Zilla Slab',Georgia,serif;font-weight:700;letter-spacing:-.02em;line-height:1.16}
.dev-pages .dev-intro h2{font-size:clamp(34px,3.4vw,47px)}
.dev-pages h3{font-size:34px;margin:20px 0 16px}
.dev-pages h4{font-size:25px;margin:26px 0 14px}
.dev-pages p,.dev-pages li,.dev-cover-copy>p{font-family:'Libre Franklin','Trebuchet MS',sans-serif;font-size:14px;line-height:1.8;font-weight:400}
.dev-pages>article>p,.dev-intro>p{color:#e0e6d4;max-width:55ch}
.dev-pages .dev-intro>p{font-size:15px}
.dev-sticker{font-family:'Zilla Slab',Georgia,serif;font-style:normal;font-weight:600;font-size:15px;padding:8px 18px;border-radius:2px;clip-path:polygon(0 0,100% 0,97% 50%,100% 100%,0 100%,3% 50%);transform:rotate(-1deg)}
.dev-kicker{font-family:'Libre Franklin',sans-serif;font-weight:600;font-size:10px;letter-spacing:1.4px}
.dev-scroll{font-family:'Zilla Slab',Georgia,serif;font-size:17px;font-style:normal;color:#d9dfb7}
.dev-cover nav button{font-family:'Libre Franklin',sans-serif;font-weight:500;font-size:10px}
.dev-pages article{padding-top:52px}
.dev-note{border:1px dashed #6f805a;padding:24px;transform:none;outline:5px solid #d9dbaa;outline-offset:0;border-radius:5px;margin:30px 5px}
.dev-pages .dev-progress p,.dev-pages .dev-sources{font-size:12px}
.dev-pages figcaption{font-family:'Zilla Slab',Georgia,serif;font-size:13px}
.dev-pages blockquote{font-family:'Zilla Slab',Georgia,serif;font-style:normal;font-weight:600;font-size:31px}
.dev-cover h2{font-size:clamp(31px,3.4vw,48px)}
@media(max-height:800px) and (min-width:761px){.dev-cover h2{font-size:33px}.dev-cover-copy>p{font-size:12px}.dev-pages .dev-intro h2{font-size:37px}}
@media(max-width:760px){.dev-cover h2{font-size:27px}.dev-cover .dev-sticker{font-size:11px}.dev-pages .dev-intro h2{font-size:34px}.dev-pages h3{font-size:30px}.dev-pages h4{font-size:25px}.dev-pages p,.dev-pages li{font-size:14px}.dev-pages .dev-intro>p{font-size:14px}.dev-note{padding:20px}.dev-pages article{padding-top:42px}}

.dev-origin{margin-top:38px}.dev-pages .dev-owl-study{transform:rotate(-.5deg);margin-top:35px}.dev-owl-study figcaption{font-size:16px;line-height:1.5}.dev-owl-study figcaption span{font-family:'Libre Franklin',sans-serif;font-size:10px;color:#67705b}.dev-pages #dev-origin-title{font-size:32px;margin-top:29px}.dev-pages .dev-myths{list-style:none;padding:0;margin:24px 0 28px;border-block:1px dashed #a7b98766}.dev-myths li{padding:14px 0;border-bottom:1px solid #adc19722}.dev-myths li:last-child{border-bottom:0}.dev-myths a{font-family:'Zilla Slab',Georgia,serif;font-size:21px;font-weight:600;color:#e7dfad;text-decoration:none}.dev-myths a:hover{text-decoration:underline;text-underline-offset:4px}.dev-myths span{display:block;margin-top:3px;font-size:13px;line-height:1.7;color:#d8dfcf}.dev-design-takeaway{border-left:3px solid #c6d299;padding:5px 0 5px 21px;margin:27px 0 35px}.dev-design-takeaway>span{font-size:9px;letter-spacing:1.4px;color:#c6d299}.dev-pages .dev-design-takeaway p{font-family:'Zilla Slab',Georgia,serif;font-size:25px;line-height:1.35;color:#f1ecd1;font-weight:600;margin:10px 0 0}

/* A small studio companion and flowers frame the notebook. */
.dev-flowers{position:absolute;z-index:4;pointer-events:none;top:-20px;left:calc(47% - 67px);width:134px;height:112px;object-fit:contain;filter:drop-shadow(0 3px 3px #10282038);transform-origin:50% 0}
.dev-buddy{position:absolute;z-index:4;pointer-events:none;bottom:-8px;left:calc(47% - 91px);width:96px;height:105px;object-fit:contain;filter:drop-shadow(0 4px 3px #10282055);transform-origin:50% 100%}
.dev-cover-copy{padding-bottom:10px}.dev-cover nav{padding-right:36px}
@media(prefers-reduced-motion:no-preference){.dev-flowers{animation:dev-flower-sway 7s ease-in-out infinite alternate}.dev-buddy{animation:dev-buddy-breathe 4.5s ease-in-out infinite}@keyframes dev-flower-sway{from{transform:rotate(-8deg)}to{transform:rotate(8deg)}}@keyframes dev-buddy-breathe{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(5deg)}}}
body:has(#motion-toggle[aria-pressed=true]) .dev-flowers,body:has(#motion-toggle[aria-pressed=true]) .dev-buddy{animation:none}
@media(max-width:760px){.dev-flowers{left:auto;right:-8px;top:calc(31% - 32px);width:87px;height:76px}.dev-buddy{left:auto;right:2px;bottom:calc(69% - 7px);width:63px;height:72px}.dev-cover-copy{padding-bottom:0}}

@media(max-width:760px){.dev-flowers{top:-12px;right:-10px}.dev-buddy{right:7px}}

.dev-flowers{left:calc(47% - 89px);filter:none}.dev-buddy{filter:none}@media(max-width:760px){.dev-flowers{left:auto}.dev-art-label{left:10px;right:auto;font-size:5.5px;max-width:235px}}

.dev-pages figure{padding:7px}.dev-myths li{position:relative;min-height:110px;padding:18px 94px 18px 0;display:flex;flex-direction:column;justify-content:center}.dev-myths .myth-name{font-family:Zilla Slab,Georgia,serif;font-size:21px;font-weight:600;color:#e7dfad;margin-top:0}.myth-sketch{position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(3deg);width:78px;height:96px;object-fit:contain}.dev-myths li:nth-child(even) .myth-sketch{transform:translateY(-50%) rotate(-3deg)}