/* Version 4: a shared visual language for the approved homepage and article mockups. */
.motif{background-image:url("../images/field-notes-doodle-sprite-v4.png");background-size:300% 200%;background-repeat:no-repeat}
.giraffe-doodle{position:absolute;width:300px;height:300px;left:-14px;top:42px;background-position:0 0}.bear-doodle{background-position:50% 0}.balloon-doodle{position:absolute;width:184px;height:184px;right:-14px;bottom:36px;background-position:100% 0;transform:rotate(-5deg)}.building-doodle{background-position:0 100%}.landscape-doodle{width:144px;height:144px;margin:-14px 0 6px -18px;background-position:50% 100%}.monster-doodle{width:178px;height:178px;margin:-16px 0 -8px -22px;background-position:100% 100%}
.illustrated-note{position:relative;overflow:hidden;background:#fffdf5!important;background-image:none!important;box-shadow:9px 10px 0 #aa8a5122}.illustrated-note:before{width:84px;height:25px;top:-13px;left:18%;background:#caa45baa;transform:rotate(-9deg)}.illustrated-note:after{content:"";position:absolute;width:72px;height:23px;right:10%;bottom:-11px;background:#caa45baa;transform:rotate(12deg)}.home-writing{position:relative}.home-writing>.section-label,.home-writing>.writing-layout{position:relative;z-index:1}.side-note{position:relative}.side-note .landscape-doodle{display:block;float:none;margin:-8px 0 12px -18px}.elsewhere-preview{position:relative}.elsewhere-preview .monster-doodle{transform:rotate(5deg)}
.post-template{position:relative}.post-template>:not(.article-doodle){position:relative;z-index:1}.article-doodle{position:absolute;z-index:0;opacity:.96;pointer-events:none}.article-giraffe{width:205px;height:205px;left:-200px;top:92px;background-position:0 0}.article-bear{width:180px;height:180px;left:-190px;top:410px;background-position:50% 0}.article-balloons{width:145px;height:145px;left:-175px;top:700px;background-position:100% 0}.article-building{width:190px;height:190px;right:-195px;top:300px;background-position:0 100%}.article-landscape{width:180px;height:180px;right:-185px;top:625px;background-position:50% 100%}.article-monster{width:190px;height:190px;right:-195px;top:900px;background-position:100% 100%}.post-template .margin-note{background:color-mix(in srgb,var(--paper) 86%,transparent)}
@media(max-width:1100px){.home-writing .bear-doodle,.home-writing .building-doodle,.article-doodle{display:none}}@media(max-width:650px){.giraffe-doodle{width:245px;height:245px;top:48px;left:-10px}.balloon-doodle{width:145px;height:145px;right:-12px;bottom:46px}.landscape-doodle{width:118px;height:118px}.monster-doodle{width:145px;height:145px}.illustrated-note figcaption{font-size:15px}.side-note .landscape-doodle{margin-top:-9px}}