*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:#f5ede0;min-height:100vh;font-family:EB Garamond,serif;overflow-x:hidden}.blog-deco{z-index:20;pointer-events:none;user-select:none;position:fixed}body.modal-open .blog-deco{z-index:5}@keyframes tree-sway{0%,to{transform:rotate(-2deg)scale(1.05)}50%{transform:rotate(2deg)scale(1.06)}}.blog-deco--treeleft{transform-origin:bottom;width:clamp(120px,18vw,260px);height:auto;animation:6s ease-in-out infinite tree-sway;top:7%;left:-1%}.blog-deco--treeright{transform-origin:bottom;width:clamp(110px,16vw,240px);height:auto;animation:7s ease-in-out infinite reverse tree-sway;top:7%;right:-1%}.blog-deco--frameleft{width:clamp(80px,14vw,200px);height:auto;bottom:0;left:-2vw}.blog-deco--frameright{width:clamp(44px,7vw,110px);height:auto;bottom:0;right:-2vw}@keyframes lilly-waggle{0%,to{transform:translateY(37%)translate(-1%)rotate(-1deg)scaleX(-1)scale(1)}50%{transform:translateY(37%)translate(1%)rotate(1deg)scaleX(-1)scale(1.01)}}.blog-deco--lilly{transform-origin:bottom;flex-shrink:0;align-self:flex-end;width:clamp(100px,15vw,210px);height:auto;margin-right:clamp(6px,12vw,10px);animation:4s ease-in-out infinite lilly-waggle;display:block}.blog-footer-zone{z-index:115;pointer-events:none;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.blog-bottom-bar{background-color:#fd6244;flex-shrink:0;width:100%;height:3vh}.blog-layout-content{z-index:10;flex-direction:column;align-items:center;gap:clamp(20px,4vh,44px);padding:clamp(160px,20vh,280px) clamp(48px,9vw,130px) clamp(130px,22vh,230px);display:flex;position:relative}body.modal-open .blog-header,body.modal-open .blog-grid{opacity:.15;filter:blur(4px);pointer-events:none}.blog-header{z-index:5;background-color:#f5ede0;justify-content:center;width:100%;padding:clamp(30px,5vw,30px) 0 30px;transition:opacity .3s,filter .3s,transform .4s cubic-bezier(.25,1,.5,1);display:flex;position:fixed;top:0;left:0}.blog-header.is-hidden{transform:translateY(-100%)}.blog-logo{width:clamp(120px,29vw,324px);height:auto;margin-top:1vh;display:block}.blog-grid{z-index:-1;flex-wrap:wrap;justify-content:center;gap:clamp(14px,3vw,32px);width:100%;max-width:900px;padding-top:6%;transition:opacity .3s,filter .3s;display:flex;position:relative}.blog-post-content{color:#1a1a1a;width:100%;max-width:760px;margin:0 auto;padding:0 clamp(24px,5vw,64px) clamp(40px,6vh,80px);font-family:EB Garamond,serif}.blog-post-content h1{color:#d64e2c;margin-top:0;margin-bottom:.2em;font-family:Slackey,cursive;font-size:clamp(24px,4vw,40px);line-height:1.1}.blog-post-hero{border-radius:4px;width:100%;height:auto;margin-bottom:32px}.blog-post-meta{color:#666;align-items:center;gap:16px;margin-bottom:32px;font-size:14px;display:flex}.blog-post-body{font-family:Courier New,Courier,monospace;font-size:clamp(16px,2vw,18px);line-height:1.6}.blog-post-body p{margin-bottom:1.5em}.blog-post-body h2{color:#d64e2c;margin-top:2em;margin-bottom:1em;font-family:Slackey,cursive;font-size:clamp(20px,3vw,28px)}@media (width<=720px){.blog-layout-content{padding-bottom:clamp(100px,18vh,180px);padding-left:clamp(30px,7vw,72px);padding-right:clamp(30px,7vw,72px)}.blog-deco--treeleft{width:clamp(80px,22vw,150px)}.blog-deco--treeright{width:clamp(75px,20vw,140px)}.blog-deco--frameleft{width:clamp(56px,16vw,110px)}.blog-deco--frameright{width:clamp(36px,10vw,72px)}.blog-deco--lilly{width:clamp(76px,17vw,140px);left:clamp(46px,13vw,120px)}}@media (width<=460px){.blog-layout-content{padding-bottom:130px;padding-left:24px;padding-right:24px}.blog-deco--treeleft{width:85px}.blog-deco--treeright{width:78px}.blog-deco--frameleft{width:56px}.blog-deco--frameright{width:36px}.blog-deco--lilly{width:100px;left:20px}}.blog-modal-overlay{z-index:60;opacity:0;pointer-events:none;background:0 0;justify-content:center;align-items:center;padding:8vh 8vw;display:flex;position:fixed;inset:0}.blog-modal-overlay.is-active{opacity:1;pointer-events:auto}.blog-modal-panel{outline-offset:6px;background:#f5ede0;border:3px solid #fd6244;border-radius:3px 9px 4px 8px/7px 3px 9px 4px;outline:2px solid #fd6244;width:100%;max-width:100%;height:100%;padding:0;position:relative;overflow-y:auto}.blog-modal-overlay.is-active .blog-modal-panel{opacity:1}.blog-modal-close{z-index:10;box-sizing:border-box;cursor:pointer;opacity:1;background:#f5ede0;border:none;justify-content:flex-end;width:100%;padding:16px 16px 8px;transition:opacity .2s;display:flex;position:sticky;top:0}.blog-modal-close img{object-fit:contain;width:32px;height:32px;display:block}.blog-modal-close:hover{opacity:1}